@syncfusion/ej2-inputs 25.2.6 → 26.1.35

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 (394) hide show
  1. package/.eslintrc.json +3 -2
  2. package/README.md +13 -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 +1090 -449
  7. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  8. package/dist/es6/ej2-inputs.es5.js +1050 -389
  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/otp-input.d.ts +4 -0
  14. package/otp-input.js +4 -0
  15. package/package.json +10 -10
  16. package/src/form-validator/form-validator.d.ts +6 -3
  17. package/src/form-validator/form-validator.js +31 -27
  18. package/src/index.d.ts +1 -0
  19. package/src/index.js +1 -0
  20. package/src/input/input.d.ts +2 -2
  21. package/src/input/input.js +63 -56
  22. package/src/maskedtextbox/base/mask-base.d.ts +1 -1
  23. package/src/maskedtextbox/base/mask-base.js +1 -1
  24. package/src/maskedtextbox/maskedtextbox/maskedtextbox-model.d.ts +2 -2
  25. package/src/maskedtextbox/maskedtextbox/maskedtextbox.d.ts +1 -2
  26. package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +6 -7
  27. package/src/numerictextbox/numerictextbox.d.ts +2 -3
  28. package/src/numerictextbox/numerictextbox.js +14 -18
  29. package/src/otp-input/index.d.ts +5 -0
  30. package/src/otp-input/index.js +4 -0
  31. package/src/otp-input/otp-input-model.d.ts +142 -0
  32. package/src/otp-input/otp-input.d.ts +313 -0
  33. package/src/otp-input/otp-input.js +651 -0
  34. package/src/rating/rating.d.ts +0 -2
  35. package/src/rating/rating.js +4 -4
  36. package/src/slider/slider-model.d.ts +11 -6
  37. package/src/slider/slider.d.ts +21 -8
  38. package/src/slider/slider.js +191 -101
  39. package/src/textarea/textarea-model.d.ts +8 -2
  40. package/src/textarea/textarea.d.ts +9 -4
  41. package/src/textarea/textarea.js +17 -21
  42. package/src/textbox/textbox.d.ts +1 -3
  43. package/src/textbox/textbox.js +15 -11
  44. package/src/uploader/uploader.d.ts +1 -3
  45. package/src/uploader/uploader.js +27 -47
  46. package/styles/bootstrap-dark.css +1041 -1031
  47. package/styles/bootstrap-dark.scss +35 -11
  48. package/styles/bootstrap.css +1040 -1027
  49. package/styles/bootstrap.scss +35 -11
  50. package/styles/bootstrap4.css +1097 -1080
  51. package/styles/bootstrap4.scss +35 -11
  52. package/styles/bootstrap5-dark.css +1236 -1219
  53. package/styles/bootstrap5-dark.scss +35 -11
  54. package/styles/bootstrap5.css +1236 -1219
  55. package/styles/bootstrap5.scss +35 -11
  56. package/styles/color-picker/_bds-definition.scss +11 -1
  57. package/styles/color-picker/_bootstrap-dark-definition.scss +0 -3
  58. package/styles/color-picker/_bootstrap5-definition.scss +0 -1
  59. package/styles/color-picker/_bootstrap5.3-definition.scss +132 -0
  60. package/styles/color-picker/_fabric-dark-definition.scss +0 -3
  61. package/styles/color-picker/_fluent-definition.scss +0 -1
  62. package/styles/color-picker/_fluent2-definition.scss +143 -0
  63. package/styles/color-picker/_fusionnew-definition.scss +0 -1
  64. package/styles/color-picker/_highcontrast-light-definition.scss +0 -3
  65. package/styles/color-picker/_layout.scss +69 -34
  66. package/styles/color-picker/_material-dark-definition.scss +0 -3
  67. package/styles/color-picker/_material3-definition.scss +0 -1
  68. package/styles/color-picker/_tailwind-definition.scss +0 -1
  69. package/styles/color-picker/_theme.scss +13 -2
  70. package/styles/color-picker/bootstrap-dark.css +54 -20
  71. package/styles/color-picker/bootstrap.css +54 -20
  72. package/styles/color-picker/bootstrap4.css +60 -23
  73. package/styles/color-picker/bootstrap5-dark.css +58 -22
  74. package/styles/color-picker/bootstrap5.css +58 -22
  75. package/styles/color-picker/fabric-dark.css +54 -20
  76. package/styles/color-picker/fabric.css +54 -20
  77. package/styles/color-picker/fluent-dark.css +54 -20
  78. package/styles/color-picker/fluent.css +54 -20
  79. package/styles/color-picker/fluent2.css +2025 -0
  80. package/styles/color-picker/fluent2.scss +11 -0
  81. package/styles/color-picker/highcontrast-light.css +54 -20
  82. package/styles/color-picker/highcontrast.css +54 -20
  83. package/styles/color-picker/icons/_bootstrap5.3.scss +9 -0
  84. package/styles/color-picker/icons/_fluent2.scss +9 -0
  85. package/styles/color-picker/material-dark.css +63 -21
  86. package/styles/color-picker/material.css +77 -23
  87. package/styles/color-picker/material3-dark.css +92 -29
  88. package/styles/color-picker/material3.css +92 -29
  89. package/styles/color-picker/tailwind-dark.css +54 -21
  90. package/styles/color-picker/tailwind.css +54 -21
  91. package/styles/data-form/_bootstrap5.3-definition.scss +41 -0
  92. package/styles/data-form/_fluent2-definition.scss +41 -0
  93. package/styles/data-form/_layout.scss +1 -4
  94. package/styles/data-form/_material3-definition.scss +0 -7
  95. package/styles/data-form/bootstrap-dark.css +47 -59
  96. package/styles/data-form/bootstrap.css +47 -59
  97. package/styles/data-form/bootstrap4.css +47 -59
  98. package/styles/data-form/bootstrap5-dark.css +47 -59
  99. package/styles/data-form/bootstrap5.css +47 -59
  100. package/styles/data-form/fabric-dark.css +47 -59
  101. package/styles/data-form/fabric.css +47 -59
  102. package/styles/data-form/fluent-dark.css +47 -59
  103. package/styles/data-form/fluent.css +47 -59
  104. package/styles/data-form/fluent2.css +1266 -0
  105. package/styles/data-form/fluent2.scss +3 -0
  106. package/styles/data-form/highcontrast-light.css +47 -59
  107. package/styles/data-form/highcontrast.css +47 -59
  108. package/styles/data-form/material-dark.css +47 -59
  109. package/styles/data-form/material.css +47 -59
  110. package/styles/data-form/material3-dark.css +48 -60
  111. package/styles/data-form/material3.css +48 -60
  112. package/styles/data-form/tailwind-dark.css +47 -59
  113. package/styles/data-form/tailwind.css +47 -59
  114. package/styles/fabric-dark.css +1015 -988
  115. package/styles/fabric-dark.scss +35 -11
  116. package/styles/fabric.css +1015 -988
  117. package/styles/fabric.scss +35 -11
  118. package/styles/fluent-dark.css +1081 -1044
  119. package/styles/fluent-dark.scss +35 -11
  120. package/styles/fluent.css +1081 -1044
  121. package/styles/fluent.scss +35 -11
  122. package/styles/fluent2.css +13375 -0
  123. package/styles/fluent2.scss +35 -0
  124. package/styles/highcontrast-light.css +1099 -1179
  125. package/styles/highcontrast-light.scss +35 -11
  126. package/styles/highcontrast.css +1096 -1176
  127. package/styles/highcontrast.scss +35 -11
  128. package/styles/input/_bds-definition.scss +2 -2
  129. package/styles/input/_bootstrap5.3-definition.scss +336 -0
  130. package/styles/input/_fluent2-definition.scss +769 -0
  131. package/styles/input/_layout.scss +1242 -1939
  132. package/styles/input/_material-dark-definition.scss +4 -3
  133. package/styles/input/_material-definition.scss +4 -3
  134. package/styles/input/_material3-definition.scss +4 -9
  135. package/styles/input/_theme.scss +929 -1794
  136. package/styles/input/bootstrap-dark.css +489 -773
  137. package/styles/input/bootstrap.css +489 -773
  138. package/styles/input/bootstrap4.css +484 -770
  139. package/styles/input/bootstrap5-dark.css +488 -787
  140. package/styles/input/bootstrap5.css +488 -787
  141. package/styles/input/fabric-dark.css +466 -740
  142. package/styles/input/fabric.css +466 -740
  143. package/styles/input/fluent-dark.css +494 -775
  144. package/styles/input/fluent.css +494 -775
  145. package/styles/input/fluent2.css +10185 -0
  146. package/styles/input/fluent2.scss +4 -0
  147. package/styles/input/highcontrast-light.css +530 -914
  148. package/styles/input/highcontrast.css +530 -914
  149. package/styles/input/icons/_bootstrap5.3.scss +17 -0
  150. package/styles/input/icons/_fluent2.scss +17 -0
  151. package/styles/input/material-dark.css +1883 -2791
  152. package/styles/input/material.css +1895 -2791
  153. package/styles/input/material3-dark.css +1883 -2773
  154. package/styles/input/material3.css +1883 -2773
  155. package/styles/input/tailwind-dark.css +464 -749
  156. package/styles/input/tailwind.css +464 -749
  157. package/styles/maskedtextbox/_bootstrap5.3-definition.scss +7 -0
  158. package/styles/maskedtextbox/_fluent2-definition.scss +7 -0
  159. package/styles/maskedtextbox/_theme.scss +1 -6
  160. package/styles/maskedtextbox/bootstrap-dark.css +1 -4
  161. package/styles/maskedtextbox/bootstrap4.css +1 -4
  162. package/styles/maskedtextbox/bootstrap5-dark.css +1 -4
  163. package/styles/maskedtextbox/bootstrap5.css +1 -4
  164. package/styles/maskedtextbox/fabric-dark.css +1 -4
  165. package/styles/maskedtextbox/fabric.css +1 -4
  166. package/styles/maskedtextbox/fluent2.css +1244 -0
  167. package/styles/maskedtextbox/fluent2.scss +4 -0
  168. package/styles/maskedtextbox/highcontrast-light.css +1 -4
  169. package/styles/maskedtextbox/highcontrast.css +1 -4
  170. package/styles/maskedtextbox/material-dark.css +10 -5
  171. package/styles/maskedtextbox/material.css +24 -7
  172. package/styles/maskedtextbox/material3-dark.css +25 -8
  173. package/styles/maskedtextbox/material3.css +25 -8
  174. package/styles/maskedtextbox/tailwind-dark.css +1 -4
  175. package/styles/maskedtextbox/tailwind.css +1 -4
  176. package/styles/material-dark.css +2497 -3126
  177. package/styles/material-dark.scss +35 -11
  178. package/styles/material.css +2395 -3052
  179. package/styles/material.scss +35 -11
  180. package/styles/material3-dark.css +2656 -3265
  181. package/styles/material3-dark.scss +35 -11
  182. package/styles/material3.css +2656 -3265
  183. package/styles/material3.scss +35 -11
  184. package/styles/numerictextbox/_bootstrap5.3-definition.scss +3 -0
  185. package/styles/numerictextbox/_fluent2-definition.scss +3 -0
  186. package/styles/numerictextbox/bootstrap-dark.css +2 -1
  187. package/styles/numerictextbox/bootstrap.css +2 -1
  188. package/styles/numerictextbox/fluent2.css +1261 -0
  189. package/styles/numerictextbox/fluent2.scss +5 -0
  190. package/styles/numerictextbox/icons/_bootstrap5.3.scss +11 -0
  191. package/styles/numerictextbox/icons/_fluent2.scss +11 -0
  192. package/styles/numerictextbox/material-dark.css +9 -1
  193. package/styles/numerictextbox/material.css +23 -3
  194. package/styles/numerictextbox/material3-dark.css +24 -4
  195. package/styles/numerictextbox/material3.css +24 -4
  196. package/styles/otp-input/_all.scss +2 -0
  197. package/styles/otp-input/_bds-definition.scss +58 -0
  198. package/styles/otp-input/_bootstrap-dark-definition.scss +58 -0
  199. package/styles/otp-input/_bootstrap-definition.scss +58 -0
  200. package/styles/otp-input/_bootstrap4-definition.scss +58 -0
  201. package/styles/otp-input/_bootstrap5-dark-definition.scss +1 -0
  202. package/styles/otp-input/_bootstrap5-definition.scss +58 -0
  203. package/styles/otp-input/_bootstrap5.3-definition.scss +58 -0
  204. package/styles/otp-input/_fabric-dark-definition.scss +58 -0
  205. package/styles/otp-input/_fabric-definition.scss +58 -0
  206. package/styles/otp-input/_fluent-dark-definition.scss +1 -0
  207. package/styles/otp-input/_fluent-definition.scss +58 -0
  208. package/styles/otp-input/_fluent2-definition.scss +58 -0
  209. package/styles/otp-input/_fusionnew-definition.scss +58 -0
  210. package/styles/otp-input/_highcontrast-definition.scss +58 -0
  211. package/styles/otp-input/_highcontrast-light-definition.scss +58 -0
  212. package/styles/otp-input/_layout.scss +158 -0
  213. package/styles/otp-input/_material-dark-definition.scss +58 -0
  214. package/styles/otp-input/_material-definition.scss +58 -0
  215. package/styles/otp-input/_material3-dark-definition.scss +1 -0
  216. package/styles/otp-input/_material3-definition.scss +58 -0
  217. package/styles/otp-input/_tailwind-dark-definition.scss +1 -0
  218. package/styles/otp-input/_tailwind-definition.scss +58 -0
  219. package/styles/otp-input/_theme.scss +67 -0
  220. package/styles/otp-input/bootstrap-dark.css +225 -0
  221. package/styles/otp-input/bootstrap-dark.scss +3 -0
  222. package/styles/otp-input/bootstrap.css +225 -0
  223. package/styles/otp-input/bootstrap.scss +3 -0
  224. package/styles/otp-input/bootstrap4.css +225 -0
  225. package/styles/otp-input/bootstrap4.scss +3 -0
  226. package/styles/otp-input/bootstrap5-dark.css +225 -0
  227. package/styles/otp-input/bootstrap5-dark.scss +3 -0
  228. package/styles/otp-input/bootstrap5.css +225 -0
  229. package/styles/otp-input/bootstrap5.scss +3 -0
  230. package/styles/otp-input/fabric-dark.css +225 -0
  231. package/styles/otp-input/fabric-dark.scss +3 -0
  232. package/styles/otp-input/fabric.css +225 -0
  233. package/styles/otp-input/fabric.scss +3 -0
  234. package/styles/otp-input/fluent-dark.css +225 -0
  235. package/styles/otp-input/fluent-dark.scss +3 -0
  236. package/styles/otp-input/fluent.css +225 -0
  237. package/styles/otp-input/fluent.scss +3 -0
  238. package/styles/otp-input/fluent2.css +1259 -0
  239. package/styles/otp-input/fluent2.scss +3 -0
  240. package/styles/otp-input/highcontrast-light.css +225 -0
  241. package/styles/otp-input/highcontrast-light.scss +3 -0
  242. package/styles/otp-input/highcontrast.css +225 -0
  243. package/styles/otp-input/highcontrast.scss +3 -0
  244. package/styles/otp-input/material-dark.css +225 -0
  245. package/styles/otp-input/material-dark.scss +3 -0
  246. package/styles/otp-input/material.css +225 -0
  247. package/styles/otp-input/material.scss +3 -0
  248. package/styles/otp-input/material3-dark.css +280 -0
  249. package/styles/otp-input/material3-dark.scss +4 -0
  250. package/styles/otp-input/material3.css +336 -0
  251. package/styles/otp-input/material3.scss +4 -0
  252. package/styles/otp-input/tailwind-dark.css +225 -0
  253. package/styles/otp-input/tailwind-dark.scss +3 -0
  254. package/styles/otp-input/tailwind.css +225 -0
  255. package/styles/otp-input/tailwind.scss +3 -0
  256. package/styles/rating/_bds-definition.scss +2 -2
  257. package/styles/rating/_bootstrap-dark-definition.scss +2 -2
  258. package/styles/rating/_bootstrap-definition.scss +2 -2
  259. package/styles/rating/_bootstrap4-definition.scss +2 -2
  260. package/styles/rating/_bootstrap5-definition.scss +2 -2
  261. package/styles/rating/_bootstrap5.3-definition.scss +47 -0
  262. package/styles/rating/_fabric-dark-definition.scss +2 -2
  263. package/styles/rating/_fabric-definition.scss +2 -2
  264. package/styles/rating/_fluent-definition.scss +2 -2
  265. package/styles/rating/_fluent2-definition.scss +47 -0
  266. package/styles/rating/_fusionnew-definition.scss +2 -2
  267. package/styles/rating/_highcontrast-definition.scss +2 -2
  268. package/styles/rating/_highcontrast-light-definition.scss +2 -2
  269. package/styles/rating/_layout.scss +22 -46
  270. package/styles/rating/_material-dark-definition.scss +2 -2
  271. package/styles/rating/_material-definition.scss +2 -2
  272. package/styles/rating/_material3-definition.scss +2 -2
  273. package/styles/rating/_tailwind-definition.scss +2 -2
  274. package/styles/rating/_theme.scss +1 -1
  275. package/styles/rating/bootstrap-dark.css +35 -9
  276. package/styles/rating/bootstrap.css +35 -9
  277. package/styles/rating/bootstrap4.css +35 -9
  278. package/styles/rating/bootstrap5-dark.css +35 -9
  279. package/styles/rating/bootstrap5.css +35 -9
  280. package/styles/rating/fabric-dark.css +35 -9
  281. package/styles/rating/fabric.css +35 -9
  282. package/styles/rating/fluent-dark.css +35 -9
  283. package/styles/rating/fluent.css +35 -9
  284. package/styles/rating/fluent2.css +1349 -0
  285. package/styles/rating/fluent2.scss +4 -0
  286. package/styles/rating/highcontrast-light.css +35 -9
  287. package/styles/rating/highcontrast.css +35 -9
  288. package/styles/rating/material-dark.css +35 -9
  289. package/styles/rating/material.css +35 -9
  290. package/styles/rating/material3-dark.css +35 -10
  291. package/styles/rating/material3.css +35 -10
  292. package/styles/rating/tailwind-dark.css +34 -9
  293. package/styles/rating/tailwind.css +34 -9
  294. package/styles/signature/_bootstrap5.3-definition.scss +3 -0
  295. package/styles/signature/_fluent2-definition.scss +3 -0
  296. package/styles/signature/fluent2.css +1043 -0
  297. package/styles/signature/fluent2.scss +3 -0
  298. package/styles/signature/material3-dark.css +1 -1
  299. package/styles/signature/material3.css +1 -1
  300. package/styles/slider/_bds-definition.scss +1 -0
  301. package/styles/slider/_bootstrap-dark-definition.scss +1 -0
  302. package/styles/slider/_bootstrap-definition.scss +1 -0
  303. package/styles/slider/_bootstrap4-definition.scss +1 -1
  304. package/styles/slider/_bootstrap5-definition.scss +1 -0
  305. package/styles/slider/_bootstrap5.3-definition.scss +91 -0
  306. package/styles/slider/_fluent-definition.scss +2 -0
  307. package/styles/slider/_fluent2-definition.scss +102 -0
  308. package/styles/slider/_highcontrast-definition.scss +1 -2
  309. package/styles/slider/_layout.scss +1623 -1986
  310. package/styles/slider/_material-dark-definition.scss +2 -2
  311. package/styles/slider/_material-definition.scss +4 -4
  312. package/styles/slider/_material3-definition.scss +1 -4
  313. package/styles/slider/_tailwind-definition.scss +1 -0
  314. package/styles/slider/_theme.scss +92 -120
  315. package/styles/slider/bootstrap-dark.css +132 -140
  316. package/styles/slider/bootstrap.css +132 -140
  317. package/styles/slider/bootstrap4.css +192 -193
  318. package/styles/slider/bootstrap5-dark.css +284 -270
  319. package/styles/slider/bootstrap5.css +284 -270
  320. package/styles/slider/fabric-dark.css +131 -131
  321. package/styles/slider/fabric.css +131 -131
  322. package/styles/slider/fluent-dark.css +170 -155
  323. package/styles/slider/fluent.css +170 -155
  324. package/styles/slider/fluent2.css +1642 -0
  325. package/styles/slider/fluent2.scss +5 -0
  326. package/styles/slider/highcontrast-light.css +157 -154
  327. package/styles/slider/highcontrast.css +155 -152
  328. package/styles/slider/material-dark.css +306 -298
  329. package/styles/slider/material.css +304 -296
  330. package/styles/slider/material3-dark.css +577 -535
  331. package/styles/slider/material3.css +577 -535
  332. package/styles/slider/tailwind-dark.css +256 -267
  333. package/styles/slider/tailwind.css +256 -267
  334. package/styles/tailwind-dark.css +1203 -1201
  335. package/styles/tailwind-dark.scss +35 -11
  336. package/styles/tailwind.css +1205 -1203
  337. package/styles/tailwind.scss +35 -11
  338. package/styles/textarea/_bootstrap5.3-definition.scss +1 -0
  339. package/styles/textarea/_fluent2-definition.scss +1 -0
  340. package/styles/textarea/_layout.scss +1 -1
  341. package/styles/textarea/bootstrap-dark.css +3 -2
  342. package/styles/textarea/bootstrap.css +3 -2
  343. package/styles/textarea/bootstrap4.css +3 -2
  344. package/styles/textarea/bootstrap5-dark.css +3 -2
  345. package/styles/textarea/bootstrap5.css +3 -2
  346. package/styles/textarea/fabric-dark.css +3 -2
  347. package/styles/textarea/fabric.css +3 -2
  348. package/styles/textarea/fluent-dark.css +3 -2
  349. package/styles/textarea/fluent.css +3 -2
  350. package/styles/textarea/fluent2.css +1247 -0
  351. package/styles/textarea/fluent2.scss +5 -0
  352. package/styles/textarea/highcontrast-light.css +3 -2
  353. package/styles/textarea/highcontrast.css +3 -2
  354. package/styles/textarea/material-dark.css +12 -3
  355. package/styles/textarea/material.css +26 -5
  356. package/styles/textarea/material3-dark.css +27 -6
  357. package/styles/textarea/material3.css +27 -6
  358. package/styles/textarea/tailwind-dark.css +3 -2
  359. package/styles/textarea/tailwind.css +3 -2
  360. package/styles/textbox/_bootstrap5.3-definition.scss +4 -0
  361. package/styles/textbox/_fluent2-definition.scss +4 -0
  362. package/styles/textbox/fluent2.css +1241 -0
  363. package/styles/textbox/fluent2.scss +4 -0
  364. package/styles/textbox/material-dark.css +9 -1
  365. package/styles/textbox/material.css +23 -3
  366. package/styles/textbox/material3-dark.css +24 -4
  367. package/styles/textbox/material3.css +24 -4
  368. package/styles/uploader/_bootstrap5.3-definition.scss +216 -0
  369. package/styles/uploader/_fluent2-definition.scss +232 -0
  370. package/styles/uploader/_layout.scss +5 -2
  371. package/styles/uploader/_material3-definition.scss +0 -24
  372. package/styles/uploader/_theme.scss +7 -4
  373. package/styles/uploader/bootstrap-dark.css +47 -12
  374. package/styles/uploader/bootstrap.css +47 -12
  375. package/styles/uploader/bootstrap4.css +47 -12
  376. package/styles/uploader/bootstrap5-dark.css +47 -12
  377. package/styles/uploader/bootstrap5.css +47 -12
  378. package/styles/uploader/fabric-dark.css +47 -12
  379. package/styles/uploader/fabric.css +47 -12
  380. package/styles/uploader/fluent-dark.css +47 -12
  381. package/styles/uploader/fluent.css +47 -12
  382. package/styles/uploader/fluent2.css +1880 -0
  383. package/styles/uploader/fluent2.scss +6 -0
  384. package/styles/uploader/highcontrast-light.css +47 -12
  385. package/styles/uploader/highcontrast.css +47 -12
  386. package/styles/uploader/icons/_bootstrap5.3.scss +34 -0
  387. package/styles/uploader/icons/_fluent2.scss +34 -0
  388. package/styles/uploader/material-dark.css +47 -12
  389. package/styles/uploader/material.css +47 -12
  390. package/styles/uploader/material3-dark.css +49 -13
  391. package/styles/uploader/material3.css +49 -13
  392. package/styles/uploader/tailwind-dark.css +49 -13
  393. package/styles/uploader/tailwind.css +49 -13
  394. package/CHANGELOG.md +0 -1313
@@ -0,0 +1,6 @@
1
+ @import 'ej2-base/styles/definition/fluent2.scss';
2
+ @import 'ej2-buttons/styles/button/fluent2-definition.scss';
3
+ @import 'ej2-popups/styles/spinner/fluent2-definition.scss';
4
+ @import 'fluent2-definition.scss';
5
+ @import 'icons/fluent2.scss';
6
+ @import 'all.scss';
@@ -1,17 +1,41 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
+ @-webkit-keyframes material-spinner-rotate {
3
+ 0% {
4
+ -webkit-transform: rotate(0);
5
+ transform: rotate(0);
6
+ }
7
+ 100% {
8
+ -webkit-transform: rotate(360deg);
9
+ transform: rotate(360deg);
10
+ }
11
+ }
2
12
  @keyframes material-spinner-rotate {
3
13
  0% {
14
+ -webkit-transform: rotate(0);
15
+ transform: rotate(0);
16
+ }
17
+ 100% {
18
+ -webkit-transform: rotate(360deg);
19
+ transform: rotate(360deg);
20
+ }
21
+ }
22
+ @-webkit-keyframes fabric-spinner-rotate {
23
+ 0% {
24
+ -webkit-transform: rotate(0);
4
25
  transform: rotate(0);
5
26
  }
6
27
  100% {
28
+ -webkit-transform: rotate(360deg);
7
29
  transform: rotate(360deg);
8
30
  }
9
31
  }
10
32
  @keyframes fabric-spinner-rotate {
11
33
  0% {
34
+ -webkit-transform: rotate(0);
12
35
  transform: rotate(0);
13
36
  }
14
37
  100% {
38
+ -webkit-transform: rotate(360deg);
15
39
  transform: rotate(360deg);
16
40
  }
17
41
  }
@@ -101,7 +125,8 @@
101
125
  top: -31px;
102
126
  }
103
127
  .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
104
- box-sizing: border-box;
128
+ -webkit-box-sizing: border-box;
129
+ box-sizing: border-box;
105
130
  font-size: 12px;
106
131
  height: 26px;
107
132
  margin: 16px;
@@ -158,7 +183,8 @@
158
183
  right: initial;
159
184
  }
160
185
  .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
161
- box-sizing: border-box;
186
+ -webkit-box-sizing: border-box;
187
+ box-sizing: border-box;
162
188
  left: 0;
163
189
  margin-left: 14px;
164
190
  margin-right: 14px;
@@ -211,7 +237,8 @@
211
237
  color: #ff6161;
212
238
  }
213
239
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
214
- box-sizing: border-box;
240
+ -webkit-box-sizing: border-box;
241
+ box-sizing: border-box;
215
242
  top: 37px;
216
243
  }
217
244
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -315,7 +342,8 @@
315
342
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
316
343
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
317
344
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
318
- box-sizing: border-box;
345
+ -webkit-box-sizing: border-box;
346
+ box-sizing: border-box;
319
347
  top: 42px;
320
348
  }
321
349
  .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -437,16 +465,20 @@
437
465
  .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
438
466
  .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
439
467
  .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
440
- -ms-flex-align: center;
441
- align-items: center;
442
- box-sizing: border-box;
468
+ -webkit-box-align: center;
469
+ -ms-flex-align: center;
470
+ align-items: center;
471
+ -webkit-box-sizing: border-box;
472
+ box-sizing: border-box;
443
473
  cursor: pointer;
474
+ display: -webkit-inline-box;
444
475
  display: -ms-inline-flexbox;
445
476
  display: inline-flex;
446
477
  font-size: 11px;
447
478
  height: 26px;
448
- -ms-flex-pack: center;
449
- justify-content: center;
479
+ -webkit-box-pack: center;
480
+ -ms-flex-pack: center;
481
+ justify-content: center;
450
482
  margin: 12px;
451
483
  margin-top: -21px;
452
484
  padding: 16px;
@@ -499,7 +531,8 @@
499
531
  background-color: #ecf;
500
532
  border-color: transparent;
501
533
  border-radius: 50%;
502
- box-shadow: 0 0 0 transparent;
534
+ -webkit-box-shadow: 0 0 0 transparent;
535
+ box-shadow: 0 0 0 transparent;
503
536
  }
504
537
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
505
538
  .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -727,7 +760,8 @@
727
760
  color: #ff6161;
728
761
  }
729
762
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
730
- box-sizing: border-box;
763
+ -webkit-box-sizing: border-box;
764
+ box-sizing: border-box;
731
765
  top: 38px;
732
766
  }
733
767
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -796,5 +830,6 @@
796
830
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
797
831
  background-color: #ecf;
798
832
  border-color: transparent;
799
- box-shadow: 0 0 0 transparent;
833
+ -webkit-box-shadow: 0 0 0 transparent;
834
+ box-shadow: 0 0 0 transparent;
800
835
  }
@@ -1,17 +1,41 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
+ @-webkit-keyframes material-spinner-rotate {
3
+ 0% {
4
+ -webkit-transform: rotate(0);
5
+ transform: rotate(0);
6
+ }
7
+ 100% {
8
+ -webkit-transform: rotate(360deg);
9
+ transform: rotate(360deg);
10
+ }
11
+ }
2
12
  @keyframes material-spinner-rotate {
3
13
  0% {
14
+ -webkit-transform: rotate(0);
15
+ transform: rotate(0);
16
+ }
17
+ 100% {
18
+ -webkit-transform: rotate(360deg);
19
+ transform: rotate(360deg);
20
+ }
21
+ }
22
+ @-webkit-keyframes fabric-spinner-rotate {
23
+ 0% {
24
+ -webkit-transform: rotate(0);
4
25
  transform: rotate(0);
5
26
  }
6
27
  100% {
28
+ -webkit-transform: rotate(360deg);
7
29
  transform: rotate(360deg);
8
30
  }
9
31
  }
10
32
  @keyframes fabric-spinner-rotate {
11
33
  0% {
34
+ -webkit-transform: rotate(0);
12
35
  transform: rotate(0);
13
36
  }
14
37
  100% {
38
+ -webkit-transform: rotate(360deg);
15
39
  transform: rotate(360deg);
16
40
  }
17
41
  }
@@ -101,7 +125,8 @@
101
125
  top: -31px;
102
126
  }
103
127
  .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
104
- box-sizing: border-box;
128
+ -webkit-box-sizing: border-box;
129
+ box-sizing: border-box;
105
130
  font-size: 12px;
106
131
  height: 26px;
107
132
  margin: 16px;
@@ -158,7 +183,8 @@
158
183
  right: initial;
159
184
  }
160
185
  .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
161
- box-sizing: border-box;
186
+ -webkit-box-sizing: border-box;
187
+ box-sizing: border-box;
162
188
  left: 0;
163
189
  margin-left: 14px;
164
190
  margin-right: 14px;
@@ -211,7 +237,8 @@
211
237
  color: #ff6161;
212
238
  }
213
239
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
214
- box-sizing: border-box;
240
+ -webkit-box-sizing: border-box;
241
+ box-sizing: border-box;
215
242
  top: 37px;
216
243
  }
217
244
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -315,7 +342,8 @@
315
342
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
316
343
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
317
344
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
318
- box-sizing: border-box;
345
+ -webkit-box-sizing: border-box;
346
+ box-sizing: border-box;
319
347
  top: 42px;
320
348
  }
321
349
  .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -437,16 +465,20 @@
437
465
  .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
438
466
  .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
439
467
  .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
440
- -ms-flex-align: center;
441
- align-items: center;
442
- box-sizing: border-box;
468
+ -webkit-box-align: center;
469
+ -ms-flex-align: center;
470
+ align-items: center;
471
+ -webkit-box-sizing: border-box;
472
+ box-sizing: border-box;
443
473
  cursor: pointer;
474
+ display: -webkit-inline-box;
444
475
  display: -ms-inline-flexbox;
445
476
  display: inline-flex;
446
477
  font-size: 11px;
447
478
  height: 26px;
448
- -ms-flex-pack: center;
449
- justify-content: center;
479
+ -webkit-box-pack: center;
480
+ -ms-flex-pack: center;
481
+ justify-content: center;
450
482
  margin: 12px;
451
483
  margin-top: -21px;
452
484
  padding: 16px;
@@ -499,7 +531,8 @@
499
531
  background-color: #685708;
500
532
  border-color: transparent;
501
533
  border-radius: 50%;
502
- box-shadow: 0 0 0 transparent;
534
+ -webkit-box-shadow: 0 0 0 transparent;
535
+ box-shadow: 0 0 0 transparent;
503
536
  }
504
537
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
505
538
  .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -727,7 +760,8 @@
727
760
  color: #ff6161;
728
761
  }
729
762
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
730
- box-sizing: border-box;
763
+ -webkit-box-sizing: border-box;
764
+ box-sizing: border-box;
731
765
  top: 38px;
732
766
  }
733
767
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -796,5 +830,6 @@
796
830
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
797
831
  background-color: #685708;
798
832
  border-color: transparent;
799
- box-shadow: 0 0 0 transparent;
833
+ -webkit-box-shadow: 0 0 0 transparent;
834
+ box-shadow: 0 0 0 transparent;
800
835
  }
@@ -0,0 +1,34 @@
1
+ @include export-module('uploader-bootstrap4-icons') {
2
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
3
+ content: '\e7e7';
4
+ }
5
+
6
+ .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
7
+ content: '\e77b';
8
+ }
9
+
10
+ .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
11
+ content: '\e706';
12
+ }
13
+
14
+ .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
15
+ content: '\e70c';
16
+ }
17
+
18
+ .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
19
+ content: '\e820';
20
+ }
21
+
22
+ .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
23
+ content: '\e81b';
24
+ }
25
+
26
+ .e-upload .e-upload-files .e-icons.e-msie::before {
27
+ position: relative;
28
+ right: $ie-icons-position-value;
29
+ }
30
+
31
+ .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
32
+ right: $ie-abort-icon-position-value;
33
+ }
34
+ }
@@ -0,0 +1,34 @@
1
+ @include export-module('uploader-fluent2-icons') {
2
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
3
+ content: '\e7e7';
4
+ }
5
+
6
+ .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
7
+ content: '\e77b';
8
+ }
9
+
10
+ .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
11
+ content: '\e706';
12
+ }
13
+
14
+ .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
15
+ content: '\e70c';
16
+ }
17
+
18
+ .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
19
+ content: '\e820';
20
+ }
21
+
22
+ .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
23
+ content: '\e81b';
24
+ }
25
+
26
+ .e-upload .e-upload-files .e-icons.e-msie::before {
27
+ position: relative;
28
+ right: $ie-icons-position-value;
29
+ }
30
+
31
+ .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
32
+ right: $ie-abort-icon-position-value;
33
+ }
34
+ }
@@ -1,17 +1,41 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
+ @-webkit-keyframes material-spinner-rotate {
3
+ 0% {
4
+ -webkit-transform: rotate(0deg);
5
+ transform: rotate(0deg);
6
+ }
7
+ 100% {
8
+ -webkit-transform: rotate(360deg);
9
+ transform: rotate(360deg);
10
+ }
11
+ }
2
12
  @keyframes material-spinner-rotate {
3
13
  0% {
14
+ -webkit-transform: rotate(0deg);
15
+ transform: rotate(0deg);
16
+ }
17
+ 100% {
18
+ -webkit-transform: rotate(360deg);
19
+ transform: rotate(360deg);
20
+ }
21
+ }
22
+ @-webkit-keyframes fabric-spinner-rotate {
23
+ 0% {
24
+ -webkit-transform: rotate(0deg);
4
25
  transform: rotate(0deg);
5
26
  }
6
27
  100% {
28
+ -webkit-transform: rotate(360deg);
7
29
  transform: rotate(360deg);
8
30
  }
9
31
  }
10
32
  @keyframes fabric-spinner-rotate {
11
33
  0% {
34
+ -webkit-transform: rotate(0deg);
12
35
  transform: rotate(0deg);
13
36
  }
14
37
  100% {
38
+ -webkit-transform: rotate(360deg);
15
39
  transform: rotate(360deg);
16
40
  }
17
41
  }
@@ -101,7 +125,8 @@
101
125
  top: -33px;
102
126
  }
103
127
  .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
104
- box-sizing: border-box;
128
+ -webkit-box-sizing: border-box;
129
+ box-sizing: border-box;
105
130
  font-size: 12px;
106
131
  height: 18px;
107
132
  margin: 16px;
@@ -158,7 +183,8 @@
158
183
  right: initial;
159
184
  }
160
185
  .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
161
- box-sizing: border-box;
186
+ -webkit-box-sizing: border-box;
187
+ box-sizing: border-box;
162
188
  left: 0;
163
189
  margin-left: 16px;
164
190
  margin-right: 16px;
@@ -211,7 +237,8 @@
211
237
  color: #ff6652;
212
238
  }
213
239
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
214
- box-sizing: border-box;
240
+ -webkit-box-sizing: border-box;
241
+ box-sizing: border-box;
215
242
  top: 42px;
216
243
  }
217
244
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -315,7 +342,8 @@
315
342
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
316
343
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
317
344
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
318
- box-sizing: border-box;
345
+ -webkit-box-sizing: border-box;
346
+ box-sizing: border-box;
319
347
  top: 32px;
320
348
  }
321
349
  .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -437,16 +465,20 @@
437
465
  .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
438
466
  .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
439
467
  .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
440
- -ms-flex-align: center;
441
- align-items: center;
442
- box-sizing: border-box;
468
+ -webkit-box-align: center;
469
+ -ms-flex-align: center;
470
+ align-items: center;
471
+ -webkit-box-sizing: border-box;
472
+ box-sizing: border-box;
443
473
  cursor: pointer;
474
+ display: -webkit-inline-box;
444
475
  display: -ms-inline-flexbox;
445
476
  display: inline-flex;
446
477
  font-size: 11px;
447
478
  height: 18px;
448
- -ms-flex-pack: center;
449
- justify-content: center;
479
+ -webkit-box-pack: center;
480
+ -ms-flex-pack: center;
481
+ justify-content: center;
450
482
  margin: 0 12px;
451
483
  margin-top: -18px;
452
484
  padding: 18px;
@@ -499,7 +531,8 @@
499
531
  background-color: rgba(255, 255, 255, 0.12);
500
532
  border-color: transparent;
501
533
  border-radius: 50%;
502
- box-shadow: 0 0 0 transparent;
534
+ -webkit-box-shadow: 0 0 0 transparent;
535
+ box-shadow: 0 0 0 transparent;
503
536
  }
504
537
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
505
538
  .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -727,7 +760,8 @@
727
760
  color: #ff6652;
728
761
  }
729
762
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
730
- box-sizing: border-box;
763
+ -webkit-box-sizing: border-box;
764
+ box-sizing: border-box;
731
765
  top: 34px;
732
766
  }
733
767
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -796,5 +830,6 @@
796
830
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
797
831
  background-color: rgba(255, 255, 255, 0.12);
798
832
  border-color: transparent;
799
- box-shadow: 0 0 0 transparent;
833
+ -webkit-box-shadow: 0 0 0 transparent;
834
+ box-shadow: 0 0 0 transparent;
800
835
  }
@@ -1,17 +1,41 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
+ @-webkit-keyframes material-spinner-rotate {
3
+ 0% {
4
+ -webkit-transform: rotate(0deg);
5
+ transform: rotate(0deg);
6
+ }
7
+ 100% {
8
+ -webkit-transform: rotate(360deg);
9
+ transform: rotate(360deg);
10
+ }
11
+ }
2
12
  @keyframes material-spinner-rotate {
3
13
  0% {
14
+ -webkit-transform: rotate(0deg);
15
+ transform: rotate(0deg);
16
+ }
17
+ 100% {
18
+ -webkit-transform: rotate(360deg);
19
+ transform: rotate(360deg);
20
+ }
21
+ }
22
+ @-webkit-keyframes fabric-spinner-rotate {
23
+ 0% {
24
+ -webkit-transform: rotate(0deg);
4
25
  transform: rotate(0deg);
5
26
  }
6
27
  100% {
28
+ -webkit-transform: rotate(360deg);
7
29
  transform: rotate(360deg);
8
30
  }
9
31
  }
10
32
  @keyframes fabric-spinner-rotate {
11
33
  0% {
34
+ -webkit-transform: rotate(0deg);
12
35
  transform: rotate(0deg);
13
36
  }
14
37
  100% {
38
+ -webkit-transform: rotate(360deg);
15
39
  transform: rotate(360deg);
16
40
  }
17
41
  }
@@ -101,7 +125,8 @@
101
125
  top: -33px;
102
126
  }
103
127
  .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
104
- box-sizing: border-box;
128
+ -webkit-box-sizing: border-box;
129
+ box-sizing: border-box;
105
130
  font-size: 12px;
106
131
  height: 18px;
107
132
  margin: 16px;
@@ -158,7 +183,8 @@
158
183
  right: initial;
159
184
  }
160
185
  .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
161
- box-sizing: border-box;
186
+ -webkit-box-sizing: border-box;
187
+ box-sizing: border-box;
162
188
  left: 0;
163
189
  margin-left: 16px;
164
190
  margin-right: 16px;
@@ -211,7 +237,8 @@
211
237
  color: #f44336;
212
238
  }
213
239
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
214
- box-sizing: border-box;
240
+ -webkit-box-sizing: border-box;
241
+ box-sizing: border-box;
215
242
  top: 42px;
216
243
  }
217
244
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -315,7 +342,8 @@
315
342
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
316
343
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
317
344
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
318
- box-sizing: border-box;
345
+ -webkit-box-sizing: border-box;
346
+ box-sizing: border-box;
319
347
  top: 32px;
320
348
  }
321
349
  .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -441,16 +469,20 @@
441
469
  .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
442
470
  .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
443
471
  .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
444
- -ms-flex-align: center;
445
- align-items: center;
446
- box-sizing: border-box;
472
+ -webkit-box-align: center;
473
+ -ms-flex-align: center;
474
+ align-items: center;
475
+ -webkit-box-sizing: border-box;
476
+ box-sizing: border-box;
447
477
  cursor: pointer;
478
+ display: -webkit-inline-box;
448
479
  display: -ms-inline-flexbox;
449
480
  display: inline-flex;
450
481
  font-size: 11px;
451
482
  height: 18px;
452
- -ms-flex-pack: center;
453
- justify-content: center;
483
+ -webkit-box-pack: center;
484
+ -ms-flex-pack: center;
485
+ justify-content: center;
454
486
  margin: 0 12px;
455
487
  margin-top: -18px;
456
488
  padding: 18px;
@@ -503,7 +535,8 @@
503
535
  background-color: rgba(0, 0, 0, 0.12);
504
536
  border-color: transparent;
505
537
  border-radius: 50%;
506
- box-shadow: 0 0 0 transparent;
538
+ -webkit-box-shadow: 0 0 0 transparent;
539
+ box-shadow: 0 0 0 transparent;
507
540
  }
508
541
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
509
542
  .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -731,7 +764,8 @@
731
764
  color: #f44336;
732
765
  }
733
766
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
734
- box-sizing: border-box;
767
+ -webkit-box-sizing: border-box;
768
+ box-sizing: border-box;
735
769
  top: 34px;
736
770
  }
737
771
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -800,5 +834,6 @@
800
834
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
801
835
  background-color: rgba(0, 0, 0, 0.12);
802
836
  border-color: transparent;
803
- box-shadow: 0 0 0 transparent;
837
+ -webkit-box-shadow: 0 0 0 transparent;
838
+ box-shadow: 0 0 0 transparent;
804
839
  }