@syncfusion/ej2-inputs 20.3.56 → 20.4.38

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 (122) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +7 -4
  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 +889 -67
  7. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  8. package/dist/es6/ej2-inputs.es5.js +913 -67
  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/rating.d.ts +4 -0
  15. package/rating.js +4 -0
  16. package/src/color-picker/color-picker-model.d.ts +4 -4
  17. package/src/color-picker/color-picker.d.ts +4 -4
  18. package/src/color-picker/color-picker.js +4 -2
  19. package/src/common/signature-base.d.ts +0 -1
  20. package/src/common/signature-base.js +4 -9
  21. package/src/index.d.ts +1 -0
  22. package/src/index.js +1 -0
  23. package/src/input/input.d.ts +1 -0
  24. package/src/input/input.js +5 -1
  25. package/src/maskedtextbox/base/mask-base.d.ts +1 -0
  26. package/src/maskedtextbox/base/mask-base.js +20 -13
  27. package/src/maskedtextbox/maskedtextbox/maskedtextbox-model.d.ts +1 -0
  28. package/src/maskedtextbox/maskedtextbox/maskedtextbox.d.ts +1 -0
  29. package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +16 -7
  30. package/src/numerictextbox/numerictextbox.js +24 -11
  31. package/src/rating/index.d.ts +5 -0
  32. package/src/rating/index.js +4 -0
  33. package/src/rating/rating-model.d.ts +185 -0
  34. package/src/rating/rating.d.ts +344 -0
  35. package/src/rating/rating.js +783 -0
  36. package/src/slider/slider.js +4 -2
  37. package/src/textbox/textbox.js +11 -10
  38. package/src/uploader/uploader-model.d.ts +10 -1
  39. package/src/uploader/uploader.d.ts +8 -0
  40. package/src/uploader/uploader.js +41 -12
  41. package/styles/bootstrap-dark.css +264 -0
  42. package/styles/bootstrap-dark.scss +1 -0
  43. package/styles/bootstrap.css +264 -0
  44. package/styles/bootstrap.scss +1 -0
  45. package/styles/bootstrap4.css +267 -2
  46. package/styles/bootstrap4.scss +1 -0
  47. package/styles/bootstrap5-dark.css +265 -0
  48. package/styles/bootstrap5-dark.scss +1 -0
  49. package/styles/bootstrap5.css +265 -0
  50. package/styles/bootstrap5.scss +1 -0
  51. package/styles/color-picker/_theme.scss +2 -2
  52. package/styles/color-picker/bootstrap4.css +2 -2
  53. package/styles/fabric-dark.css +264 -0
  54. package/styles/fabric-dark.scss +1 -0
  55. package/styles/fabric.css +264 -0
  56. package/styles/fabric.scss +1 -0
  57. package/styles/fluent-dark.css +264 -0
  58. package/styles/fluent-dark.scss +1 -0
  59. package/styles/fluent.css +264 -0
  60. package/styles/fluent.scss +1 -0
  61. package/styles/highcontrast-light.css +264 -0
  62. package/styles/highcontrast-light.scss +1 -0
  63. package/styles/highcontrast.css +264 -0
  64. package/styles/highcontrast.scss +1 -0
  65. package/styles/material-dark.css +264 -0
  66. package/styles/material-dark.scss +1 -0
  67. package/styles/material.css +264 -0
  68. package/styles/material.scss +1 -0
  69. package/styles/rating/_all.scss +2 -0
  70. package/styles/rating/_bootstrap-dark-definition.scss +45 -0
  71. package/styles/rating/_bootstrap-definition.scss +45 -0
  72. package/styles/rating/_bootstrap4-definition.scss +45 -0
  73. package/styles/rating/_bootstrap5-dark-definition.scss +1 -0
  74. package/styles/rating/_bootstrap5-definition.scss +45 -0
  75. package/styles/rating/_fabric-dark-definition.scss +45 -0
  76. package/styles/rating/_fabric-definition.scss +45 -0
  77. package/styles/rating/_fluent-dark-definition.scss +1 -0
  78. package/styles/rating/_fluent-definition.scss +45 -0
  79. package/styles/rating/_fusionnew-definition.scss +45 -0
  80. package/styles/rating/_highcontrast-definition.scss +45 -0
  81. package/styles/rating/_highcontrast-light-definition.scss +45 -0
  82. package/styles/rating/_layout.scss +203 -0
  83. package/styles/rating/_material-dark-definition.scss +45 -0
  84. package/styles/rating/_material-definition.scss +45 -0
  85. package/styles/rating/_material3-definition.scss +45 -0
  86. package/styles/rating/_tailwind-dark-definition.scss +1 -0
  87. package/styles/rating/_tailwind-definition.scss +45 -0
  88. package/styles/rating/_theme.scss +158 -0
  89. package/styles/rating/bootstrap-dark.css +263 -0
  90. package/styles/rating/bootstrap-dark.scss +4 -0
  91. package/styles/rating/bootstrap.css +263 -0
  92. package/styles/rating/bootstrap.scss +4 -0
  93. package/styles/rating/bootstrap4.css +264 -0
  94. package/styles/rating/bootstrap4.scss +4 -0
  95. package/styles/rating/bootstrap5-dark.css +264 -0
  96. package/styles/rating/bootstrap5-dark.scss +4 -0
  97. package/styles/rating/bootstrap5.css +264 -0
  98. package/styles/rating/bootstrap5.scss +4 -0
  99. package/styles/rating/fabric-dark.css +263 -0
  100. package/styles/rating/fabric-dark.scss +4 -0
  101. package/styles/rating/fabric.css +263 -0
  102. package/styles/rating/fabric.scss +4 -0
  103. package/styles/rating/fluent-dark.css +263 -0
  104. package/styles/rating/fluent-dark.scss +4 -0
  105. package/styles/rating/fluent.css +263 -0
  106. package/styles/rating/fluent.scss +4 -0
  107. package/styles/rating/highcontrast-light.css +263 -0
  108. package/styles/rating/highcontrast-light.scss +4 -0
  109. package/styles/rating/highcontrast.css +263 -0
  110. package/styles/rating/highcontrast.scss +4 -0
  111. package/styles/rating/material-dark.css +264 -0
  112. package/styles/rating/material-dark.scss +4 -0
  113. package/styles/rating/material.css +264 -0
  114. package/styles/rating/material.scss +4 -0
  115. package/styles/rating/tailwind-dark.css +269 -0
  116. package/styles/rating/tailwind-dark.scss +4 -0
  117. package/styles/rating/tailwind.css +269 -0
  118. package/styles/rating/tailwind.scss +4 -0
  119. package/styles/tailwind-dark.css +270 -0
  120. package/styles/tailwind-dark.scss +1 -0
  121. package/styles/tailwind.css +270 -0
  122. package/styles/tailwind.scss +1 -0
@@ -6,6 +6,7 @@
6
6
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
7
7
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
8
8
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
9
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
9
10
  .e-signature {
10
11
  border: 1px solid;
11
12
  }
@@ -6905,4 +6906,273 @@ body.e-colorpicker-overflow {
6905
6906
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
6906
6907
  background-color: #fff;
6907
6908
  border-color: #fff;
6909
+ }
6910
+
6911
+ .e-rating-container {
6912
+ display: -ms-inline-flexbox;
6913
+ display: inline-flex;
6914
+ -ms-flex-wrap: wrap;
6915
+ flex-wrap: wrap;
6916
+ -ms-flex-pack: center;
6917
+ justify-content: center;
6918
+ -ms-flex-align: center;
6919
+ align-items: center;
6920
+ min-width: max-content;
6921
+ }
6922
+ .e-rating-container .e-rating {
6923
+ display: none;
6924
+ }
6925
+ .e-rating-container .e-rating-item-list {
6926
+ display: -ms-inline-flexbox;
6927
+ display: inline-flex;
6928
+ padding: 0;
6929
+ margin: 4px;
6930
+ }
6931
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
6932
+ outline: 1px solid;
6933
+ }
6934
+ .e-rating-container .e-rating-item-list:focus-visible {
6935
+ outline: none;
6936
+ }
6937
+ .e-rating-container.e-rating-readonly {
6938
+ cursor: default;
6939
+ pointer-events: none;
6940
+ }
6941
+ .e-rating-container .e-rating-item-container {
6942
+ cursor: pointer;
6943
+ font-size: 20px;
6944
+ padding: 4px;
6945
+ line-height: 3px;
6946
+ display: block;
6947
+ position: relative;
6948
+ }
6949
+ .e-rating-container .e-rating-item-container .e-rating-item {
6950
+ display: block;
6951
+ }
6952
+ .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
6953
+ transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
6954
+ transform: scale(1.4);
6955
+ }
6956
+ .e-rating-container.e-disabled {
6957
+ cursor: default;
6958
+ pointer-events: none;
6959
+ }
6960
+ .e-rating-container.e-rating-hidden {
6961
+ display: none;
6962
+ }
6963
+ .e-rating-container .e-reset {
6964
+ cursor: pointer;
6965
+ margin: auto 2px 6px;
6966
+ font-size: 16px;
6967
+ padding: 2px;
6968
+ }
6969
+ .e-rating-container .e-reset.e-disabled {
6970
+ cursor: default;
6971
+ }
6972
+ .e-rating-container .e-rating-label {
6973
+ font-size: 12px;
6974
+ line-height: 18px;
6975
+ }
6976
+ .e-rating-container .e-rating-label.e-label-right, .e-rating-container .e-rating-label.e-label-left {
6977
+ min-width: 50px;
6978
+ }
6979
+ .e-rating-container .e-rating-label.e-label-bottom, .e-rating-container .e-rating-label.e-label-top {
6980
+ -ms-flex-preferred-size: 100%;
6981
+ flex-basis: 100%;
6982
+ width: 0;
6983
+ text-align: center;
6984
+ }
6985
+ .e-rating-container .e-rating-label.e-label-right {
6986
+ text-align: left;
6987
+ margin: auto 10px;
6988
+ }
6989
+ .e-rating-container .e-rating-label.e-label-left {
6990
+ text-align: right;
6991
+ margin: auto 4px;
6992
+ }
6993
+ .e-rating-container .e-rating-label.e-label-top {
6994
+ margin: 8px 0;
6995
+ }
6996
+ .e-rating-container .e-rating-label.e-label-bottom {
6997
+ margin: 6px 0;
6998
+ }
6999
+ .e-rating-container.e-rtl .e-rating-label.e-label-right {
7000
+ text-align: right;
7001
+ }
7002
+ .e-rating-container.e-rtl .e-rating-label.e-label-left {
7003
+ text-align: left;
7004
+ }
7005
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip {
7006
+ display: none;
7007
+ -ms-flex-pack: center;
7008
+ justify-content: center;
7009
+ left: 50%;
7010
+ top: -8px;
7011
+ transform: translate(-50%, -100%);
7012
+ }
7013
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip.e-show-tooltip {
7014
+ display: -ms-inline-flexbox;
7015
+ display: inline-flex;
7016
+ }
7017
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-tip-content {
7018
+ width: max-content;
7019
+ }
7020
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip.e-tip-bottom {
7021
+ left: 50%;
7022
+ top: 100%;
7023
+ transform: translate(-50%, 0);
7024
+ }
7025
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip-inner.e-tip-bottom {
7026
+ top: -6px;
7027
+ }
7028
+
7029
+ .e-rating-tooltip .e-tip-content {
7030
+ text-align: center;
7031
+ }
7032
+
7033
+ .e-small.e-rating-container .e-rating-item-container,
7034
+ .e-small .e-rating-container .e-rating-item-container {
7035
+ font-size: 16px;
7036
+ line-height: 10px;
7037
+ }
7038
+ .e-small.e-rating-container .e-rating-label,
7039
+ .e-small .e-rating-container .e-rating-label {
7040
+ font-size: 10px;
7041
+ line-height: 16px;
7042
+ }
7043
+ .e-small.e-rating-container .e-reset,
7044
+ .e-small .e-rating-container .e-reset {
7045
+ font-size: 12px;
7046
+ }
7047
+
7048
+ .e-bigger.e-rating-container .e-rating-item-container,
7049
+ .e-bigger .e-rating-container .e-rating-item-container {
7050
+ font-size: 24px;
7051
+ line-height: 18px;
7052
+ }
7053
+ .e-bigger.e-rating-container .e-rating-label,
7054
+ .e-bigger .e-rating-container .e-rating-label {
7055
+ font-size: 14px;
7056
+ line-height: 22px;
7057
+ }
7058
+ .e-bigger.e-rating-container .e-reset,
7059
+ .e-bigger .e-rating-container .e-reset {
7060
+ font-size: 20px;
7061
+ }
7062
+
7063
+ .e-bigger.e-small.e-rating-container .e-rating-item-container,
7064
+ .e-bigger.e-small .e-rating-container .e-rating-item-container,
7065
+ .e-bigger .e-small.e-rating-container .e-rating-item-container,
7066
+ .e-small .e-bigger.e-rating-container .e-rating-item-container {
7067
+ font-size: 22px;
7068
+ line-height: 15px;
7069
+ }
7070
+ .e-bigger.e-small.e-rating-container .e-rating-label,
7071
+ .e-bigger.e-small .e-rating-container .e-rating-label,
7072
+ .e-bigger .e-small.e-rating-container .e-rating-label,
7073
+ .e-small .e-bigger.e-rating-container .e-rating-label {
7074
+ font-size: 12px;
7075
+ line-height: 18px;
7076
+ }
7077
+ .e-bigger.e-small.e-rating-container .e-reset,
7078
+ .e-bigger.e-small .e-rating-container .e-reset,
7079
+ .e-bigger .e-small.e-rating-container .e-reset,
7080
+ .e-small .e-bigger.e-rating-container .e-reset {
7081
+ font-size: 18px;
7082
+ }
7083
+
7084
+ .e-rating-container .e-rating-item-list:focus .e-rating-focus {
7085
+ outline-color: #d1d5db;
7086
+ border-radius: 4px;
7087
+ }
7088
+ .e-rating-container .e-reset {
7089
+ color: #d1d5db;
7090
+ }
7091
+ .e-rating-container .e-reset:hover {
7092
+ color: #f3f4f6;
7093
+ }
7094
+ .e-rating-container .e-reset.e-disabled {
7095
+ color: #6b7280;
7096
+ }
7097
+ .e-rating-container .e-rating-item-container .e-rating-icon {
7098
+ -webkit-text-fill-color: transparent;
7099
+ -webkit-text-stroke: 1px #374151;
7100
+ background: #374151;
7101
+ background-clip: text;
7102
+ /* stylelint-disable property-no-vendor-prefix */
7103
+ -webkit-background-clip: text;
7104
+ /* stylelint-enable property-no-vendor-prefix */
7105
+ }
7106
+ .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7107
+ background: linear-gradient(to right, #d1d5db var(--rating-value), transparent var(--rating-value));
7108
+ background-clip: text;
7109
+ /* stylelint-disable property-no-vendor-prefix */
7110
+ -webkit-background-clip: text;
7111
+ /* stylelint-enable property-no-vendor-prefix */
7112
+ -webkit-text-stroke: 1px #d1d5db;
7113
+ }
7114
+ .e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
7115
+ -webkit-text-stroke: 1px #22d3ee;
7116
+ }
7117
+ .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7118
+ background: linear-gradient(to right, #22d3ee var(--rating-value), transparent var(--rating-value));
7119
+ background-clip: text;
7120
+ /* stylelint-disable property-no-vendor-prefix */
7121
+ -webkit-background-clip: text;
7122
+ /* stylelint-enable property-no-vendor-prefix */
7123
+ -webkit-text-stroke: 1px #22d3ee;
7124
+ }
7125
+ .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
7126
+ background: linear-gradient(to right, #69e1f3 var(--rating-value), transparent var(--rating-value));
7127
+ background-clip: text;
7128
+ /* stylelint-disable property-no-vendor-prefix */
7129
+ -webkit-background-clip: text;
7130
+ /* stylelint-enable property-no-vendor-prefix */
7131
+ -webkit-text-stroke: 1px #69e1f3;
7132
+ }
7133
+ .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7134
+ background: linear-gradient(to left, #d1d5db var(--rating-value), transparent var(--rating-value));
7135
+ background-clip: text;
7136
+ /* stylelint-disable property-no-vendor-prefix */
7137
+ -webkit-background-clip: text;
7138
+ /* stylelint-enable property-no-vendor-prefix */
7139
+ }
7140
+ .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7141
+ background: linear-gradient(to left, #22d3ee var(--rating-value), transparent var(--rating-value));
7142
+ background-clip: text;
7143
+ /* stylelint-disable property-no-vendor-prefix */
7144
+ -webkit-background-clip: text;
7145
+ /* stylelint-enable property-no-vendor-prefix */
7146
+ }
7147
+ .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
7148
+ background: linear-gradient(to left, #69e1f3 var(--rating-value), transparent var(--rating-value));
7149
+ background-clip: text;
7150
+ /* stylelint-disable property-no-vendor-prefix */
7151
+ -webkit-background-clip: text;
7152
+ /* stylelint-enable property-no-vendor-prefix */
7153
+ }
7154
+ .e-rating-container.e-disabled .e-rating-item-container .e-rating-icon {
7155
+ -webkit-text-stroke: 1px #374151;
7156
+ }
7157
+ .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7158
+ background: linear-gradient(to right, #6b7280 var(--rating-value), transparent var(--rating-value));
7159
+ background-clip: text;
7160
+ /* stylelint-disable property-no-vendor-prefix */
7161
+ -webkit-background-clip: text;
7162
+ /* stylelint-enable property-no-vendor-prefix */
7163
+ -webkit-text-stroke: 1px #6b7280;
7164
+ }
7165
+ .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
7166
+ background: linear-gradient(to left, #374151 var(--rating-value), transparent var(--rating-value));
7167
+ background-clip: text;
7168
+ /* stylelint-disable property-no-vendor-prefix */
7169
+ -webkit-background-clip: text;
7170
+ /* stylelint-enable property-no-vendor-prefix */
7171
+ }
7172
+ .e-rating-container.e-disabled.e-rtl.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl.e-rating-intermediate .e-rating-icon {
7173
+ background: linear-gradient(to left, #6b7280 var(--rating-value), transparent var(--rating-value));
7174
+ background-clip: text;
7175
+ /* stylelint-disable property-no-vendor-prefix */
7176
+ -webkit-background-clip: text;
7177
+ /* stylelint-enable property-no-vendor-prefix */
6908
7178
  }
@@ -6,3 +6,4 @@
6
6
  @import 'textbox/tailwind-dark.scss';
7
7
  @import 'uploader/tailwind-dark.scss';
8
8
  @import 'color-picker/tailwind-dark.scss';
9
+ @import 'rating/tailwind-dark.scss';
@@ -6,6 +6,7 @@
6
6
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
7
7
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
8
8
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
9
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
9
10
  .e-signature {
10
11
  border: 1px solid;
11
12
  }
@@ -6905,4 +6906,273 @@ body.e-colorpicker-overflow {
6905
6906
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
6906
6907
  background-color: #fff;
6907
6908
  border-color: #fff;
6909
+ }
6910
+
6911
+ .e-rating-container {
6912
+ display: -ms-inline-flexbox;
6913
+ display: inline-flex;
6914
+ -ms-flex-wrap: wrap;
6915
+ flex-wrap: wrap;
6916
+ -ms-flex-pack: center;
6917
+ justify-content: center;
6918
+ -ms-flex-align: center;
6919
+ align-items: center;
6920
+ min-width: max-content;
6921
+ }
6922
+ .e-rating-container .e-rating {
6923
+ display: none;
6924
+ }
6925
+ .e-rating-container .e-rating-item-list {
6926
+ display: -ms-inline-flexbox;
6927
+ display: inline-flex;
6928
+ padding: 0;
6929
+ margin: 4px;
6930
+ }
6931
+ .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
6932
+ outline: 1px solid;
6933
+ }
6934
+ .e-rating-container .e-rating-item-list:focus-visible {
6935
+ outline: none;
6936
+ }
6937
+ .e-rating-container.e-rating-readonly {
6938
+ cursor: default;
6939
+ pointer-events: none;
6940
+ }
6941
+ .e-rating-container .e-rating-item-container {
6942
+ cursor: pointer;
6943
+ font-size: 20px;
6944
+ padding: 4px;
6945
+ line-height: 3px;
6946
+ display: block;
6947
+ position: relative;
6948
+ }
6949
+ .e-rating-container .e-rating-item-container .e-rating-item {
6950
+ display: block;
6951
+ }
6952
+ .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
6953
+ transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
6954
+ transform: scale(1.4);
6955
+ }
6956
+ .e-rating-container.e-disabled {
6957
+ cursor: default;
6958
+ pointer-events: none;
6959
+ }
6960
+ .e-rating-container.e-rating-hidden {
6961
+ display: none;
6962
+ }
6963
+ .e-rating-container .e-reset {
6964
+ cursor: pointer;
6965
+ margin: auto 2px 6px;
6966
+ font-size: 16px;
6967
+ padding: 2px;
6968
+ }
6969
+ .e-rating-container .e-reset.e-disabled {
6970
+ cursor: default;
6971
+ }
6972
+ .e-rating-container .e-rating-label {
6973
+ font-size: 12px;
6974
+ line-height: 18px;
6975
+ }
6976
+ .e-rating-container .e-rating-label.e-label-right, .e-rating-container .e-rating-label.e-label-left {
6977
+ min-width: 50px;
6978
+ }
6979
+ .e-rating-container .e-rating-label.e-label-bottom, .e-rating-container .e-rating-label.e-label-top {
6980
+ -ms-flex-preferred-size: 100%;
6981
+ flex-basis: 100%;
6982
+ width: 0;
6983
+ text-align: center;
6984
+ }
6985
+ .e-rating-container .e-rating-label.e-label-right {
6986
+ text-align: left;
6987
+ margin: auto 10px;
6988
+ }
6989
+ .e-rating-container .e-rating-label.e-label-left {
6990
+ text-align: right;
6991
+ margin: auto 4px;
6992
+ }
6993
+ .e-rating-container .e-rating-label.e-label-top {
6994
+ margin: 8px 0;
6995
+ }
6996
+ .e-rating-container .e-rating-label.e-label-bottom {
6997
+ margin: 6px 0;
6998
+ }
6999
+ .e-rating-container.e-rtl .e-rating-label.e-label-right {
7000
+ text-align: right;
7001
+ }
7002
+ .e-rating-container.e-rtl .e-rating-label.e-label-left {
7003
+ text-align: left;
7004
+ }
7005
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip {
7006
+ display: none;
7007
+ -ms-flex-pack: center;
7008
+ justify-content: center;
7009
+ left: 50%;
7010
+ top: -8px;
7011
+ transform: translate(-50%, -100%);
7012
+ }
7013
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip.e-show-tooltip {
7014
+ display: -ms-inline-flexbox;
7015
+ display: inline-flex;
7016
+ }
7017
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-tip-content {
7018
+ width: max-content;
7019
+ }
7020
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip.e-tip-bottom {
7021
+ left: 50%;
7022
+ top: 100%;
7023
+ transform: translate(-50%, 0);
7024
+ }
7025
+ .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip-inner.e-tip-bottom {
7026
+ top: -6px;
7027
+ }
7028
+
7029
+ .e-rating-tooltip .e-tip-content {
7030
+ text-align: center;
7031
+ }
7032
+
7033
+ .e-small.e-rating-container .e-rating-item-container,
7034
+ .e-small .e-rating-container .e-rating-item-container {
7035
+ font-size: 16px;
7036
+ line-height: 10px;
7037
+ }
7038
+ .e-small.e-rating-container .e-rating-label,
7039
+ .e-small .e-rating-container .e-rating-label {
7040
+ font-size: 10px;
7041
+ line-height: 16px;
7042
+ }
7043
+ .e-small.e-rating-container .e-reset,
7044
+ .e-small .e-rating-container .e-reset {
7045
+ font-size: 12px;
7046
+ }
7047
+
7048
+ .e-bigger.e-rating-container .e-rating-item-container,
7049
+ .e-bigger .e-rating-container .e-rating-item-container {
7050
+ font-size: 24px;
7051
+ line-height: 18px;
7052
+ }
7053
+ .e-bigger.e-rating-container .e-rating-label,
7054
+ .e-bigger .e-rating-container .e-rating-label {
7055
+ font-size: 14px;
7056
+ line-height: 22px;
7057
+ }
7058
+ .e-bigger.e-rating-container .e-reset,
7059
+ .e-bigger .e-rating-container .e-reset {
7060
+ font-size: 20px;
7061
+ }
7062
+
7063
+ .e-bigger.e-small.e-rating-container .e-rating-item-container,
7064
+ .e-bigger.e-small .e-rating-container .e-rating-item-container,
7065
+ .e-bigger .e-small.e-rating-container .e-rating-item-container,
7066
+ .e-small .e-bigger.e-rating-container .e-rating-item-container {
7067
+ font-size: 22px;
7068
+ line-height: 15px;
7069
+ }
7070
+ .e-bigger.e-small.e-rating-container .e-rating-label,
7071
+ .e-bigger.e-small .e-rating-container .e-rating-label,
7072
+ .e-bigger .e-small.e-rating-container .e-rating-label,
7073
+ .e-small .e-bigger.e-rating-container .e-rating-label {
7074
+ font-size: 12px;
7075
+ line-height: 18px;
7076
+ }
7077
+ .e-bigger.e-small.e-rating-container .e-reset,
7078
+ .e-bigger.e-small .e-rating-container .e-reset,
7079
+ .e-bigger .e-small.e-rating-container .e-reset,
7080
+ .e-small .e-bigger.e-rating-container .e-reset {
7081
+ font-size: 18px;
7082
+ }
7083
+
7084
+ .e-rating-container .e-rating-item-list:focus .e-rating-focus {
7085
+ outline-color: #111827;
7086
+ border-radius: 4px;
7087
+ }
7088
+ .e-rating-container .e-reset {
7089
+ color: #6b7280;
7090
+ }
7091
+ .e-rating-container .e-reset:hover {
7092
+ color: #374151;
7093
+ }
7094
+ .e-rating-container .e-reset.e-disabled {
7095
+ color: #d1d5db;
7096
+ }
7097
+ .e-rating-container .e-rating-item-container .e-rating-icon {
7098
+ -webkit-text-fill-color: transparent;
7099
+ -webkit-text-stroke: 1px #e5e7eb;
7100
+ background: #e5e7eb;
7101
+ background-clip: text;
7102
+ /* stylelint-disable property-no-vendor-prefix */
7103
+ -webkit-background-clip: text;
7104
+ /* stylelint-enable property-no-vendor-prefix */
7105
+ }
7106
+ .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7107
+ background: linear-gradient(to right, #111827 var(--rating-value), transparent var(--rating-value));
7108
+ background-clip: text;
7109
+ /* stylelint-disable property-no-vendor-prefix */
7110
+ -webkit-background-clip: text;
7111
+ /* stylelint-enable property-no-vendor-prefix */
7112
+ -webkit-text-stroke: 1px #111827;
7113
+ }
7114
+ .e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
7115
+ -webkit-text-stroke: 1px #4f46e5;
7116
+ }
7117
+ .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7118
+ background: linear-gradient(to right, #4f46e5 var(--rating-value), transparent var(--rating-value));
7119
+ background-clip: text;
7120
+ /* stylelint-disable property-no-vendor-prefix */
7121
+ -webkit-background-clip: text;
7122
+ /* stylelint-enable property-no-vendor-prefix */
7123
+ -webkit-text-stroke: 1px #4f46e5;
7124
+ }
7125
+ .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
7126
+ background: linear-gradient(to right, #251bc3 var(--rating-value), transparent var(--rating-value));
7127
+ background-clip: text;
7128
+ /* stylelint-disable property-no-vendor-prefix */
7129
+ -webkit-background-clip: text;
7130
+ /* stylelint-enable property-no-vendor-prefix */
7131
+ -webkit-text-stroke: 1px #251bc3;
7132
+ }
7133
+ .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7134
+ background: linear-gradient(to left, #111827 var(--rating-value), transparent var(--rating-value));
7135
+ background-clip: text;
7136
+ /* stylelint-disable property-no-vendor-prefix */
7137
+ -webkit-background-clip: text;
7138
+ /* stylelint-enable property-no-vendor-prefix */
7139
+ }
7140
+ .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7141
+ background: linear-gradient(to left, #4f46e5 var(--rating-value), transparent var(--rating-value));
7142
+ background-clip: text;
7143
+ /* stylelint-disable property-no-vendor-prefix */
7144
+ -webkit-background-clip: text;
7145
+ /* stylelint-enable property-no-vendor-prefix */
7146
+ }
7147
+ .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
7148
+ background: linear-gradient(to left, #251bc3 var(--rating-value), transparent var(--rating-value));
7149
+ background-clip: text;
7150
+ /* stylelint-disable property-no-vendor-prefix */
7151
+ -webkit-background-clip: text;
7152
+ /* stylelint-enable property-no-vendor-prefix */
7153
+ }
7154
+ .e-rating-container.e-disabled .e-rating-item-container .e-rating-icon {
7155
+ -webkit-text-stroke: 1px #e5e7eb;
7156
+ }
7157
+ .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
7158
+ background: linear-gradient(to right, #9ca3af var(--rating-value), transparent var(--rating-value));
7159
+ background-clip: text;
7160
+ /* stylelint-disable property-no-vendor-prefix */
7161
+ -webkit-background-clip: text;
7162
+ /* stylelint-enable property-no-vendor-prefix */
7163
+ -webkit-text-stroke: 1px #9ca3af;
7164
+ }
7165
+ .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
7166
+ background: linear-gradient(to left, #e5e7eb var(--rating-value), transparent var(--rating-value));
7167
+ background-clip: text;
7168
+ /* stylelint-disable property-no-vendor-prefix */
7169
+ -webkit-background-clip: text;
7170
+ /* stylelint-enable property-no-vendor-prefix */
7171
+ }
7172
+ .e-rating-container.e-disabled.e-rtl.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl.e-rating-intermediate .e-rating-icon {
7173
+ background: linear-gradient(to left, #9ca3af var(--rating-value), transparent var(--rating-value));
7174
+ background-clip: text;
7175
+ /* stylelint-disable property-no-vendor-prefix */
7176
+ -webkit-background-clip: text;
7177
+ /* stylelint-enable property-no-vendor-prefix */
6908
7178
  }
@@ -6,3 +6,4 @@
6
6
  @import 'textbox/tailwind.scss';
7
7
  @import 'uploader/tailwind.scss';
8
8
  @import 'color-picker/tailwind.scss';
9
+ @import 'rating/tailwind.scss';