@syncfusion/ej2-inputs 19.4.47 → 20.1.47

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/CHANGELOG.md +0 -14
  2. package/README.md +16 -3
  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 +31 -37
  6. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es5.js +31 -37
  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/package.json +9 -9
  13. package/src/color-picker/color-picker.js +1 -1
  14. package/src/common/signature-base.d.ts +7 -49
  15. package/src/common/signature-base.js +21 -33
  16. package/src/slider/slider.d.ts +1 -0
  17. package/src/slider/slider.js +5 -2
  18. package/src/uploader/uploader.js +4 -1
  19. package/styles/bootstrap-dark.css +10 -12
  20. package/styles/bootstrap.css +10 -12
  21. package/styles/bootstrap4.css +9 -14
  22. package/styles/bootstrap5-dark.css +118 -57
  23. package/styles/bootstrap5.css +118 -57
  24. package/styles/color-picker/_bootstrap5-definition.scss +10 -10
  25. package/styles/color-picker/_fluent-dark-definition.scss +1 -0
  26. package/styles/color-picker/_fluent-definition.scss +18 -18
  27. package/styles/color-picker/_layout.scss +33 -5
  28. package/styles/color-picker/_tailwind-definition.scss +4 -3
  29. package/styles/color-picker/_theme.scss +1 -1
  30. package/styles/color-picker/bootstrap5-dark.css +26 -20
  31. package/styles/color-picker/bootstrap5.css +26 -20
  32. package/styles/color-picker/fluent-dark.css +902 -0
  33. package/styles/color-picker/fluent-dark.scss +11 -0
  34. package/styles/color-picker/fluent.css +902 -0
  35. package/styles/color-picker/fluent.scss +11 -0
  36. package/styles/color-picker/icons/_fluent-dark.scss +1 -0
  37. package/styles/color-picker/icons/_fluent.scss +1 -1
  38. package/styles/color-picker/icons/_tailwind-dark.scss +3 -2
  39. package/styles/color-picker/icons/_tailwind.scss +3 -2
  40. package/styles/color-picker/tailwind-dark.css +10 -6
  41. package/styles/color-picker/tailwind.css +10 -6
  42. package/styles/fabric-dark.css +8 -11
  43. package/styles/fabric.css +8 -11
  44. package/styles/fluent-dark.css +7366 -0
  45. package/styles/fluent-dark.scss +8 -0
  46. package/styles/fluent.css +7366 -0
  47. package/styles/fluent.scss +8 -0
  48. package/styles/highcontrast-light.css +8 -11
  49. package/styles/highcontrast.css +8 -11
  50. package/styles/input/_bootstrap-dark-definition.scss +1 -0
  51. package/styles/input/_bootstrap-definition.scss +1 -0
  52. package/styles/input/_bootstrap4-definition.scss +1 -0
  53. package/styles/input/_bootstrap5-definition.scss +23 -22
  54. package/styles/input/_fabric-dark-definition.scss +3 -1
  55. package/styles/input/_fabric-definition.scss +2 -1
  56. package/styles/input/_fluent-dark-definition.scss +1 -0
  57. package/styles/input/_fluent-definition.scss +8 -6
  58. package/styles/input/_highcontrast-definition.scss +2 -1
  59. package/styles/input/_highcontrast-light-definition.scss +2 -1
  60. package/styles/input/_layout.scss +186 -22
  61. package/styles/input/_material-dark-definition.scss +1 -0
  62. package/styles/input/_material-definition.scss +2 -1
  63. package/styles/input/_tailwind-definition.scss +18 -17
  64. package/styles/input/_theme.scss +9 -2
  65. package/styles/input/bootstrap-dark.css +8 -8
  66. package/styles/input/bootstrap.css +8 -8
  67. package/styles/input/bootstrap4.css +8 -8
  68. package/styles/input/bootstrap5-dark.css +86 -29
  69. package/styles/input/bootstrap5.css +86 -29
  70. package/styles/input/fabric-dark.css +7 -7
  71. package/styles/input/fabric.css +7 -7
  72. package/styles/input/fluent-dark.css +4595 -0
  73. package/styles/input/fluent-dark.scss +4 -0
  74. package/styles/input/fluent.css +4595 -0
  75. package/styles/input/fluent.scss +4 -0
  76. package/styles/input/highcontrast-light.css +7 -7
  77. package/styles/input/highcontrast.css +7 -7
  78. package/styles/input/icons/_fluent-dark.scss +1 -0
  79. package/styles/input/icons/_fluent.scss +2 -2
  80. package/styles/input/icons/_tailwind.scss +2 -2
  81. package/styles/input/material-dark.css +90 -7
  82. package/styles/input/material.css +90 -7
  83. package/styles/input/tailwind-dark.css +96 -40
  84. package/styles/input/tailwind.css +96 -40
  85. package/styles/maskedtextbox/_fluent-dark-definition.scss +1 -0
  86. package/styles/maskedtextbox/fluent-dark.css +26 -0
  87. package/styles/maskedtextbox/fluent-dark.scss +4 -0
  88. package/styles/maskedtextbox/fluent.css +26 -0
  89. package/styles/maskedtextbox/fluent.scss +4 -0
  90. package/styles/material-dark.css +91 -11
  91. package/styles/material.css +91 -11
  92. package/styles/numerictextbox/_fluent-dark-definition.scss +1 -0
  93. package/styles/numerictextbox/fluent-dark.css +60 -0
  94. package/styles/numerictextbox/fluent-dark.scss +5 -0
  95. package/styles/numerictextbox/fluent.css +60 -0
  96. package/styles/numerictextbox/fluent.scss +5 -0
  97. package/styles/numerictextbox/icons/_fluent-dark.scss +1 -0
  98. package/styles/numerictextbox/icons/_fluent.scss +3 -3
  99. package/styles/numerictextbox/icons/_tailwind.scss +2 -2
  100. package/styles/numerictextbox/tailwind-dark.css +2 -2
  101. package/styles/numerictextbox/tailwind.css +2 -2
  102. package/styles/signature/_fluent-dark-definition.scss +1 -0
  103. package/styles/signature/fluent-dark.css +9 -0
  104. package/styles/signature/fluent-dark.scss +3 -0
  105. package/styles/signature/fluent.css +9 -0
  106. package/styles/signature/fluent.scss +3 -0
  107. package/styles/slider/_fluent-dark-definition.scss +1 -0
  108. package/styles/slider/_fluent-definition.scss +46 -66
  109. package/styles/slider/_layout.scss +152 -51
  110. package/styles/slider/_tailwind-definition.scss +1 -1
  111. package/styles/slider/_theme.scss +14 -8
  112. package/styles/slider/bootstrap-dark.css +1 -0
  113. package/styles/slider/bootstrap.css +1 -0
  114. package/styles/slider/bootstrap4.css +0 -2
  115. package/styles/slider/bootstrap5-dark.css +5 -4
  116. package/styles/slider/bootstrap5.css +5 -4
  117. package/styles/slider/fluent-dark.css +632 -0
  118. package/styles/slider/fluent-dark.scss +5 -0
  119. package/styles/slider/fluent.css +632 -0
  120. package/styles/slider/fluent.scss +5 -0
  121. package/styles/slider/tailwind-dark.css +9 -5
  122. package/styles/slider/tailwind.css +9 -5
  123. package/styles/tailwind-dark.css +178 -92
  124. package/styles/tailwind.css +178 -92
  125. package/styles/textbox/_fluent-dark-definition.scss +1 -0
  126. package/styles/textbox/fluent-dark.css +0 -0
  127. package/styles/textbox/fluent-dark.scss +4 -0
  128. package/styles/textbox/fluent.css +0 -0
  129. package/styles/textbox/fluent.scss +4 -0
  130. package/styles/uploader/_fluent-dark-definition.scss +1 -0
  131. package/styles/uploader/_layout.scss +11 -0
  132. package/styles/uploader/_tailwind-definition.scss +29 -14
  133. package/styles/uploader/_theme.scss +25 -2
  134. package/styles/uploader/bootstrap-dark.css +1 -4
  135. package/styles/uploader/bootstrap.css +1 -4
  136. package/styles/uploader/bootstrap4.css +1 -4
  137. package/styles/uploader/bootstrap5-dark.css +1 -4
  138. package/styles/uploader/bootstrap5.css +1 -4
  139. package/styles/uploader/fabric-dark.css +1 -4
  140. package/styles/uploader/fabric.css +1 -4
  141. package/styles/uploader/fluent-dark.css +1137 -0
  142. package/styles/uploader/fluent-dark.scss +6 -0
  143. package/styles/uploader/fluent.css +1137 -0
  144. package/styles/uploader/fluent.scss +6 -0
  145. package/styles/uploader/highcontrast-light.css +1 -4
  146. package/styles/uploader/highcontrast.css +1 -4
  147. package/styles/uploader/icons/_fluent-dark.scss +1 -0
  148. package/styles/uploader/icons/_fluent.scss +7 -7
  149. package/styles/uploader/icons/_tailwind.scss +7 -8
  150. package/styles/uploader/material-dark.css +1 -4
  151. package/styles/uploader/material.css +1 -4
  152. package/styles/uploader/tailwind-dark.css +61 -39
  153. package/styles/uploader/tailwind.css +61 -39
package/styles/color-picker/fluent.scss ADDED
@@ -0,0 +1,11 @@
1
+ @import 'ej2-base/styles/fluent-definition.scss';
2
+ @import 'ej2-buttons/styles/button/fluent-definition.scss';
3
+ @import 'ej2-popups/styles/popup/fluent-definition.scss';
4
+ @import 'ej2-splitbuttons/styles/split-button/fluent-definition.scss';
5
+ @import './../input/fluent-definition.scss';
6
+ @import './../numerictextbox/fluent-definition.scss';
7
+ @import './../slider/fluent-definition.scss';
8
+ @import 'ej2-popups/styles/tooltip/fluent-definition.scss';
9
+ @import 'fluent-definition.scss';
10
+ @import 'icons/fluent.scss';
11
+ @import 'all.scss';
package/styles/color-picker/icons/_fluent-dark.scss ADDED
@@ -0,0 +1 @@
1
+ @import './fluent.scss';
package/styles/color-picker/icons/_fluent.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  .e-container {
3
3
  & .e-value-switch-btn {
4
4
  &::before {
5
- content: '\e7c2';
5
+ content: '\e748';
6
6
  }
7
7
  }
8
8
  }
package/styles/color-picker/icons/_tailwind-dark.scss CHANGED
@@ -2,8 +2,9 @@
2
2
  .e-container {
3
3
  & .e-value-switch-btn {
4
4
  &::before {
5
- content: '\e7b7';
5
+ content: '\e748';
6
+ }
6
7
  }
7
8
  }
8
9
  }
9
- }
10
+
package/styles/color-picker/icons/_tailwind.scss CHANGED
@@ -2,8 +2,9 @@
2
2
  .e-container {
3
3
  & .e-value-switch-btn {
4
4
  &::before {
5
- content: '\e7b7';
5
+ content: '\e748';
6
+ }
6
7
  }
7
8
  }
8
9
  }
9
- }
10
+
package/styles/color-picker/tailwind-dark.css CHANGED
@@ -1,6 +1,6 @@
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-container .e-value-switch-btn::before {
3
- content: '\e7b7';
3
+ content: '\e748';
4
4
  }
5
5
 
6
6
  .e-colorpicker-wrapper,
@@ -344,7 +344,7 @@ body.e-colorpicker-overflow {
344
344
  position: relative;
345
345
  top: 0;
346
346
  width: 13.45%;
347
- height: 38px;
347
+ height: 36px;
348
348
  }
349
349
 
350
350
  .e-container .e-slider-preview .e-preview-container .e-preview {
@@ -369,7 +369,7 @@ body.e-colorpicker-overflow {
369
369
  align-items: center;
370
370
  display: -ms-flexbox;
371
371
  display: flex;
372
- padding: 0 8px 12px 9px;
372
+ padding: 0 8px 12px 8px;
373
373
  -webkit-user-select: none;
374
374
  -ms-user-select: none;
375
375
  user-select: none;
@@ -616,6 +616,10 @@ body.e-colorpicker-overflow {
616
616
  height: 38px;
617
617
  }
618
618
 
619
+ .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn {
620
+ padding: 12px 16px;
621
+ }
622
+
619
623
  .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn .e-mode-switch-btn {
620
624
  height: 38px;
621
625
  }
@@ -662,9 +666,9 @@ body.e-colorpicker-overflow {
662
666
 
663
667
  .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
664
668
  border-radius: 10px;
665
- height: 13px;
666
- top: calc(76% - 8px);
667
- width: 13px;
669
+ height: 16px;
670
+ top: calc(77% - 10px);
671
+ width: 16px;
668
672
  }
669
673
 
670
674
  .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn {
package/styles/color-picker/tailwind.css CHANGED
@@ -1,6 +1,6 @@
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-container .e-value-switch-btn::before {
3
- content: '\e7b7';
3
+ content: '\e748';
4
4
  }
5
5
 
6
6
  .e-colorpicker-wrapper,
@@ -344,7 +344,7 @@ body.e-colorpicker-overflow {
344
344
  position: relative;
345
345
  top: 0;
346
346
  width: 13.45%;
347
- height: 38px;
347
+ height: 36px;
348
348
  }
349
349
 
350
350
  .e-container .e-slider-preview .e-preview-container .e-preview {
@@ -369,7 +369,7 @@ body.e-colorpicker-overflow {
369
369
  align-items: center;
370
370
  display: -ms-flexbox;
371
371
  display: flex;
372
- padding: 0 8px 12px 9px;
372
+ padding: 0 8px 12px 8px;
373
373
  -webkit-user-select: none;
374
374
  -ms-user-select: none;
375
375
  user-select: none;
@@ -616,6 +616,10 @@ body.e-colorpicker-overflow {
616
616
  height: 38px;
617
617
  }
618
618
 
619
+ .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn {
620
+ padding: 12px 16px;
621
+ }
622
+
619
623
  .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn .e-mode-switch-btn {
620
624
  height: 38px;
621
625
  }
@@ -662,9 +666,9 @@ body.e-colorpicker-overflow {
662
666
 
663
667
  .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
664
668
  border-radius: 10px;
665
- height: 13px;
666
- top: calc(76% - 8px);
667
- width: 13px;
669
+ height: 16px;
670
+ top: calc(77% - 10px);
671
+ width: 16px;
668
672
  }
669
673
 
670
674
  .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn {
package/styles/fabric-dark.css CHANGED
@@ -162,11 +162,7 @@ textarea.e-input.e-bigger,
162
162
  .e-input-group.e-bigger,
163
163
  .e-bigger .e-input-group,
164
164
  .e-input-group.e-control-wrapper.e-bigger,
165
- .e-bigger .e-input-group.e-control-wrapper,
166
- .e-input-group.e-bigger.e-disabled,
167
- .e-bigger .e-input-group.e-disabled,
168
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
169
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
165
+ .e-bigger .e-input-group.e-control-wrapper {
170
166
  font-size: 15px;
171
167
  }
172
168
 
@@ -498,8 +494,8 @@ textarea.e-input.e-small,
498
494
  .e-input-group.e-small .e-input-group-icon.e-bigger,
499
495
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
500
496
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
501
- .e-small .e-bigger.e-input-group .e-input-group-icon,
502
- .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
497
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
498
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
503
499
  .e-bigger .e-input-group.e-small .e-input-group-icon,
504
500
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
505
501
  font-size: 12px;
@@ -2735,6 +2731,10 @@ textarea.e-input.e-bigger.e-small,
2735
2731
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2736
2732
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2737
2733
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2734
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2735
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2736
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2737
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2738
2738
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2739
2739
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2740
2740
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -6218,6 +6218,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
6218
6218
 
6219
6219
  .e-upload .e-file-drop {
6220
6220
  color: #dadada;
6221
+ vertical-align: middle;
6221
6222
  }
6222
6223
 
6223
6224
  .e-upload .e-upload-files {
@@ -6307,10 +6308,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
6307
6308
  box-shadow: 0 0 0 transparent;
6308
6309
  }
6309
6310
 
6310
- .e-upload-drag-hover {
6311
- outline: 2px dashed #0074cc;
6312
- }
6313
-
6314
6311
  .e-container .e-value-switch-btn::before {
6315
6312
  content: '\e429';
6316
6313
  }
package/styles/fabric.css CHANGED
@@ -162,11 +162,7 @@ textarea.e-input.e-bigger,
162
162
  .e-input-group.e-bigger,
163
163
  .e-bigger .e-input-group,
164
164
  .e-input-group.e-control-wrapper.e-bigger,
165
- .e-bigger .e-input-group.e-control-wrapper,
166
- .e-input-group.e-bigger.e-disabled,
167
- .e-bigger .e-input-group.e-disabled,
168
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
169
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
165
+ .e-bigger .e-input-group.e-control-wrapper {
170
166
  font-size: 15px;
171
167
  }
172
168
 
@@ -498,8 +494,8 @@ textarea.e-input.e-small,
498
494
  .e-input-group.e-small .e-input-group-icon.e-bigger,
499
495
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
500
496
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
501
- .e-small .e-bigger.e-input-group .e-input-group-icon,
502
- .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
497
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
498
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
503
499
  .e-bigger .e-input-group.e-small .e-input-group-icon,
504
500
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
505
501
  font-size: 12px;
@@ -2735,6 +2731,10 @@ textarea.e-input.e-bigger.e-small,
2735
2731
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2736
2732
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2737
2733
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2734
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2735
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2736
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2737
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2738
2738
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2739
2739
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2740
2740
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -6218,6 +6218,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
6218
6218
 
6219
6219
  .e-upload .e-file-drop {
6220
6220
  color: #333;
6221
+ vertical-align: middle;
6221
6222
  }
6222
6223
 
6223
6224
  .e-upload .e-upload-files {
@@ -6307,10 +6308,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
6307
6308
  box-shadow: 0 0 0 transparent;
6308
6309
  }
6309
6310
 
6310
- .e-upload-drag-hover {
6311
- outline: 2px dashed #0078d6;
6312
- }
6313
-
6314
6311
  .e-container .e-value-switch-btn::before {
6315
6312
  content: '\e429';
6316
6313
  }