@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
@@ -10,7 +10,6 @@
10
10
  font-weight: 400;
11
11
  }
12
12
  .e-data-form .e-form-layout {
13
- display: -ms-grid;
14
13
  display: grid;
15
14
  }
16
15
  .e-data-form .e-grid-col-2 {
@@ -58,82 +57,64 @@
58
57
  grid-template-columns: repeat(12, minmax(0, 1fr));
59
58
  }
60
59
  .e-data-form .e-colspan-1 {
61
- -ms-grid-column-span: 1;
62
- -ms-grid-column: span 1;
63
- grid-column: span 1/span 1;
60
+ grid-column: span 1/span 1;
64
61
  }
65
62
  .e-data-form .e-colspan-2 {
66
- -ms-grid-column-span: 2;
67
- -ms-grid-column: span 2;
68
- grid-column: span 2/span 2;
63
+ grid-column: span 2/span 2;
69
64
  }
70
65
  .e-data-form .e-colspan-3 {
71
- -ms-grid-column-span: 3;
72
- -ms-grid-column: span 3;
73
- grid-column: span 3/span 3;
66
+ grid-column: span 3/span 3;
74
67
  }
75
68
  .e-data-form .e-colspan-4 {
76
- -ms-grid-column-span: 4;
77
- -ms-grid-column: span 4;
78
- grid-column: span 4/span 4;
69
+ grid-column: span 4/span 4;
79
70
  }
80
71
  .e-data-form .e-colspan-5 {
81
- -ms-grid-column-span: 5;
82
- -ms-grid-column: span 5;
83
- grid-column: span 5/span 5;
72
+ grid-column: span 5/span 5;
84
73
  }
85
74
  .e-data-form .e-colspan-6 {
86
- -ms-grid-column-span: 6;
87
- -ms-grid-column: span 6;
88
- grid-column: span 6/span 6;
75
+ grid-column: span 6/span 6;
89
76
  }
90
77
  .e-data-form .e-colspan-7 {
91
- -ms-grid-column-span: 7;
92
- -ms-grid-column: span 7;
93
- grid-column: span 7/span 7;
78
+ grid-column: span 7/span 7;
94
79
  }
95
80
  .e-data-form .e-colspan-8 {
96
- -ms-grid-column-span: 8;
97
- -ms-grid-column: span 8;
98
- grid-column: span 8/span 8;
81
+ grid-column: span 8/span 8;
99
82
  }
100
83
  .e-data-form .e-colspan-9 {
101
- -ms-grid-column-span: 9;
102
- -ms-grid-column: span 9;
103
- grid-column: span 9/span 9;
84
+ grid-column: span 9/span 9;
104
85
  }
105
86
  .e-data-form .e-colspan-10 {
106
- -ms-grid-column-span: 10;
107
- -ms-grid-column: span 10;
108
- grid-column: span 10/span 10;
87
+ grid-column: span 10/span 10;
109
88
  }
110
89
  .e-data-form .e-colspan-11 {
111
- -ms-grid-column-span: 11;
112
- -ms-grid-column: span 11;
113
- grid-column: span 11/span 11;
90
+ grid-column: span 11/span 11;
114
91
  }
115
92
  .e-data-form .e-colspan-12 {
116
- -ms-grid-column-span: 12;
117
- -ms-grid-column: span 12;
118
- grid-column: span 12/span 12;
93
+ grid-column: span 12/span 12;
119
94
  }
120
95
  .e-data-form .e-label-position-left .e-form-item-wrapper {
121
- -ms-flex: 1 1 auto;
122
- flex: 1 1 auto;
96
+ -webkit-box-flex: 1;
97
+ -ms-flex: 1 1 auto;
98
+ flex: 1 1 auto;
123
99
  max-width: calc(75% - 12px);
124
100
  }
125
101
  .e-data-form .e-label-position-left .e-form-label {
126
102
  margin-right: 12px;
127
103
  width: 25%;
128
104
  text-align: end;
129
- -ms-flex-direction: column;
130
- flex-direction: column;
131
- -ms-flex-align: end;
132
- align-items: flex-end;
133
- -ms-flex-pack: start;
134
- justify-content: flex-start;
105
+ -webkit-box-orient: vertical;
106
+ -webkit-box-direction: normal;
107
+ -ms-flex-direction: column;
108
+ flex-direction: column;
109
+ -webkit-box-align: end;
110
+ -ms-flex-align: end;
111
+ align-items: flex-end;
112
+ -webkit-box-pack: start;
113
+ -ms-flex-pack: start;
114
+ justify-content: flex-start;
135
115
  }
136
116
  .e-data-form .e-label-position-left .validation-message {
117
+ display: -webkit-box;
137
118
  display: -ms-flexbox;
138
119
  display: flex;
139
120
  }
@@ -141,6 +122,7 @@
141
122
  border: none;
142
123
  padding: 0;
143
124
  margin: 0;
125
+ margin-top: 20px;
144
126
  }
145
127
  .e-data-form .e-form-group .e-group-title {
146
128
  position: relative;
@@ -160,17 +142,22 @@
160
142
  border-bottom: 1px solid #c4c7c5;
161
143
  }
162
144
  .e-data-form .e-label-position-top {
145
+ display: -webkit-box;
163
146
  display: -ms-flexbox;
164
147
  display: flex;
165
- -ms-flex-direction: column;
166
- flex-direction: column;
148
+ -webkit-box-orient: vertical;
149
+ -webkit-box-direction: normal;
150
+ -ms-flex-direction: column;
151
+ flex-direction: column;
167
152
  margin-top: 20px;
168
153
  }
169
154
  .e-data-form .e-label-position-top .e-label-right {
155
+ display: -webkit-box;
170
156
  display: -ms-flexbox;
171
157
  display: flex;
172
- -ms-flex-align: center;
173
- align-items: center;
158
+ -webkit-box-align: center;
159
+ -ms-flex-align: center;
160
+ align-items: center;
174
161
  }
175
162
  .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
176
163
  margin-top: 3px;
@@ -180,25 +167,30 @@
180
167
  margin-top: 6px;
181
168
  }
182
169
  .e-data-form .e-label-position-left {
170
+ display: -webkit-box;
183
171
  display: -ms-flexbox;
184
172
  display: flex;
185
173
  text-align: center;
186
174
  margin-top: 20px;
187
175
  }
188
176
  .e-data-form .e-button-left {
189
- -ms-flex-pack: start;
190
- justify-content: flex-start;
177
+ -webkit-box-pack: start;
178
+ -ms-flex-pack: start;
179
+ justify-content: flex-start;
191
180
  }
192
181
  .e-data-form .e-button-right {
193
- -ms-flex-pack: end;
194
- justify-content: flex-end;
182
+ -webkit-box-pack: end;
183
+ -ms-flex-pack: end;
184
+ justify-content: flex-end;
195
185
  }
196
186
  .e-data-form .e-button-center {
197
- -ms-flex-pack: center;
198
- justify-content: center;
187
+ -webkit-box-pack: center;
188
+ -ms-flex-pack: center;
189
+ justify-content: center;
199
190
  }
200
191
  .e-data-form .e-button-left, .e-data-form .e-button-right, .e-data-form .e-button-center, .e-data-form .e-button-stretch {
201
192
  margin-top: 24px;
193
+ display: -webkit-box;
202
194
  display: -ms-flexbox;
203
195
  display: flex;
204
196
  gap: 10px;
@@ -213,10 +205,6 @@
213
205
  .e-data-form > :first-child.e-form-layout {
214
206
  margin-top: 0;
215
207
  }
216
- .e-data-form .e-form-group-layout {
217
- display: -ms-grid;
218
- display: grid;
219
- }
220
208
 
221
209
  /*! data-form theme */
222
210
  .e-data-form .e-form-label {
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -65,7 +65,6 @@
65
65
  font-weight: 400;
66
66
  }
67
67
  .e-data-form .e-form-layout {
68
- display: -ms-grid;
69
68
  display: grid;
70
69
  }
71
70
  .e-data-form .e-grid-col-2 {
@@ -113,82 +112,64 @@
113
112
  grid-template-columns: repeat(12, minmax(0, 1fr));
114
113
  }
115
114
  .e-data-form .e-colspan-1 {
116
- -ms-grid-column-span: 1;
117
- -ms-grid-column: span 1;
118
- grid-column: span 1/span 1;
115
+ grid-column: span 1/span 1;
119
116
  }
120
117
  .e-data-form .e-colspan-2 {
121
- -ms-grid-column-span: 2;
122
- -ms-grid-column: span 2;
123
- grid-column: span 2/span 2;
118
+ grid-column: span 2/span 2;
124
119
  }
125
120
  .e-data-form .e-colspan-3 {
126
- -ms-grid-column-span: 3;
127
- -ms-grid-column: span 3;
128
- grid-column: span 3/span 3;
121
+ grid-column: span 3/span 3;
129
122
  }
130
123
  .e-data-form .e-colspan-4 {
131
- -ms-grid-column-span: 4;
132
- -ms-grid-column: span 4;
133
- grid-column: span 4/span 4;
124
+ grid-column: span 4/span 4;
134
125
  }
135
126
  .e-data-form .e-colspan-5 {
136
- -ms-grid-column-span: 5;
137
- -ms-grid-column: span 5;
138
- grid-column: span 5/span 5;
127
+ grid-column: span 5/span 5;
139
128
  }
140
129
  .e-data-form .e-colspan-6 {
141
- -ms-grid-column-span: 6;
142
- -ms-grid-column: span 6;
143
- grid-column: span 6/span 6;
130
+ grid-column: span 6/span 6;
144
131
  }
145
132
  .e-data-form .e-colspan-7 {
146
- -ms-grid-column-span: 7;
147
- -ms-grid-column: span 7;
148
- grid-column: span 7/span 7;
133
+ grid-column: span 7/span 7;
149
134
  }
150
135
  .e-data-form .e-colspan-8 {
151
- -ms-grid-column-span: 8;
152
- -ms-grid-column: span 8;
153
- grid-column: span 8/span 8;
136
+ grid-column: span 8/span 8;
154
137
  }
155
138
  .e-data-form .e-colspan-9 {
156
- -ms-grid-column-span: 9;
157
- -ms-grid-column: span 9;
158
- grid-column: span 9/span 9;
139
+ grid-column: span 9/span 9;
159
140
  }
160
141
  .e-data-form .e-colspan-10 {
161
- -ms-grid-column-span: 10;
162
- -ms-grid-column: span 10;
163
- grid-column: span 10/span 10;
142
+ grid-column: span 10/span 10;
164
143
  }
165
144
  .e-data-form .e-colspan-11 {
166
- -ms-grid-column-span: 11;
167
- -ms-grid-column: span 11;
168
- grid-column: span 11/span 11;
145
+ grid-column: span 11/span 11;
169
146
  }
170
147
  .e-data-form .e-colspan-12 {
171
- -ms-grid-column-span: 12;
172
- -ms-grid-column: span 12;
173
- grid-column: span 12/span 12;
148
+ grid-column: span 12/span 12;
174
149
  }
175
150
  .e-data-form .e-label-position-left .e-form-item-wrapper {
176
- -ms-flex: 1 1 auto;
177
- flex: 1 1 auto;
151
+ -webkit-box-flex: 1;
152
+ -ms-flex: 1 1 auto;
153
+ flex: 1 1 auto;
178
154
  max-width: calc(75% - 12px);
179
155
  }
180
156
  .e-data-form .e-label-position-left .e-form-label {
181
157
  margin-right: 12px;
182
158
  width: 25%;
183
159
  text-align: end;
184
- -ms-flex-direction: column;
185
- flex-direction: column;
186
- -ms-flex-align: end;
187
- align-items: flex-end;
188
- -ms-flex-pack: start;
189
- justify-content: flex-start;
160
+ -webkit-box-orient: vertical;
161
+ -webkit-box-direction: normal;
162
+ -ms-flex-direction: column;
163
+ flex-direction: column;
164
+ -webkit-box-align: end;
165
+ -ms-flex-align: end;
166
+ align-items: flex-end;
167
+ -webkit-box-pack: start;
168
+ -ms-flex-pack: start;
169
+ justify-content: flex-start;
190
170
  }
191
171
  .e-data-form .e-label-position-left .validation-message {
172
+ display: -webkit-box;
192
173
  display: -ms-flexbox;
193
174
  display: flex;
194
175
  }
@@ -196,6 +177,7 @@
196
177
  border: none;
197
178
  padding: 0;
198
179
  margin: 0;
180
+ margin-top: 20px;
199
181
  }
200
182
  .e-data-form .e-form-group .e-group-title {
201
183
  position: relative;
@@ -215,17 +197,22 @@
215
197
  border-bottom: 1px solid var(--color-sf-outline-variant);
216
198
  }
217
199
  .e-data-form .e-label-position-top {
200
+ display: -webkit-box;
218
201
  display: -ms-flexbox;
219
202
  display: flex;
220
- -ms-flex-direction: column;
221
- flex-direction: column;
203
+ -webkit-box-orient: vertical;
204
+ -webkit-box-direction: normal;
205
+ -ms-flex-direction: column;
206
+ flex-direction: column;
222
207
  margin-top: 20px;
223
208
  }
224
209
  .e-data-form .e-label-position-top .e-label-right {
210
+ display: -webkit-box;
225
211
  display: -ms-flexbox;
226
212
  display: flex;
227
- -ms-flex-align: center;
228
- align-items: center;
213
+ -webkit-box-align: center;
214
+ -ms-flex-align: center;
215
+ align-items: center;
229
216
  }
230
217
  .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
231
218
  margin-top: 3px;
@@ -235,25 +222,30 @@
235
222
  margin-top: 6px;
236
223
  }
237
224
  .e-data-form .e-label-position-left {
225
+ display: -webkit-box;
238
226
  display: -ms-flexbox;
239
227
  display: flex;
240
228
  text-align: center;
241
229
  margin-top: 20px;
242
230
  }
243
231
  .e-data-form .e-button-left {
244
- -ms-flex-pack: start;
245
- justify-content: flex-start;
232
+ -webkit-box-pack: start;
233
+ -ms-flex-pack: start;
234
+ justify-content: flex-start;
246
235
  }
247
236
  .e-data-form .e-button-right {
248
- -ms-flex-pack: end;
249
- justify-content: flex-end;
237
+ -webkit-box-pack: end;
238
+ -ms-flex-pack: end;
239
+ justify-content: flex-end;
250
240
  }
251
241
  .e-data-form .e-button-center {
252
- -ms-flex-pack: center;
253
- justify-content: center;
242
+ -webkit-box-pack: center;
243
+ -ms-flex-pack: center;
244
+ justify-content: center;
254
245
  }
255
246
  .e-data-form .e-button-left, .e-data-form .e-button-right, .e-data-form .e-button-center, .e-data-form .e-button-stretch {
256
247
  margin-top: 24px;
248
+ display: -webkit-box;
257
249
  display: -ms-flexbox;
258
250
  display: flex;
259
251
  gap: 10px;
@@ -268,10 +260,6 @@
268
260
  .e-data-form > :first-child.e-form-layout {
269
261
  margin-top: 0;
270
262
  }
271
- .e-data-form .e-form-group-layout {
272
- display: -ms-grid;
273
- display: grid;
274
- }
275
263
 
276
264
  /*! data-form theme */
277
265
  .e-data-form .e-form-label {
@@ -100,7 +100,7 @@
100
100
  --color-sf-on-warning: 99, 52, 0;
101
101
  --color-sf-on-warning-container: 255, 220, 193;
102
102
  --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
103
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
104
  --color-sf-success-text: 0, 0, 0;
105
105
  --color-sf-warning-text: 0, 0, 0;
106
106
  --color-sf-info-text: 0, 0, 0;
@@ -121,7 +121,6 @@
121
121
  font-weight: 400;
122
122
  }
123
123
  .e-data-form .e-form-layout {
124
- display: -ms-grid;
125
124
  display: grid;
126
125
  }
127
126
  .e-data-form .e-grid-col-2 {
@@ -169,82 +168,64 @@
169
168
  grid-template-columns: repeat(12, minmax(0, 1fr));
170
169
  }
171
170
  .e-data-form .e-colspan-1 {
172
- -ms-grid-column-span: 1;
173
- -ms-grid-column: span 1;
174
- grid-column: span 1/span 1;
171
+ grid-column: span 1/span 1;
175
172
  }
176
173
  .e-data-form .e-colspan-2 {
177
- -ms-grid-column-span: 2;
178
- -ms-grid-column: span 2;
179
- grid-column: span 2/span 2;
174
+ grid-column: span 2/span 2;
180
175
  }
181
176
  .e-data-form .e-colspan-3 {
182
- -ms-grid-column-span: 3;
183
- -ms-grid-column: span 3;
184
- grid-column: span 3/span 3;
177
+ grid-column: span 3/span 3;
185
178
  }
186
179
  .e-data-form .e-colspan-4 {
187
- -ms-grid-column-span: 4;
188
- -ms-grid-column: span 4;
189
- grid-column: span 4/span 4;
180
+ grid-column: span 4/span 4;
190
181
  }
191
182
  .e-data-form .e-colspan-5 {
192
- -ms-grid-column-span: 5;
193
- -ms-grid-column: span 5;
194
- grid-column: span 5/span 5;
183
+ grid-column: span 5/span 5;
195
184
  }
196
185
  .e-data-form .e-colspan-6 {
197
- -ms-grid-column-span: 6;
198
- -ms-grid-column: span 6;
199
- grid-column: span 6/span 6;
186
+ grid-column: span 6/span 6;
200
187
  }
201
188
  .e-data-form .e-colspan-7 {
202
- -ms-grid-column-span: 7;
203
- -ms-grid-column: span 7;
204
- grid-column: span 7/span 7;
189
+ grid-column: span 7/span 7;
205
190
  }
206
191
  .e-data-form .e-colspan-8 {
207
- -ms-grid-column-span: 8;
208
- -ms-grid-column: span 8;
209
- grid-column: span 8/span 8;
192
+ grid-column: span 8/span 8;
210
193
  }
211
194
  .e-data-form .e-colspan-9 {
212
- -ms-grid-column-span: 9;
213
- -ms-grid-column: span 9;
214
- grid-column: span 9/span 9;
195
+ grid-column: span 9/span 9;
215
196
  }
216
197
  .e-data-form .e-colspan-10 {
217
- -ms-grid-column-span: 10;
218
- -ms-grid-column: span 10;
219
- grid-column: span 10/span 10;
198
+ grid-column: span 10/span 10;
220
199
  }
221
200
  .e-data-form .e-colspan-11 {
222
- -ms-grid-column-span: 11;
223
- -ms-grid-column: span 11;
224
- grid-column: span 11/span 11;
201
+ grid-column: span 11/span 11;
225
202
  }
226
203
  .e-data-form .e-colspan-12 {
227
- -ms-grid-column-span: 12;
228
- -ms-grid-column: span 12;
229
- grid-column: span 12/span 12;
204
+ grid-column: span 12/span 12;
230
205
  }
231
206
  .e-data-form .e-label-position-left .e-form-item-wrapper {
232
- -ms-flex: 1 1 auto;
233
- flex: 1 1 auto;
207
+ -webkit-box-flex: 1;
208
+ -ms-flex: 1 1 auto;
209
+ flex: 1 1 auto;
234
210
  max-width: calc(75% - 12px);
235
211
  }
236
212
  .e-data-form .e-label-position-left .e-form-label {
237
213
  margin-right: 12px;
238
214
  width: 25%;
239
215
  text-align: end;
240
- -ms-flex-direction: column;
241
- flex-direction: column;
242
- -ms-flex-align: end;
243
- align-items: flex-end;
244
- -ms-flex-pack: start;
245
- justify-content: flex-start;
216
+ -webkit-box-orient: vertical;
217
+ -webkit-box-direction: normal;
218
+ -ms-flex-direction: column;
219
+ flex-direction: column;
220
+ -webkit-box-align: end;
221
+ -ms-flex-align: end;
222
+ align-items: flex-end;
223
+ -webkit-box-pack: start;
224
+ -ms-flex-pack: start;
225
+ justify-content: flex-start;
246
226
  }
247
227
  .e-data-form .e-label-position-left .validation-message {
228
+ display: -webkit-box;
248
229
  display: -ms-flexbox;
249
230
  display: flex;
250
231
  }
@@ -252,6 +233,7 @@
252
233
  border: none;
253
234
  padding: 0;
254
235
  margin: 0;
236
+ margin-top: 20px;
255
237
  }
256
238
  .e-data-form .e-form-group .e-group-title {
257
239
  position: relative;
@@ -271,17 +253,22 @@
271
253
  border-bottom: 1px solid var(--color-sf-outline-variant);
272
254
  }
273
255
  .e-data-form .e-label-position-top {
256
+ display: -webkit-box;
274
257
  display: -ms-flexbox;
275
258
  display: flex;
276
- -ms-flex-direction: column;
277
- flex-direction: column;
259
+ -webkit-box-orient: vertical;
260
+ -webkit-box-direction: normal;
261
+ -ms-flex-direction: column;
262
+ flex-direction: column;
278
263
  margin-top: 20px;
279
264
  }
280
265
  .e-data-form .e-label-position-top .e-label-right {
266
+ display: -webkit-box;
281
267
  display: -ms-flexbox;
282
268
  display: flex;
283
- -ms-flex-align: center;
284
- align-items: center;
269
+ -webkit-box-align: center;
270
+ -ms-flex-align: center;
271
+ align-items: center;
285
272
  }
286
273
  .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
287
274
  margin-top: 3px;
@@ -291,25 +278,30 @@
291
278
  margin-top: 6px;
292
279
  }
293
280
  .e-data-form .e-label-position-left {
281
+ display: -webkit-box;
294
282
  display: -ms-flexbox;
295
283
  display: flex;
296
284
  text-align: center;
297
285
  margin-top: 20px;
298
286
  }
299
287
  .e-data-form .e-button-left {
300
- -ms-flex-pack: start;
301
- justify-content: flex-start;
288
+ -webkit-box-pack: start;
289
+ -ms-flex-pack: start;
290
+ justify-content: flex-start;
302
291
  }
303
292
  .e-data-form .e-button-right {
304
- -ms-flex-pack: end;
305
- justify-content: flex-end;
293
+ -webkit-box-pack: end;
294
+ -ms-flex-pack: end;
295
+ justify-content: flex-end;
306
296
  }
307
297
  .e-data-form .e-button-center {
308
- -ms-flex-pack: center;
309
- justify-content: center;
298
+ -webkit-box-pack: center;
299
+ -ms-flex-pack: center;
300
+ justify-content: center;
310
301
  }
311
302
  .e-data-form .e-button-left, .e-data-form .e-button-right, .e-data-form .e-button-center, .e-data-form .e-button-stretch {
312
303
  margin-top: 24px;
304
+ display: -webkit-box;
313
305
  display: -ms-flexbox;
314
306
  display: flex;
315
307
  gap: 10px;
@@ -324,10 +316,6 @@
324
316
  .e-data-form > :first-child.e-form-layout {
325
317
  margin-top: 0;
326
318
  }
327
- .e-data-form .e-form-group-layout {
328
- display: -ms-grid;
329
- display: grid;
330
- }
331
319
 
332
320
  /*! data-form theme */
333
321
  .e-data-form .e-form-label {