@syncfusion/ej2-inputs 32.1.24 → 32.2.5

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 (71) hide show
  1. package/.eslintrc.json +263 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-inputs.min.js +1 -1
  4. package/dist/ej2-inputs.umd.min.js +1 -1
  5. package/dist/global/ej2-inputs.min.js +1 -1
  6. package/dist/global/index.d.ts +1 -1
  7. package/package.json +5 -5
  8. package/styles/bds-lite.css +1 -1
  9. package/styles/bds.css +1 -1
  10. package/styles/bootstrap-dark-lite.css +1 -1
  11. package/styles/bootstrap-dark.css +1 -1
  12. package/styles/bootstrap-lite.css +1 -1
  13. package/styles/bootstrap.css +1 -1
  14. package/styles/bootstrap4-lite.css +1 -1
  15. package/styles/bootstrap4.css +1 -1
  16. package/styles/bootstrap5-dark-lite.css +33 -1
  17. package/styles/bootstrap5-dark.css +53 -1
  18. package/styles/bootstrap5-lite.css +33 -1
  19. package/styles/bootstrap5.3-lite.css +33 -1
  20. package/styles/bootstrap5.3.css +53 -1
  21. package/styles/bootstrap5.css +53 -1
  22. package/styles/fabric-dark-lite.css +1 -1
  23. package/styles/fabric-dark.css +1 -1
  24. package/styles/fabric-lite.css +1 -1
  25. package/styles/fabric.css +1 -1
  26. package/styles/fluent-dark-lite.css +1 -1
  27. package/styles/fluent-dark.css +1 -1
  28. package/styles/fluent-lite.css +1 -1
  29. package/styles/fluent.css +1 -1
  30. package/styles/fluent2-lite.css +1 -1
  31. package/styles/fluent2.css +1 -1
  32. package/styles/highcontrast-light-lite.css +1 -1
  33. package/styles/highcontrast-light.css +1 -1
  34. package/styles/highcontrast-lite.css +1 -1
  35. package/styles/highcontrast.css +1 -1
  36. package/styles/input/_bigger.scss +21 -0
  37. package/styles/input/_layout.scss +34 -0
  38. package/styles/input/bootstrap5-dark.css +52 -0
  39. package/styles/input/bootstrap5.3.css +52 -0
  40. package/styles/input/bootstrap5.css +52 -0
  41. package/styles/material3-dark-lite.css +1 -1
  42. package/styles/material3-dark.css +1 -1
  43. package/styles/material3-lite.css +1 -1
  44. package/styles/material3.css +1 -1
  45. package/styles/slider/_layout.scss +1 -6
  46. package/styles/slider/bds.css +1 -1
  47. package/styles/slider/bootstrap-dark.css +1 -1
  48. package/styles/slider/bootstrap.css +1 -1
  49. package/styles/slider/bootstrap4.css +1 -1
  50. package/styles/slider/bootstrap5-dark.css +1 -1
  51. package/styles/slider/bootstrap5.3.css +1 -1
  52. package/styles/slider/bootstrap5.css +1 -1
  53. package/styles/slider/fabric-dark.css +1 -1
  54. package/styles/slider/fabric.css +1 -1
  55. package/styles/slider/fluent-dark.css +1 -1
  56. package/styles/slider/fluent.css +1 -1
  57. package/styles/slider/fluent2.css +1 -1
  58. package/styles/slider/highcontrast-light.css +1 -1
  59. package/styles/slider/highcontrast.css +1 -1
  60. package/styles/slider/material3-dark.css +1 -1
  61. package/styles/slider/material3.css +1 -1
  62. package/styles/slider/tailwind-dark.css +1 -1
  63. package/styles/slider/tailwind.css +1 -1
  64. package/styles/slider/tailwind3.css +1 -1
  65. package/styles/tailwind-dark-lite.css +1 -1
  66. package/styles/tailwind-dark.css +1 -1
  67. package/styles/tailwind-lite.css +1 -1
  68. package/styles/tailwind.css +1 -1
  69. package/styles/tailwind3-lite.css +1 -1
  70. package/styles/tailwind3.css +1 -1
  71. package/tslint.json +111 -0
package/styles/bootstrap5.3-lite.css CHANGED
@@ -894,6 +894,18 @@ label.e-float-text,
894
894
  transform: translate3d(-10px, -36px, 0) scale(1);
895
895
  }
896
896
 
897
+ .e-float-input input ~ label.e-label-top.e-float-text,
898
+ .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
899
+ .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
900
+ .e-float-input input label.e-float-text.e-label-top,
901
+ .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
902
+ .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
903
+ .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
904
+ .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
905
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
906
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
907
+ }
908
+
897
909
  .e-float-input.e-small input:focus ~ label.e-float-text,
898
910
  .e-float-input.e-small input:valid ~ label.e-float-text,
899
911
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -925,6 +937,26 @@ label.e-float-text,
925
937
  transform: translate3d(-10px, -35px, 0) scale(1);
926
938
  }
927
939
 
940
+ .e-float-input.e-small input ~ label.e-label-top.e-float-text,
941
+ .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
942
+ .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
943
+ .e-float-input.e-small input label.e-float-text.e-label-top,
944
+ .e-small .e-float-input input ~ label.e-label-top.e-float-text,
945
+ .e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
946
+ .e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
947
+ .e-small .e-float-input input label.e-float-text.e-label-top,
948
+ .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
949
+ .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
950
+ .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
951
+ .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
952
+ .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
953
+ .e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
954
+ .e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
955
+ .e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
956
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
957
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
958
+ }
959
+
928
960
  .e-float-input.e-small input:focus ~ label.e-float-text,
929
961
  .e-float-input.e-small input:valid ~ label.e-float-text,
930
962
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -4128,7 +4160,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
4128
4160
  background-repeat: repeat-x;
4129
4161
  }
4130
4162
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
4131
- background-position-y: center;
4163
+ background-position-y: top;
4132
4164
  }
4133
4165
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
4134
4166
  background-position-y: bottom;
package/styles/bootstrap5.3.css CHANGED
@@ -894,6 +894,18 @@ label.e-float-text,
894
894
  transform: translate3d(-10px, -36px, 0) scale(1);
895
895
  }
896
896
 
897
+ .e-float-input input ~ label.e-label-top.e-float-text,
898
+ .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
899
+ .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
900
+ .e-float-input input label.e-float-text.e-label-top,
901
+ .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
902
+ .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
903
+ .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
904
+ .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
905
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
906
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
907
+ }
908
+
897
909
  .e-float-input.e-small input:focus ~ label.e-float-text,
898
910
  .e-float-input.e-small input:valid ~ label.e-float-text,
899
911
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -925,6 +937,26 @@ label.e-float-text,
925
937
  transform: translate3d(-10px, -35px, 0) scale(1);
926
938
  }
927
939
 
940
+ .e-float-input.e-small input ~ label.e-label-top.e-float-text,
941
+ .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
942
+ .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
943
+ .e-float-input.e-small input label.e-float-text.e-label-top,
944
+ .e-small .e-float-input input ~ label.e-label-top.e-float-text,
945
+ .e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
946
+ .e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
947
+ .e-small .e-float-input input label.e-float-text.e-label-top,
948
+ .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
949
+ .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
950
+ .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
951
+ .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
952
+ .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
953
+ .e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
954
+ .e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
955
+ .e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
956
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
957
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
958
+ }
959
+
928
960
  .e-float-input.e-small input:focus ~ label.e-float-text,
929
961
  .e-float-input.e-small input:valid ~ label.e-float-text,
930
962
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -3490,6 +3522,26 @@ textarea.e-input.e-bigger.e-small,
3490
3522
  transform: translate3d(-10px, -39px, 0) scale(1);
3491
3523
  }
3492
3524
 
3525
+ .e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
3526
+ .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
3527
+ .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
3528
+ .e-float-input.e-bigger input label.e-float-text.e-label-top,
3529
+ .e-bigger .e-float-input input ~ label.e-label-top.e-float-text,
3530
+ .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
3531
+ .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
3532
+ .e-bigger .e-float-input input label.e-float-text.e-label-top,
3533
+ .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
3534
+ .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
3535
+ .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
3536
+ .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top,
3537
+ .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
3538
+ .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
3539
+ .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
3540
+ .e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
3541
+ -webkit-transform: translate3d(-10px, -39px, 0) scale(1) !important;
3542
+ transform: translate3d(-10px, -39px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
3543
+ }
3544
+
3493
3545
  .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
3494
3546
  .e-float-input.e-bigger.e-small input:valid ~ label.e-float-text,
3495
3547
  .e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text,
@@ -6483,7 +6535,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
6483
6535
  background-repeat: repeat-x;
6484
6536
  }
6485
6537
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
6486
- background-position-y: center;
6538
+ background-position-y: top;
6487
6539
  }
6488
6540
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
6489
6541
  background-position-y: bottom;
package/styles/bootstrap5.css CHANGED
@@ -558,6 +558,18 @@ label.e-float-text,
558
558
  transform: translate3d(-10px, -36px, 0) scale(1);
559
559
  }
560
560
 
561
+ .e-float-input input ~ label.e-label-top.e-float-text,
562
+ .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
563
+ .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
564
+ .e-float-input input label.e-float-text.e-label-top,
565
+ .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
566
+ .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
567
+ .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
568
+ .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
569
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
570
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
571
+ }
572
+
561
573
  .e-float-input.e-small input:focus ~ label.e-float-text,
562
574
  .e-float-input.e-small input:valid ~ label.e-float-text,
563
575
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -589,6 +601,26 @@ label.e-float-text,
589
601
  transform: translate3d(-10px, -35px, 0) scale(1);
590
602
  }
591
603
 
604
+ .e-float-input.e-small input ~ label.e-label-top.e-float-text,
605
+ .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
606
+ .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
607
+ .e-float-input.e-small input label.e-float-text.e-label-top,
608
+ .e-small .e-float-input input ~ label.e-label-top.e-float-text,
609
+ .e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
610
+ .e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
611
+ .e-small .e-float-input input label.e-float-text.e-label-top,
612
+ .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
613
+ .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
614
+ .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
615
+ .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
616
+ .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
617
+ .e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
618
+ .e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
619
+ .e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
620
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
621
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
622
+ }
623
+
592
624
  .e-float-input.e-small input:focus ~ label.e-float-text,
593
625
  .e-float-input.e-small input:valid ~ label.e-float-text,
594
626
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -2988,6 +3020,26 @@ textarea.e-input.e-bigger.e-small,
2988
3020
  transform: translate3d(-10px, -39px, 0) scale(1);
2989
3021
  }
2990
3022
 
3023
+ .e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
3024
+ .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
3025
+ .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
3026
+ .e-float-input.e-bigger input label.e-float-text.e-label-top,
3027
+ .e-bigger .e-float-input input ~ label.e-label-top.e-float-text,
3028
+ .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
3029
+ .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
3030
+ .e-bigger .e-float-input input label.e-float-text.e-label-top,
3031
+ .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
3032
+ .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
3033
+ .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
3034
+ .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top,
3035
+ .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
3036
+ .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
3037
+ .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
3038
+ .e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
3039
+ -webkit-transform: translate3d(-10px, -39px, 0) scale(1) !important;
3040
+ transform: translate3d(-10px, -39px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
3041
+ }
3042
+
2991
3043
  .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
2992
3044
  .e-float-input.e-bigger.e-small input:valid ~ label.e-float-text,
2993
3045
  .e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text,
@@ -5225,7 +5277,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
5225
5277
  background-repeat: repeat-x;
5226
5278
  }
5227
5279
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
5228
- background-position-y: center;
5280
+ background-position-y: top;
5229
5281
  }
5230
5282
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5231
5283
  background-position-y: bottom;
package/styles/fabric-dark-lite.css CHANGED
@@ -3095,7 +3095,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
3095
3095
  background-repeat: repeat-x;
3096
3096
  }
3097
3097
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
3098
- background-position-y: center;
3098
+ background-position-y: top;
3099
3099
  }
3100
3100
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
3101
3101
  background-position-y: bottom;
package/styles/fabric-dark.css CHANGED
@@ -5045,7 +5045,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
5045
5045
  background-repeat: repeat-x;
5046
5046
  }
5047
5047
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
5048
- background-position-y: center;
5048
+ background-position-y: top;
5049
5049
  }
5050
5050
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5051
5051
  background-position-y: bottom;
package/styles/fabric-lite.css CHANGED
@@ -3095,7 +3095,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
3095
3095
  background-repeat: repeat-x;
3096
3096
  }
3097
3097
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
3098
- background-position-y: center;
3098
+ background-position-y: top;
3099
3099
  }
3100
3100
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
3101
3101
  background-position-y: bottom;
package/styles/fabric.css CHANGED
@@ -5045,7 +5045,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
5045
5045
  background-repeat: repeat-x;
5046
5046
  }
5047
5047
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
5048
- background-position-y: center;
5048
+ background-position-y: top;
5049
5049
  }
5050
5050
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5051
5051
  background-position-y: bottom;
package/styles/fluent-dark-lite.css CHANGED
@@ -3135,7 +3135,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
3135
3135
  background-repeat: repeat-x;
3136
3136
  }
3137
3137
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
3138
- background-position-y: center;
3138
+ background-position-y: top;
3139
3139
  }
3140
3140
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
3141
3141
  background-position-y: bottom;
package/styles/fluent-dark.css CHANGED
@@ -5104,7 +5104,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
5104
5104
  background-repeat: repeat-x;
5105
5105
  }
5106
5106
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
5107
- background-position-y: center;
5107
+ background-position-y: top;
5108
5108
  }
5109
5109
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5110
5110
  background-position-y: bottom;
package/styles/fluent-lite.css CHANGED
@@ -3135,7 +3135,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
3135
3135
  background-repeat: repeat-x;
3136
3136
  }
3137
3137
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
3138
- background-position-y: center;
3138
+ background-position-y: top;
3139
3139
  }
3140
3140
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
3141
3141
  background-position-y: bottom;
package/styles/fluent.css CHANGED
@@ -5104,7 +5104,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
5104
5104
  background-repeat: repeat-x;
5105
5105
  }
5106
5106
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
5107
- background-position-y: center;
5107
+ background-position-y: top;
5108
5108
  }
5109
5109
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5110
5110
  background-position-y: bottom;
package/styles/fluent2-lite.css CHANGED
@@ -7296,7 +7296,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
7296
7296
  background-repeat: repeat-x;
7297
7297
  }
7298
7298
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
7299
- background-position-y: center;
7299
+ background-position-y: top;
7300
7300
  }
7301
7301
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
7302
7302
  background-position-y: bottom;
package/styles/fluent2.css CHANGED
@@ -12229,7 +12229,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
12229
12229
  background-repeat: repeat-x;
12230
12230
  }
12231
12231
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
12232
- background-position-y: center;
12232
+ background-position-y: top;
12233
12233
  }
12234
12234
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
12235
12235
  background-position-y: bottom;
package/styles/highcontrast-light-lite.css CHANGED
@@ -3269,7 +3269,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
3269
3269
  background-repeat: repeat-x;
3270
3270
  }
3271
3271
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
3272
- background-position-y: center;
3272
+ background-position-y: top;
3273
3273
  }
3274
3274
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
3275
3275
  background-position-y: bottom;
package/styles/highcontrast-light.css CHANGED
@@ -5260,7 +5260,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
5260
5260
  background-repeat: repeat-x;
5261
5261
  }
5262
5262
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
5263
- background-position-y: center;
5263
+ background-position-y: top;
5264
5264
  }
5265
5265
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5266
5266
  background-position-y: bottom;
package/styles/highcontrast-lite.css CHANGED
@@ -3269,7 +3269,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
3269
3269
  background-repeat: repeat-x;
3270
3270
  }
3271
3271
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
3272
- background-position-y: center;
3272
+ background-position-y: top;
3273
3273
  }
3274
3274
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
3275
3275
  background-position-y: bottom;
package/styles/highcontrast.css CHANGED
@@ -5260,7 +5260,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
5260
5260
  background-repeat: repeat-x;
5261
5261
  }
5262
5262
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
5263
- background-position-y: center;
5263
+ background-position-y: top;
5264
5264
  }
5265
5265
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5266
5266
  background-position-y: bottom;
package/styles/input/_bigger.scss CHANGED
@@ -452,6 +452,27 @@
452
452
  }
453
453
  }
454
454
 
455
+ .e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
456
+ .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
457
+ .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
458
+ .e-float-input.e-bigger input label.e-float-text.e-label-top,
459
+ .e-bigger .e-float-input input ~ label.e-label-top.e-float-text,
460
+ .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
461
+ .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
462
+ .e-bigger .e-float-input input label.e-float-text.e-label-top,
463
+ .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
464
+ .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
465
+ .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
466
+ .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top,
467
+ .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
468
+ .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
469
+ .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
470
+ .e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
471
+ @if ($input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap5.3') {
472
+ transform: translate3d(-10px, -39px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
473
+ }
474
+ }
475
+
455
476
  .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
456
477
  .e-float-input.e-bigger.e-small input:valid ~ label.e-float-text,
457
478
  .e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text,
package/styles/input/_layout.scss CHANGED
@@ -774,6 +774,19 @@
774
774
  }
775
775
  }
776
776
 
777
+ .e-float-input input ~ label.e-label-top.e-float-text,
778
+ .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
779
+ .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
780
+ .e-float-input input label.e-float-text.e-label-top,
781
+ .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
782
+ .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
783
+ .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
784
+ .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
785
+ @if ($input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap5.3') {
786
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
787
+ }
788
+ }
789
+
777
790
  .e-float-input.e-small input:focus ~ label.e-float-text,
778
791
  .e-float-input.e-small input:valid ~ label.e-float-text,
779
792
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -830,6 +843,27 @@
830
843
  }
831
844
  }
832
845
 
846
+ .e-float-input.e-small input ~ label.e-label-top.e-float-text,
847
+ .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
848
+ .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
849
+ .e-float-input.e-small input label.e-float-text.e-label-top,
850
+ .e-small .e-float-input input ~ label.e-label-top.e-float-text,
851
+ .e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
852
+ .e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
853
+ .e-small .e-float-input input label.e-float-text.e-label-top,
854
+ .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
855
+ .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
856
+ .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
857
+ .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
858
+ .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
859
+ .e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
860
+ .e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
861
+ .e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
862
+ @if ($input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap5.3') {
863
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
864
+ }
865
+ }
866
+
833
867
  .e-float-input .e-input-in-wrap input:focus ~ label.e-float-text,
834
868
  .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text,
835
869
  .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text,
package/styles/input/bootstrap5-dark.css CHANGED
@@ -548,6 +548,18 @@ label.e-float-text,
548
548
  transform: translate3d(-10px, -36px, 0) scale(1);
549
549
  }
550
550
 
551
+ .e-float-input input ~ label.e-label-top.e-float-text,
552
+ .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
553
+ .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
554
+ .e-float-input input label.e-float-text.e-label-top,
555
+ .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
556
+ .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
557
+ .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
558
+ .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
559
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
560
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
561
+ }
562
+
551
563
  .e-float-input.e-small input:focus ~ label.e-float-text,
552
564
  .e-float-input.e-small input:valid ~ label.e-float-text,
553
565
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -579,6 +591,26 @@ label.e-float-text,
579
591
  transform: translate3d(-10px, -35px, 0) scale(1);
580
592
  }
581
593
 
594
+ .e-float-input.e-small input ~ label.e-label-top.e-float-text,
595
+ .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
596
+ .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
597
+ .e-float-input.e-small input label.e-float-text.e-label-top,
598
+ .e-small .e-float-input input ~ label.e-label-top.e-float-text,
599
+ .e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
600
+ .e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
601
+ .e-small .e-float-input input label.e-float-text.e-label-top,
602
+ .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
603
+ .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
604
+ .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
605
+ .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
606
+ .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
607
+ .e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
608
+ .e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
609
+ .e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
610
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
611
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
582
614
  .e-float-input.e-small input:focus ~ label.e-float-text,
583
615
  .e-float-input.e-small input:valid ~ label.e-float-text,
584
616
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -2978,6 +3010,26 @@ textarea.e-input.e-bigger.e-small,
2978
3010
  transform: translate3d(-10px, -39px, 0) scale(1);
2979
3011
  }
2980
3012
 
3013
+ .e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
3014
+ .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
3015
+ .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
3016
+ .e-float-input.e-bigger input label.e-float-text.e-label-top,
3017
+ .e-bigger .e-float-input input ~ label.e-label-top.e-float-text,
3018
+ .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
3019
+ .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
3020
+ .e-bigger .e-float-input input label.e-float-text.e-label-top,
3021
+ .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
3022
+ .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
3023
+ .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
3024
+ .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top,
3025
+ .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
3026
+ .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
3027
+ .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
3028
+ .e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
3029
+ -webkit-transform: translate3d(-10px, -39px, 0) scale(1) !important;
3030
+ transform: translate3d(-10px, -39px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
3031
+ }
3032
+
2981
3033
  .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
2982
3034
  .e-float-input.e-bigger.e-small input:valid ~ label.e-float-text,
2983
3035
  .e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text,
package/styles/input/bootstrap5.3.css CHANGED
@@ -716,6 +716,18 @@ label.e-float-text,
716
716
  transform: translate3d(-10px, -36px, 0) scale(1);
717
717
  }
718
718
 
719
+ .e-float-input input ~ label.e-label-top.e-float-text,
720
+ .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
721
+ .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
722
+ .e-float-input input label.e-float-text.e-label-top,
723
+ .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
724
+ .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
725
+ .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
726
+ .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
727
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
728
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
729
+ }
730
+
719
731
  .e-float-input.e-small input:focus ~ label.e-float-text,
720
732
  .e-float-input.e-small input:valid ~ label.e-float-text,
721
733
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -747,6 +759,26 @@ label.e-float-text,
747
759
  transform: translate3d(-10px, -35px, 0) scale(1);
748
760
  }
749
761
 
762
+ .e-float-input.e-small input ~ label.e-label-top.e-float-text,
763
+ .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
764
+ .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
765
+ .e-float-input.e-small input label.e-float-text.e-label-top,
766
+ .e-small .e-float-input input ~ label.e-label-top.e-float-text,
767
+ .e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
768
+ .e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
769
+ .e-small .e-float-input input label.e-float-text.e-label-top,
770
+ .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
771
+ .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
772
+ .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
773
+ .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
774
+ .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
775
+ .e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
776
+ .e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
777
+ .e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
778
+ -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
779
+ transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
780
+ }
781
+
750
782
  .e-float-input.e-small input:focus ~ label.e-float-text,
751
783
  .e-float-input.e-small input:valid ~ label.e-float-text,
752
784
  .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -3312,6 +3344,26 @@ textarea.e-input.e-bigger.e-small,
3312
3344
  transform: translate3d(-10px, -39px, 0) scale(1);
3313
3345
  }
3314
3346
 
3347
+ .e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
3348
+ .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
3349
+ .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
3350
+ .e-float-input.e-bigger input label.e-float-text.e-label-top,
3351
+ .e-bigger .e-float-input input ~ label.e-label-top.e-float-text,
3352
+ .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
3353
+ .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
3354
+ .e-bigger .e-float-input input label.e-float-text.e-label-top,
3355
+ .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
3356
+ .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
3357
+ .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
3358
+ .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top,
3359
+ .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
3360
+ .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
3361
+ .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
3362
+ .e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
3363
+ -webkit-transform: translate3d(-10px, -39px, 0) scale(1) !important;
3364
+ transform: translate3d(-10px, -39px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
3365
+ }
3366
+
3315
3367
  .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
3316
3368
  .e-float-input.e-bigger.e-small input:valid ~ label.e-float-text,
3317
3369
  .e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text,