@syncfusion/ej2-vue-inputs 20.1.47 → 20.1.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 (113) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +2 -15
  3. package/dist/ej2-vue-inputs.umd.min.js +2 -2
  4. package/dist/es6/ej2-vue-inputs.es2015.js +16 -146
  5. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-inputs.es5.js +9 -93
  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 +14 -8
  10. package/src/color-picker/colorpicker.component.d.ts +0 -1
  11. package/src/color-picker/colorpicker.component.js +1 -10
  12. package/src/maskedtextbox/maskedtextbox.component.d.ts +0 -1
  13. package/src/maskedtextbox/maskedtextbox.component.js +1 -10
  14. package/src/numerictextbox/numerictextbox.component.d.ts +0 -1
  15. package/src/numerictextbox/numerictextbox.component.js +1 -10
  16. package/src/signature/signature.component.d.ts +0 -1
  17. package/src/signature/signature.component.js +1 -10
  18. package/src/slider/slider.component.d.ts +0 -1
  19. package/src/slider/slider.component.js +1 -10
  20. package/src/textbox/textbox.component.d.ts +0 -1
  21. package/src/textbox/textbox.component.js +1 -10
  22. package/src/uploader/files.directive.d.ts +1 -3
  23. package/src/uploader/files.directive.js +2 -24
  24. package/src/uploader/uploader.component.d.ts +0 -1
  25. package/src/uploader/uploader.component.js +1 -10
  26. package/styles/bootstrap-dark.css +12 -10
  27. package/styles/bootstrap.css +12 -10
  28. package/styles/bootstrap4.css +14 -9
  29. package/styles/bootstrap5-dark.css +57 -118
  30. package/styles/bootstrap5.css +57 -118
  31. package/styles/color-picker/bootstrap5-dark.css +20 -26
  32. package/styles/color-picker/bootstrap5.css +20 -26
  33. package/styles/color-picker/tailwind-dark.css +6 -10
  34. package/styles/color-picker/tailwind.css +6 -10
  35. package/styles/fabric-dark.css +11 -8
  36. package/styles/fabric.css +11 -8
  37. package/styles/highcontrast-light.css +11 -8
  38. package/styles/highcontrast.css +11 -8
  39. package/styles/input/bootstrap-dark.css +8 -8
  40. package/styles/input/bootstrap.css +8 -8
  41. package/styles/input/bootstrap4.css +8 -8
  42. package/styles/input/bootstrap5-dark.css +29 -86
  43. package/styles/input/bootstrap5.css +29 -86
  44. package/styles/input/fabric-dark.css +7 -7
  45. package/styles/input/fabric.css +7 -7
  46. package/styles/input/highcontrast-light.css +7 -7
  47. package/styles/input/highcontrast.css +7 -7
  48. package/styles/input/material-dark.css +7 -7
  49. package/styles/input/material.css +7 -7
  50. package/styles/input/tailwind-dark.css +40 -96
  51. package/styles/input/tailwind.css +40 -96
  52. package/styles/material-dark.css +11 -8
  53. package/styles/material.css +11 -8
  54. package/styles/numerictextbox/tailwind-dark.css +2 -2
  55. package/styles/numerictextbox/tailwind.css +2 -2
  56. package/styles/slider/bootstrap-dark.css +0 -1
  57. package/styles/slider/bootstrap.css +0 -1
  58. package/styles/slider/bootstrap4.css +2 -0
  59. package/styles/slider/bootstrap5-dark.css +4 -5
  60. package/styles/slider/bootstrap5.css +4 -5
  61. package/styles/slider/tailwind-dark.css +5 -9
  62. package/styles/slider/tailwind.css +5 -9
  63. package/styles/tailwind-dark.css +92 -178
  64. package/styles/tailwind.css +92 -178
  65. package/styles/uploader/bootstrap-dark.css +4 -1
  66. package/styles/uploader/bootstrap.css +4 -1
  67. package/styles/uploader/bootstrap4.css +4 -1
  68. package/styles/uploader/bootstrap5-dark.css +4 -1
  69. package/styles/uploader/bootstrap5.css +4 -1
  70. package/styles/uploader/fabric-dark.css +4 -1
  71. package/styles/uploader/fabric.css +4 -1
  72. package/styles/uploader/highcontrast-light.css +4 -1
  73. package/styles/uploader/highcontrast.css +4 -1
  74. package/styles/uploader/material-dark.css +4 -1
  75. package/styles/uploader/material.css +4 -1
  76. package/styles/uploader/tailwind-dark.css +39 -61
  77. package/styles/uploader/tailwind.css +39 -61
  78. package/styles/color-picker/fluent-dark.css +0 -902
  79. package/styles/color-picker/fluent-dark.scss +0 -1
  80. package/styles/color-picker/fluent.css +0 -902
  81. package/styles/color-picker/fluent.scss +0 -1
  82. package/styles/fluent-dark.css +0 -7366
  83. package/styles/fluent-dark.scss +0 -8
  84. package/styles/fluent.css +0 -7366
  85. package/styles/fluent.scss +0 -8
  86. package/styles/input/fluent-dark.css +0 -4595
  87. package/styles/input/fluent-dark.scss +0 -1
  88. package/styles/input/fluent.css +0 -4595
  89. package/styles/input/fluent.scss +0 -1
  90. package/styles/maskedtextbox/fluent-dark.css +0 -26
  91. package/styles/maskedtextbox/fluent-dark.scss +0 -1
  92. package/styles/maskedtextbox/fluent.css +0 -26
  93. package/styles/maskedtextbox/fluent.scss +0 -1
  94. package/styles/numerictextbox/fluent-dark.css +0 -60
  95. package/styles/numerictextbox/fluent-dark.scss +0 -1
  96. package/styles/numerictextbox/fluent.css +0 -60
  97. package/styles/numerictextbox/fluent.scss +0 -1
  98. package/styles/signature/fluent-dark.css +0 -9
  99. package/styles/signature/fluent-dark.scss +0 -1
  100. package/styles/signature/fluent.css +0 -9
  101. package/styles/signature/fluent.scss +0 -1
  102. package/styles/slider/fluent-dark.css +0 -632
  103. package/styles/slider/fluent-dark.scss +0 -1
  104. package/styles/slider/fluent.css +0 -632
  105. package/styles/slider/fluent.scss +0 -1
  106. package/styles/textbox/fluent-dark.css +0 -0
  107. package/styles/textbox/fluent-dark.scss +0 -1
  108. package/styles/textbox/fluent.css +0 -0
  109. package/styles/textbox/fluent.scss +0 -1
  110. package/styles/uploader/fluent-dark.css +0 -1137
  111. package/styles/uploader/fluent-dark.scss +0 -1
  112. package/styles/uploader/fluent.css +0 -1137
  113. package/styles/uploader/fluent.scss +0 -1
package/styles/numerictextbox/tailwind-dark.css CHANGED
@@ -1,11 +1,11 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
2
  .e-input-group-icon.e-spin-up::before {
3
- content: '\e776';
3
+ content: '\e752';
4
4
  font-family: 'e-icons';
5
5
  }
6
6
 
7
7
  .e-input-group-icon.e-spin-down::before {
8
- content: '\e729';
8
+ content: '\e706';
9
9
  font-family: 'e-icons';
10
10
  }
11
11
 
package/styles/numerictextbox/tailwind.css CHANGED
@@ -1,11 +1,11 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
2
  .e-input-group-icon.e-spin-up::before {
3
- content: '\e776';
3
+ content: '\e752';
4
4
  font-family: 'e-icons';
5
5
  }
6
6
 
7
7
  .e-input-group-icon.e-spin-down::before {
8
- content: '\e729';
8
+ content: '\e706';
9
9
  font-family: 'e-icons';
10
10
  }
11
11
 
package/styles/slider/bootstrap-dark.css CHANGED
@@ -537,7 +537,6 @@
537
537
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
538
538
  background-color: #6e6e6e;
539
539
  border: 1px solid #6e6e6e;
540
- border-color: #6e6e6e;
541
540
  }
542
541
 
543
542
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
package/styles/slider/bootstrap.css CHANGED
@@ -537,7 +537,6 @@
537
537
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
538
538
  background-color: #fff;
539
539
  border: 1px solid #ccc;
540
- border-color: #ccc;
541
540
  }
542
541
 
543
542
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
package/styles/slider/bootstrap4.css CHANGED
@@ -103,6 +103,8 @@
103
103
 
104
104
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
105
105
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
106
+ margin-left: -9px;
107
+ top: calc(50% - 9px);
106
108
  margin-left: -8px;
107
109
  top: calc(50% - 8px);
108
110
  }
package/styles/slider/bootstrap5-dark.css CHANGED
@@ -69,12 +69,14 @@
69
69
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-limits {
70
70
  height: 8px;
71
71
  top: calc(50% - 4px);
72
+ border-radius: 4px;
72
73
  }
73
74
 
74
75
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits,
75
76
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-limits {
76
77
  left: calc(50% - 4px);
77
78
  width: 8px;
79
+ border-radius: 4px;
78
80
  }
79
81
 
80
82
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button,
@@ -197,6 +199,8 @@
197
199
 
198
200
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
199
201
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
202
+ margin-left: -9px;
203
+ top: calc(50% - 9px);
200
204
  margin-left: -8px;
201
205
  top: calc(50% - 8px);
202
206
  }
@@ -608,10 +612,6 @@
608
612
  background-position: center center;
609
613
  }
610
614
 
611
- .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
612
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AbHV9/wUNAl7Qm4m+AAAAAElFTkSuQmCC");
613
- }
614
-
615
615
  .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
616
616
  color: #e9ecef;
617
617
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -719,7 +719,6 @@
719
719
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
720
720
  background-color: #0d6efd;
721
721
  border: 1px solid #0d6efd;
722
- border-color: #0d6efd;
723
722
  }
724
723
 
725
724
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
package/styles/slider/bootstrap5.css CHANGED
@@ -69,12 +69,14 @@
69
69
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-limits {
70
70
  height: 8px;
71
71
  top: calc(50% - 4px);
72
+ border-radius: 4px;
72
73
  }
73
74
 
74
75
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits,
75
76
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-limits {
76
77
  left: calc(50% - 4px);
77
78
  width: 8px;
79
+ border-radius: 4px;
78
80
  }
79
81
 
80
82
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button,
@@ -197,6 +199,8 @@
197
199
 
198
200
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
199
201
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
202
+ margin-left: -9px;
203
+ top: calc(50% - 9px);
200
204
  margin-left: -8px;
201
205
  top: calc(50% - 8px);
202
206
  }
@@ -608,10 +612,6 @@
608
612
  background-position: center center;
609
613
  }
610
614
 
611
- .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
612
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AbHV9/wUNAl7Qm4m+AAAAAElFTkSuQmCC");
613
- }
614
-
615
615
  .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
616
616
  color: #343a40;
617
617
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -719,7 +719,6 @@
719
719
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
720
720
  background-color: #0d6efd;
721
721
  border: 1px solid #0d6efd;
722
- border-color: #0d6efd;
723
722
  }
724
723
 
725
724
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
package/styles/slider/tailwind-dark.css CHANGED
@@ -309,9 +309,9 @@
309
309
  }
310
310
 
311
311
  .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before {
312
+ content: '\e761';
312
313
  font-size: 17px;
313
314
  color: #d1d5db;
314
- content: '\e765';
315
315
  }
316
316
 
317
317
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
@@ -321,9 +321,9 @@
321
321
  }
322
322
 
323
323
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before {
324
+ content: '\e707';
324
325
  font-size: 18px;
325
326
  color: #d1d5db;
326
- content: '\e748';
327
327
  }
328
328
 
329
329
  .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
@@ -410,9 +410,9 @@
410
410
  }
411
411
 
412
412
  .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
413
+ content: '\e7b3';
413
414
  font-size: 18px;
414
415
  color: #d1d5db;
415
- content: '\e729';
416
416
  }
417
417
 
418
418
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
@@ -422,9 +422,9 @@
422
422
  }
423
423
 
424
424
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
425
+ content: '\e7a0';
425
426
  font-size: 18px;
426
427
  color: #d1d5db;
427
- content: '\e776';
428
428
  }
429
429
 
430
430
  .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
@@ -443,7 +443,7 @@
443
443
 
444
444
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
445
445
  background-color: rgba(107, 114, 128, 0.75);
446
- left: calc(50%);
446
+ left: calc(50% - 2px);
447
447
  position: absolute;
448
448
  width: 4px;
449
449
  }
@@ -588,10 +588,6 @@
588
588
  background-position: center center;
589
589
  }
590
590
 
591
- .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
592
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC");
593
- }
594
-
595
591
  .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
596
592
  color: #d1d5db;
597
593
  font-family: "Inter";
package/styles/slider/tailwind.css CHANGED
@@ -309,9 +309,9 @@
309
309
  }
310
310
 
311
311
  .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before {
312
+ content: '\e761';
312
313
  font-size: 17px;
313
314
  color: #6b7280;
314
- content: '\e765';
315
315
  }
316
316
 
317
317
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
@@ -321,9 +321,9 @@
321
321
  }
322
322
 
323
323
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before {
324
+ content: '\e707';
324
325
  font-size: 18px;
325
326
  color: #6b7280;
326
- content: '\e748';
327
327
  }
328
328
 
329
329
  .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
@@ -410,9 +410,9 @@
410
410
  }
411
411
 
412
412
  .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
413
+ content: '\e7b3';
413
414
  font-size: 18px;
414
415
  color: #6b7280;
415
- content: '\e729';
416
416
  }
417
417
 
418
418
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
@@ -422,9 +422,9 @@
422
422
  }
423
423
 
424
424
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
425
+ content: '\e7a0';
425
426
  font-size: 18px;
426
427
  color: #6b7280;
427
- content: '\e776';
428
428
  }
429
429
 
430
430
  .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
@@ -443,7 +443,7 @@
443
443
 
444
444
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
445
445
  background-color: rgba(107, 114, 128, 0.75);
446
- left: calc(50%);
446
+ left: calc(50% - 2px);
447
447
  position: absolute;
448
448
  width: 4px;
449
449
  }
@@ -588,10 +588,6 @@
588
588
  background-position: center center;
589
589
  }
590
590
 
591
- .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
592
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC");
593
- }
594
-
595
591
  .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
596
592
  color: #374151;
597
593
  font-family: "Inter";