@syncfusion/ej2-inputs 25.2.6 → 26.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +1078 -1050
  119. package/styles/fluent-dark.scss +35 -11
  120. package/styles/fluent.css +1078 -1050
  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 +933 -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 +491 -781
  144. package/styles/input/fluent.css +491 -781
  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
package/styles/signature/fluent2.scss ADDED
@@ -0,0 +1,3 @@
1
+ @import 'ej2-base/styles/definition/fluent2.scss';
2
+ @import 'fluent2-definition.scss';
3
+ @import 'all.scss';
package/styles/signature/material3-dark.css CHANGED
@@ -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;
package/styles/signature/material3.css CHANGED
@@ -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;
package/styles/slider/_bds-definition.scss CHANGED
@@ -27,6 +27,7 @@ $slider-scale-font-size: $text-xs !default;
27
27
  $slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8A0tXa/wh/A4H6PSX0AAAAAElFTkSuQmCC');
28
28
  $slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC');
29
29
  $slider-disabled-handle-show: none !default;
30
+ $slider-button-size: 20px !default;
30
31
  $slider-button-shadow: $shadow-sm !default;
31
32
  $slider-button-horizon-padding: 0 28px !default;
32
33
  $slider-button-vertical-padding: 28px 0 !default;
package/styles/slider/_bootstrap-dark-definition.scss CHANGED
@@ -146,6 +146,7 @@ $slider-limit-bar-vertical-width: 8px !default;
146
146
  $slider-limit-bar-left: calc(50% - 4px) !default;
147
147
  $slider-limit-bar-color: rgba($grey-base, .25) !default;
148
148
  $slider-tick-font-color: $grey-light-font !default;
149
+ $slider-tab-active-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !default;
149
150
 
150
151
  //enddefault
151
152
  //dimensions
package/styles/slider/_bootstrap-definition.scss CHANGED
@@ -150,3 +150,4 @@ $slider-limit-bar-vertical-width: 8px !default;
150
150
  $slider-limit-bar-left: calc(50% - 4px) !default;
151
151
  $slider-limit-bar-color: rgba($grey-base, .25) !default;
152
152
  $slider-tick-font-color: $grey-light-font !default;
153
+ $slider-tab-active-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !default;
package/styles/slider/_bootstrap4-definition.scss CHANGED
@@ -78,7 +78,7 @@ $slider-disabled-handle-show: none !default;
78
78
  $slider-button-border-color: $gray-600 !default;
79
79
  $slider-first-btn-margin: -.5px !default;
80
80
  $slider-second-btn-margin: -4.5px !default;
81
- $slider-button-size: 18px !default;
81
+ $slider-button-size: 16px !default;
82
82
  $slider-button-horizon-padding: 0 30px !default;
83
83
  $slider-button-vertical-padding: 38px 0 !default;
84
84
  $slider-scale-value-position-top: -16px !default;
package/styles/slider/_bootstrap5-definition.scss CHANGED
@@ -26,6 +26,7 @@ $slider-scale-font-size: $text-xs !default;
26
26
  $slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AztTa/whsA3yqMpmsAAAAAElFTkSuQmCC');
27
27
  $slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AbHV9/wUNAl7Qm4m+AAAAAElFTkSuQmCC');
28
28
  $slider-disabled-handle-show: none !default;
29
+ $slider-button-size: 20px !default;
29
30
  $slider-button-shadow: $shadow-sm !default;
30
31
  $slider-button-horizon-padding: 0 28px !default;
31
32
  $slider-button-vertical-padding: 28px 0 !default;
package/styles/slider/_bootstrap5.3-definition.scss ADDED
@@ -0,0 +1,91 @@
1
+ // layout variables
2
+ $slider-height: 4px !default;
3
+ $slider-handle-height: 12px !default;
4
+ $slider-handle-width: 12px !default;
5
+ $slider-handle-border-radius: 50% !default;
6
+ $slider-handle-top: -7px !default;
7
+ $slider-h-handle-margin: 0 !default;
8
+ $rtl-slider-h-handle-margin: 0 -6px 0 0 !default;
9
+ $slider-v-handle-margin: -6px !default;
10
+ $rtl-slider-v-handle-margin: 0 !default;
11
+ $slider-container-height: 6px !default;
12
+ $slider-handle-box-shadow: $shadow !default;
13
+ $slider-tooltip-padding: 2px 4px !default;
14
+ $tick-after-height: 6px !default;
15
+ $tick-after-top: -10px !default;
16
+ $largetick-before-top: -10px !default;
17
+ $largetick-before-height: 10px !default;
18
+ $largetick-after-height: 10px !default;
19
+ $largetick-after-top: 5px !default;
20
+ $tick-before-height: 6px !default;
21
+ $tick-before-top: 1px !default;
22
+ $slider-vertical-width: 4px !default;
23
+ $slider-border-radius-handle: 10px !default;
24
+ $slider-scale-font-family: $font-family !default;
25
+ $slider-scale-font-size: $text-xs !default;
26
+ $slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AztTa/whsA3yqMpmsAAAAAElFTkSuQmCC');
27
+ $slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AbHV9/wUNAl7Qm4m+AAAAAElFTkSuQmCC');
28
+ $slider-disabled-handle-show: none !default;
29
+ $slider-button-size: 20px !default;
30
+ $slider-button-shadow: $shadow-sm !default;
31
+ $slider-button-horizon-padding: 0 28px !default;
32
+ $slider-button-vertical-padding: 28px 0 !default;
33
+ $tick-after-left: 5px !default;
34
+ $largetick-before-left: 1px !default;
35
+ $tick-before-left: 17px !default;
36
+ $largetick-after-left: 17px !default;
37
+ $slider-wrap-height: 26px !default;
38
+ $slider-center-align: -5px !default;
39
+ $slider-btn-center-align: -10px !default;
40
+ $slider-range-height: $slider-container-height !default;
41
+ $slider-range-width: $slider-vertical-width !default;
42
+ $slider-range-border-radius: 4px !default;
43
+ $slider-cursor: pointer !default;
44
+ $slider-handle-hover-cursor: pointer !default;
45
+ $slider-scale-top: 16px !default;
46
+ $slider-tab-border: 1px solid $content-bg-color !default;
47
+ $slider-tab-active-box-shadow: $shadow-focus-ring2 !default;
48
+ $slider-limit-bar-horizontal-height: 6px !default;
49
+ $slider-limit-bar-top: calc(50% - 3px) !default;
50
+ $slider-limit-bar-vertical-width: 6px !default;
51
+ $slider-limit-bar-left: calc(50% - 3px) !default;
52
+
53
+ $slider-handle-mobile-height: 16px !default;
54
+ $slider-handle-mobile-width: 16px !default;
55
+ $slider-handle-mobile-margin-left: -8px !default;
56
+ $slider-handle-mobile-handle-top: calc(50% - 8px) !default;
57
+ $slider-handle-mobile-top: -7px !default;
58
+ $slider-h-handle-mobile-margin: 0 !default;
59
+ $rtl-slider-h-handle-mobile-margin: 0 !default;
60
+ $slider-v-handle-mobile-margin: 0 !default;
61
+ $rtl-slider-v-handle-mobile-margin: 0 !default;
62
+ $slider-mobile-scale-font-size: $text-sm !default;
63
+ $tick-after-mobile-height: 8px !default;
64
+ $tick-after-mobile-left: 18px !default;
65
+ $tick-before-mobile-left: 2px !default;
66
+ $largetick-before-mobile-height: 12px !default;
67
+ $largetick-before-mobile-left: -2px !default;
68
+ $tick-before-mobile-top: -12px !default;
69
+ $largetick-after-mobile-top: 8px !default;
70
+ $tick-after-mobile-top: 4px !default;
71
+
72
+ //color variables
73
+ $slider-button-icon-color: $secondary-text-color !default;
74
+ $slider-range-bar-color: $primary !default;
75
+ $slider-range-bar-hover-color: $primary-bg-color-hover !default;
76
+ $slider-track-color: $content-bg-color-alt2 !default;
77
+ $slider-button-bg-color: $secondary-bg-color !default;
78
+ $slider-button-icon-bg-color: $secondary-text-color !default;
79
+ $slider-normal-handle-border-color: $primary !default;
80
+ $slider-handle-bg-color: $primary !default;
81
+ $slider-hover-color: $content-bg-color-alt2 !default;
82
+ $slider-handle-hover-border-color: $slider-normal-handle-border-color !default;
83
+ $slider-handle-start-border-color: $content-bg-color-alt2 !default;
84
+ $slider-button-border-color: $secondary-border-color !default;
85
+ $slider-tab-background: $primary-bg-color-hover !default;
86
+ $slider-tab-range-color: $primary !default;
87
+ $slider-tab-track-color: $content-bg-color-alt2 !default;
88
+ $slider-limit-bar-color: $overlay-bg-color !default;
89
+ $slider-tick-font-color: $content-text-color-alt1 !default;
90
+ $slider-hover-handle-color: $primary-bg-color-hover !default;
91
+ $slider-hover-handle-border-color: $primary-border-color-hover !default;
package/styles/slider/_fluent-definition.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  // layout variables
2
2
  $slider-height: 4px !default;
3
+ $slider-radius: 2px !default;
3
4
  $slider-handle-height: 16px !default;
4
5
  $slider-handle-width: 16px !default;
5
6
  $rtl-slider-h-handle-margin: 0 -8px 0 0 !default;
@@ -21,6 +22,7 @@ $slider-scale-tick-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGV
21
22
  $slider-disabled-handle-show: none !default;
22
23
  $slider-button-horizon-padding: 0 32px !default;
23
24
  $slider-button-vertical-padding: 32px 0 !default;
25
+ $slider-button-size: 16px !default;
24
26
  $largetick-before-left: -4px !default;
25
27
  $tick-before-left: 20px !default;
26
28
  $largetick-after-left: 20px !default;
package/styles/slider/_fluent2-definition.scss ADDED
@@ -0,0 +1,102 @@
1
+ // layout variables
2
+ $slider-height: 4px !default;
3
+ $slider-radius: 4px !default;
4
+ $slider-handle-height: 20px !default;
5
+ $slider-handle-width: 20px !default;
6
+ $slider-handle-border-radius: 50% !default;
7
+ $slider-handle-top: -7px !default;
8
+ $slider-h-handle-margin: 0 !default;
9
+ $rtl-slider-h-handle-margin: 0 -6px 0 0 !default;
10
+ $slider-v-handle-margin: -8px !default;
11
+ $rtl-slider-v-handle-margin: 0 !default;
12
+ $slider-container-height: 4px !default;
13
+ $slider-handle-box-shadow: $slider-shadow !default;
14
+ $slider-tooltip-padding: 2px 4px !default;
15
+ $slider-handle-after-position: relative !default;
16
+ $tick-after-height: 4px !default;
17
+ $tick-after-top: -2px !default;
18
+ $largetick-before-top: -2px !default;
19
+ $largetick-before-height: 10px !default;
20
+ $largetick-after-height: 10px !default;
21
+ $largetick-after-top: 12px !default;
22
+ $tick-before-height: 4px !default;
23
+ $tick-before-top: 9px !default;
24
+ $slider-vertical-width: 4px !default;
25
+ $slider-border-radius-handle: 10px !default;
26
+ $slider-scale-font-family: $font-family !default;
27
+ $slider-scale-font-size: $text-xs !default;
28
+ $slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8A0tXa/wh/A4H6PSX0AAAAAElFTkSuQmCC');
29
+ $slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC');
30
+ $slider-disabled-handle-show: none !default;
31
+ $slider-button-shadow: $shadow-sm !default;
32
+ $slider-button-horizon-padding: 0 28px !default;
33
+ $slider-button-vertical-padding: 28px 0 !default;
34
+ $slider-button-size: 24px !default;
35
+ $tick-after-left: 4px !default;
36
+ $largetick-before-left: -2px !default;
37
+ $tick-before-left: 12px !default;
38
+ $largetick-after-left: 12px !default;
39
+ $slider-wrap-height: 28px !default;
40
+ $slider-center-align: -3px !default;
41
+ $slider-btn-center-align: -13px !default;
42
+ $slider-range-height: $slider-container-height !default;
43
+ $slider-range-width: $slider-vertical-width !default;
44
+ $slider-range-border-radius: 4px !default;
45
+ $slider-cursor: pointer !default;
46
+ $slider-handle-hover-cursor: pointer !default;
47
+ $slider-scale-top: 6px !default;
48
+ $slider-tab-border: 1px solid $white !default;
49
+ $slider-tab-active-box-shadow: $shadow-focus-ring2 !default;
50
+ $slider-limit-bar-horizontal-height: 4px !default;
51
+ $slider-limit-bar-top: calc(50% - 2px) !default;
52
+ $slider-limit-bar-vertical-width: 4px !default;
53
+ $slider-limit-bar-left: calc(50% - 2px) !default;
54
+
55
+ $slider-handle-mobile-height: 20px !default;
56
+ $slider-handle-mobile-width: 20px !default;
57
+ $slider-handle-mobile-top: -7px !default;
58
+ $slider-h-handle-mobile-margin: 0 !default;
59
+ $rtl-slider-h-handle-mobile-margin: 0 !default;
60
+ $slider-v-handle-mobile-margin: 0 !default;
61
+ $rtl-slider-v-handle-mobile-margin: 0 !default;
62
+ $tick-after-mobile-height: 8px !default;
63
+ $tick-before-mobile-left: 2px !default;
64
+ $tick-after-mobile-left: 18px !default;
65
+ $largetick-before-mobile-height: 12px !default;
66
+ $tick-before-mobile-top: -12px !default;
67
+ $largetick-after-mobile-top: 8px !default;
68
+ $largetick-before-mobile-left: -2px !default;
69
+ $tick-after-mobile-top: 4px !default;
70
+ $slider-mobile-scale-font-size: $text-sm !default;
71
+ $slider-button-horizon-mobile-padding: 0 36px !default;
72
+ $slider-button-vertical-mobile-padding: 36px 0 !default;
73
+ $slider-touch-center-align: -4px !default;
74
+
75
+ //color variables
76
+ $slider-disabled-bg-color: $content-text-color-disabled !default;
77
+ $slider-button-icon-color: $icon-color !default;
78
+ $slider-button-icon-hover-color: $icon-color-hover !default;
79
+ $slider-button-icon-active-color: $icon-color-pressed !default;
80
+ $slider-range-bar-color: $primary !default;
81
+ $slider-range-bar-hover-color: $primary-bg-color-hover !default;
82
+ $slider-track-color: $border-alt !default;
83
+ $slider-button-bg-color: $content-bg-color !default;
84
+ $slider-button-icon-bg-color: $icon-color !default;
85
+ $slider-button-hover-bg-color: $secondary-bg-color-hover !default;
86
+ $slider-button-hover-border-color: $secondary-border-color-hover !default;
87
+ $slider-button-active-bg-color: $secondary-bg-color-pressed !default;
88
+ $slider-button-active-border-color: $secondary-border-color-pressed !default;
89
+ $slider-normal-handle-border-color: $primary !default;
90
+ $slider-handle-bg-color: $primary !default;
91
+ $slider-handle-hover-border-color: $slider-normal-handle-border-color !default;
92
+ $slider-handle-start-border-color: $content-bg-color-alt3 !default;
93
+ $slider-button-border-color: $border-dark !default;
94
+ $slider-tab-background: $primary-bg-color-hover !default;
95
+ $slider-tab-range-color: $primary !default;
96
+ $slider-tab-track-color: $content-bg-color-alt3 !default;
97
+ $slider-limit-bar-color: $primary-dark !default;
98
+ $slider-tick-font-color: $content-text-color-alt1 !default;
99
+ $slider-button-hleft-bg-image: none !default;
100
+ $slider-button-hright-bg-image: none !default;
101
+ $slider-button-vdown-bg-image: none !default;
102
+ $slider-button-vup-bg-image: none !default;
package/styles/slider/_highcontrast-definition.scss CHANGED
@@ -37,7 +37,6 @@ $slider-handle-bg-color: $invert-font !default;
37
37
  $slider-hover-handle-color: $bg-base-100 !default;
38
38
  $slider-button-icon-color: $bg-base-100 !default;
39
39
  $slider-active-handle-bg-color: $bg-base-0 !default;
40
- $slider-tack-ticks-border-color: $bg-base-0 !default;
41
40
  $slider-button-icon-font-color: $bg-base-0 !default;
42
41
  $slider-hover-color: $bg-base-0 !default;
43
42
  $slider-tooltip-padding: 2px 12px !default;
@@ -129,7 +128,7 @@ $slider-handle-hover-cursor: pointer !default;
129
128
  $slider-handle-active-cursor: pointer !default;
130
129
  $slider-scale-top: 9px !default;
131
130
  $slider-scale-right: -11px !default;
132
- $slider-track-border-color: $content-font-alt !default;
131
+ $slider-track-border-color: $bg-base-0 !default;
133
132
  $slider-tab-border-color: $bg-base-75 !default;
134
133
  $slider-tab-range-color: $slider-range-bar-color !default;
135
134
  $slider-tab-track-color: $default-bg-color !default;