@syncfusion/ej2-inputs 20.4.40 → 20.4.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 (82) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/README.md +1 -1
  3. package/dist/ej2-inputs.min.js +2 -2
  4. package/dist/ej2-inputs.umd.min.js +2 -2
  5. package/dist/ej2-inputs.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-inputs.es2015.js +60 -39
  7. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  8. package/dist/es6/ej2-inputs.es5.js +61 -39
  9. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  10. package/dist/global/ej2-inputs.min.js +2 -2
  11. package/dist/global/ej2-inputs.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +9 -9
  14. package/src/common/signature-base.js +2 -0
  15. package/src/rating/rating-model.d.ts +57 -41
  16. package/src/rating/rating.d.ts +88 -56
  17. package/src/rating/rating.js +52 -32
  18. package/src/uploader/uploader.js +8 -8
  19. package/styles/bootstrap-dark.css +5 -0
  20. package/styles/bootstrap.css +5 -0
  21. package/styles/bootstrap4.css +5 -0
  22. package/styles/bootstrap5-dark.css +5 -0
  23. package/styles/bootstrap5.css +5 -0
  24. package/styles/color-picker/_layout.scss +14 -0
  25. package/styles/color-picker/fluent-dark.css +6 -0
  26. package/styles/color-picker/fluent.css +6 -0
  27. package/styles/fabric-dark.css +5 -0
  28. package/styles/fabric.css +5 -0
  29. package/styles/fluent-dark.css +12 -1
  30. package/styles/fluent.css +12 -1
  31. package/styles/highcontrast-light.css +5 -0
  32. package/styles/highcontrast.css +5 -0
  33. package/styles/input/_layout.scss +1 -0
  34. package/styles/input/bootstrap-dark.css +1 -0
  35. package/styles/input/bootstrap.css +1 -0
  36. package/styles/input/bootstrap4.css +1 -0
  37. package/styles/input/bootstrap5-dark.css +1 -0
  38. package/styles/input/bootstrap5.css +1 -0
  39. package/styles/input/fabric-dark.css +1 -0
  40. package/styles/input/fabric.css +1 -0
  41. package/styles/input/fluent-dark.css +1 -0
  42. package/styles/input/fluent.css +1 -0
  43. package/styles/input/highcontrast-light.css +1 -0
  44. package/styles/input/highcontrast.css +1 -0
  45. package/styles/input/material-dark.css +1 -0
  46. package/styles/input/material.css +1 -0
  47. package/styles/input/tailwind-dark.css +1 -0
  48. package/styles/input/tailwind.css +1 -0
  49. package/styles/material-dark.css +5 -0
  50. package/styles/material.css +5 -0
  51. package/styles/rating/_bootstrap-dark-definition.scss +1 -0
  52. package/styles/rating/_bootstrap-definition.scss +1 -0
  53. package/styles/rating/_bootstrap4-definition.scss +1 -0
  54. package/styles/rating/_bootstrap5-definition.scss +1 -0
  55. package/styles/rating/_fabric-dark-definition.scss +1 -0
  56. package/styles/rating/_fabric-definition.scss +1 -0
  57. package/styles/rating/_fluent-definition.scss +1 -0
  58. package/styles/rating/_fusionnew-definition.scss +1 -0
  59. package/styles/rating/_highcontrast-definition.scss +1 -0
  60. package/styles/rating/_highcontrast-light-definition.scss +1 -0
  61. package/styles/rating/_layout.scss +6 -1
  62. package/styles/rating/_material-dark-definition.scss +1 -0
  63. package/styles/rating/_material-definition.scss +1 -0
  64. package/styles/rating/_material3-definition.scss +1 -0
  65. package/styles/rating/_tailwind-definition.scss +1 -0
  66. package/styles/rating/bootstrap-dark.css +4 -0
  67. package/styles/rating/bootstrap.css +4 -0
  68. package/styles/rating/bootstrap4.css +4 -0
  69. package/styles/rating/bootstrap5-dark.css +4 -0
  70. package/styles/rating/bootstrap5.css +4 -0
  71. package/styles/rating/fabric-dark.css +4 -0
  72. package/styles/rating/fabric.css +4 -0
  73. package/styles/rating/fluent-dark.css +5 -1
  74. package/styles/rating/fluent.css +5 -1
  75. package/styles/rating/highcontrast-light.css +4 -0
  76. package/styles/rating/highcontrast.css +4 -0
  77. package/styles/rating/material-dark.css +4 -0
  78. package/styles/rating/material.css +4 -0
  79. package/styles/rating/tailwind-dark.css +4 -0
  80. package/styles/rating/tailwind.css +4 -0
  81. package/styles/tailwind-dark.css +5 -0
  82. package/styles/tailwind.css +5 -0
@@ -2039,6 +2039,7 @@ textarea.e-input,
2039
2039
 
2040
2040
  input.e-input.e-rtl,
2041
2041
  .e-input-group.e-rtl input.e-input,
2042
+ .e-input-group.e-control-container.e-rtl input.e-control,
2042
2043
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2043
2044
  .e-float-input.e-rtl input,
2044
2045
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -2187,6 +2187,7 @@ textarea.e-input,
2187
2187
 
2188
2188
  input.e-input.e-rtl,
2189
2189
  .e-input-group.e-rtl input.e-input,
2190
+ .e-input-group.e-control-container.e-rtl input.e-control,
2190
2191
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2191
2192
  .e-float-input.e-rtl input,
2192
2193
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -2187,6 +2187,7 @@ textarea.e-input,
2187
2187
 
2188
2188
  input.e-input.e-rtl,
2189
2189
  .e-input-group.e-rtl input.e-input,
2190
+ .e-input-group.e-control-container.e-rtl input.e-control,
2190
2191
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2191
2192
  .e-float-input.e-rtl input,
2192
2193
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -2415,6 +2415,7 @@ textarea.e-input,
2415
2415
 
2416
2416
  input.e-input.e-rtl,
2417
2417
  .e-input-group.e-rtl input.e-input,
2418
+ .e-input-group.e-control-container.e-rtl input.e-control,
2418
2419
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2419
2420
  .e-float-input.e-rtl input,
2420
2421
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -2423,6 +2423,7 @@ textarea.e-input,
2423
2423
 
2424
2424
  input.e-input.e-rtl,
2425
2425
  .e-input-group.e-rtl input.e-input,
2426
+ .e-input-group.e-control-container.e-rtl input.e-control,
2426
2427
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2427
2428
  .e-float-input.e-rtl input,
2428
2429
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -2179,6 +2179,7 @@ textarea.e-input,
2179
2179
 
2180
2180
  input.e-input.e-rtl,
2181
2181
  .e-input-group.e-rtl input.e-input,
2182
+ .e-input-group.e-control-container.e-rtl input.e-control,
2182
2183
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2183
2184
  .e-float-input.e-rtl input,
2184
2185
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -2179,6 +2179,7 @@ textarea.e-input,
2179
2179
 
2180
2180
  input.e-input.e-rtl,
2181
2181
  .e-input-group.e-rtl input.e-input,
2182
+ .e-input-group.e-control-container.e-rtl input.e-control,
2182
2183
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2183
2184
  .e-float-input.e-rtl input,
2184
2185
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -2425,6 +2425,7 @@ textarea.e-input,
2425
2425
 
2426
2426
  input.e-input.e-rtl,
2427
2427
  .e-input-group.e-rtl input.e-input,
2428
+ .e-input-group.e-control-container.e-rtl input.e-control,
2428
2429
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2429
2430
  .e-float-input.e-rtl input,
2430
2431
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -14743,6 +14744,10 @@ body.e-colorpicker-overflow {
14743
14744
  .e-rating-container .e-reset.e-disabled {
14744
14745
  cursor: default;
14745
14746
  }
14747
+ .e-rating-container .e-reset:focus-visible {
14748
+ outline: 1px solid;
14749
+ border-radius: 0;
14750
+ }
14746
14751
  .e-rating-container .e-rating-label {
14747
14752
  font-size: 12px;
14748
14753
  line-height: 18px;
@@ -2433,6 +2433,7 @@ textarea.e-input,
2433
2433
 
2434
2434
  input.e-input.e-rtl,
2435
2435
  .e-input-group.e-rtl input.e-input,
2436
+ .e-input-group.e-control-container.e-rtl input.e-control,
2436
2437
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2437
2438
  .e-float-input.e-rtl input,
2438
2439
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -14783,6 +14784,10 @@ body.e-colorpicker-overflow {
14783
14784
  .e-rating-container .e-reset.e-disabled {
14784
14785
  cursor: default;
14785
14786
  }
14787
+ .e-rating-container .e-reset:focus-visible {
14788
+ outline: 1px solid;
14789
+ border-radius: 0;
14790
+ }
14786
14791
  .e-rating-container .e-rating-label {
14787
14792
  font-size: 12px;
14788
14793
  line-height: 18px;
@@ -9,6 +9,7 @@ $rating-label-top-margin: 8px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 4px !default;
@@ -9,6 +9,7 @@ $rating-label-top-margin: 8px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 4px !default;
@@ -9,6 +9,7 @@ $rating-label-top-margin: 4px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 4px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 11px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 18px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 6px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 8px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 10px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 8px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 13px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 12.5px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 13px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 11px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 18px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 6px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 13px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 13px !default;
@@ -69,6 +69,11 @@
69
69
  &.e-disabled {
70
70
  cursor: default;
71
71
  }
72
+
73
+ &:focus-visible{
74
+ outline: 1px solid;
75
+ border-radius: $rating-focus-border-radius;
76
+ }
72
77
  }
73
78
 
74
79
  .e-rating-label {
@@ -122,7 +127,7 @@
122
127
  display: none;
123
128
  justify-content: center;
124
129
  left: 50%;
125
- top: -8px;
130
+ top: -$rating-tooltip-tip-bottom-height;
126
131
  transform: translate(-50%, -100%);
127
132
 
128
133
  &.e-show-tooltip {
@@ -9,6 +9,7 @@ $rating-label-left-margin: 6px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 9px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 9px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 9px !default;
@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
9
9
  $rating-label-font-size: 12px !default;
10
10
  $rating-label-line-height: 18px !default;
11
11
  $rating-reset-font-size : 16px !default;
12
+ $rating-tooltip-tip-bottom-height: 8px !default;
12
13
 
13
14
  $rating-small-li-font-size: 16px !default;
14
15
  $rating-small-li-line-height: 10px !default;
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 2px;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 2px;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 4px;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 4px;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 4px;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 0;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 0;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 0;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -98,7 +102,7 @@
98
102
  -ms-flex-pack: center;
99
103
  justify-content: center;
100
104
  left: 50%;
101
- top: -8px;
105
+ top: -12.5px;
102
106
  transform: translate(-50%, -100%);
103
107
  }
104
108
  .e-rating-container .e-tooltip-wrap.e-rating-tooltip.e-show-tooltip {
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 0;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -98,7 +102,7 @@
98
102
  -ms-flex-pack: center;
99
103
  justify-content: center;
100
104
  left: 50%;
101
- top: -8px;
105
+ top: -12.5px;
102
106
  transform: translate(-50%, -100%);
103
107
  }
104
108
  .e-rating-container .e-tooltip-wrap.e-rating-tooltip.e-show-tooltip {
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 0;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -60,6 +60,10 @@
60
60
  .e-rating-container .e-reset.e-disabled {
61
61
  cursor: default;
62
62
  }
63
+ .e-rating-container .e-reset:focus-visible {
64
+ outline: 1px solid;
65
+ border-radius: 0;
66
+ }
63
67
  .e-rating-container .e-rating-label {
64
68
  font-size: 12px;
65
69
  line-height: 18px;
@@ -61,6 +61,10 @@
61
61
  .e-rating-container .e-reset.e-disabled {
62
62
  cursor: default;
63
63
  }
64
+ .e-rating-container .e-reset:focus-visible {
65
+ outline: 1px solid;
66
+ border-radius: 0;
67
+ }
64
68
  .e-rating-container .e-rating-label {
65
69
  font-size: 12px;
66
70
  line-height: 18px;
@@ -61,6 +61,10 @@
61
61
  .e-rating-container .e-reset.e-disabled {
62
62
  cursor: default;
63
63
  }
64
+ .e-rating-container .e-reset:focus-visible {
65
+ outline: 1px solid;
66
+ border-radius: 0;
67
+ }
64
68
  .e-rating-container .e-rating-label {
65
69
  font-size: 12px;
66
70
  line-height: 18px;
@@ -61,6 +61,10 @@
61
61
  .e-rating-container .e-reset.e-disabled {
62
62
  cursor: default;
63
63
  }
64
+ .e-rating-container .e-reset:focus-visible {
65
+ outline: 1px solid;
66
+ border-radius: 4px;
67
+ }
64
68
  .e-rating-container .e-rating-label {
65
69
  font-size: 12px;
66
70
  line-height: 18px;
@@ -61,6 +61,10 @@
61
61
  .e-rating-container .e-reset.e-disabled {
62
62
  cursor: default;
63
63
  }
64
+ .e-rating-container .e-reset:focus-visible {
65
+ outline: 1px solid;
66
+ border-radius: 4px;
67
+ }
64
68
  .e-rating-container .e-rating-label {
65
69
  font-size: 12px;
66
70
  line-height: 18px;
@@ -2197,6 +2197,7 @@ textarea.e-input,
2197
2197
 
2198
2198
  input.e-input.e-rtl,
2199
2199
  .e-input-group.e-rtl input.e-input,
2200
+ .e-input-group.e-control-container.e-rtl input.e-control,
2200
2201
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2201
2202
  .e-float-input.e-rtl input,
2202
2203
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -6970,6 +6971,10 @@ body.e-colorpicker-overflow {
6970
6971
  .e-rating-container .e-reset.e-disabled {
6971
6972
  cursor: default;
6972
6973
  }
6974
+ .e-rating-container .e-reset:focus-visible {
6975
+ outline: 1px solid;
6976
+ border-radius: 4px;
6977
+ }
6973
6978
  .e-rating-container .e-rating-label {
6974
6979
  font-size: 12px;
6975
6980
  line-height: 18px;
@@ -2197,6 +2197,7 @@ textarea.e-input,
2197
2197
 
2198
2198
  input.e-input.e-rtl,
2199
2199
  .e-input-group.e-rtl input.e-input,
2200
+ .e-input-group.e-control-container.e-rtl input.e-control,
2200
2201
  .e-input-group.e-control-wrapper.e-rtl input.e-input,
2201
2202
  .e-float-input.e-rtl input,
2202
2203
  .e-float-input.e-control-wrapper.e-rtl input,
@@ -6970,6 +6971,10 @@ body.e-colorpicker-overflow {
6970
6971
  .e-rating-container .e-reset.e-disabled {
6971
6972
  cursor: default;
6972
6973
  }
6974
+ .e-rating-container .e-reset:focus-visible {
6975
+ outline: 1px solid;
6976
+ border-radius: 4px;
6977
+ }
6973
6978
  .e-rating-container .e-rating-label {
6974
6979
  font-size: 12px;
6975
6980
  line-height: 18px;