@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/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
  }
@@ -12868,11 +12877,11 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
12868
12877
  }
12869
12878
 
12870
12879
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
12871
- cursor: ew-resize;
12880
+ cursor: pointer;
12872
12881
  }
12873
12882
 
12874
12883
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
12875
- cursor: ns-resize;
12884
+ cursor: pointer;
12876
12885
  }
12877
12886
 
12878
12887
  .e-control-wrapper.e-slider-container .e-slider {
package/styles/numerictextbox/bootstrap5-dark.css ADDED
@@ -0,0 +1,48 @@
1
+ .e-input-group-icon.e-spin-up::before {
2
+ content: '\e776';
3
+ font-family: 'e-icons';
4
+ }
5
+
6
+ .e-input-group-icon.e-spin-down::before {
7
+ content: '\e729';
8
+ font-family: 'e-icons';
9
+ }
10
+
11
+ .e-numeric-container {
12
+ width: 100%;
13
+ }
14
+
15
+ .e-content-placeholder.e-numeric.e-placeholder-numeric {
16
+ background-size: 300px 33px;
17
+ min-height: 33px;
18
+ }
19
+
20
+ .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
21
+ .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
22
+ background-size: 300px 40px;
23
+ min-height: 40px;
24
+ }
25
+
26
+ .e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
27
+ .e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
28
+ .e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
29
+ .e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
30
+ .e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
31
+ .e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
32
+ border: 0;
33
+ height: 0;
34
+ margin: 0;
35
+ padding: 0;
36
+ text-indent: 0;
37
+ visibility: hidden;
38
+ width: 0;
39
+ }
40
+
41
+ .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
42
+ font-size: 14px;
43
+ }
44
+
45
+ .e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
46
+ .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
47
+ font-size: 16px;
48
+ }
package/styles/numerictextbox/bootstrap5-dark.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark.scss';
package/styles/numerictextbox/bootstrap5.css ADDED
@@ -0,0 +1,48 @@
1
+ .e-input-group-icon.e-spin-up::before {
2
+ content: '\e776';
3
+ font-family: 'e-icons';
4
+ }
5
+
6
+ .e-input-group-icon.e-spin-down::before {
7
+ content: '\e729';
8
+ font-family: 'e-icons';
9
+ }
10
+
11
+ .e-numeric-container {
12
+ width: 100%;
13
+ }
14
+
15
+ .e-content-placeholder.e-numeric.e-placeholder-numeric {
16
+ background-size: 300px 33px;
17
+ min-height: 33px;
18
+ }
19
+
20
+ .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
21
+ .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
22
+ background-size: 300px 40px;
23
+ min-height: 40px;
24
+ }
25
+
26
+ .e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
27
+ .e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
28
+ .e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
29
+ .e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
30
+ .e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
31
+ .e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
32
+ border: 0;
33
+ height: 0;
34
+ margin: 0;
35
+ padding: 0;
36
+ text-indent: 0;
37
+ visibility: hidden;
38
+ width: 0;
39
+ }
40
+
41
+ .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
42
+ font-size: 14px;
43
+ }
44
+
45
+ .e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
46
+ .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
47
+ font-size: 16px;
48
+ }
package/styles/numerictextbox/bootstrap5.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-inputs/styles/numerictextbox/bootstrap5.scss';
package/styles/slider/bootstrap-dark.css CHANGED
@@ -292,11 +292,11 @@
292
292
  }
293
293
 
294
294
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
295
- cursor: ew-resize;
295
+ cursor: pointer;
296
296
  }
297
297
 
298
298
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
299
- cursor: ns-resize;
299
+ cursor: pointer;
300
300
  }
301
301
 
302
302
  .e-control-wrapper.e-slider-container .e-slider {
@@ -454,7 +454,6 @@
454
454
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
455
455
  background-position-y: bottom;
456
456
  margin-top: 2px;
457
- margin-top: 3px;
458
457
  }
459
458
 
460
459
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
package/styles/slider/bootstrap.css CHANGED
@@ -292,11 +292,11 @@
292
292
  }
293
293
 
294
294
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
295
- cursor: ew-resize;
295
+ cursor: pointer;
296
296
  }
297
297
 
298
298
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
299
- cursor: ns-resize;
299
+ cursor: pointer;
300
300
  }
301
301
 
302
302
  .e-control-wrapper.e-slider-container .e-slider {
@@ -454,7 +454,6 @@
454
454
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
455
455
  background-position-y: bottom;
456
456
  margin-top: 2px;
457
- margin-top: 3px;
458
457
  }
459
458
 
460
459
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
package/styles/slider/bootstrap4.css CHANGED
@@ -47,11 +47,8 @@
47
47
  }
48
48
 
49
49
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button,
50
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button {
51
- margin-right: -9px;
52
- }
53
-
54
50
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button,
51
+ .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button,
55
52
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button {
56
53
  margin-right: -9px;
57
54
  }
@@ -276,10 +273,10 @@
276
273
  left: 0;
277
274
  position: absolute;
278
275
  width: 100%;
276
+ top: calc(50% - 3px);
279
277
  background: #dee2e6;
280
278
  border-radius: 6px;
281
279
  overflow: hidden;
282
- top: calc(50% - 3px);
283
280
  }
284
281
 
285
282
  .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
@@ -322,10 +319,10 @@
322
319
  bottom: 0;
323
320
  height: 100%;
324
321
  position: absolute;
325
- border-radius: 6px;
326
322
  left: calc(50% - 3px);
327
323
  overflow: hidden;
328
324
  width: 6px;
325
+ border-radius: 6px;
329
326
  }
330
327
 
331
328
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
@@ -402,11 +399,11 @@
402
399
  }
403
400
 
404
401
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
405
- cursor: ew-resize;
402
+ cursor: pointer;
406
403
  }
407
404
 
408
405
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
409
- cursor: ns-resize;
406
+ cursor: pointer;
410
407
  }
411
408
 
412
409
  .e-control-wrapper.e-slider-container .e-slider {
@@ -505,6 +502,8 @@
505
502
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
506
503
  left: 3px;
507
504
  width: calc(100% - 6px);
505
+ left: 1px;
506
+ width: 26px;
508
507
  }
509
508
 
510
509
  .e-control-wrapper.e-slider-container .e-scale {
@@ -571,7 +570,6 @@
571
570
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
572
571
  background-position-y: bottom;
573
572
  margin-top: 2px;
574
- margin-top: 3px;
575
573
  }
576
574
 
577
575
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {