@syncfusion/ej2-inputs 28.2.11 → 29.1.34

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 (252) hide show
  1. package/README.md +26 -2
  2. package/aceconfig.js +17 -0
  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 +652 -25
  7. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  8. package/dist/es6/ej2-inputs.es5.js +681 -25
  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 +18 -26
  14. package/speech-to-text.d.ts +4 -0
  15. package/speech-to-text.js +4 -0
  16. package/src/index.d.ts +1 -0
  17. package/src/index.js +1 -0
  18. package/src/rating/rating.js +3 -0
  19. package/src/slider/slider.d.ts +0 -2
  20. package/src/slider/slider.js +14 -19
  21. package/src/speech-to-text/index.d.ts +5 -0
  22. package/src/speech-to-text/index.js +4 -0
  23. package/src/speech-to-text/speech-to-text-model.d.ts +270 -0
  24. package/src/speech-to-text/speech-to-text.d.ts +487 -0
  25. package/src/speech-to-text/speech-to-text.js +660 -0
  26. package/src/uploader/uploader.js +7 -5
  27. package/styles/bds-lite.css +81 -0
  28. package/styles/bds-lite.scss +3 -0
  29. package/styles/bds.css +111 -0
  30. package/styles/bds.scss +4 -0
  31. package/styles/bootstrap-dark-lite.css +98 -17
  32. package/styles/bootstrap-dark-lite.scss +3 -0
  33. package/styles/bootstrap-dark.css +128 -17
  34. package/styles/bootstrap-dark.scss +4 -0
  35. package/styles/bootstrap-lite.css +81 -0
  36. package/styles/bootstrap-lite.scss +3 -0
  37. package/styles/bootstrap.css +111 -0
  38. package/styles/bootstrap.scss +4 -0
  39. package/styles/bootstrap4-lite.css +102 -25
  40. package/styles/bootstrap4-lite.scss +3 -0
  41. package/styles/bootstrap4.css +132 -25
  42. package/styles/bootstrap4.scss +4 -0
  43. package/styles/bootstrap5-dark-lite.css +151 -73
  44. package/styles/bootstrap5-dark-lite.scss +3 -0
  45. package/styles/bootstrap5-dark.css +192 -83
  46. package/styles/bootstrap5-dark.scss +4 -0
  47. package/styles/bootstrap5-lite.css +106 -28
  48. package/styles/bootstrap5-lite.scss +3 -0
  49. package/styles/bootstrap5.3-lite.css +78 -0
  50. package/styles/bootstrap5.3-lite.scss +3 -0
  51. package/styles/bootstrap5.3.css +109 -0
  52. package/styles/bootstrap5.3.scss +4 -0
  53. package/styles/bootstrap5.css +137 -28
  54. package/styles/bootstrap5.scss +4 -0
  55. package/styles/color-picker/_theme.scss +4 -2
  56. package/styles/color-picker/bootstrap4.css +4 -4
  57. package/styles/color-picker/bootstrap5-dark.css +12 -12
  58. package/styles/color-picker/bootstrap5.css +7 -7
  59. package/styles/data-form/_bootstrap-dark-definition.scss +4 -2
  60. package/styles/data-form/_bootstrap4-definition.scss +4 -2
  61. package/styles/data-form/_fabric-dark-definition.scss +4 -2
  62. package/styles/data-form/_material-dark-definition.scss +4 -2
  63. package/styles/data-form/_material-definition.scss +4 -2
  64. package/styles/data-form/bootstrap-dark.css +6 -6
  65. package/styles/data-form/bootstrap4.css +6 -6
  66. package/styles/data-form/bootstrap5-dark.css +6 -6
  67. package/styles/data-form/bootstrap5.css +4 -4
  68. package/styles/data-form/fabric-dark.css +6 -6
  69. package/styles/data-form/material-dark.css +6 -6
  70. package/styles/data-form/material.css +6 -6
  71. package/styles/fabric-dark-lite.css +104 -22
  72. package/styles/fabric-dark-lite.scss +3 -0
  73. package/styles/fabric-dark.css +135 -22
  74. package/styles/fabric-dark.scss +4 -0
  75. package/styles/fabric-lite.css +100 -18
  76. package/styles/fabric-lite.scss +3 -0
  77. package/styles/fabric.css +131 -18
  78. package/styles/fabric.scss +4 -0
  79. package/styles/fluent-dark-lite.css +96 -14
  80. package/styles/fluent-dark-lite.scss +3 -0
  81. package/styles/fluent-dark.css +127 -14
  82. package/styles/fluent-dark.scss +4 -0
  83. package/styles/fluent-lite.css +96 -14
  84. package/styles/fluent-lite.scss +3 -0
  85. package/styles/fluent.css +127 -14
  86. package/styles/fluent.scss +4 -0
  87. package/styles/fluent2-lite.css +82 -0
  88. package/styles/fluent2-lite.scss +3 -0
  89. package/styles/fluent2.css +115 -2
  90. package/styles/fluent2.scss +4 -0
  91. package/styles/highcontrast-light-lite.css +81 -0
  92. package/styles/highcontrast-light-lite.scss +3 -0
  93. package/styles/highcontrast-light.css +111 -0
  94. package/styles/highcontrast-light.scss +4 -0
  95. package/styles/highcontrast-lite.css +81 -0
  96. package/styles/highcontrast-lite.scss +3 -0
  97. package/styles/highcontrast.css +111 -0
  98. package/styles/highcontrast.scss +4 -0
  99. package/styles/input/_bootstrap4-definition.scss +8 -6
  100. package/styles/input/_layout.scss +8 -1
  101. package/styles/input/_theme.scss +5 -1
  102. package/styles/input/bootstrap4.css +9 -9
  103. package/styles/input/bootstrap5-dark.css +25 -25
  104. package/styles/input/bootstrap5.css +7 -7
  105. package/styles/input/fabric-dark.css +6 -6
  106. package/styles/input/tailwind-dark.css +2 -2
  107. package/styles/input/tailwind3.css +2 -2
  108. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  109. package/styles/material-dark-lite.css +89 -6
  110. package/styles/material-dark-lite.scss +3 -0
  111. package/styles/material-dark.css +121 -6
  112. package/styles/material-dark.scss +4 -0
  113. package/styles/material-lite.css +89 -6
  114. package/styles/material-lite.scss +3 -0
  115. package/styles/material.css +121 -6
  116. package/styles/material.scss +4 -0
  117. package/styles/material3-dark-lite.css +81 -0
  118. package/styles/material3-dark-lite.scss +3 -0
  119. package/styles/material3-dark.css +111 -0
  120. package/styles/material3-dark.scss +4 -0
  121. package/styles/material3-lite.css +81 -0
  122. package/styles/material3-lite.scss +3 -0
  123. package/styles/material3.css +111 -0
  124. package/styles/material3.scss +4 -0
  125. package/styles/otp-input/bootstrap5-dark.css +3 -3
  126. package/styles/rating/bootstrap-dark.css +11 -11
  127. package/styles/rating/bootstrap5-dark.css +5 -5
  128. package/styles/rating/bootstrap5.css +5 -5
  129. package/styles/rating/fabric-dark.css +5 -5
  130. package/styles/rating/fabric.css +12 -12
  131. package/styles/rating/fluent-dark.css +11 -11
  132. package/styles/rating/fluent.css +11 -11
  133. package/styles/rating/tailwind-dark.css +5 -5
  134. package/styles/rating/tailwind.css +5 -5
  135. package/styles/signature/bootstrap5-dark.css +1 -1
  136. package/styles/slider/_bootstrap4-definition.scss +4 -2
  137. package/styles/slider/_fluent2-definition.scss +2 -2
  138. package/styles/slider/_fusionnew-definition.scss +3 -0
  139. package/styles/slider/_layout.scss +4 -2
  140. package/styles/slider/bootstrap4.css +6 -6
  141. package/styles/slider/bootstrap5-dark.css +5 -5
  142. package/styles/slider/bootstrap5.css +5 -5
  143. package/styles/slider/fabric-dark.css +5 -5
  144. package/styles/slider/fabric.css +6 -6
  145. package/styles/slider/fluent-dark.css +3 -3
  146. package/styles/slider/fluent.css +3 -3
  147. package/styles/slider/fluent2.css +2 -2
  148. package/styles/smart-textarea/tailwind-dark.css +1 -1
  149. package/styles/speech-to-text/_all.scss +2 -0
  150. package/styles/speech-to-text/_bds-definition.scss +25 -0
  151. package/styles/speech-to-text/_bigger.scss +45 -0
  152. package/styles/speech-to-text/_bootstrap-dark-definition.scss +24 -0
  153. package/styles/speech-to-text/_bootstrap-definition.scss +24 -0
  154. package/styles/speech-to-text/_bootstrap4-definition.scss +24 -0
  155. package/styles/speech-to-text/_bootstrap5-dark-definition.scss +1 -0
  156. package/styles/speech-to-text/_bootstrap5-definition.scss +24 -0
  157. package/styles/speech-to-text/_bootstrap5.3-definition.scss +24 -0
  158. package/styles/speech-to-text/_fabric-dark-definition.scss +24 -0
  159. package/styles/speech-to-text/_fabric-definition.scss +24 -0
  160. package/styles/speech-to-text/_fluent-dark-definition.scss +1 -0
  161. package/styles/speech-to-text/_fluent-definition.scss +24 -0
  162. package/styles/speech-to-text/_fluent2-definition.scss +25 -0
  163. package/styles/speech-to-text/_fusionnew-definition.scss +24 -0
  164. package/styles/speech-to-text/_highcontrast-definition.scss +24 -0
  165. package/styles/speech-to-text/_highcontrast-light-definition.scss +24 -0
  166. package/styles/speech-to-text/_layout.scss +59 -0
  167. package/styles/speech-to-text/_material-dark-definition.scss +24 -0
  168. package/styles/speech-to-text/_material-definition.scss +24 -0
  169. package/styles/speech-to-text/_material3-dark-definition.scss +1 -0
  170. package/styles/speech-to-text/_material3-definition.scss +24 -0
  171. package/styles/speech-to-text/_tailwind-dark-definition.scss +1 -0
  172. package/styles/speech-to-text/_tailwind-definition.scss +25 -0
  173. package/styles/speech-to-text/_tailwind3-definition.scss +25 -0
  174. package/styles/speech-to-text/_theme.scss +30 -0
  175. package/styles/speech-to-text/bds.css +173 -0
  176. package/styles/speech-to-text/bds.scss +7 -0
  177. package/styles/speech-to-text/bootstrap-dark.css +110 -0
  178. package/styles/speech-to-text/bootstrap-dark.scss +7 -0
  179. package/styles/speech-to-text/bootstrap.css +110 -0
  180. package/styles/speech-to-text/bootstrap.scss +7 -0
  181. package/styles/speech-to-text/bootstrap4.css +106 -0
  182. package/styles/speech-to-text/bootstrap4.scss +7 -0
  183. package/styles/speech-to-text/bootstrap5-dark.css +108 -0
  184. package/styles/speech-to-text/bootstrap5-dark.scss +7 -0
  185. package/styles/speech-to-text/bootstrap5.3.css +112 -0
  186. package/styles/speech-to-text/bootstrap5.3.scss +7 -0
  187. package/styles/speech-to-text/bootstrap5.css +108 -0
  188. package/styles/speech-to-text/bootstrap5.scss +7 -0
  189. package/styles/speech-to-text/fabric-dark.css +112 -0
  190. package/styles/speech-to-text/fabric-dark.scss +7 -0
  191. package/styles/speech-to-text/fabric.css +112 -0
  192. package/styles/speech-to-text/fabric.scss +7 -0
  193. package/styles/speech-to-text/fluent-dark.css +112 -0
  194. package/styles/speech-to-text/fluent-dark.scss +7 -0
  195. package/styles/speech-to-text/fluent.css +112 -0
  196. package/styles/speech-to-text/fluent.scss +7 -0
  197. package/styles/speech-to-text/fluent2.css +118 -0
  198. package/styles/speech-to-text/fluent2.scss +7 -0
  199. package/styles/speech-to-text/highcontrast-light.css +110 -0
  200. package/styles/speech-to-text/highcontrast-light.scss +7 -0
  201. package/styles/speech-to-text/highcontrast.css +110 -0
  202. package/styles/speech-to-text/highcontrast.scss +7 -0
  203. package/styles/speech-to-text/icons/_bds.scss +8 -0
  204. package/styles/speech-to-text/icons/_bootstrap-dark.scss +8 -0
  205. package/styles/speech-to-text/icons/_bootstrap.scss +8 -0
  206. package/styles/speech-to-text/icons/_bootstrap4.scss +8 -0
  207. package/styles/speech-to-text/icons/_bootstrap5-dark.scss +1 -0
  208. package/styles/speech-to-text/icons/_bootstrap5.3.scss +8 -0
  209. package/styles/speech-to-text/icons/_bootstrap5.scss +8 -0
  210. package/styles/speech-to-text/icons/_fabric-dark.scss +8 -0
  211. package/styles/speech-to-text/icons/_fabric.scss +8 -0
  212. package/styles/speech-to-text/icons/_fluent-dark.scss +1 -0
  213. package/styles/speech-to-text/icons/_fluent.scss +8 -0
  214. package/styles/speech-to-text/icons/_fluent2.scss +8 -0
  215. package/styles/speech-to-text/icons/_fusionnew.scss +8 -0
  216. package/styles/speech-to-text/icons/_highcontrast-light.scss +8 -0
  217. package/styles/speech-to-text/icons/_highcontrast.scss +8 -0
  218. package/styles/speech-to-text/icons/_material-dark.scss +8 -0
  219. package/styles/speech-to-text/icons/_material.scss +8 -0
  220. package/styles/speech-to-text/icons/_material3-dark.scss +1 -0
  221. package/styles/speech-to-text/icons/_material3.scss +8 -0
  222. package/styles/speech-to-text/icons/_tailwind-dark.scss +1 -0
  223. package/styles/speech-to-text/icons/_tailwind.scss +8 -0
  224. package/styles/speech-to-text/icons/_tailwind3.scss +8 -0
  225. package/styles/speech-to-text/material-dark.css +114 -0
  226. package/styles/speech-to-text/material-dark.scss +7 -0
  227. package/styles/speech-to-text/material.css +114 -0
  228. package/styles/speech-to-text/material.scss +7 -0
  229. package/styles/speech-to-text/material3-dark.css +112 -0
  230. package/styles/speech-to-text/material3-dark.scss +8 -0
  231. package/styles/speech-to-text/material3.css +114 -0
  232. package/styles/speech-to-text/material3.scss +8 -0
  233. package/styles/speech-to-text/tailwind-dark.css +110 -0
  234. package/styles/speech-to-text/tailwind-dark.scss +7 -0
  235. package/styles/speech-to-text/tailwind.css +110 -0
  236. package/styles/speech-to-text/tailwind.scss +7 -0
  237. package/styles/speech-to-text/tailwind3.css +114 -0
  238. package/styles/speech-to-text/tailwind3.scss +7 -0
  239. package/styles/tailwind-dark-lite.css +93 -12
  240. package/styles/tailwind-dark-lite.scss +3 -0
  241. package/styles/tailwind-dark.css +126 -15
  242. package/styles/tailwind-dark.scss +4 -0
  243. package/styles/tailwind-lite.css +86 -5
  244. package/styles/tailwind-lite.scss +3 -0
  245. package/styles/tailwind.css +116 -5
  246. package/styles/tailwind.scss +4 -0
  247. package/styles/tailwind3-lite.css +83 -2
  248. package/styles/tailwind3-lite.scss +3 -0
  249. package/styles/tailwind3.css +113 -2
  250. package/styles/tailwind3.scss +4 -0
  251. package/styles/uploader/bootstrap5-dark.css +25 -25
  252. package/styles/uploader/tailwind-dark.css +7 -7
@@ -4578,13 +4578,13 @@ body.e-colorpicker-overflow {
4578
4578
  -webkit-text-stroke: 1px #4f46e5;
4579
4579
  }
4580
4580
  .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 {
4581
- background: -webkit-gradient(linear, left top, right top, from(#251bc3), to(transparent));
4582
- background: linear-gradient(to right, #251bc3 var(--rating-value), transparent var(--rating-value));
4581
+ background: -webkit-gradient(linear, left top, right top, from(rgb(36.9075829384, 27.4170616114, 195.0829383886)), to(transparent));
4582
+ background: linear-gradient(to right, rgb(36.9075829384, 27.4170616114, 195.0829383886) var(--rating-value), transparent var(--rating-value));
4583
4583
  background-clip: text;
4584
4584
  /* stylelint-disable property-no-vendor-prefix */
4585
4585
  -webkit-background-clip: text;
4586
4586
  /* stylelint-enable property-no-vendor-prefix */
4587
- -webkit-text-stroke: 1px #251bc3;
4587
+ -webkit-text-stroke: 1px rgb(36.9075829384, 27.4170616114, 195.0829383886);
4588
4588
  }
4589
4589
  .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 {
4590
4590
  background: -webkit-gradient(linear, right top, left top, from(#111827), to(transparent));
@@ -4603,8 +4603,8 @@ body.e-colorpicker-overflow {
4603
4603
  /* stylelint-enable property-no-vendor-prefix */
4604
4604
  }
4605
4605
  .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 {
4606
- background: -webkit-gradient(linear, right top, left top, from(#251bc3), to(transparent));
4607
- background: linear-gradient(to left, #251bc3 var(--rating-value), transparent var(--rating-value));
4606
+ background: -webkit-gradient(linear, right top, left top, from(rgb(36.9075829384, 27.4170616114, 195.0829383886)), to(transparent));
4607
+ background: linear-gradient(to left, rgb(36.9075829384, 27.4170616114, 195.0829383886) var(--rating-value), transparent var(--rating-value));
4608
4608
  background-clip: text;
4609
4609
  /* stylelint-disable property-no-vendor-prefix */
4610
4610
  -webkit-background-clip: text;
@@ -5016,6 +5016,87 @@ body.e-colorpicker-overflow {
5016
5016
  border-color: #c2410c;
5017
5017
  }
5018
5018
 
5019
+ .e-listen-icon::before {
5020
+ content: "\e91c";
5021
+ }
5022
+
5023
+ .e-listen-stop::before {
5024
+ content: "\e919";
5025
+ }
5026
+
5027
+ .e-speech-to-text.e-btn {
5028
+ -webkit-box-align: center;
5029
+ -ms-flex-align: center;
5030
+ align-items: center;
5031
+ border-radius: 9999px;
5032
+ display: -webkit-inline-box;
5033
+ display: -ms-inline-flexbox;
5034
+ display: inline-flex;
5035
+ font-size: 14px;
5036
+ min-width: 40px;
5037
+ min-height: 40px;
5038
+ padding: 0 16px;
5039
+ }
5040
+ .e-speech-to-text.e-btn.e-round {
5041
+ width: 40px;
5042
+ height: 40px;
5043
+ padding: 0;
5044
+ }
5045
+ .e-speech-to-text.e-btn .e-btn-icon {
5046
+ font-size: 14px;
5047
+ }
5048
+ .e-speech-to-text.e-btn:disabled {
5049
+ pointer-events: none;
5050
+ }
5051
+ .e-speech-to-text.e-btn.e-listening-state {
5052
+ -webkit-animation: listening 1.2s infinite;
5053
+ animation: listening 1.2s infinite;
5054
+ }
5055
+
5056
+ .e-speech-to-text.e-round .e-btn-icon {
5057
+ font-size: 16px;
5058
+ }
5059
+
5060
+ @-webkit-keyframes listening {
5061
+ 0% {
5062
+ opacity: 1;
5063
+ }
5064
+ 100% {
5065
+ opacity: 1;
5066
+ }
5067
+ 50% {
5068
+ opacity: 0.5;
5069
+ }
5070
+ }
5071
+
5072
+ @keyframes listening {
5073
+ 0% {
5074
+ opacity: 1;
5075
+ }
5076
+ 100% {
5077
+ opacity: 1;
5078
+ }
5079
+ 50% {
5080
+ opacity: 0.5;
5081
+ }
5082
+ }
5083
+ .e-speech-to-text {
5084
+ -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
5085
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
5086
+ }
5087
+ .e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
5088
+ -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
5089
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
5090
+ }
5091
+ .e-speech-to-text:focus {
5092
+ -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14), 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
5093
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14), 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
5094
+ }
5095
+ .e-speech-to-text.e-flat {
5096
+ -webkit-box-shadow: none;
5097
+ box-shadow: none;
5098
+ }
5099
+
5019
5100
  .smart-textarea-suggestion-overlay {
5020
5101
  display: none;
5021
5102
  position: absolute;
@@ -33,5 +33,8 @@
33
33
  @import 'data-form/all.scss';
34
34
  @import 'otp-input/tailwind-definition.scss';
35
35
  @import 'otp-input/all.scss';
36
+ @import 'speech-to-text/tailwind-definition.scss';
37
+ @import 'speech-to-text/icons/tailwind.scss';
38
+ @import 'speech-to-text/all.scss';
36
39
  @import 'smart-textarea/tailwind-definition.scss';
37
40
  @import 'smart-textarea/all.scss';
@@ -7294,13 +7294,13 @@ body.e-colorpicker-overflow {
7294
7294
  -webkit-text-stroke: 1px #4f46e5;
7295
7295
  }
7296
7296
  .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 {
7297
- background: -webkit-gradient(linear, left top, right top, from(#251bc3), to(transparent));
7298
- background: linear-gradient(to right, #251bc3 var(--rating-value), transparent var(--rating-value));
7297
+ background: -webkit-gradient(linear, left top, right top, from(rgb(36.9075829384, 27.4170616114, 195.0829383886)), to(transparent));
7298
+ background: linear-gradient(to right, rgb(36.9075829384, 27.4170616114, 195.0829383886) var(--rating-value), transparent var(--rating-value));
7299
7299
  background-clip: text;
7300
7300
  /* stylelint-disable property-no-vendor-prefix */
7301
7301
  -webkit-background-clip: text;
7302
7302
  /* stylelint-enable property-no-vendor-prefix */
7303
- -webkit-text-stroke: 1px #251bc3;
7303
+ -webkit-text-stroke: 1px rgb(36.9075829384, 27.4170616114, 195.0829383886);
7304
7304
  }
7305
7305
  .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 {
7306
7306
  background: -webkit-gradient(linear, right top, left top, from(#111827), to(transparent));
@@ -7319,8 +7319,8 @@ body.e-colorpicker-overflow {
7319
7319
  /* stylelint-enable property-no-vendor-prefix */
7320
7320
  }
7321
7321
  .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 {
7322
- background: -webkit-gradient(linear, right top, left top, from(#251bc3), to(transparent));
7323
- background: linear-gradient(to left, #251bc3 var(--rating-value), transparent var(--rating-value));
7322
+ background: -webkit-gradient(linear, right top, left top, from(rgb(36.9075829384, 27.4170616114, 195.0829383886)), to(transparent));
7323
+ background: linear-gradient(to left, rgb(36.9075829384, 27.4170616114, 195.0829383886) var(--rating-value), transparent var(--rating-value));
7324
7324
  background-clip: text;
7325
7325
  /* stylelint-disable property-no-vendor-prefix */
7326
7326
  -webkit-background-clip: text;
@@ -7862,6 +7862,117 @@ body.e-colorpicker-overflow {
7862
7862
  padding: 0;
7863
7863
  }
7864
7864
 
7865
+ .e-listen-icon::before {
7866
+ content: "\e91c";
7867
+ }
7868
+
7869
+ .e-listen-stop::before {
7870
+ content: "\e919";
7871
+ }
7872
+
7873
+ .e-speech-to-text.e-btn {
7874
+ -webkit-box-align: center;
7875
+ -ms-flex-align: center;
7876
+ align-items: center;
7877
+ border-radius: 9999px;
7878
+ display: -webkit-inline-box;
7879
+ display: -ms-inline-flexbox;
7880
+ display: inline-flex;
7881
+ font-size: 14px;
7882
+ min-width: 40px;
7883
+ min-height: 40px;
7884
+ padding: 0 16px;
7885
+ }
7886
+ .e-speech-to-text.e-btn.e-round {
7887
+ width: 40px;
7888
+ height: 40px;
7889
+ padding: 0;
7890
+ }
7891
+ .e-speech-to-text.e-btn .e-btn-icon {
7892
+ font-size: 14px;
7893
+ }
7894
+ .e-speech-to-text.e-btn:disabled {
7895
+ pointer-events: none;
7896
+ }
7897
+ .e-speech-to-text.e-btn.e-listening-state {
7898
+ -webkit-animation: listening 1.2s infinite;
7899
+ animation: listening 1.2s infinite;
7900
+ }
7901
+
7902
+ .e-speech-to-text.e-round .e-btn-icon {
7903
+ font-size: 16px;
7904
+ }
7905
+
7906
+ @-webkit-keyframes listening {
7907
+ 0% {
7908
+ opacity: 1;
7909
+ }
7910
+ 100% {
7911
+ opacity: 1;
7912
+ }
7913
+ 50% {
7914
+ opacity: 0.5;
7915
+ }
7916
+ }
7917
+
7918
+ @keyframes listening {
7919
+ 0% {
7920
+ opacity: 1;
7921
+ }
7922
+ 100% {
7923
+ opacity: 1;
7924
+ }
7925
+ 50% {
7926
+ opacity: 0.5;
7927
+ }
7928
+ }
7929
+ .e-speech-to-text {
7930
+ -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
7931
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
7932
+ }
7933
+ .e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
7934
+ -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
7935
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
7936
+ }
7937
+ .e-speech-to-text:focus {
7938
+ -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14), 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
7939
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14), 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
7940
+ }
7941
+ .e-speech-to-text.e-flat {
7942
+ -webkit-box-shadow: none;
7943
+ box-shadow: none;
7944
+ }
7945
+
7946
+ .e-bigger .e-speech-to-text.e-btn,
7947
+ .e-bigger.e-speech-to-text.e-btn {
7948
+ -webkit-box-align: center;
7949
+ -ms-flex-align: center;
7950
+ align-items: center;
7951
+ border-radius: 9999px;
7952
+ display: -webkit-inline-box;
7953
+ display: -ms-inline-flexbox;
7954
+ display: inline-flex;
7955
+ font-size: 16px;
7956
+ min-width: 52px;
7957
+ min-height: 52px;
7958
+ padding: 0 20px;
7959
+ }
7960
+ .e-bigger .e-speech-to-text.e-btn.e-round,
7961
+ .e-bigger.e-speech-to-text.e-btn.e-round {
7962
+ width: 52px;
7963
+ height: 52px;
7964
+ padding: 0;
7965
+ }
7966
+ .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
7967
+ .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
7968
+ font-size: 16px;
7969
+ }
7970
+
7971
+ .e-bigger .e-speech-to-text.e-round .e-btn-icon,
7972
+ .e-bigger.e-speech-to-text.e-round .e-btn-icon {
7973
+ font-size: 20px;
7974
+ }
7975
+
7865
7976
  .smart-textarea-suggestion-overlay {
7866
7977
  display: none;
7867
7978
  position: absolute;
@@ -42,5 +42,9 @@
42
42
  @import 'otp-input/tailwind-definition.scss';
43
43
  @import 'otp-input/all.scss';
44
44
  @import 'otp-input/bigger.scss';
45
+ @import 'speech-to-text/tailwind-definition.scss';
46
+ @import 'speech-to-text/icons/tailwind.scss';
47
+ @import 'speech-to-text/all.scss';
48
+ @import 'speech-to-text/bigger.scss';
45
49
  @import 'smart-textarea/tailwind-definition.scss';
46
50
  @import 'smart-textarea/all.scss';
@@ -1070,7 +1070,7 @@ label.e-float-text,
1070
1070
  .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
1071
1071
  .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
1072
1072
  .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
1073
- background: var(--color-sf-content-bg-color-alt2);
1073
+ background: var(--color-sf-content-bg-color-alt1);
1074
1074
  color: var(--color-sf-content-text-color-alt1);
1075
1075
  border-color: var(--color-sf-border);
1076
1076
  }
@@ -3358,7 +3358,7 @@ textarea.e-input,
3358
3358
  .e-float-input.e-control-wrapper textarea[disabled],
3359
3359
  .e-float-input.e-disabled,
3360
3360
  .e-float-input.e-control-wrapper.e-disabled {
3361
- -webkit-text-fill-color: var(--color-sf-content-text-color-alt1);
3361
+ -webkit-text-fill-color: var(--color-sf-content-text-color-disabled);
3362
3362
  background: var(--color-sf-content-bg-color-alt2);
3363
3363
  color: var(--color-sf-content-text-color-alt1);
3364
3364
  border-color: var(--color-sf-border);
@@ -7183,6 +7183,87 @@ body.e-colorpicker-overflow {
7183
7183
  border-color: var(--color-sf-warning);
7184
7184
  }
7185
7185
 
7186
+ .e-listen-icon::before {
7187
+ content: "\e91c";
7188
+ }
7189
+
7190
+ .e-listen-stop::before {
7191
+ content: "\e919";
7192
+ }
7193
+
7194
+ .e-speech-to-text.e-btn {
7195
+ -webkit-box-align: center;
7196
+ -ms-flex-align: center;
7197
+ align-items: center;
7198
+ border-radius: 9999px;
7199
+ display: -webkit-inline-box;
7200
+ display: -ms-inline-flexbox;
7201
+ display: inline-flex;
7202
+ font-size: 16px;
7203
+ min-width: 40px;
7204
+ min-height: 40px;
7205
+ padding: 0 14px;
7206
+ }
7207
+ .e-speech-to-text.e-btn.e-round {
7208
+ width: 40px;
7209
+ height: 40px;
7210
+ padding: 0;
7211
+ }
7212
+ .e-speech-to-text.e-btn .e-btn-icon {
7213
+ font-size: 16px;
7214
+ }
7215
+ .e-speech-to-text.e-btn:disabled {
7216
+ pointer-events: none;
7217
+ }
7218
+ .e-speech-to-text.e-btn.e-listening-state {
7219
+ -webkit-animation: listening 1.2s infinite;
7220
+ animation: listening 1.2s infinite;
7221
+ }
7222
+
7223
+ .e-speech-to-text.e-round .e-btn-icon {
7224
+ font-size: 16px;
7225
+ }
7226
+
7227
+ @-webkit-keyframes listening {
7228
+ 0% {
7229
+ opacity: 1;
7230
+ }
7231
+ 100% {
7232
+ opacity: 1;
7233
+ }
7234
+ 50% {
7235
+ opacity: 0.5;
7236
+ }
7237
+ }
7238
+
7239
+ @keyframes listening {
7240
+ 0% {
7241
+ opacity: 1;
7242
+ }
7243
+ 100% {
7244
+ opacity: 1;
7245
+ }
7246
+ 50% {
7247
+ opacity: 0.5;
7248
+ }
7249
+ }
7250
+ .e-speech-to-text {
7251
+ -webkit-box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
7252
+ box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
7253
+ }
7254
+ .e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
7255
+ -webkit-box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
7256
+ box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
7257
+ }
7258
+ .e-speech-to-text:focus-visible {
7259
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary) !important;
7260
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary) !important; /* stylelint-disable-line declaration-no-important */
7261
+ }
7262
+ .e-speech-to-text.e-flat {
7263
+ -webkit-box-shadow: none;
7264
+ box-shadow: none;
7265
+ }
7266
+
7186
7267
  .smart-textarea-suggestion-overlay {
7187
7268
  display: none;
7188
7269
  position: absolute;
@@ -33,5 +33,8 @@
33
33
  @import 'data-form/all.scss';
34
34
  @import 'otp-input/tailwind3-definition.scss';
35
35
  @import 'otp-input/all.scss';
36
+ @import 'speech-to-text/tailwind3-definition.scss';
37
+ @import 'speech-to-text/icons/tailwind3.scss';
38
+ @import 'speech-to-text/all.scss';
36
39
  @import 'smart-textarea/tailwind3-definition.scss';
37
40
  @import 'smart-textarea/all.scss';
@@ -1070,7 +1070,7 @@ label.e-float-text,
1070
1070
  .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
1071
1071
  .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
1072
1072
  .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
1073
- background: var(--color-sf-content-bg-color-alt2);
1073
+ background: var(--color-sf-content-bg-color-alt1);
1074
1074
  color: var(--color-sf-content-text-color-alt1);
1075
1075
  border-color: var(--color-sf-border);
1076
1076
  }
@@ -3358,7 +3358,7 @@ textarea.e-input,
3358
3358
  .e-float-input.e-control-wrapper textarea[disabled],
3359
3359
  .e-float-input.e-disabled,
3360
3360
  .e-float-input.e-control-wrapper.e-disabled {
3361
- -webkit-text-fill-color: var(--color-sf-content-text-color-alt1);
3361
+ -webkit-text-fill-color: var(--color-sf-content-text-color-disabled);
3362
3362
  background: var(--color-sf-content-bg-color-alt2);
3363
3363
  color: var(--color-sf-content-text-color-alt1);
3364
3364
  border-color: var(--color-sf-border);
@@ -12188,6 +12188,117 @@ body.e-colorpicker-overflow {
12188
12188
  padding: 0;
12189
12189
  }
12190
12190
 
12191
+ .e-listen-icon::before {
12192
+ content: "\e91c";
12193
+ }
12194
+
12195
+ .e-listen-stop::before {
12196
+ content: "\e919";
12197
+ }
12198
+
12199
+ .e-speech-to-text.e-btn {
12200
+ -webkit-box-align: center;
12201
+ -ms-flex-align: center;
12202
+ align-items: center;
12203
+ border-radius: 9999px;
12204
+ display: -webkit-inline-box;
12205
+ display: -ms-inline-flexbox;
12206
+ display: inline-flex;
12207
+ font-size: 16px;
12208
+ min-width: 40px;
12209
+ min-height: 40px;
12210
+ padding: 0 14px;
12211
+ }
12212
+ .e-speech-to-text.e-btn.e-round {
12213
+ width: 40px;
12214
+ height: 40px;
12215
+ padding: 0;
12216
+ }
12217
+ .e-speech-to-text.e-btn .e-btn-icon {
12218
+ font-size: 16px;
12219
+ }
12220
+ .e-speech-to-text.e-btn:disabled {
12221
+ pointer-events: none;
12222
+ }
12223
+ .e-speech-to-text.e-btn.e-listening-state {
12224
+ -webkit-animation: listening 1.2s infinite;
12225
+ animation: listening 1.2s infinite;
12226
+ }
12227
+
12228
+ .e-speech-to-text.e-round .e-btn-icon {
12229
+ font-size: 16px;
12230
+ }
12231
+
12232
+ @-webkit-keyframes listening {
12233
+ 0% {
12234
+ opacity: 1;
12235
+ }
12236
+ 100% {
12237
+ opacity: 1;
12238
+ }
12239
+ 50% {
12240
+ opacity: 0.5;
12241
+ }
12242
+ }
12243
+
12244
+ @keyframes listening {
12245
+ 0% {
12246
+ opacity: 1;
12247
+ }
12248
+ 100% {
12249
+ opacity: 1;
12250
+ }
12251
+ 50% {
12252
+ opacity: 0.5;
12253
+ }
12254
+ }
12255
+ .e-speech-to-text {
12256
+ -webkit-box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
12257
+ box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
12258
+ }
12259
+ .e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
12260
+ -webkit-box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
12261
+ box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
12262
+ }
12263
+ .e-speech-to-text:focus-visible {
12264
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary) !important;
12265
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary) !important; /* stylelint-disable-line declaration-no-important */
12266
+ }
12267
+ .e-speech-to-text.e-flat {
12268
+ -webkit-box-shadow: none;
12269
+ box-shadow: none;
12270
+ }
12271
+
12272
+ .e-bigger .e-speech-to-text.e-btn,
12273
+ .e-bigger.e-speech-to-text.e-btn {
12274
+ -webkit-box-align: center;
12275
+ -ms-flex-align: center;
12276
+ align-items: center;
12277
+ border-radius: 9999px;
12278
+ display: -webkit-inline-box;
12279
+ display: -ms-inline-flexbox;
12280
+ display: inline-flex;
12281
+ font-size: 16px;
12282
+ min-width: 52px;
12283
+ min-height: 52px;
12284
+ padding: 0 20px;
12285
+ }
12286
+ .e-bigger .e-speech-to-text.e-btn.e-round,
12287
+ .e-bigger.e-speech-to-text.e-btn.e-round {
12288
+ width: 52px;
12289
+ height: 52px;
12290
+ padding: 0;
12291
+ }
12292
+ .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
12293
+ .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
12294
+ font-size: 16px;
12295
+ }
12296
+
12297
+ .e-bigger .e-speech-to-text.e-round .e-btn-icon,
12298
+ .e-bigger.e-speech-to-text.e-round .e-btn-icon {
12299
+ font-size: 24px;
12300
+ }
12301
+
12191
12302
  .smart-textarea-suggestion-overlay {
12192
12303
  display: none;
12193
12304
  position: absolute;
@@ -42,5 +42,9 @@
42
42
  @import 'otp-input/tailwind3-definition.scss';
43
43
  @import 'otp-input/all.scss';
44
44
  @import 'otp-input/bigger.scss';
45
+ @import 'speech-to-text/tailwind3-definition.scss';
46
+ @import 'speech-to-text/icons/tailwind3.scss';
47
+ @import 'speech-to-text/all.scss';
48
+ @import 'speech-to-text/bigger.scss';
45
49
  @import 'smart-textarea/tailwind3-definition.scss';
46
50
  @import 'smart-textarea/all.scss';