@syncfusion/ej2-angular-inputs 19.2.60 → 19.3.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 (86) hide show
  1. package/@syncfusion/ej2-angular-inputs.es5.js +1 -1
  2. package/@syncfusion/ej2-angular-inputs.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-inputs.js +1 -1
  4. package/@syncfusion/ej2-angular-inputs.js.map +1 -1
  5. package/CHANGELOG.md +23 -0
  6. package/dist/ej2-angular-inputs.umd.js +2 -2
  7. package/dist/ej2-angular-inputs.umd.js.map +1 -1
  8. package/dist/ej2-angular-inputs.umd.min.js +2 -2
  9. package/dist/ej2-angular-inputs.umd.min.js.map +1 -1
  10. package/ej2-angular-inputs.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/color-picker/colorpicker.component.d.ts +9 -0
  16. package/src/maskedtextbox/maskedtextbox.component.d.ts +5 -0
  17. package/src/numerictextbox/numerictextbox.component.d.ts +5 -0
  18. package/src/slider/slider.component.d.ts +6 -0
  19. package/src/textbox/textbox.component.d.ts +6 -0
  20. package/src/uploader/uploader.component.d.ts +20 -0
  21. package/styles/bootstrap-dark.css +14 -6
  22. package/styles/bootstrap.css +14 -6
  23. package/styles/bootstrap4.css +22 -12
  24. package/styles/bootstrap5-dark.css +7548 -0
  25. package/styles/bootstrap5-dark.scss +7 -0
  26. package/styles/bootstrap5.css +7548 -0
  27. package/styles/bootstrap5.scss +7 -0
  28. package/styles/color-picker/bootstrap5-dark.css +964 -0
  29. package/styles/color-picker/bootstrap5-dark.scss +1 -0
  30. package/styles/color-picker/bootstrap5.css +964 -0
  31. package/styles/color-picker/bootstrap5.scss +1 -0
  32. package/styles/fabric-dark.css +15 -7
  33. package/styles/fabric.css +15 -7
  34. package/styles/highcontrast-light.css +15 -7
  35. package/styles/highcontrast.css +16 -8
  36. package/styles/input/bootstrap-dark.css +12 -3
  37. package/styles/input/bootstrap.css +12 -3
  38. package/styles/input/bootstrap4.css +15 -3
  39. package/styles/input/bootstrap5-dark.css +4670 -0
  40. package/styles/input/bootstrap5-dark.scss +1 -0
  41. package/styles/input/bootstrap5.css +4670 -0
  42. package/styles/input/bootstrap5.scss +1 -0
  43. package/styles/input/fabric-dark.css +12 -3
  44. package/styles/input/fabric.css +13 -4
  45. package/styles/input/highcontrast-light.css +12 -3
  46. package/styles/input/highcontrast.css +13 -4
  47. package/styles/input/material-dark.css +2320 -201
  48. package/styles/input/material.css +12 -3
  49. package/styles/input/tailwind-dark.css +14 -5
  50. package/styles/input/tailwind.css +14 -5
  51. package/styles/maskedtextbox/bootstrap5-dark.css +33 -0
  52. package/styles/maskedtextbox/bootstrap5-dark.scss +1 -0
  53. package/styles/maskedtextbox/bootstrap5.css +33 -0
  54. package/styles/maskedtextbox/bootstrap5.scss +1 -0
  55. package/styles/material-dark.css +2337 -218
  56. package/styles/material.css +14 -5
  57. package/styles/numerictextbox/bootstrap5-dark.css +48 -0
  58. package/styles/numerictextbox/bootstrap5-dark.scss +1 -0
  59. package/styles/numerictextbox/bootstrap5.css +48 -0
  60. package/styles/numerictextbox/bootstrap5.scss +1 -0
  61. package/styles/slider/bootstrap-dark.css +2 -3
  62. package/styles/slider/bootstrap.css +2 -3
  63. package/styles/slider/bootstrap4.css +7 -9
  64. package/styles/slider/bootstrap5-dark.css +749 -0
  65. package/styles/slider/bootstrap5-dark.scss +1 -0
  66. package/styles/slider/bootstrap5.css +749 -0
  67. package/styles/slider/bootstrap5.scss +1 -0
  68. package/styles/slider/fabric-dark.css +3 -4
  69. package/styles/slider/fabric.css +2 -3
  70. package/styles/slider/highcontrast-light.css +3 -4
  71. package/styles/slider/highcontrast.css +3 -4
  72. package/styles/slider/material-dark.css +16 -16
  73. package/styles/slider/material.css +2 -2
  74. package/styles/slider/tailwind-dark.css +9 -8
  75. package/styles/slider/tailwind.css +7 -3
  76. package/styles/tailwind-dark.css +23 -13
  77. package/styles/tailwind.css +21 -8
  78. package/styles/textbox/bootstrap5-dark.css +0 -0
  79. package/styles/textbox/bootstrap5-dark.scss +1 -0
  80. package/styles/textbox/bootstrap5.css +0 -0
  81. package/styles/textbox/bootstrap5.scss +1 -0
  82. package/styles/uploader/bootstrap5-dark.css +1079 -0
  83. package/styles/uploader/bootstrap5-dark.scss +1 -0
  84. package/styles/uploader/bootstrap5.css +1079 -0
  85. package/styles/uploader/bootstrap5.scss +1 -0
  86. package/styles/uploader/material-dark.css +1 -1
package/styles/input/material.css CHANGED
@@ -9584,22 +9584,31 @@ textarea.e-input::-webkit-input-placeholder {
9584
9584
  }
9585
9585
 
9586
9586
  .e-input-group.e-success .e-input-group-icon,
9587
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
9588
+ color: rgba(0, 0, 0, 0.54);
9589
+ }
9590
+
9587
9591
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
9588
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
9589
9592
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
9590
9593
  color: rgba(0, 0, 0, 0.54);
9591
9594
  }
9592
9595
 
9593
9596
  .e-input-group.e-warning .e-input-group-icon,
9597
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
9598
+ color: rgba(0, 0, 0, 0.54);
9599
+ }
9600
+
9594
9601
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
9595
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
9596
9602
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
9597
9603
  color: rgba(0, 0, 0, 0.54);
9598
9604
  }
9599
9605
 
9600
9606
  .e-input-group.e-error .e-input-group-icon,
9607
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
9608
+ color: rgba(0, 0, 0, 0.54);
9609
+ }
9610
+
9601
9611
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
9602
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
9603
9612
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
9604
9613
  color: rgba(0, 0, 0, 0.54);
9605
9614
  }
package/styles/input/tailwind-dark.css CHANGED
@@ -1869,7 +1869,7 @@ input.e-input.e-bigger,
1869
1869
  .e-bigger .e-float-input.e-control-wrapper input,
1870
1870
  .e-bigger .e-float-input.e-control-wrapper input.e-input {
1871
1871
  box-sizing: border-box;
1872
- height: 32px;
1872
+ height: 36px;
1873
1873
  }
1874
1874
 
1875
1875
  .e-float-input.e-bigger:not(.e-input-group) input,
@@ -3581,7 +3581,7 @@ textarea.e-input,
3581
3581
  .e-bigger textarea.e-input,
3582
3582
  input.e-input.e-bigger,
3583
3583
  textarea.e-input.e-bigger {
3584
- min-height: 32px;
3584
+ min-height: 36px;
3585
3585
  }
3586
3586
 
3587
3587
  .e-filled.e-input-group,
@@ -3985,22 +3985,31 @@ textarea.e-input::-webkit-input-placeholder {
3985
3985
  }
3986
3986
 
3987
3987
  .e-input-group.e-success .e-input-group-icon,
3988
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
3989
+ color: #d1d5db;
3990
+ }
3991
+
3988
3992
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
3989
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
3990
3993
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
3991
3994
  color: #d1d5db;
3992
3995
  }
3993
3996
 
3994
3997
  .e-input-group.e-warning .e-input-group-icon,
3998
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
3999
+ color: #d1d5db;
4000
+ }
4001
+
3995
4002
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
3996
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
3997
4003
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
3998
4004
  color: #d1d5db;
3999
4005
  }
4000
4006
 
4001
4007
  .e-input-group.e-error .e-input-group-icon,
4008
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4009
+ color: #d1d5db;
4010
+ }
4011
+
4002
4012
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4003
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4004
4013
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4005
4014
  color: #d1d5db;
4006
4015
  }
package/styles/input/tailwind.css CHANGED
@@ -1869,7 +1869,7 @@ input.e-input.e-bigger,
1869
1869
  .e-bigger .e-float-input.e-control-wrapper input,
1870
1870
  .e-bigger .e-float-input.e-control-wrapper input.e-input {
1871
1871
  box-sizing: border-box;
1872
- height: 32px;
1872
+ height: 36px;
1873
1873
  }
1874
1874
 
1875
1875
  .e-float-input.e-bigger:not(.e-input-group) input,
@@ -3581,7 +3581,7 @@ textarea.e-input,
3581
3581
  .e-bigger textarea.e-input,
3582
3582
  input.e-input.e-bigger,
3583
3583
  textarea.e-input.e-bigger {
3584
- min-height: 32px;
3584
+ min-height: 36px;
3585
3585
  }
3586
3586
 
3587
3587
  .e-filled.e-input-group,
@@ -3985,22 +3985,31 @@ textarea.e-input::-webkit-input-placeholder {
3985
3985
  }
3986
3986
 
3987
3987
  .e-input-group.e-success .e-input-group-icon,
3988
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
3989
+ color: #6b7280;
3990
+ }
3991
+
3988
3992
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
3989
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
3990
3993
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
3991
3994
  color: #6b7280;
3992
3995
  }
3993
3996
 
3994
3997
  .e-input-group.e-warning .e-input-group-icon,
3998
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
3999
+ color: #6b7280;
4000
+ }
4001
+
3995
4002
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
3996
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
3997
4003
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
3998
4004
  color: #6b7280;
3999
4005
  }
4000
4006
 
4001
4007
  .e-input-group.e-error .e-input-group-icon,
4008
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4009
+ color: #6b7280;
4010
+ }
4011
+
4002
4012
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4003
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4004
4013
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4005
4014
  color: #6b7280;
4006
4015
  }
package/styles/maskedtextbox/bootstrap5-dark.css ADDED
@@ -0,0 +1,33 @@
1
+ /*! maskedtextbox layout */
2
+ .e-control-wrapper.e-mask .e-maskedtextbox {
3
+ 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";
4
+ font-size: 14px;
5
+ }
6
+
7
+ .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
8
+ font-size: 16px;
9
+ }
10
+
11
+ .e-control-wrapper.e-mask.e-bigger .e-maskedtextbox {
12
+ font-size: 16px;
13
+ }
14
+
15
+ .e-content-placeholder.e-mask.e-placeholder-mask {
16
+ background-size: 300px 33px;
17
+ min-height: 33px;
18
+ }
19
+
20
+ .e-bigger .e-content-placeholder.e-mask.e-placeholder-mask,
21
+ .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
22
+ background-size: 300px 40px;
23
+ min-height: 40px;
24
+ }
25
+
26
+ /*! maskedtextbox theme */
27
+ .e-control-wrapper.e-mask.e-error .e-maskedtextbox {
28
+ color: #e4606d;
29
+ }
30
+
31
+ .e-utility-mask.e-error {
32
+ color: #e4606d;
33
+ }
package/styles/maskedtextbox/bootstrap5-dark.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-inputs/styles/maskedtextbox/bootstrap5-dark.scss';
package/styles/maskedtextbox/bootstrap5.css ADDED
@@ -0,0 +1,33 @@
1
+ /*! maskedtextbox layout */
2
+ .e-control-wrapper.e-mask .e-maskedtextbox {
3
+ 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";
4
+ font-size: 14px;
5
+ }
6
+
7
+ .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
8
+ font-size: 16px;
9
+ }
10
+
11
+ .e-control-wrapper.e-mask.e-bigger .e-maskedtextbox {
12
+ font-size: 16px;
13
+ }
14
+
15
+ .e-content-placeholder.e-mask.e-placeholder-mask {
16
+ background-size: 300px 33px;
17
+ min-height: 33px;
18
+ }
19
+
20
+ .e-bigger .e-content-placeholder.e-mask.e-placeholder-mask,
21
+ .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
22
+ background-size: 300px 40px;
23
+ min-height: 40px;
24
+ }
25
+
26
+ /*! maskedtextbox theme */
27
+ .e-control-wrapper.e-mask.e-error .e-maskedtextbox {
28
+ color: #dc3545;
29
+ }
30
+
31
+ .e-utility-mask.e-error {
32
+ color: #dc3545;
33
+ }
package/styles/maskedtextbox/bootstrap5.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-inputs/styles/maskedtextbox/bootstrap5.scss';