@syncfusion/ej2-angular-inputs 20.3.57-ngcc → 20.4.38-ngcc

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 (81) hide show
  1. package/@syncfusion/ej2-angular-inputs.es5.js +200 -4
  2. package/@syncfusion/ej2-angular-inputs.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-inputs.js +189 -4
  4. package/@syncfusion/ej2-angular-inputs.js.map +1 -1
  5. package/CHANGELOG.md +9 -46
  6. package/dist/ej2-angular-inputs.umd.js +206 -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.d.ts +1 -0
  11. package/ej2-angular-inputs.metadata.json +1 -1
  12. package/package.json +14 -9
  13. package/postinstall/tagchange.js +1 -1
  14. package/schematics/utils/lib-details.d.ts +3 -3
  15. package/schematics/utils/lib-details.js +3 -3
  16. package/schematics/utils/lib-details.ts +3 -3
  17. package/src/index.d.ts +3 -0
  18. package/src/rating/rating-all.module.d.ts +5 -0
  19. package/src/rating/rating.component.d.ts +63 -0
  20. package/src/rating/rating.module.d.ts +5 -0
  21. package/styles/bootstrap-dark.css +264 -0
  22. package/styles/bootstrap-dark.scss +1 -0
  23. package/styles/bootstrap.css +264 -0
  24. package/styles/bootstrap.scss +1 -0
  25. package/styles/bootstrap4.css +267 -2
  26. package/styles/bootstrap4.scss +1 -0
  27. package/styles/bootstrap5-dark.css +265 -0
  28. package/styles/bootstrap5-dark.scss +1 -0
  29. package/styles/bootstrap5.css +265 -0
  30. package/styles/bootstrap5.scss +1 -0
  31. package/styles/color-picker/bootstrap4.css +2 -2
  32. package/styles/fabric-dark.css +264 -0
  33. package/styles/fabric-dark.scss +1 -0
  34. package/styles/fabric.css +264 -0
  35. package/styles/fabric.scss +1 -0
  36. package/styles/fluent-dark.css +264 -0
  37. package/styles/fluent-dark.scss +1 -0
  38. package/styles/fluent.css +264 -0
  39. package/styles/fluent.scss +1 -0
  40. package/styles/highcontrast-light.css +264 -0
  41. package/styles/highcontrast-light.scss +1 -0
  42. package/styles/highcontrast.css +264 -0
  43. package/styles/highcontrast.scss +1 -0
  44. package/styles/material-dark.css +264 -0
  45. package/styles/material-dark.scss +1 -0
  46. package/styles/material.css +264 -0
  47. package/styles/material.scss +1 -0
  48. package/styles/rating/bootstrap-dark.css +263 -0
  49. package/styles/rating/bootstrap-dark.scss +1 -0
  50. package/styles/rating/bootstrap.css +263 -0
  51. package/styles/rating/bootstrap.scss +1 -0
  52. package/styles/rating/bootstrap4.css +264 -0
  53. package/styles/rating/bootstrap4.scss +1 -0
  54. package/styles/rating/bootstrap5-dark.css +264 -0
  55. package/styles/rating/bootstrap5-dark.scss +1 -0
  56. package/styles/rating/bootstrap5.css +264 -0
  57. package/styles/rating/bootstrap5.scss +1 -0
  58. package/styles/rating/fabric-dark.css +263 -0
  59. package/styles/rating/fabric-dark.scss +1 -0
  60. package/styles/rating/fabric.css +263 -0
  61. package/styles/rating/fabric.scss +1 -0
  62. package/styles/rating/fluent-dark.css +263 -0
  63. package/styles/rating/fluent-dark.scss +1 -0
  64. package/styles/rating/fluent.css +263 -0
  65. package/styles/rating/fluent.scss +1 -0
  66. package/styles/rating/highcontrast-light.css +263 -0
  67. package/styles/rating/highcontrast-light.scss +1 -0
  68. package/styles/rating/highcontrast.css +263 -0
  69. package/styles/rating/highcontrast.scss +1 -0
  70. package/styles/rating/material-dark.css +264 -0
  71. package/styles/rating/material-dark.scss +1 -0
  72. package/styles/rating/material.css +264 -0
  73. package/styles/rating/material.scss +1 -0
  74. package/styles/rating/tailwind-dark.css +269 -0
  75. package/styles/rating/tailwind-dark.scss +1 -0
  76. package/styles/rating/tailwind.css +269 -0
  77. package/styles/rating/tailwind.scss +1 -0
  78. package/styles/tailwind-dark.css +270 -0
  79. package/styles/tailwind-dark.scss +1 -0
  80. package/styles/tailwind.css +270 -0
  81. 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';