@syncfusion/ej2-dropdowns 34.2.8 → 35.1.39

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 (749) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +494 -113
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +516 -135
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/common/interface.d.ts +1 -1
  13. package/src/common/virtual-scroll.js +8 -1
  14. package/src/drop-down-base/drop-down-base.d.ts +3 -1
  15. package/src/drop-down-base/drop-down-base.js +12 -4
  16. package/src/list-box/list-box.js +17 -4
  17. package/src/mention/mention.js +6 -2
  18. package/src/multi-select/multi-select-model.d.ts +16 -0
  19. package/src/multi-select/multi-select.d.ts +21 -0
  20. package/src/multi-select/multi-select.js +473 -124
  21. package/helpers/e2e/autocomplete.d.ts +0 -16
  22. package/helpers/e2e/autocomplete.js +0 -60
  23. package/helpers/e2e/combobox.d.ts +0 -17
  24. package/helpers/e2e/combobox.js +0 -63
  25. package/helpers/e2e/dropdownlist.d.ts +0 -20
  26. package/helpers/e2e/dropdownlist.js +0 -72
  27. package/helpers/e2e/index.d.ts +0 -4
  28. package/helpers/e2e/index.js +0 -11
  29. package/helpers/e2e/listboxHelper.d.ts +0 -22
  30. package/helpers/e2e/listboxHelper.js +0 -56
  31. package/helpers/e2e/multiselect.d.ts +0 -31
  32. package/helpers/e2e/multiselect.js +0 -105
  33. package/styles/auto-complete/_all.scss +0 -1
  34. package/styles/auto-complete/_bds-definition.scss +0 -2
  35. package/styles/auto-complete/_bootstrap-dark-definition.scss +0 -3
  36. package/styles/auto-complete/_bootstrap-definition.scss +0 -2
  37. package/styles/auto-complete/_bootstrap4-definition.scss +0 -13
  38. package/styles/auto-complete/_bootstrap5-dark-definition.scss +0 -1
  39. package/styles/auto-complete/_bootstrap5-definition.scss +0 -2
  40. package/styles/auto-complete/_bootstrap5.3-definition.scss +0 -2
  41. package/styles/auto-complete/_fabric-dark-definition.scss +0 -2
  42. package/styles/auto-complete/_fabric-definition.scss +0 -2
  43. package/styles/auto-complete/_fluent-dark-definition.scss +0 -1
  44. package/styles/auto-complete/_fluent-definition.scss +0 -2
  45. package/styles/auto-complete/_fluent2-definition.scss +0 -2
  46. package/styles/auto-complete/_fusionnew-definition.scss +0 -2
  47. package/styles/auto-complete/_highcontrast-definition.scss +0 -2
  48. package/styles/auto-complete/_highcontrast-light-definition.scss +0 -2
  49. package/styles/auto-complete/_material-dark-definition.scss +0 -2
  50. package/styles/auto-complete/_material-definition.scss +0 -2
  51. package/styles/auto-complete/_material3-dark-definition.scss +0 -1
  52. package/styles/auto-complete/_material3-definition.scss +0 -2
  53. package/styles/auto-complete/_tailwind-dark-definition.scss +0 -1
  54. package/styles/auto-complete/_tailwind-definition.scss +0 -2
  55. package/styles/auto-complete/_tailwind3-definition.scss +0 -2
  56. package/styles/auto-complete/_variables.scss +0 -2
  57. package/styles/auto-complete/bds.css +0 -1
  58. package/styles/auto-complete/bds.scss +0 -2
  59. package/styles/auto-complete/bootstrap-dark.css +0 -1
  60. package/styles/auto-complete/bootstrap-dark.scss +0 -2
  61. package/styles/auto-complete/bootstrap.css +0 -1
  62. package/styles/auto-complete/bootstrap.scss +0 -2
  63. package/styles/auto-complete/bootstrap4.css +0 -9
  64. package/styles/auto-complete/bootstrap4.scss +0 -2
  65. package/styles/auto-complete/bootstrap5-dark.css +0 -1
  66. package/styles/auto-complete/bootstrap5-dark.scss +0 -2
  67. package/styles/auto-complete/bootstrap5.3.css +0 -1
  68. package/styles/auto-complete/bootstrap5.3.scss +0 -2
  69. package/styles/auto-complete/bootstrap5.css +0 -1
  70. package/styles/auto-complete/bootstrap5.scss +0 -2
  71. package/styles/auto-complete/fabric-dark.css +0 -1
  72. package/styles/auto-complete/fabric-dark.scss +0 -2
  73. package/styles/auto-complete/fabric.css +0 -1
  74. package/styles/auto-complete/fabric.scss +0 -2
  75. package/styles/auto-complete/fluent-dark.css +0 -1
  76. package/styles/auto-complete/fluent-dark.scss +0 -2
  77. package/styles/auto-complete/fluent.css +0 -1
  78. package/styles/auto-complete/fluent.scss +0 -2
  79. package/styles/auto-complete/fluent2.css +0 -1
  80. package/styles/auto-complete/fluent2.scss +0 -2
  81. package/styles/auto-complete/highcontrast-light.css +0 -1
  82. package/styles/auto-complete/highcontrast-light.scss +0 -2
  83. package/styles/auto-complete/highcontrast.css +0 -1
  84. package/styles/auto-complete/highcontrast.scss +0 -2
  85. package/styles/auto-complete/material-dark.css +0 -1
  86. package/styles/auto-complete/material-dark.scss +0 -2
  87. package/styles/auto-complete/material.css +0 -1
  88. package/styles/auto-complete/material.scss +0 -2
  89. package/styles/auto-complete/material3-dark.css +0 -83
  90. package/styles/auto-complete/material3-dark.scss +0 -2
  91. package/styles/auto-complete/material3.css +0 -1
  92. package/styles/auto-complete/material3.scss +0 -2
  93. package/styles/auto-complete/tailwind-dark.css +0 -1
  94. package/styles/auto-complete/tailwind-dark.scss +0 -2
  95. package/styles/auto-complete/tailwind.css +0 -1
  96. package/styles/auto-complete/tailwind.scss +0 -2
  97. package/styles/auto-complete/tailwind3.css +0 -1
  98. package/styles/auto-complete/tailwind3.scss +0 -2
  99. package/styles/bds-lite.css +0 -2877
  100. package/styles/bds-lite.scss +0 -21
  101. package/styles/bds.css +0 -3729
  102. package/styles/bds.scss +0 -26
  103. package/styles/bootstrap-dark-lite.css +0 -2811
  104. package/styles/bootstrap-dark-lite.scss +0 -21
  105. package/styles/bootstrap-dark.css +0 -3506
  106. package/styles/bootstrap-dark.scss +0 -26
  107. package/styles/bootstrap-lite.css +0 -2806
  108. package/styles/bootstrap-lite.scss +0 -21
  109. package/styles/bootstrap.css +0 -3507
  110. package/styles/bootstrap.scss +0 -26
  111. package/styles/bootstrap4-lite.css +0 -2920
  112. package/styles/bootstrap4-lite.scss +0 -21
  113. package/styles/bootstrap4.css +0 -3790
  114. package/styles/bootstrap4.scss +0 -26
  115. package/styles/bootstrap5-dark-lite.css +0 -2887
  116. package/styles/bootstrap5-dark-lite.scss +0 -21
  117. package/styles/bootstrap5-dark.css +0 -3677
  118. package/styles/bootstrap5-dark.scss +0 -26
  119. package/styles/bootstrap5-lite.css +0 -2888
  120. package/styles/bootstrap5-lite.scss +0 -21
  121. package/styles/bootstrap5.3-lite.css +0 -2962
  122. package/styles/bootstrap5.3-lite.scss +0 -21
  123. package/styles/bootstrap5.3.css +0 -3709
  124. package/styles/bootstrap5.3.scss +0 -26
  125. package/styles/bootstrap5.css +0 -3678
  126. package/styles/bootstrap5.scss +0 -26
  127. package/styles/combo-box/_all.scss +0 -1
  128. package/styles/combo-box/_bds-definition.scss +0 -2
  129. package/styles/combo-box/_bootstrap-dark-definition.scss +0 -2
  130. package/styles/combo-box/_bootstrap-definition.scss +0 -2
  131. package/styles/combo-box/_bootstrap4-definition.scss +0 -13
  132. package/styles/combo-box/_bootstrap5-dark-definition.scss +0 -1
  133. package/styles/combo-box/_bootstrap5-definition.scss +0 -2
  134. package/styles/combo-box/_bootstrap5.3-definition.scss +0 -2
  135. package/styles/combo-box/_fabric-dark-definition.scss +0 -2
  136. package/styles/combo-box/_fabric-definition.scss +0 -2
  137. package/styles/combo-box/_fluent-dark-definition.scss +0 -1
  138. package/styles/combo-box/_fluent-definition.scss +0 -2
  139. package/styles/combo-box/_fluent2-definition.scss +0 -2
  140. package/styles/combo-box/_fusionnew-definition.scss +0 -2
  141. package/styles/combo-box/_highcontrast-definition.scss +0 -2
  142. package/styles/combo-box/_highcontrast-light-definition.scss +0 -3
  143. package/styles/combo-box/_material-dark-definition.scss +0 -2
  144. package/styles/combo-box/_material-definition.scss +0 -2
  145. package/styles/combo-box/_material3-dark-definition.scss +0 -1
  146. package/styles/combo-box/_material3-definition.scss +0 -2
  147. package/styles/combo-box/_tailwind-dark-definition.scss +0 -1
  148. package/styles/combo-box/_tailwind-definition.scss +0 -2
  149. package/styles/combo-box/_tailwind3-definition.scss +0 -2
  150. package/styles/combo-box/_variables.scss +0 -2
  151. package/styles/combo-box/bds.css +0 -1
  152. package/styles/combo-box/bds.scss +0 -2
  153. package/styles/combo-box/bootstrap-dark.css +0 -1
  154. package/styles/combo-box/bootstrap-dark.scss +0 -2
  155. package/styles/combo-box/bootstrap.css +0 -1
  156. package/styles/combo-box/bootstrap.scss +0 -2
  157. package/styles/combo-box/bootstrap4.css +0 -9
  158. package/styles/combo-box/bootstrap4.scss +0 -2
  159. package/styles/combo-box/bootstrap5-dark.css +0 -1
  160. package/styles/combo-box/bootstrap5-dark.scss +0 -2
  161. package/styles/combo-box/bootstrap5.3.css +0 -1
  162. package/styles/combo-box/bootstrap5.3.scss +0 -2
  163. package/styles/combo-box/bootstrap5.css +0 -1
  164. package/styles/combo-box/bootstrap5.scss +0 -2
  165. package/styles/combo-box/fabric-dark.css +0 -1
  166. package/styles/combo-box/fabric-dark.scss +0 -2
  167. package/styles/combo-box/fabric.css +0 -1
  168. package/styles/combo-box/fabric.scss +0 -2
  169. package/styles/combo-box/fluent-dark.css +0 -1
  170. package/styles/combo-box/fluent-dark.scss +0 -2
  171. package/styles/combo-box/fluent.css +0 -1
  172. package/styles/combo-box/fluent.scss +0 -2
  173. package/styles/combo-box/fluent2.css +0 -1
  174. package/styles/combo-box/fluent2.scss +0 -2
  175. package/styles/combo-box/highcontrast-light.css +0 -1
  176. package/styles/combo-box/highcontrast-light.scss +0 -2
  177. package/styles/combo-box/highcontrast.css +0 -1
  178. package/styles/combo-box/highcontrast.scss +0 -2
  179. package/styles/combo-box/material-dark.css +0 -1
  180. package/styles/combo-box/material-dark.scss +0 -2
  181. package/styles/combo-box/material.css +0 -1
  182. package/styles/combo-box/material.scss +0 -2
  183. package/styles/combo-box/material3-dark.css +0 -83
  184. package/styles/combo-box/material3-dark.scss +0 -2
  185. package/styles/combo-box/material3.css +0 -1
  186. package/styles/combo-box/material3.scss +0 -2
  187. package/styles/combo-box/tailwind-dark.css +0 -1
  188. package/styles/combo-box/tailwind-dark.scss +0 -2
  189. package/styles/combo-box/tailwind.css +0 -1
  190. package/styles/combo-box/tailwind.scss +0 -2
  191. package/styles/combo-box/tailwind3.css +0 -1
  192. package/styles/combo-box/tailwind3.scss +0 -2
  193. package/styles/drop-down-base/_all.scss +0 -2
  194. package/styles/drop-down-base/_bds-definition.scss +0 -136
  195. package/styles/drop-down-base/_bigger.scss +0 -194
  196. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -99
  197. package/styles/drop-down-base/_bootstrap-definition.scss +0 -98
  198. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -102
  199. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +0 -119
  200. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -119
  201. package/styles/drop-down-base/_bootstrap5.3-definition.scss +0 -122
  202. package/styles/drop-down-base/_definition.scss +0 -24
  203. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -101
  204. package/styles/drop-down-base/_fabric-definition.scss +0 -99
  205. package/styles/drop-down-base/_fluent-dark-definition.scss +0 -122
  206. package/styles/drop-down-base/_fluent-definition.scss +0 -122
  207. package/styles/drop-down-base/_fluent2-definition.scss +0 -150
  208. package/styles/drop-down-base/_fusionnew-definition.scss +0 -118
  209. package/styles/drop-down-base/_highcontrast-definition.scss +0 -116
  210. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -116
  211. package/styles/drop-down-base/_layout.scss +0 -158
  212. package/styles/drop-down-base/_material-dark-definition.scss +0 -104
  213. package/styles/drop-down-base/_material-definition.scss +0 -102
  214. package/styles/drop-down-base/_material3-dark-definition.scss +0 -97
  215. package/styles/drop-down-base/_material3-definition.scss +0 -97
  216. package/styles/drop-down-base/_tailwind-dark-definition.scss +0 -130
  217. package/styles/drop-down-base/_tailwind-definition.scss +0 -130
  218. package/styles/drop-down-base/_tailwind3-definition.scss +0 -121
  219. package/styles/drop-down-base/_theme.scss +0 -310
  220. package/styles/drop-down-base/_variables.scss +0 -2
  221. package/styles/drop-down-base/bds.css +0 -500
  222. package/styles/drop-down-base/bds.scss +0 -3
  223. package/styles/drop-down-base/bootstrap-dark.css +0 -382
  224. package/styles/drop-down-base/bootstrap-dark.scss +0 -3
  225. package/styles/drop-down-base/bootstrap.css +0 -382
  226. package/styles/drop-down-base/bootstrap.scss +0 -3
  227. package/styles/drop-down-base/bootstrap4.css +0 -392
  228. package/styles/drop-down-base/bootstrap4.scss +0 -3
  229. package/styles/drop-down-base/bootstrap5-dark.css +0 -414
  230. package/styles/drop-down-base/bootstrap5-dark.scss +0 -3
  231. package/styles/drop-down-base/bootstrap5.3.css +0 -500
  232. package/styles/drop-down-base/bootstrap5.3.scss +0 -3
  233. package/styles/drop-down-base/bootstrap5.css +0 -414
  234. package/styles/drop-down-base/bootstrap5.scss +0 -3
  235. package/styles/drop-down-base/fabric-dark.css +0 -382
  236. package/styles/drop-down-base/fabric-dark.scss +0 -3
  237. package/styles/drop-down-base/fabric.css +0 -382
  238. package/styles/drop-down-base/fabric.scss +0 -3
  239. package/styles/drop-down-base/fluent-dark.css +0 -430
  240. package/styles/drop-down-base/fluent-dark.scss +0 -3
  241. package/styles/drop-down-base/fluent.css +0 -430
  242. package/styles/drop-down-base/fluent.scss +0 -3
  243. package/styles/drop-down-base/fluent2.css +0 -517
  244. package/styles/drop-down-base/fluent2.scss +0 -3
  245. package/styles/drop-down-base/highcontrast-light.css +0 -394
  246. package/styles/drop-down-base/highcontrast-light.scss +0 -3
  247. package/styles/drop-down-base/highcontrast.css +0 -394
  248. package/styles/drop-down-base/highcontrast.scss +0 -3
  249. package/styles/drop-down-base/material-dark.css +0 -380
  250. package/styles/drop-down-base/material-dark.scss +0 -3
  251. package/styles/drop-down-base/material.css +0 -380
  252. package/styles/drop-down-base/material.scss +0 -3
  253. package/styles/drop-down-base/material3-dark.css +0 -468
  254. package/styles/drop-down-base/material3-dark.scss +0 -3
  255. package/styles/drop-down-base/material3.css +0 -470
  256. package/styles/drop-down-base/material3.scss +0 -3
  257. package/styles/drop-down-base/tailwind-dark.css +0 -491
  258. package/styles/drop-down-base/tailwind-dark.scss +0 -3
  259. package/styles/drop-down-base/tailwind.css +0 -491
  260. package/styles/drop-down-base/tailwind.scss +0 -3
  261. package/styles/drop-down-base/tailwind3.css +0 -467
  262. package/styles/drop-down-base/tailwind3.scss +0 -3
  263. package/styles/drop-down-list/_all.scss +0 -2
  264. package/styles/drop-down-list/_bds-definition.scss +0 -122
  265. package/styles/drop-down-list/_bigger.scss +0 -624
  266. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -118
  267. package/styles/drop-down-list/_bootstrap-definition.scss +0 -117
  268. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -155
  269. package/styles/drop-down-list/_bootstrap5-dark-definition.scss +0 -166
  270. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -166
  271. package/styles/drop-down-list/_bootstrap5.3-definition.scss +0 -166
  272. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -96
  273. package/styles/drop-down-list/_fabric-definition.scss +0 -93
  274. package/styles/drop-down-list/_fluent-dark-definition.scss +0 -152
  275. package/styles/drop-down-list/_fluent-definition.scss +0 -152
  276. package/styles/drop-down-list/_fluent2-definition.scss +0 -158
  277. package/styles/drop-down-list/_fusionnew-definition.scss +0 -159
  278. package/styles/drop-down-list/_highcontrast-definition.scss +0 -107
  279. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -109
  280. package/styles/drop-down-list/_layout.scss +0 -294
  281. package/styles/drop-down-list/_material-dark-definition.scss +0 -134
  282. package/styles/drop-down-list/_material-definition.scss +0 -136
  283. package/styles/drop-down-list/_material3-dark-definition.scss +0 -196
  284. package/styles/drop-down-list/_material3-definition.scss +0 -196
  285. package/styles/drop-down-list/_tailwind-dark-definition.scss +0 -124
  286. package/styles/drop-down-list/_tailwind-definition.scss +0 -124
  287. package/styles/drop-down-list/_tailwind3-definition.scss +0 -160
  288. package/styles/drop-down-list/_theme.scss +0 -18
  289. package/styles/drop-down-list/_variables.scss +0 -2
  290. package/styles/drop-down-list/bds.css +0 -412
  291. package/styles/drop-down-list/bds.scss +0 -4
  292. package/styles/drop-down-list/bootstrap-dark.css +0 -423
  293. package/styles/drop-down-list/bootstrap-dark.scss +0 -4
  294. package/styles/drop-down-list/bootstrap.css +0 -425
  295. package/styles/drop-down-list/bootstrap.scss +0 -4
  296. package/styles/drop-down-list/bootstrap4.css +0 -472
  297. package/styles/drop-down-list/bootstrap4.scss +0 -4
  298. package/styles/drop-down-list/bootstrap5-dark.css +0 -456
  299. package/styles/drop-down-list/bootstrap5-dark.scss +0 -4
  300. package/styles/drop-down-list/bootstrap5.3.css +0 -541
  301. package/styles/drop-down-list/bootstrap5.3.scss +0 -4
  302. package/styles/drop-down-list/bootstrap5.css +0 -456
  303. package/styles/drop-down-list/bootstrap5.scss +0 -4
  304. package/styles/drop-down-list/fabric-dark.css +0 -398
  305. package/styles/drop-down-list/fabric-dark.scss +0 -4
  306. package/styles/drop-down-list/fabric.css +0 -398
  307. package/styles/drop-down-list/fabric.scss +0 -4
  308. package/styles/drop-down-list/fluent-dark.css +0 -429
  309. package/styles/drop-down-list/fluent-dark.scss +0 -4
  310. package/styles/drop-down-list/fluent.css +0 -429
  311. package/styles/drop-down-list/fluent.scss +0 -4
  312. package/styles/drop-down-list/fluent2.css +0 -502
  313. package/styles/drop-down-list/fluent2.scss +0 -4
  314. package/styles/drop-down-list/highcontrast-light.css +0 -387
  315. package/styles/drop-down-list/highcontrast-light.scss +0 -4
  316. package/styles/drop-down-list/highcontrast.css +0 -402
  317. package/styles/drop-down-list/highcontrast.scss +0 -4
  318. package/styles/drop-down-list/icons/_bds.scss +0 -15
  319. package/styles/drop-down-list/icons/_bootstrap-dark.scss +0 -19
  320. package/styles/drop-down-list/icons/_bootstrap.scss +0 -19
  321. package/styles/drop-down-list/icons/_bootstrap4.scss +0 -19
  322. package/styles/drop-down-list/icons/_bootstrap5-dark.scss +0 -1
  323. package/styles/drop-down-list/icons/_bootstrap5.3.scss +0 -19
  324. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -19
  325. package/styles/drop-down-list/icons/_fabric-dark.scss +0 -19
  326. package/styles/drop-down-list/icons/_fabric.scss +0 -19
  327. package/styles/drop-down-list/icons/_fluent-dark.scss +0 -1
  328. package/styles/drop-down-list/icons/_fluent.scss +0 -19
  329. package/styles/drop-down-list/icons/_fluent2.scss +0 -19
  330. package/styles/drop-down-list/icons/_fusionnew.scss +0 -15
  331. package/styles/drop-down-list/icons/_highcontrast-light.scss +0 -15
  332. package/styles/drop-down-list/icons/_highcontrast.scss +0 -19
  333. package/styles/drop-down-list/icons/_material-dark.scss +0 -19
  334. package/styles/drop-down-list/icons/_material.scss +0 -19
  335. package/styles/drop-down-list/icons/_material3-dark.scss +0 -1
  336. package/styles/drop-down-list/icons/_material3.scss +0 -19
  337. package/styles/drop-down-list/icons/_tailwind-dark.scss +0 -1
  338. package/styles/drop-down-list/icons/_tailwind.scss +0 -19
  339. package/styles/drop-down-list/icons/_tailwind3.scss +0 -15
  340. package/styles/drop-down-list/material-dark.css +0 -432
  341. package/styles/drop-down-list/material-dark.scss +0 -4
  342. package/styles/drop-down-list/material.css +0 -451
  343. package/styles/drop-down-list/material.scss +0 -4
  344. package/styles/drop-down-list/material3-dark.css +0 -548
  345. package/styles/drop-down-list/material3-dark.scss +0 -4
  346. package/styles/drop-down-list/material3.css +0 -550
  347. package/styles/drop-down-list/material3.scss +0 -4
  348. package/styles/drop-down-list/tailwind-dark.css +0 -412
  349. package/styles/drop-down-list/tailwind-dark.scss +0 -4
  350. package/styles/drop-down-list/tailwind.css +0 -412
  351. package/styles/drop-down-list/tailwind.scss +0 -4
  352. package/styles/drop-down-list/tailwind3.css +0 -473
  353. package/styles/drop-down-list/tailwind3.scss +0 -4
  354. package/styles/drop-down-tree/_all.scss +0 -2
  355. package/styles/drop-down-tree/_bds-definition.scss +0 -94
  356. package/styles/drop-down-tree/_bigger.scss +0 -589
  357. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +0 -102
  358. package/styles/drop-down-tree/_bootstrap-definition.scss +0 -100
  359. package/styles/drop-down-tree/_bootstrap4-definition.scss +0 -104
  360. package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +0 -93
  361. package/styles/drop-down-tree/_bootstrap5-definition.scss +0 -93
  362. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +0 -92
  363. package/styles/drop-down-tree/_fabric-dark-definition.scss +0 -101
  364. package/styles/drop-down-tree/_fabric-definition.scss +0 -101
  365. package/styles/drop-down-tree/_fluent-dark-definition.scss +0 -97
  366. package/styles/drop-down-tree/_fluent-definition.scss +0 -97
  367. package/styles/drop-down-tree/_fluent2-definition.scss +0 -118
  368. package/styles/drop-down-tree/_fusionnew-definition.scss +0 -88
  369. package/styles/drop-down-tree/_highcontrast-definition.scss +0 -101
  370. package/styles/drop-down-tree/_highcontrast-light-definition.scss +0 -101
  371. package/styles/drop-down-tree/_layout.scss +0 -980
  372. package/styles/drop-down-tree/_material-dark-definition.scss +0 -102
  373. package/styles/drop-down-tree/_material-definition.scss +0 -102
  374. package/styles/drop-down-tree/_material3-dark-definition.scss +0 -106
  375. package/styles/drop-down-tree/_material3-definition.scss +0 -106
  376. package/styles/drop-down-tree/_tailwind-dark-definition.scss +0 -94
  377. package/styles/drop-down-tree/_tailwind-definition.scss +0 -94
  378. package/styles/drop-down-tree/_tailwind3-definition.scss +0 -110
  379. package/styles/drop-down-tree/_theme.scss +0 -144
  380. package/styles/drop-down-tree/_variables.scss +0 -2
  381. package/styles/drop-down-tree/bds.css +0 -513
  382. package/styles/drop-down-tree/bds.scss +0 -4
  383. package/styles/drop-down-tree/bootstrap-dark.css +0 -438
  384. package/styles/drop-down-tree/bootstrap-dark.scss +0 -4
  385. package/styles/drop-down-tree/bootstrap.css +0 -438
  386. package/styles/drop-down-tree/bootstrap.scss +0 -4
  387. package/styles/drop-down-tree/bootstrap4.css +0 -462
  388. package/styles/drop-down-tree/bootstrap4.scss +0 -4
  389. package/styles/drop-down-tree/bootstrap5-dark.css +0 -486
  390. package/styles/drop-down-tree/bootstrap5-dark.scss +0 -4
  391. package/styles/drop-down-tree/bootstrap5.3.css +0 -501
  392. package/styles/drop-down-tree/bootstrap5.3.scss +0 -4
  393. package/styles/drop-down-tree/bootstrap5.css +0 -486
  394. package/styles/drop-down-tree/bootstrap5.scss +0 -4
  395. package/styles/drop-down-tree/fabric-dark.css +0 -440
  396. package/styles/drop-down-tree/fabric-dark.scss +0 -4
  397. package/styles/drop-down-tree/fabric.css +0 -440
  398. package/styles/drop-down-tree/fabric.scss +0 -4
  399. package/styles/drop-down-tree/fluent-dark.css +0 -488
  400. package/styles/drop-down-tree/fluent-dark.scss +0 -4
  401. package/styles/drop-down-tree/fluent.css +0 -488
  402. package/styles/drop-down-tree/fluent.scss +0 -4
  403. package/styles/drop-down-tree/fluent2.css +0 -551
  404. package/styles/drop-down-tree/fluent2.scss +0 -4
  405. package/styles/drop-down-tree/highcontrast-light.css +0 -441
  406. package/styles/drop-down-tree/highcontrast-light.scss +0 -4
  407. package/styles/drop-down-tree/highcontrast.css +0 -450
  408. package/styles/drop-down-tree/highcontrast.scss +0 -4
  409. package/styles/drop-down-tree/icons/_bds.scss +0 -12
  410. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +0 -12
  411. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -12
  412. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -12
  413. package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +0 -1
  414. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +0 -12
  415. package/styles/drop-down-tree/icons/_bootstrap5.scss +0 -12
  416. package/styles/drop-down-tree/icons/_fabric-dark.scss +0 -12
  417. package/styles/drop-down-tree/icons/_fabric.scss +0 -12
  418. package/styles/drop-down-tree/icons/_fluent-dark.scss +0 -1
  419. package/styles/drop-down-tree/icons/_fluent.scss +0 -12
  420. package/styles/drop-down-tree/icons/_fluent2.scss +0 -15
  421. package/styles/drop-down-tree/icons/_fusionnew.scss +0 -12
  422. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -12
  423. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -12
  424. package/styles/drop-down-tree/icons/_material-dark.scss +0 -12
  425. package/styles/drop-down-tree/icons/_material.scss +0 -12
  426. package/styles/drop-down-tree/icons/_material3-dark.scss +0 -1
  427. package/styles/drop-down-tree/icons/_material3.scss +0 -12
  428. package/styles/drop-down-tree/icons/_tailwind-dark.scss +0 -12
  429. package/styles/drop-down-tree/icons/_tailwind.scss +0 -12
  430. package/styles/drop-down-tree/icons/_tailwind3.scss +0 -12
  431. package/styles/drop-down-tree/material-dark.css +0 -748
  432. package/styles/drop-down-tree/material-dark.scss +0 -4
  433. package/styles/drop-down-tree/material.css +0 -751
  434. package/styles/drop-down-tree/material.scss +0 -4
  435. package/styles/drop-down-tree/material3-dark.css +0 -733
  436. package/styles/drop-down-tree/material3-dark.scss +0 -4
  437. package/styles/drop-down-tree/material3.css +0 -735
  438. package/styles/drop-down-tree/material3.scss +0 -4
  439. package/styles/drop-down-tree/tailwind-dark.css +0 -509
  440. package/styles/drop-down-tree/tailwind-dark.scss +0 -4
  441. package/styles/drop-down-tree/tailwind.css +0 -509
  442. package/styles/drop-down-tree/tailwind.scss +0 -4
  443. package/styles/drop-down-tree/tailwind3.css +0 -533
  444. package/styles/drop-down-tree/tailwind3.scss +0 -4
  445. package/styles/fabric-dark-lite.css +0 -2789
  446. package/styles/fabric-dark-lite.scss +0 -21
  447. package/styles/fabric-dark.css +0 -3486
  448. package/styles/fabric-dark.scss +0 -26
  449. package/styles/fabric-lite.css +0 -2784
  450. package/styles/fabric-lite.scss +0 -21
  451. package/styles/fabric.css +0 -3487
  452. package/styles/fabric.scss +0 -26
  453. package/styles/fluent-dark-lite.css +0 -2912
  454. package/styles/fluent-dark-lite.scss +0 -21
  455. package/styles/fluent-dark.css +0 -3712
  456. package/styles/fluent-dark.scss +0 -26
  457. package/styles/fluent-lite.css +0 -2913
  458. package/styles/fluent-lite.scss +0 -21
  459. package/styles/fluent.css +0 -3713
  460. package/styles/fluent.scss +0 -26
  461. package/styles/fluent2-lite.css +0 -3133
  462. package/styles/fluent2-lite.scss +0 -21
  463. package/styles/fluent2.css +0 -3808
  464. package/styles/fluent2.scss +0 -26
  465. package/styles/highcontrast-light-lite.css +0 -2897
  466. package/styles/highcontrast-light-lite.scss +0 -21
  467. package/styles/highcontrast-light.css +0 -3586
  468. package/styles/highcontrast-light.scss +0 -26
  469. package/styles/highcontrast-lite.css +0 -2942
  470. package/styles/highcontrast-lite.scss +0 -21
  471. package/styles/highcontrast.css +0 -3637
  472. package/styles/highcontrast.scss +0 -26
  473. package/styles/list-box/_all.scss +0 -2
  474. package/styles/list-box/_bds-definition.scss +0 -190
  475. package/styles/list-box/_bigger.scss +0 -184
  476. package/styles/list-box/_bootstrap-dark-definition.scss +0 -172
  477. package/styles/list-box/_bootstrap-definition.scss +0 -166
  478. package/styles/list-box/_bootstrap4-definition.scss +0 -174
  479. package/styles/list-box/_bootstrap5-dark-definition.scss +0 -168
  480. package/styles/list-box/_bootstrap5-definition.scss +0 -168
  481. package/styles/list-box/_bootstrap5.3-definition.scss +0 -175
  482. package/styles/list-box/_fabric-dark-definition.scss +0 -171
  483. package/styles/list-box/_fabric-definition.scss +0 -166
  484. package/styles/list-box/_fluent-dark-definition.scss +0 -167
  485. package/styles/list-box/_fluent-definition.scss +0 -167
  486. package/styles/list-box/_fluent2-definition.scss +0 -175
  487. package/styles/list-box/_fusionnew-definition.scss +0 -158
  488. package/styles/list-box/_highcontrast-definition.scss +0 -166
  489. package/styles/list-box/_highcontrast-light-definition.scss +0 -171
  490. package/styles/list-box/_layout.scss +0 -495
  491. package/styles/list-box/_material-dark-definition.scss +0 -171
  492. package/styles/list-box/_material-definition.scss +0 -166
  493. package/styles/list-box/_material3-dark-definition.scss +0 -169
  494. package/styles/list-box/_material3-definition.scss +0 -169
  495. package/styles/list-box/_tailwind-dark-definition.scss +0 -166
  496. package/styles/list-box/_tailwind-definition.scss +0 -166
  497. package/styles/list-box/_tailwind3-definition.scss +0 -184
  498. package/styles/list-box/_theme.scss +0 -334
  499. package/styles/list-box/_variables.scss +0 -2
  500. package/styles/list-box/bds.css +0 -949
  501. package/styles/list-box/bds.scss +0 -4
  502. package/styles/list-box/bootstrap-dark.css +0 -917
  503. package/styles/list-box/bootstrap-dark.scss +0 -4
  504. package/styles/list-box/bootstrap.css +0 -928
  505. package/styles/list-box/bootstrap.scss +0 -4
  506. package/styles/list-box/bootstrap4.css +0 -972
  507. package/styles/list-box/bootstrap4.scss +0 -4
  508. package/styles/list-box/bootstrap5-dark.css +0 -928
  509. package/styles/list-box/bootstrap5-dark.scss +0 -4
  510. package/styles/list-box/bootstrap5.3.css +0 -1025
  511. package/styles/list-box/bootstrap5.3.scss +0 -4
  512. package/styles/list-box/bootstrap5.css +0 -928
  513. package/styles/list-box/bootstrap5.scss +0 -4
  514. package/styles/list-box/fabric-dark.css +0 -917
  515. package/styles/list-box/fabric-dark.scss +0 -4
  516. package/styles/list-box/fabric.css +0 -928
  517. package/styles/list-box/fabric.scss +0 -4
  518. package/styles/list-box/fluent-dark.css +0 -928
  519. package/styles/list-box/fluent-dark.scss +0 -4
  520. package/styles/list-box/fluent.css +0 -928
  521. package/styles/list-box/fluent.scss +0 -4
  522. package/styles/list-box/fluent2.css +0 -1038
  523. package/styles/list-box/fluent2.scss +0 -4
  524. package/styles/list-box/highcontrast-light.css +0 -917
  525. package/styles/list-box/highcontrast-light.scss +0 -4
  526. package/styles/list-box/highcontrast.css +0 -928
  527. package/styles/list-box/highcontrast.scss +0 -4
  528. package/styles/list-box/icons/_bds.scss +0 -26
  529. package/styles/list-box/icons/_bootstrap-dark.scss +0 -26
  530. package/styles/list-box/icons/_bootstrap.scss +0 -26
  531. package/styles/list-box/icons/_bootstrap4.scss +0 -26
  532. package/styles/list-box/icons/_bootstrap5-dark.scss +0 -1
  533. package/styles/list-box/icons/_bootstrap5.3.scss +0 -26
  534. package/styles/list-box/icons/_bootstrap5.scss +0 -26
  535. package/styles/list-box/icons/_fabric-dark.scss +0 -26
  536. package/styles/list-box/icons/_fabric.scss +0 -26
  537. package/styles/list-box/icons/_fluent-dark.scss +0 -1
  538. package/styles/list-box/icons/_fluent.scss +0 -26
  539. package/styles/list-box/icons/_fluent2.scss +0 -26
  540. package/styles/list-box/icons/_fusionnew.scss +0 -26
  541. package/styles/list-box/icons/_highcontrast-light.scss +0 -26
  542. package/styles/list-box/icons/_highcontrast.scss +0 -26
  543. package/styles/list-box/icons/_material-dark.scss +0 -26
  544. package/styles/list-box/icons/_material.scss +0 -26
  545. package/styles/list-box/icons/_material3-dark.scss +0 -1
  546. package/styles/list-box/icons/_material3.scss +0 -26
  547. package/styles/list-box/icons/_tailwind-dark.scss +0 -26
  548. package/styles/list-box/icons/_tailwind.scss +0 -26
  549. package/styles/list-box/icons/_tailwind3.scss +0 -26
  550. package/styles/list-box/material-dark.css +0 -917
  551. package/styles/list-box/material-dark.scss +0 -4
  552. package/styles/list-box/material.css +0 -928
  553. package/styles/list-box/material.scss +0 -4
  554. package/styles/list-box/material3-dark.css +0 -1000
  555. package/styles/list-box/material3-dark.scss +0 -4
  556. package/styles/list-box/material3.css +0 -1002
  557. package/styles/list-box/material3.scss +0 -4
  558. package/styles/list-box/tailwind-dark.css +0 -928
  559. package/styles/list-box/tailwind-dark.scss +0 -4
  560. package/styles/list-box/tailwind.css +0 -928
  561. package/styles/list-box/tailwind.scss +0 -4
  562. package/styles/list-box/tailwind3.css +0 -1062
  563. package/styles/list-box/tailwind3.scss +0 -4
  564. package/styles/material-dark-lite.css +0 -3555
  565. package/styles/material-dark-lite.scss +0 -21
  566. package/styles/material-dark.css +0 -5028
  567. package/styles/material-dark.scss +0 -26
  568. package/styles/material-lite.css +0 -3565
  569. package/styles/material-lite.scss +0 -21
  570. package/styles/material.css +0 -5065
  571. package/styles/material.scss +0 -26
  572. package/styles/material3-dark-lite.css +0 -3990
  573. package/styles/material3-dark-lite.scss +0 -21
  574. package/styles/material3-dark.css +0 -5391
  575. package/styles/material3-dark.scss +0 -26
  576. package/styles/material3-lite.css +0 -3993
  577. package/styles/material3-lite.scss +0 -21
  578. package/styles/material3.css +0 -5394
  579. package/styles/material3.scss +0 -26
  580. package/styles/mention/_all.scss +0 -1
  581. package/styles/mention/_bds-definition.scss +0 -1
  582. package/styles/mention/_bootstrap-dark-definition.scss +0 -3
  583. package/styles/mention/_bootstrap-definition.scss +0 -3
  584. package/styles/mention/_bootstrap4-definition.scss +0 -3
  585. package/styles/mention/_bootstrap5-dark-definition.scss +0 -1
  586. package/styles/mention/_bootstrap5-definition.scss +0 -1
  587. package/styles/mention/_bootstrap5.3-definition.scss +0 -1
  588. package/styles/mention/_fabric-dark-definition.scss +0 -2
  589. package/styles/mention/_fabric-definition.scss +0 -3
  590. package/styles/mention/_fluent-dark-definition.scss +0 -1
  591. package/styles/mention/_fluent-definition.scss +0 -1
  592. package/styles/mention/_fluent2-definition.scss +0 -1
  593. package/styles/mention/_fusionnew-definition.scss +0 -1
  594. package/styles/mention/_highcontrast-definition.scss +0 -3
  595. package/styles/mention/_highcontrast-light-definition.scss +0 -3
  596. package/styles/mention/_layout.scss +0 -6
  597. package/styles/mention/_material-dark-definition.scss +0 -3
  598. package/styles/mention/_material-definition.scss +0 -3
  599. package/styles/mention/_material3-dark-definition.scss +0 -1
  600. package/styles/mention/_material3-definition.scss +0 -1
  601. package/styles/mention/_tailwind-dark-definition.scss +0 -1
  602. package/styles/mention/_tailwind-definition.scss +0 -1
  603. package/styles/mention/_tailwind3-definition.scss +0 -1
  604. package/styles/mention/_variables.scss +0 -2
  605. package/styles/mention/bds.css +0 -8
  606. package/styles/mention/bds.scss +0 -2
  607. package/styles/mention/bootstrap-dark.css +0 -3
  608. package/styles/mention/bootstrap-dark.scss +0 -2
  609. package/styles/mention/bootstrap.css +0 -3
  610. package/styles/mention/bootstrap.scss +0 -2
  611. package/styles/mention/bootstrap4.css +0 -3
  612. package/styles/mention/bootstrap4.scss +0 -2
  613. package/styles/mention/bootstrap5-dark.css +0 -3
  614. package/styles/mention/bootstrap5-dark.scss +0 -2
  615. package/styles/mention/bootstrap5.3.css +0 -88
  616. package/styles/mention/bootstrap5.3.scss +0 -2
  617. package/styles/mention/bootstrap5.css +0 -4
  618. package/styles/mention/bootstrap5.scss +0 -2
  619. package/styles/mention/fabric-dark.css +0 -3
  620. package/styles/mention/fabric-dark.scss +0 -2
  621. package/styles/mention/fabric.css +0 -3
  622. package/styles/mention/fabric.scss +0 -2
  623. package/styles/mention/fluent-dark.css +0 -3
  624. package/styles/mention/fluent-dark.scss +0 -2
  625. package/styles/mention/fluent.css +0 -4
  626. package/styles/mention/fluent.scss +0 -2
  627. package/styles/mention/fluent2.css +0 -90
  628. package/styles/mention/fluent2.scss +0 -2
  629. package/styles/mention/highcontrast-light.css +0 -3
  630. package/styles/mention/highcontrast-light.scss +0 -2
  631. package/styles/mention/highcontrast.css +0 -3
  632. package/styles/mention/highcontrast.scss +0 -2
  633. package/styles/mention/material-dark.css +0 -3
  634. package/styles/mention/material-dark.scss +0 -2
  635. package/styles/mention/material.css +0 -3
  636. package/styles/mention/material.scss +0 -2
  637. package/styles/mention/material3-dark.css +0 -85
  638. package/styles/mention/material3-dark.scss +0 -2
  639. package/styles/mention/material3.css +0 -88
  640. package/styles/mention/material3.scss +0 -2
  641. package/styles/mention/tailwind-dark.css +0 -3
  642. package/styles/mention/tailwind-dark.scss +0 -2
  643. package/styles/mention/tailwind.css +0 -4
  644. package/styles/mention/tailwind.scss +0 -2
  645. package/styles/mention/tailwind3.css +0 -78
  646. package/styles/mention/tailwind3.scss +0 -2
  647. package/styles/multi-select/_all.scss +0 -2
  648. package/styles/multi-select/_bds-definition.scss +0 -309
  649. package/styles/multi-select/_bigger.scss +0 -1578
  650. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -276
  651. package/styles/multi-select/_bootstrap-definition.scss +0 -265
  652. package/styles/multi-select/_bootstrap4-definition.scss +0 -313
  653. package/styles/multi-select/_bootstrap5-dark-definition.scss +0 -313
  654. package/styles/multi-select/_bootstrap5-definition.scss +0 -313
  655. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -312
  656. package/styles/multi-select/_fabric-dark-definition.scss +0 -268
  657. package/styles/multi-select/_fabric-definition.scss +0 -259
  658. package/styles/multi-select/_fluent-dark-definition.scss +0 -314
  659. package/styles/multi-select/_fluent-definition.scss +0 -314
  660. package/styles/multi-select/_fluent2-definition.scss +0 -423
  661. package/styles/multi-select/_fusionnew-definition.scss +0 -300
  662. package/styles/multi-select/_highcontrast-definition.scss +0 -383
  663. package/styles/multi-select/_highcontrast-light-definition.scss +0 -377
  664. package/styles/multi-select/_layout.scss +0 -1337
  665. package/styles/multi-select/_material-dark-definition.scss +0 -380
  666. package/styles/multi-select/_material-definition.scss +0 -380
  667. package/styles/multi-select/_material3-dark-definition.scss +0 -651
  668. package/styles/multi-select/_material3-definition.scss +0 -651
  669. package/styles/multi-select/_tailwind-dark-definition.scss +0 -309
  670. package/styles/multi-select/_tailwind-definition.scss +0 -309
  671. package/styles/multi-select/_tailwind3-definition.scss +0 -305
  672. package/styles/multi-select/_theme.scss +0 -566
  673. package/styles/multi-select/_variables.scss +0 -2
  674. package/styles/multi-select/bds.css +0 -1360
  675. package/styles/multi-select/bds.scss +0 -4
  676. package/styles/multi-select/bootstrap-dark.css +0 -1336
  677. package/styles/multi-select/bootstrap-dark.scss +0 -4
  678. package/styles/multi-select/bootstrap.css +0 -1324
  679. package/styles/multi-select/bootstrap.scss +0 -4
  680. package/styles/multi-select/bootstrap4.css +0 -1466
  681. package/styles/multi-select/bootstrap4.scss +0 -4
  682. package/styles/multi-select/bootstrap5-dark.css +0 -1383
  683. package/styles/multi-select/bootstrap5-dark.scss +0 -4
  684. package/styles/multi-select/bootstrap5.3.css +0 -1467
  685. package/styles/multi-select/bootstrap5.3.scss +0 -4
  686. package/styles/multi-select/bootstrap5.css +0 -1383
  687. package/styles/multi-select/bootstrap5.scss +0 -4
  688. package/styles/multi-select/fabric-dark.css +0 -1339
  689. package/styles/multi-select/fabric-dark.scss +0 -4
  690. package/styles/multi-select/fabric.css +0 -1329
  691. package/styles/multi-select/fabric.scss +0 -4
  692. package/styles/multi-select/fluent-dark.css +0 -1427
  693. package/styles/multi-select/fluent-dark.scss +0 -4
  694. package/styles/multi-select/fluent.css +0 -1427
  695. package/styles/multi-select/fluent.scss +0 -4
  696. package/styles/multi-select/fluent2.css +0 -1533
  697. package/styles/multi-select/fluent2.scss +0 -4
  698. package/styles/multi-select/highcontrast-light.css +0 -1437
  699. package/styles/multi-select/highcontrast-light.scss +0 -4
  700. package/styles/multi-select/highcontrast.css +0 -1453
  701. package/styles/multi-select/highcontrast.scss +0 -4
  702. package/styles/multi-select/icons/_bds.scss +0 -27
  703. package/styles/multi-select/icons/_bootstrap-dark.scss +0 -31
  704. package/styles/multi-select/icons/_bootstrap.scss +0 -31
  705. package/styles/multi-select/icons/_bootstrap4.scss +0 -34
  706. package/styles/multi-select/icons/_bootstrap5-dark.scss +0 -1
  707. package/styles/multi-select/icons/_bootstrap5.3.scss +0 -32
  708. package/styles/multi-select/icons/_bootstrap5.scss +0 -32
  709. package/styles/multi-select/icons/_fabric-dark.scss +0 -32
  710. package/styles/multi-select/icons/_fabric.scss +0 -32
  711. package/styles/multi-select/icons/_fluent-dark.scss +0 -1
  712. package/styles/multi-select/icons/_fluent.scss +0 -40
  713. package/styles/multi-select/icons/_fluent2.scss +0 -349
  714. package/styles/multi-select/icons/_fusionnew.scss +0 -28
  715. package/styles/multi-select/icons/_highcontrast-light.scss +0 -28
  716. package/styles/multi-select/icons/_highcontrast.scss +0 -32
  717. package/styles/multi-select/icons/_material-dark.scss +0 -350
  718. package/styles/multi-select/icons/_material.scss +0 -350
  719. package/styles/multi-select/icons/_material3-dark.scss +0 -1
  720. package/styles/multi-select/icons/_material3.scss +0 -352
  721. package/styles/multi-select/icons/_tailwind-dark.scss +0 -1
  722. package/styles/multi-select/icons/_tailwind.scss +0 -32
  723. package/styles/multi-select/icons/_tailwind3.scss +0 -28
  724. package/styles/multi-select/material-dark.css +0 -2541
  725. package/styles/multi-select/material-dark.scss +0 -4
  726. package/styles/multi-select/material.css +0 -2545
  727. package/styles/multi-select/material.scss +0 -4
  728. package/styles/multi-select/material3-dark.css +0 -2960
  729. package/styles/multi-select/material3-dark.scss +0 -4
  730. package/styles/multi-select/material3.css +0 -2962
  731. package/styles/multi-select/material3.scss +0 -4
  732. package/styles/multi-select/tailwind-dark.css +0 -1360
  733. package/styles/multi-select/tailwind-dark.scss +0 -4
  734. package/styles/multi-select/tailwind.css +0 -1360
  735. package/styles/multi-select/tailwind.scss +0 -4
  736. package/styles/multi-select/tailwind3.css +0 -1397
  737. package/styles/multi-select/tailwind3.scss +0 -4
  738. package/styles/tailwind-dark-lite.css +0 -2858
  739. package/styles/tailwind-dark-lite.scss +0 -21
  740. package/styles/tailwind-dark.css +0 -3710
  741. package/styles/tailwind-dark.scss +0 -26
  742. package/styles/tailwind-lite.css +0 -2859
  743. package/styles/tailwind-lite.scss +0 -21
  744. package/styles/tailwind.css +0 -3711
  745. package/styles/tailwind.scss +0 -26
  746. package/styles/tailwind3-lite.css +0 -2971
  747. package/styles/tailwind3-lite.scss +0 -21
  748. package/styles/tailwind3.css +0 -3647
  749. package/styles/tailwind3.scss +0 -26
@@ -1,2971 +0,0 @@
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
- /* Font Family */
10
- /* border */
11
- /* 0px */
12
- /* 1px */
13
- /* 1.5px */
14
- /* 2px */
15
- /* 3px */
16
- /* 4px */
17
- /* 5px */
18
- /* 6px */
19
- /* 7px */
20
- /* 8px */
21
- /* Radius */
22
- /* 1px */
23
- /* 2px */
24
- /* 3px */
25
- /* 4px */
26
- /* 5px */
27
- /* 6px */
28
- /* 7px */
29
- /* 8px */
30
- /* 9px */
31
- /* 10px */
32
- /* 11px */
33
- /* 12px */
34
- /* 13px */
35
- /* 14px */
36
- /* 15px */
37
- /* 16px */
38
- /* 17px */
39
- /* 18px */
40
- /* 19px */
41
- /* 20px */
42
- /* 21px */
43
- /* 22px */
44
- /* 23px */
45
- /* 24px */
46
- /* 25px */
47
- /* 26px */
48
- /* 27px */
49
- /* 28px */
50
- /* 29px */
51
- /* 30px */
52
- /* 31px */
53
- /* 32px */
54
- /* 33px */
55
- /* 34px */
56
- /* 35px */
57
- /* 36px */
58
- /* 37px */
59
- /* 38px */
60
- /* 39px */
61
- /* 40px */
62
- /* 41px */
63
- /* 42px */
64
- /* 43px */
65
- /* 44px */
66
- /* 45px */
67
- /* 46px */
68
- /* 47px */
69
- /* 48px */
70
- /* 49px */
71
- /* 50px */
72
- /* 5em */
73
-
74
-
75
- .e-dropdownbase .e-list-group-item,
76
- .e-fixed-head {
77
- font-size: 12px;
78
- }
79
-
80
- .e-small .e-dropdownbase .e-list-group-item,
81
- .e-small .e-fixed-head,
82
- .e-small.e-dropdownbase .e-list-group-item,
83
- .e-small.e-fixed-head {
84
- font-size: 10px;
85
- }
86
-
87
- .e-dropdownbase .e-list-item .e-list-icon {
88
- -webkit-padding-end: 8px;
89
- padding-inline-end: 8px;
90
- }
91
-
92
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
93
- -webkit-padding-end: 6px;
94
- padding-inline-end: 6px;
95
- }
96
-
97
- .e-dropdownbase {
98
- display: block;
99
- height: 100%;
100
- min-height: 36px;
101
- position: relative;
102
- width: 100%;
103
- }
104
- .e-dropdownbase .e-list-parent {
105
- margin: 0;
106
- padding: 0;
107
- }
108
-
109
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
110
- cursor: default;
111
- }
112
-
113
- .e-dropdownbase .e-list-item {
114
- cursor: pointer;
115
- overflow: hidden;
116
- position: relative;
117
- text-overflow: ellipsis;
118
- vertical-align: middle;
119
- white-space: nowrap;
120
- width: 100%;
121
- }
122
-
123
- .e-dropdownbase .e-list-item .e-list-icon {
124
- font-size: 16px;
125
- vertical-align: middle;
126
- }
127
-
128
- .e-dropdownbase .e-fixed-head {
129
- position: absolute;
130
- top: 0;
131
- }
132
-
133
- .e-dropdownbase.e-content {
134
- overflow: auto;
135
- position: relative;
136
- border-radius: calc(var(--e-radius) * 0.25);
137
- }
138
-
139
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
140
- .e-popup.e-mention .e-dropdownbase.e-nodata {
141
- color: var(--color-sf-content-text-color);
142
- cursor: default;
143
- font-family: var(--e-font-family);
144
- font-size: 14px;
145
- padding: 14px 16px;
146
- text-align: center;
147
- }
148
-
149
- .e-mention.e-popup {
150
- background: var(--color-sf-content-bg-color);
151
- -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
152
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
153
- margin-top: 2px;
154
- position: absolute;
155
- border: 1px solid var(--color-sf-flyout-border);
156
- border-radius: calc(var(--e-radius) * 0.375);
157
- padding: 4px 0;
158
- }
159
-
160
- .e-mention.e-popup .e-dropdownbase {
161
- min-height: 32px;
162
- }
163
-
164
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
165
- display: inline;
166
- font-weight: bold;
167
- vertical-align: baseline;
168
- }
169
-
170
- .e-mention .e-mention-chip,
171
- .e-mention .e-mention-chip:hover {
172
- background: var(--color-sf-content-bg-color-alt2);
173
- border-radius: calc(var(--e-radius) * 0.125);
174
- border: none;
175
- color: var(--color-sf-primary);
176
- cursor: default;
177
- font-weight: 500;
178
- }
179
-
180
- .e-mention.e-editable-element {
181
- border: 2px solid var(--color-sf-border-light);
182
- height: auto;
183
- min-height: 120px;
184
- width: 100%;
185
- }
186
-
187
- .e-form-mirror-div {
188
- white-space: pre-wrap;
189
- }
190
-
191
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
192
- padding-right: 12px;
193
- }
194
-
195
- .e-dropdownbase.e-dd-group .e-list-item {
196
- padding-left: 12px;
197
- text-indent: 0;
198
- }
199
-
200
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
201
- padding-left: 8px;
202
- }
203
-
204
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
205
- text-indent: 0;
206
- }
207
-
208
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
209
- cursor: pointer;
210
- font-weight: normal;
211
- overflow: hidden;
212
- position: relative;
213
- text-overflow: ellipsis;
214
- vertical-align: middle;
215
- white-space: nowrap;
216
- width: 100%;
217
- }
218
-
219
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
220
- padding-right: 12px;
221
- }
222
-
223
- .e-rtl .e-dropdownbase .e-list-item {
224
- padding-left: 16px;
225
- padding-right: 0;
226
- }
227
- .e-small.e-rtl .e-dropdownbase .e-list-item,
228
- .e-small .e-rtl .e-dropdownbase .e-list-item,
229
- .e-rtl .e-small .e-dropdownbase .e-list-item {
230
- padding-left: 16px;
231
- padding-right: 0;
232
- }
233
- .e-dropdownbase {
234
- border-color: var(--color-sf-border-light);
235
- }
236
- .e-dropdownbase .e-list-item {
237
- /* stylelint-disable property-no-vendor-prefix */
238
- -webkit-tap-highlight-color: transparent;
239
- border-bottom: 0;
240
- border-color: var(--color-sf-border-light);
241
- color: var(--color-sf-flyout-text-color);
242
- font-family: var(--e-font-family);
243
- font-size: 14px;
244
- line-height: 32px;
245
- min-height: 32px;
246
- padding-right: 16px;
247
- text-indent: 12px;
248
- background-color: var(--color-sf-flyout-bg-color);
249
- }
250
-
251
- .e-dropdownbase .e-list-group-item,
252
- .e-fixed-head {
253
- border-color: var(--color-sf-border-light);
254
- color: var(--color-sf-flyout-text-color);
255
- font-family: var(--e-font-family);
256
- font-size: 14px;
257
- font-weight: 500;
258
- line-height: 32px;
259
- min-height: 32px;
260
- padding-left: 12px;
261
- padding-right: 16px;
262
- overflow: hidden;
263
- text-overflow: ellipsis;
264
- background-color: var(--color-sf-flyout-bg-color);
265
- }
266
-
267
- .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
268
- background-color: var(--color-sf-flyout-bg-color-selected);
269
- border-color: var(--color-sf-content-bg-color);
270
- color: var(--color-sf-flyout-text-color-selected);
271
- }
272
-
273
- .e-dropdownbase .e-list-item.e-hover {
274
- background-color: var(--color-sf-flyout-bg-color-hover);
275
- border-color: var(--color-sf-content-bg-color);
276
- color: var(--color-sf-flyout-text-color-hover);
277
- }
278
-
279
- .e-dropdownbase .e-list-item:last-child {
280
- border-bottom: 0;
281
- }
282
-
283
- .e-dropdownbase .e-list-item.e-item-focus {
284
- background-color: var(--color-sf-flyout-bg-color-hover);
285
- }
286
-
287
- .e-multi-column.e-ddl.e-popup.e-popup-open table {
288
- border-collapse: collapse;
289
- table-layout: fixed;
290
- width: 100%;
291
- }
292
-
293
- .e-multi-column.e-ddl.e-popup.e-popup-open th,
294
- .e-multi-column.e-ddl.e-popup.e-popup-open td {
295
- display: table-cell;
296
- overflow: hidden;
297
- padding-right: 16px;
298
- text-indent: 10px;
299
- text-overflow: ellipsis;
300
- }
301
-
302
- .e-multi-column.e-ddl.e-popup.e-popup-open th {
303
- line-height: 36px;
304
- text-align: left;
305
- }
306
-
307
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
308
- background-color: var(--color-sf-flyout-bg-color);
309
- border-color: var(--color-sf-flyout-border);
310
- border-style: solid;
311
- border-width: 0 0 1px 0;
312
- color: var(--color-sf-flyout-text-color);
313
- font-family: var(--e-font-family);
314
- font-size: 14px;
315
- font-weight: 500;
316
- text-indent: 10px;
317
- }
318
-
319
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item {
320
- padding-right: 0;
321
- }
322
-
323
- .e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header {
324
- padding-right: 16px;
325
- }
326
-
327
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
328
- .e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header {
329
- padding-right: 0;
330
- }
331
-
332
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center {
333
- text-align: center;
334
- }
335
-
336
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right {
337
- text-align: right;
338
- }
339
-
340
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left {
341
- text-align: left;
342
- }
343
-
344
- .e-small .e-dropdownbase .e-list-item,
345
- .e-dropdownbase.e-small .e-list-item {
346
- color: var(--color-sf-content-text-color);
347
- line-height: 26px;
348
- min-height: 26px;
349
- text-indent: 8px;
350
- }
351
-
352
- .e-small .e-dropdownbase .e-list-group-item, .e-small .e-dropdownbase .e-fixed-head,
353
- .e-dropdownbase.e-small .e-list-group-item,
354
- .e-dropdownbase.e-small .e-fixed-head {
355
- font-size: 10px;
356
- line-height: 26px;
357
- min-height: 26px;
358
- padding-left: 8px;
359
- }
360
-
361
- .e-small .e-dropdownbase .e-list-item .e-list-icon,
362
- .e-dropdownbase.e-small .e-list-item .e-list-icon {
363
- font-size: 14px;
364
- }
365
-
366
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
367
- background-color: var(--color-sf-flyout-bg-color);
368
- border-bottom: 0;
369
- border-color: var(--color-sf-border-light);
370
- color: var(--color-sf-flyout-text-color);
371
- font-family: var(--e-font-family);
372
- text-indent: 12px;
373
- font-size: 14px;
374
- padding-right: 16px;
375
- }
376
-
377
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
378
- background-color: var(--color-sf-flyout-bg-color-hover);
379
- }
380
-
381
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
382
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
383
- background-color: var(--color-sf-flyout-bg-color-selected);
384
- border-color: var(--color-sf-content-bg-color);
385
- color: var(--color-sf-flyout-text-color-selected);
386
- }
387
-
388
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
389
- background-color: var(--color-sf-flyout-bg-color-hover);
390
- border-color: var(--color-sf-content-bg-color);
391
- color: var(--color-sf-flyout-text-color-hover);
392
- }
393
-
394
- .e-selectall-parent.e-item-focus {
395
- background-color: var(--color-sf-flyout-bg-color-hover);
396
- }
397
-
398
- .e-popup.e-ddl {
399
- border-radius: calc(var(--e-radius) * 0.25);
400
- -webkit-box-shadow: none;
401
- box-shadow: none;
402
- margin-top: 3px;
403
- }
404
- .e-popup.e-ddl .e-input-group {
405
- width: auto;
406
- }
407
- .e-popup.e-ddl .e-input-group input {
408
- line-height: 15px;
409
- }
410
-
411
- .e-popup.e-ddl .e-dropdownbase {
412
- min-height: 26px;
413
- }
414
-
415
- .e-popup.e-ddl .e-filter-parent .e-input-group {
416
- display: -webkit-box;
417
- display: -ms-flexbox;
418
- display: flex;
419
- width: auto;
420
- }
421
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
422
- border: 0;
423
- }
424
-
425
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
426
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
427
- background: transparent;
428
- }
429
-
430
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
431
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
432
- background: var(--color-sf-content-bg-color-alt2);
433
- }
434
-
435
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
436
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
437
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
438
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
439
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
440
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
441
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
442
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
443
- background: transparent;
444
- color: var(--color-sf-icon-color);
445
- }
446
-
447
- .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
448
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
449
- .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
450
- .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
451
- background: transparent;
452
- color: var(--color-sf-icon-color);
453
- }
454
-
455
- .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
456
- .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
457
- .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
458
- .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
459
- background: var(--color-sf-content-bg-color-alt2);
460
- }
461
-
462
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
463
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
464
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
465
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
466
- border: 0;
467
- }
468
-
469
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
470
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
471
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
472
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
473
- -webkit-box-shadow: none;
474
- box-shadow: none;
475
- }
476
-
477
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
478
- background: transparent;
479
- display: -webkit-box;
480
- display: -ms-flexbox;
481
- display: flex;
482
- position: relative;
483
- }
484
-
485
- .e-ddl.e-popup .e-filter-parent .e-input-group,
486
- .e-ddl.e-popup .e-filter-parent {
487
- background: var(--color-sf-content-bg-color);
488
- }
489
-
490
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
491
- font-size: 14px;
492
- }
493
-
494
- .e-ddl .e-search-icon::before {
495
- content: "\e754";
496
- }
497
-
498
- .e-ddl .e-back-icon::before {
499
- content: "\e773";
500
- }
501
-
502
- .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
503
- content: "\e729";
504
- font-family: "e-icons";
505
- }
506
-
507
- .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
508
- width: 100%;
509
- border: 0 solid;
510
- }
511
-
512
- .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
513
- display: block;
514
- visibility: hidden;
515
- }
516
-
517
- .e-popup-full-page {
518
- bottom: 0;
519
- left: 0;
520
- margin: 0;
521
- overflow: hidden;
522
- padding: 0;
523
- right: 0;
524
- top: 0;
525
- }
526
- .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
527
- margin: 0;
528
- }
529
-
530
- .e-ddl.e-control-wrapper .e-ddl-disable-icon {
531
- position: relative;
532
- }
533
-
534
- .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
535
- content: "";
536
- }
537
-
538
- .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
539
- position: relative;
540
- }
541
-
542
- .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
543
- content: "";
544
- }
545
-
546
- .e-ddl-device-filter .e-filter-parent {
547
- background-color: var(--color-sf-content-bg-color);
548
- }
549
-
550
- /* stylelint-disable property-no-vendor-prefix */
551
- .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
552
- display: none;
553
- pointer-events: none;
554
- position: absolute;
555
- right: 0;
556
- visibility: hidden;
557
- }
558
-
559
- /* stylelint-enable property-no-vendor-prefix */
560
- .e-filter-parent {
561
- border: 0;
562
- border-top-width: 0;
563
- -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
564
- box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
565
- display: block;
566
- padding: 6px;
567
- }
568
-
569
- .e-ddl.e-input-group:not(.e-disabled) {
570
- cursor: pointer;
571
- }
572
-
573
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
574
- width: 0;
575
- }
576
-
577
- .e-ddl.e-popup {
578
- background: var(--color-sf-flyout-bg-color);
579
- border: 1px solid var(--color-sf-border-light);
580
- position: absolute;
581
- }
582
- .e-ddl.e-popup .e-search-icon {
583
- margin: 0;
584
- opacity: 0.57;
585
- padding: 12px 8px 8px;
586
- }
587
-
588
- .e-ddl.e-popup .e-filter-parent .e-back-icon {
589
- padding: 0 8px;
590
- }
591
-
592
- .e-ddl.e-popup .e-input-group {
593
- margin-bottom: 0;
594
- }
595
-
596
- .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
597
- cursor: default;
598
- }
599
-
600
- /* stylelint-disable property-no-vendor-prefix */
601
- .e-ddl.e-input-group .e-ddl-hidden,
602
- .e-ddl.e-float-input .e-ddl-hidden {
603
- -webkit-appearance: initial;
604
- border: 0;
605
- height: 0;
606
- padding: 0;
607
- visibility: hidden;
608
- width: 0;
609
- }
610
-
611
- .e-ddl.e-input-group,
612
- .e-ddl.e-input-group.e-input-focus:focus {
613
- outline: none;
614
- }
615
-
616
- .e-dropdownbase .e-list-item .e-highlight {
617
- display: inline;
618
- font-weight: bold;
619
- vertical-align: baseline;
620
- }
621
-
622
- .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
623
- .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
624
- .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
625
- opacity: 1;
626
- }
627
-
628
- .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
629
- .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
630
- .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
631
- .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
632
- .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
633
- .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
634
- .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
635
- display: -webkit-box;
636
- display: -ms-flexbox;
637
- display: flex;
638
- }
639
-
640
- .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
641
- .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
642
- .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
643
- .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
644
- .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
645
- .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
646
- .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
647
- display: none;
648
- }
649
-
650
- .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
651
- .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
652
- .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
653
- .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
654
- .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
655
- .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
656
- cursor: pointer;
657
- display: -webkit-box;
658
- display: -ms-flexbox;
659
- display: flex;
660
- }
661
-
662
- .e-disabled.e-ddl.e-static-clear .e-clear-icon {
663
- pointer-events: none;
664
- }
665
-
666
- .e-ddl.e-input-group .e-input-value,
667
- .e-ddl.e-input-group .e-input-value:focus {
668
- font-family: inherit;
669
- font-size: 14px;
670
- height: auto;
671
- margin: 0;
672
- outline: none;
673
- width: 100%;
674
- overflow: hidden;
675
- }
676
- .e-ddl.e-input-group input[readonly].e-input,
677
- .e-ddl.e-input-group input[readonly],
678
- .e-ddl.e-input-group .e-dropdownlist {
679
- pointer-events: none;
680
- }
681
-
682
- .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
683
- cursor: pointer;
684
- pointer-events: auto;
685
- }
686
-
687
- .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
688
- opacity: 0.7;
689
- pointer-events: none;
690
- color: var(--color-sf-flyout-text-color-disabled);
691
- }
692
-
693
- ejs-autocomplete,
694
- ejs-combobox,
695
- ejs-dropdownlist {
696
- display: block;
697
- }
698
-
699
- .e-small .e-ddl.e-popup .e-list-item,
700
- .e-input-group.e-ddl.e-small .e-list-item {
701
- font-size: 12px;
702
- }
703
- .e-small .e-ddl.e-popup .e-list-group-item,
704
- .e-input-group.e-ddl.e-small .e-list-group-item {
705
- font-size: 12px;
706
- }
707
-
708
- .e-small.e-ddl.e-popup .e-list-item,
709
- .e-input-group.e-ddl.e-small .e-list-item {
710
- font-size: 12px;
711
- }
712
- .e-small.e-ddl.e-popup .e-list-group-item,
713
- .e-input-group.e-ddl.e-small .e-list-group-item {
714
- font-size: 12px;
715
- }
716
-
717
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
718
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
719
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
720
- background-size: 300px 33px;
721
- min-height: 33px;
722
- }
723
-
724
- .e-ddl.e-popup.e-resize .e-resizer-right {
725
- bottom: 0;
726
- right: 0;
727
- cursor: nwse-resize;
728
- height: 15px;
729
- position: absolute;
730
- width: 15px;
731
- }
732
-
733
- .e-popup {
734
- border-color: var(--color-sf-border-light);
735
- }
736
-
737
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
738
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
739
- color: var(--color-sf-content-text-color-selected);
740
- }
741
-
742
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
743
- border-color: transparent;
744
- }
745
-
746
- /* stylelint-disable */
747
- .e-ddt .e-ddt-icon::before {
748
- content: "\e729";
749
- }
750
- .e-ddt .e-chips-close::before {
751
- content: "\e7e7";
752
- }
753
-
754
- .e-ddt {
755
- cursor: pointer;
756
- outline: none;
757
- }
758
- .e-ddt .e-ddt-icon::before {
759
- -webkit-transform: rotate(0deg);
760
- transform: rotate(0deg);
761
- -webkit-transition: -webkit-transform 300ms ease;
762
- transition: -webkit-transform 300ms ease;
763
- transition: transform 300ms ease;
764
- transition: transform 300ms ease, -webkit-transform 300ms ease;
765
- }
766
- .e-ddt.e-icon-anim .e-ddt-icon::before {
767
- -webkit-transform: rotate(180deg);
768
- transform: rotate(180deg);
769
- -webkit-transition: -webkit-transform 300ms ease;
770
- transition: -webkit-transform 300ms ease;
771
- transition: transform 300ms ease;
772
- transition: transform 300ms ease, -webkit-transform 300ms ease;
773
- }
774
- .e-ddt .e-ddt-hidden {
775
- border: 0;
776
- height: 0;
777
- visibility: hidden;
778
- width: 0;
779
- }
780
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
781
- -webkit-box-sizing: content-box;
782
- box-sizing: content-box;
783
- }
784
- .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
785
- border: 0;
786
- }
787
- .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
788
- display: none;
789
- }
790
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
791
- bottom: 0;
792
- position: absolute;
793
- right: 0;
794
- }
795
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
796
- right: 30px;
797
- }
798
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
799
- bottom: 0;
800
- position: absolute;
801
- right: 0;
802
- }
803
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
804
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
805
- .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
806
- .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
807
- .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
808
- padding-left: 0;
809
- padding-right: 0;
810
- }
811
- .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
812
- display: -webkit-box;
813
- display: -ms-flexbox;
814
- display: flex;
815
- }
816
- .e-ddt .e-chips-wrapper {
817
- width: 100%;
818
- margin: 2px 0 2px 6px;
819
- }
820
- .e-ddt.e-show-chip .e-chips-close {
821
- min-height: 14px;
822
- min-width: 14px;
823
- line-height: 14px;
824
- }
825
- .e-ddt.e-show-chip .e-chips-close::before {
826
- font-size: 14px;
827
- }
828
- .e-ddt.e-show-chip .e-chips-close {
829
- text-align: center;
830
- }
831
- .e-ddt.e-show-chip .e-chips-close::before {
832
- vertical-align: middle;
833
- }
834
- .e-ddt.e-show-chip .e-chips {
835
- -webkit-box-align: center;
836
- -ms-flex-align: center;
837
- align-items: center;
838
- border-radius: calc(var(--e-radius) * 0.375);
839
- -webkit-box-sizing: border-box;
840
- box-sizing: border-box;
841
- display: -webkit-inline-box;
842
- display: -ms-inline-flexbox;
843
- display: inline-flex;
844
- float: left;
845
- height: 24px;
846
- margin: 2px;
847
- max-width: calc(100% - 2px);
848
- overflow: hidden;
849
- padding: 0 8px 0 8px;
850
- text-overflow: ellipsis;
851
- white-space: nowrap;
852
- border: 1px solid var(--color-sf-border-light);
853
- }
854
- .e-ddt.e-show-chip .e-chips > .e-chipcontent {
855
- max-width: 100%;
856
- overflow: hidden;
857
- padding: 4px 5px 4px 0;
858
- text-indent: 0;
859
- text-overflow: ellipsis;
860
- white-space: nowrap;
861
- font-size: 12px;
862
- line-height: 16px;
863
- font-weight: 500;
864
- }
865
- .e-ddt .e-overflow {
866
- white-space: nowrap;
867
- }
868
- .e-ddt .e-overflow.e-show-text {
869
- padding: 5px 8px;
870
- }
871
- .e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
872
- display: inline-grid;
873
- }
874
- .e-ddt .e-overflow.e-total-count {
875
- -webkit-box-sizing: border-box;
876
- box-sizing: border-box;
877
- display: inline-block;
878
- overflow: hidden;
879
- text-overflow: ellipsis;
880
- }
881
- .e-ddt .e-overflow.e-total-count .e-remain {
882
- padding: 0 8px 0 0;
883
- }
884
- .e-ddt .e-overflow .e-remain {
885
- cursor: pointer;
886
- display: inline-block;
887
- font-size: 14px;
888
- padding: 0 0 0 8px;
889
- }
890
- .e-ddt .e-overflow .e-remain.e-wrap-count {
891
- padding: 5px 4px;
892
- }
893
- .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
894
- padding: 5px 8px;
895
- }
896
- .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
897
- margin-right: 30px;
898
- max-width: calc(100% - 31px);
899
- }
900
- .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
901
- margin-right: 20px;
902
- max-width: calc(100% - 31px);
903
- }
904
- .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
905
- margin-right: 48px;
906
- max-width: calc(100% - 62px);
907
- }
908
- .e-ddt input[readonly],
909
- .e-ddt .e-dropdowntree,
910
- .e-ddt input[readonly].e-input {
911
- pointer-events: none;
912
- }
913
- .e-ddt input[readonly].e-chip-input,
914
- .e-ddt .e-dropdowntree.e-chip-input,
915
- .e-ddt input[readonly].e-input.e-chip-input {
916
- width: 0;
917
- visibility: hidden;
918
- }
919
- .e-ddt.e-popup {
920
- border: 1px solid var(--color-sf-flyout-border);
921
- margin-top: 4px;
922
- border-radius: calc(var(--e-radius) * 0.375);
923
- -webkit-box-shadow: none;
924
- box-shadow: none;
925
- position: absolute;
926
- }
927
- .e-ddt.e-popup .e-selectall-parent {
928
- border-bottom: 1px solid;
929
- cursor: pointer;
930
- display: block;
931
- line-height: 34px;
932
- overflow: hidden;
933
- position: relative;
934
- text-indent: 36px;
935
- white-space: nowrap;
936
- width: 100%;
937
- }
938
- .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
939
- display: none;
940
- }
941
- .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
942
- position: relative;
943
- text-indent: 0;
944
- bottom: 2px;
945
- }
946
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
947
- font-family: inherit;
948
- font-size: 14px;
949
- margin: 0 8px;
950
- }
951
- .e-ddt.e-popup .e-filter-wrap {
952
- border-top-width: 0;
953
- display: block;
954
- padding: 6px 7px;
955
- border: none;
956
- }
957
- .e-ddt.e-popup .e-filter-wrap .e-input-group {
958
- margin-bottom: 0;
959
- }
960
- .e-ddt.e-popup .e-popup-content {
961
- overflow: auto;
962
- position: relative;
963
- }
964
- .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
965
- display: none;
966
- }
967
- .e-ddt.e-popup .e-popup-content.e-no-data {
968
- cursor: default;
969
- font-family: inherit;
970
- font-size: 14px;
971
- text-align: center;
972
- padding: 14px 16px;
973
- }
974
- .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
975
- display: none;
976
- }
977
- .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
978
- display: block;
979
- }
980
- .e-ddt.e-popup .e-treeview {
981
- display: inline-table;
982
- width: 100%;
983
- border: none;
984
- }
985
- .e-ddt.e-popup .e-treeview .e-list-item {
986
- padding: 0;
987
- }
988
- .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
989
- margin: 0;
990
- padding: 0 0 0 14px;
991
- }
992
- .e-ddt.e-popup .e-treeview > .e-ul {
993
- overflow: hidden;
994
- padding: 6px 8px;
995
- }
996
- .e-ddt.e-popup .e-ddt-footer,
997
- .e-ddt.e-popup .e-ddt-header {
998
- cursor: default;
999
- }
1000
- .e-ddt.e-rtl.e-show-chip .e-chips {
1001
- float: right;
1002
- }
1003
- .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
1004
- padding: 0 8px 0 0;
1005
- }
1006
- .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
1007
- padding-top: 0;
1008
- }
1009
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
1010
- position: absolute;
1011
- right: auto;
1012
- }
1013
- .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
1014
- padding: 0 0 0 8px;
1015
- }
1016
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
1017
- padding: 5px 8px;
1018
- }
1019
- .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1020
- margin-right: 1px;
1021
- margin-left: 30px;
1022
- }
1023
- .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1024
- margin-right: 1px;
1025
- margin-left: 20px;
1026
- }
1027
- .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1028
- margin-right: 1px;
1029
- margin-left: 48px;
1030
- }
1031
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1032
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
1033
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
1034
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
1035
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1036
- left: 0;
1037
- right: auto;
1038
- }
1039
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1040
- left: 30px;
1041
- }
1042
- .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1043
- padding: 0 14px 0 0;
1044
- }
1045
- .e-ddt.e-rtl.e-popup .e-selectall-parent {
1046
- text-indent: 36px;
1047
- }
1048
- .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1049
- margin: 0 8px;
1050
- }
1051
- .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
1052
- top: 15px;
1053
- }
1054
- .e-ddt-icon-hide {
1055
- display: none;
1056
- }
1057
-
1058
- .e-ddt .e-chips {
1059
- background-color: var(--color-sf-secondary-bg-color);
1060
- }
1061
- .e-ddt .e-chips .e-chips-close::before {
1062
- color: var(--color-sf-icon-color);
1063
- }
1064
- .e-ddt .e-chips > .e-chipcontent {
1065
- color: var(--color-sf-content-text-color);
1066
- }
1067
- .e-ddt .e-overflow .e-remain {
1068
- color: var(--color-sf-content-text-color-alt1);
1069
- }
1070
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
1071
- background: transparent;
1072
- }
1073
- .e-ddt.e-popup {
1074
- background: var(--color-sf-flyout-bg-color);
1075
- border-color: var(--color-sf-flyout-border);
1076
- }
1077
- .e-ddt.e-popup .e-popup-content.e-no-data {
1078
- color: var(--color-sf-content-text-color);
1079
- }
1080
- .e-ddt.e-popup .e-selectall-parent {
1081
- border-bottom-color: var(--color-sf-border-light);
1082
- }
1083
- .e-ddt.e-popup .e-selectall-parent:focus {
1084
- background: var(--color-sf-content-bg-color-hover);
1085
- }
1086
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1087
- color: var(--color-sf-content-text-color);
1088
- }
1089
-
1090
- /* stylelint-disable-line no-empty-source */
1091
- /* stylelint-disable-line no-empty-source */
1092
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1093
- line-height: 30px;
1094
- top: 0;
1095
- }
1096
-
1097
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1098
- border-radius: calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.125) calc(var(--e-radius) * 0.125) calc(var(--e-radius) * 0);
1099
- border-right-width: 0;
1100
- }
1101
-
1102
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1103
- border-left-width: 0;
1104
- border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.25);
1105
- border-right-width: 1px;
1106
- }
1107
-
1108
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1109
- height: 32px;
1110
- width: 32px;
1111
- }
1112
-
1113
- .e-multi-select-wrapper .e-searcher input[type=text],
1114
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1115
- color: var(--color-sf-content-text-color);
1116
- height: 100%;
1117
- }
1118
-
1119
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1120
- border-left-width: 0;
1121
- }
1122
-
1123
- .e-multiselect.e-input-group .e-ddl-icon::before {
1124
- content: "\e729";
1125
- font-family: "e-icons";
1126
- }
1127
-
1128
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1129
- content: "\e7e7";
1130
- cursor: pointer;
1131
- left: 0;
1132
- position: relative;
1133
- top: 0;
1134
- }
1135
-
1136
- .e-multi-select-wrapper .e-close-hooker::before {
1137
- content: "\e7e7";
1138
- cursor: pointer;
1139
- left: 6px;
1140
- position: relative;
1141
- top: 6px;
1142
- }
1143
-
1144
- .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1145
- content: "";
1146
- }
1147
-
1148
- .e-multi-select-wrapper {
1149
- -webkit-box-sizing: border-box;
1150
- box-sizing: border-box;
1151
- cursor: text;
1152
- line-height: normal;
1153
- min-height: 30px;
1154
- padding: 0 32px 0 0;
1155
- position: relative;
1156
- -webkit-user-select: none;
1157
- -moz-user-select: none;
1158
- -ms-user-select: none;
1159
- user-select: none;
1160
- width: 100%;
1161
- }
1162
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1163
- height: 27px;
1164
- vertical-align: middle;
1165
- }
1166
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1167
- height: 100%;
1168
- min-height: 100%;
1169
- }
1170
- .e-multi-select-wrapper .e-delim-view {
1171
- white-space: nowrap;
1172
- }
1173
- .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
1174
- -webkit-box-sizing: border-box;
1175
- box-sizing: border-box;
1176
- display: inline-block;
1177
- overflow: hidden;
1178
- text-overflow: ellipsis;
1179
- }
1180
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1181
- color: var(--color-sf-content-text-color);
1182
- font-size: 14px;
1183
- left: 12px;
1184
- top: 0;
1185
- }
1186
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1187
- background-color: var(--color-sf-primary);
1188
- color: var(--color-sf-content-text-color);
1189
- padding: 12px 4px 11px 0;
1190
- }
1191
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1192
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1193
- width: 0;
1194
- }
1195
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1196
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1197
- height: 1px;
1198
- min-height: 1px;
1199
- }
1200
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1201
- max-width: 100%;
1202
- }
1203
-
1204
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1205
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1206
- display: -webkit-box;
1207
- display: -ms-flexbox;
1208
- display: flex;
1209
- float: left;
1210
- width: auto;
1211
- }
1212
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1213
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1214
- display: -webkit-inline-box;
1215
- display: -ms-inline-flexbox;
1216
- display: inline-flex;
1217
- float: none;
1218
- }
1219
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1220
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1221
- width: 0;
1222
- }
1223
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1224
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1225
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1226
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1227
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1228
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1229
- display: none;
1230
- }
1231
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1232
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1233
- padding: 0 48px 0 0;
1234
- }
1235
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1236
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1237
- -webkit-box-align: center;
1238
- -ms-flex-align: center;
1239
- align-items: center;
1240
- display: inline;
1241
- max-width: 100%;
1242
- word-break: break-word;
1243
- }
1244
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1245
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1246
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1247
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1248
- -webkit-box-align: center;
1249
- -ms-flex-align: center;
1250
- align-items: center;
1251
- cursor: pointer;
1252
- display: none;
1253
- -webkit-box-orient: horizontal;
1254
- -webkit-box-direction: normal;
1255
- -ms-flex-direction: row;
1256
- flex-direction: row;
1257
- margin-top: -2em;
1258
- outline: 0;
1259
- padding: 0;
1260
- position: absolute;
1261
- right: 5px;
1262
- top: 100%;
1263
- }
1264
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1265
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1266
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1267
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1268
- display: -webkit-box;
1269
- display: -ms-flexbox;
1270
- display: flex;
1271
- }
1272
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1273
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1274
- margin-right: 0;
1275
- margin-top: -2.1em;
1276
- right: 0;
1277
- }
1278
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1279
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1280
- top: -1px;
1281
- }
1282
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1283
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1284
- font-size: 14px;
1285
- height: 24px;
1286
- width: 24px;
1287
- }
1288
-
1289
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1290
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1291
- float: right;
1292
- }
1293
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1294
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1295
- float: none;
1296
- }
1297
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1298
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1299
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1300
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1301
- left: 0;
1302
- right: auto;
1303
- }
1304
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1305
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1306
- padding: 0 0 0 48px;
1307
- }
1308
-
1309
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1310
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1311
- opacity: 0.7;
1312
- pointer-events: none;
1313
- }
1314
-
1315
- .e-multiselect.e-input-group,
1316
- .e-multiselect.e-float-input {
1317
- word-wrap: initial;
1318
- }
1319
-
1320
- .e-multiselect.e-input-group .e-searcher .e-label-top,
1321
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1322
- top: 15px;
1323
- }
1324
-
1325
- .e-multi-select-wrapper.e-close-icon-hide {
1326
- padding-right: 0;
1327
- }
1328
-
1329
- .e-multi-select-wrapper .e-chips-collection {
1330
- cursor: default;
1331
- display: block;
1332
- }
1333
-
1334
- .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1335
- margin-right: 30px;
1336
- }
1337
-
1338
- .e-multi-select-wrapper .e-multi-hidden {
1339
- border: 0;
1340
- height: 0;
1341
- position: absolute;
1342
- visibility: hidden;
1343
- width: 0;
1344
- }
1345
-
1346
- .e-multi-select-wrapper .e-chips {
1347
- -webkit-box-align: center;
1348
- -ms-flex-align: center;
1349
- align-items: center;
1350
- display: -webkit-inline-box;
1351
- display: -ms-inline-flexbox;
1352
- display: inline-flex;
1353
- float: left;
1354
- margin: 3px;
1355
- max-width: 100%;
1356
- overflow: hidden;
1357
- padding: 0 6px 0 8px;
1358
- text-overflow: ellipsis;
1359
- white-space: nowrap;
1360
- }
1361
-
1362
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1363
- max-width: 100%;
1364
- overflow: hidden;
1365
- padding: 0 6px 1px 0;
1366
- text-indent: 0;
1367
- text-overflow: ellipsis;
1368
- white-space: nowrap;
1369
- }
1370
-
1371
- .e-multi-select-wrapper.e-delimiter .e-searcher {
1372
- display: inline-block;
1373
- float: none;
1374
- }
1375
-
1376
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1377
- padding: 8px 4px 8px 0;
1378
- }
1379
-
1380
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1381
- padding: 8px 0 8px 4px;
1382
- }
1383
-
1384
- .e-multi-select-wrapper .e-chips-close {
1385
- -ms-flex-item-align: center;
1386
- align-self: center;
1387
- display: -webkit-box;
1388
- display: -ms-flexbox;
1389
- display: flex;
1390
- float: right;
1391
- font-family: "e-icons";
1392
- height: 14px;
1393
- margin: 0 0 0;
1394
- width: 14px;
1395
- }
1396
-
1397
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1398
- margin: 0 0 0;
1399
- }
1400
-
1401
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1402
- margin: 3px 0 0;
1403
- }
1404
-
1405
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1406
- cursor: default;
1407
- font-size: 14px;
1408
- height: 24px;
1409
- margin-top: -2em;
1410
- position: absolute;
1411
- right: 5px;
1412
- width: 24px;
1413
- top: 100%;
1414
- }
1415
-
1416
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1417
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1418
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1419
- right: 30px;
1420
- }
1421
-
1422
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1423
- left: 30px;
1424
- right: auto;
1425
- }
1426
-
1427
- .e-multi-select-wrapper input[type=text] {
1428
- background: none;
1429
- border: 0;
1430
- font-family: var(--e-font-family);
1431
- font-size: 14px;
1432
- font-weight: normal;
1433
- height: 30px;
1434
- min-height: 30px;
1435
- outline: none;
1436
- padding: 0 0 0 8px;
1437
- text-indent: 0;
1438
- }
1439
-
1440
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1441
- background: none;
1442
- border: 0;
1443
- color: inherit;
1444
- font-family: var(--e-font-family);
1445
- font-size: 14px;
1446
- font-weight: normal;
1447
- height: 30px;
1448
- min-height: 30px;
1449
- outline: none;
1450
- padding: 0;
1451
- text-indent: 8px;
1452
- }
1453
-
1454
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1455
- padding: 5px;
1456
- }
1457
-
1458
- /* stylelint-disable property-no-vendor-prefix */
1459
- .e-multi-select-wrapper input[type=text]::-ms-clear {
1460
- display: none;
1461
- }
1462
-
1463
- .e-multi-select-wrapper .e-searcher {
1464
- display: block;
1465
- float: left;
1466
- width: auto;
1467
- }
1468
-
1469
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1470
- width: calc(100% - 32px);
1471
- }
1472
-
1473
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1474
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1475
- width: calc(100% - 30px);
1476
- }
1477
-
1478
- .e-multi-select-wrapper .e-delim-values {
1479
- font-family: var(--e-font-family);
1480
- font-size: 14px;
1481
- line-height: 28px;
1482
- max-width: 100%;
1483
- padding-left: 8px;
1484
- padding-right: 6px;
1485
- vertical-align: middle;
1486
- }
1487
-
1488
- .e-multi-select-list-wrapper .e-hide-listitem,
1489
- .e-multi-select-list-wrapper .e-hide-group-header {
1490
- display: none;
1491
- }
1492
-
1493
- .e-multi-select-wrapper .e-delim-values .e-remain {
1494
- color: var(--color-sf-content-text-color);
1495
- cursor: pointer;
1496
- display: inline-block;
1497
- font-size: 14px;
1498
- padding-left: 8px;
1499
- }
1500
-
1501
- .e-multiselect.e-disabled .e-multi-select-wrapper,
1502
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1503
- cursor: not-allowed;
1504
- }
1505
-
1506
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1507
- height: 40px;
1508
- left: 0;
1509
- margin: 0 0 0 0;
1510
- margin-left: auto;
1511
- position: relative;
1512
- top: 0;
1513
- width: 40px;
1514
- }
1515
-
1516
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1517
- -ms-flex-item-align: center;
1518
- align-self: center;
1519
- -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1520
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1521
- display: -webkit-inline-box;
1522
- display: -ms-inline-flexbox;
1523
- display: inline-flex;
1524
- padding: 0 0 0 16px;
1525
- width: 92%;
1526
- }
1527
-
1528
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
1529
- content: "";
1530
- }
1531
-
1532
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1533
- float: none;
1534
- }
1535
-
1536
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1537
- padding-left: 0;
1538
- }
1539
- .e-multiselect.e-rtl .e-multi-select-wrapper {
1540
- padding: 0 2px 0 32px;
1541
- }
1542
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1543
- left: -12px;
1544
- }
1545
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1546
- margin: 0;
1547
- margin-right: auto;
1548
- }
1549
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1550
- float: right;
1551
- }
1552
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1553
- float: right;
1554
- margin: 4px;
1555
- padding: 0 8px 0 4px;
1556
- }
1557
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1558
- padding: 5px 4px;
1559
- }
1560
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1561
- float: left;
1562
- }
1563
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1564
- left: 0;
1565
- }
1566
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1567
- padding: 0 4px 0 8px;
1568
- }
1569
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1570
- padding: 8px 4px;
1571
- }
1572
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1573
- padding: 0 8px 0 4px;
1574
- }
1575
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1576
- padding: 12px 4px;
1577
- }
1578
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1579
- left: 30px;
1580
- position: absolute;
1581
- right: auto;
1582
- }
1583
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1584
- left: -4px;
1585
- }
1586
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1587
- padding-right: 8px;
1588
- }
1589
-
1590
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1591
- left: 19px;
1592
- }
1593
-
1594
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1595
- left: 25px;
1596
- }
1597
-
1598
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1599
- bottom: 1px;
1600
- margin-right: 8px;
1601
- position: relative;
1602
- text-indent: 0;
1603
- vertical-align: middle;
1604
- }
1605
-
1606
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1607
- padding-left: 0;
1608
- }
1609
-
1610
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1611
- padding-right: 25px;
1612
- }
1613
-
1614
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1615
- bottom: 1px;
1616
- margin-right: 8px;
1617
- position: relative;
1618
- text-indent: 0;
1619
- vertical-align: middle;
1620
- }
1621
-
1622
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1623
- margin-left: 12px;
1624
- margin-right: 0;
1625
- }
1626
-
1627
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1628
- margin-left: 12px;
1629
- margin-right: 0;
1630
- }
1631
-
1632
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1633
- padding-right: 0;
1634
- }
1635
-
1636
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1637
- padding-right: 15px;
1638
- }
1639
-
1640
- .e-multi-select-list-wrapper .e-selectall-parent {
1641
- cursor: pointer;
1642
- display: block;
1643
- line-height: 36px;
1644
- overflow: hidden;
1645
- text-overflow: ellipsis;
1646
- padding-right: 16px;
1647
- position: relative;
1648
- text-indent: 12px;
1649
- white-space: nowrap;
1650
- width: 100%;
1651
- }
1652
-
1653
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1654
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1655
- padding-left: 16px;
1656
- padding-right: 15px;
1657
- }
1658
-
1659
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1660
- color: var(--color-sf-content-text-color);
1661
- font-family: var(--e-font-family);
1662
- font-size: 14px;
1663
- }
1664
-
1665
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1666
- bottom: 1px;
1667
- margin-right: 8px;
1668
- position: relative;
1669
- text-indent: 0;
1670
- vertical-align: middle;
1671
- }
1672
-
1673
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1674
- margin-left: 12px;
1675
- margin-right: 0;
1676
- }
1677
-
1678
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1679
- float: right;
1680
- margin-top: 0;
1681
- }
1682
-
1683
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1684
- float: left;
1685
- }
1686
-
1687
- .e-multiselect.e-checkbox .e-multi-select-wrapper,
1688
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
1689
- padding: 0;
1690
- }
1691
-
1692
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1693
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1694
- padding: 0 0 0 8px;
1695
- }
1696
-
1697
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1698
- padding-left: 8px;
1699
- }
1700
-
1701
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
1702
- padding: 0 8px;
1703
- }
1704
-
1705
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1706
- line-height: 20px;
1707
- padding-left: 10px;
1708
- }
1709
-
1710
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
1711
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
1712
- opacity: 0.3;
1713
- }
1714
-
1715
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
1716
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
1717
- opacity: 0.7;
1718
- }
1719
-
1720
- .e-multi-select-wrapper input[readonly=true] {
1721
- pointer-events: none;
1722
- }
1723
-
1724
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
1725
- pointer-events: none;
1726
- }
1727
-
1728
- ejs-multiselect {
1729
- display: block;
1730
- }
1731
-
1732
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1733
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
1734
- line-height: 26px;
1735
- }
1736
-
1737
- .e-small .e-multi-select-wrapper .e-chips-close {
1738
- height: 12px;
1739
- width: 12px;
1740
- }
1741
-
1742
- .e-small .e-multi-select-wrapper {
1743
- min-height: 24px;
1744
- }
1745
-
1746
- .e-small .e-multi-select-wrapper input[type=text] {
1747
- height: 24px;
1748
- min-height: 24px;
1749
- }
1750
-
1751
- .e-small .e-multi-select-wrapper .e-delim-values {
1752
- font-size: 12px;
1753
- line-height: 24px;
1754
- }
1755
-
1756
- .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1757
- .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1758
- margin-top: -1.7em;
1759
- }
1760
-
1761
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1762
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1763
- margin-top: -2em;
1764
- }
1765
-
1766
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1767
- background-size: 300px 33px;
1768
- min-height: 33px;
1769
- }
1770
-
1771
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1772
- color: inherit;
1773
- }
1774
-
1775
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1776
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1777
- -webkit-box-align: normal;
1778
- -ms-flex-align: normal;
1779
- align-items: normal;
1780
- }
1781
-
1782
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1783
- padding: 0 12px 0 8px;
1784
- }
1785
-
1786
- .e-multiselect.e-filled.e-input-group.e-control-wrapper {
1787
- padding: 0;
1788
- }
1789
-
1790
- .e-filled.e-float-input .e-multi-select-wrapper {
1791
- padding: 11px 12px 0;
1792
- }
1793
-
1794
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1795
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
1796
- padding: 12px 12px 0 8px;
1797
- }
1798
-
1799
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1800
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
1801
- padding: 0;
1802
- }
1803
-
1804
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1805
- height: 28px;
1806
- }
1807
-
1808
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1809
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1810
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
1811
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1812
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1813
- height: 24px;
1814
- }
1815
-
1816
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1817
- height: 18px;
1818
- }
1819
-
1820
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1821
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1822
- margin: 8px 8px 0 0;
1823
- padding: 0 8px;
1824
- }
1825
-
1826
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1827
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1828
- margin: 8px 0 0 8px;
1829
- padding: 0 8px;
1830
- }
1831
-
1832
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
1833
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
1834
- height: 16px 16px;
1835
- margin: 4px 4px 0 0;
1836
- padding-right: 8px;
1837
- }
1838
-
1839
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1840
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1841
- margin: 4px 0 0 4px;
1842
- }
1843
-
1844
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1845
- font-size: 13px;
1846
- padding: 0 8px 0 0;
1847
- }
1848
-
1849
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1850
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1851
- font-size: 12px;
1852
- }
1853
-
1854
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1855
- font-size: 12px;
1856
- padding: 0 4px 0 0;
1857
- }
1858
-
1859
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1860
- padding: 0 0 0 4px;
1861
- }
1862
-
1863
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1864
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1865
- font-size: 10px;
1866
- }
1867
-
1868
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
1869
- font-size: 13px;
1870
- padding-right: 4px;
1871
- }
1872
-
1873
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
1874
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
1875
- height: 38px;
1876
- margin-top: -38px;
1877
- right: 12px;
1878
- top: 100%;
1879
- width: 16px;
1880
- }
1881
-
1882
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1883
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1884
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1885
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1886
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1887
- display: none;
1888
- }
1889
-
1890
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
1891
- margin-right: 0;
1892
- }
1893
-
1894
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1895
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1896
- cursor: not-allowed;
1897
- }
1898
-
1899
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1900
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1901
- cursor: pointer;
1902
- }
1903
-
1904
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1905
- bottom: 0;
1906
- right: 0;
1907
- cursor: nwse-resize;
1908
- height: 15px;
1909
- position: absolute;
1910
- width: 15px;
1911
- }
1912
-
1913
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1914
- color: var(--color-sf-content-text-color);
1915
- }
1916
-
1917
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1918
- background-color: var(--color-sf-content-bg-color-alt5);
1919
- }
1920
-
1921
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1922
- background-color: var(--color-sf-content-bg-color-pressed);
1923
- }
1924
-
1925
- .e-multiselect {
1926
- -webkit-box-sizing: border-box;
1927
- box-sizing: border-box;
1928
- }
1929
-
1930
- /* stylelint-disable property-no-vendor-prefix */
1931
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1932
- -webkit-text-fill-color: var(--color-sf-content-text-color);
1933
- color: var(--color-sf-content-text-color);
1934
- font-family: var(--e-font-family);
1935
- font-size: 14px;
1936
- }
1937
-
1938
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1939
- color: var(--color-sf-content-text-color);
1940
- }
1941
-
1942
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1943
- color: var(--color-sf-content-text-color-hover);
1944
- }
1945
-
1946
- .e-multi-select-wrapper .e-chips {
1947
- background-color: var(--color-sf-content-bg-color);
1948
- border: 1px solid var(--color-sf-border-light);
1949
- border-radius: 4px;
1950
- height: 24px;
1951
- }
1952
-
1953
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1954
- background-color: var(--color-sf-content-bg-color-hover);
1955
- }
1956
-
1957
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1958
- color: var(--color-sf-content-text-color-hover);
1959
- }
1960
-
1961
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1962
- -webkit-text-fill-color: var(--color-sf-icon-color);
1963
- color: var(--color-sf-icon-color);
1964
- font-size: 14px;
1965
- }
1966
-
1967
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1968
- background-color: var(--color-sf-primary);
1969
- border-radius: calc(var(--e-radius) * 0.125);
1970
- color: var(--color-sf-content-text-color);
1971
- height: 40px;
1972
- line-height: 40px;
1973
- }
1974
-
1975
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1976
- color: var(--color-sf-content-text-color);
1977
- }
1978
-
1979
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1980
- height: 30px;
1981
- }
1982
-
1983
- .e-popup.e-multi-select-list-wrapper {
1984
- -webkit-box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
1985
- box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
1986
- -webkit-box-sizing: content-box;
1987
- box-sizing: content-box;
1988
- overflow: initial;
1989
- }
1990
-
1991
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1992
- border-bottom: 0 solid transparent;
1993
- border-left: 0 solid var(--color-sf-content-bg-color-selected);
1994
- border-right: 0 solid var(--color-sf-content-bg-color-selected);
1995
- border-top: 0 solid var(--color-sf-border-selected);
1996
- }
1997
-
1998
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1999
- background-color: transparent;
2000
- border-color: transparent;
2001
- color: var(--color-sf-content-text-color);
2002
- }
2003
-
2004
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2005
- background-color: transparent;
2006
- border-color: transparent;
2007
- color: var(--color-sf-content-text-color);
2008
- }
2009
-
2010
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2011
- color: var(--color-sf-content-text-color);
2012
- }
2013
-
2014
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2015
- color: var(--color-sf-content-text-color);
2016
- }
2017
-
2018
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2019
- background-color: var(--color-sf-content-bg-color-hover);
2020
- }
2021
-
2022
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2023
- background-color: var(--color-sf-content-bg-color-hover);
2024
- }
2025
-
2026
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2027
- border-bottom: 0 solid transparent;
2028
- border-top: 0 solid transparent;
2029
- }
2030
-
2031
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2032
- border-bottom: 0 solid transparent;
2033
- }
2034
-
2035
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2036
- border-top: 0 solid transparent;
2037
- }
2038
-
2039
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2040
- background-color: var(--color-sf-content-bg-color-selected);
2041
- -webkit-box-shadow: none;
2042
- box-shadow: none;
2043
- color: var(--color-sf-content-text-color-selected);
2044
- border: 0 solid transparent;
2045
- }
2046
-
2047
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2048
- background-color: var(--color-sf-content-bg-color-selected);
2049
- -webkit-box-shadow: none;
2050
- box-shadow: none;
2051
- color: var(--color-sf-content-text-color-selected);
2052
- border: 0 solid transparent;
2053
- }
2054
-
2055
- .e-popup.e-multi-select-list-wrapper .e-list-item {
2056
- border: 0 solid transparent;
2057
- }
2058
-
2059
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2060
- border: 0 solid transparent;
2061
- }
2062
-
2063
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2064
- color: var(--color-sf-placeholder-text-color);
2065
- }
2066
-
2067
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2068
- color: var(--color-sf-placeholder-text-color);
2069
- }
2070
-
2071
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2072
- color: var(--color-sf-placeholder-text-color);
2073
- }
2074
-
2075
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2076
- color: var(--color-sf-placeholder-text-color);
2077
- }
2078
-
2079
- .e-ul.e-reorder {
2080
- border-bottom: 1px solid var(--color-sf-border-light);
2081
- }
2082
-
2083
- .e-multi-select-list-wrapper .e-selectall-parent {
2084
- border-bottom: 1px solid var(--color-sf-border-light);
2085
- }
2086
-
2087
- .e-multi-select-wrapper .e-delim-values {
2088
- -webkit-text-fill-color: var(--color-sf-content-text-color);
2089
- color: var(--color-sf-content-text-color);
2090
- }
2091
-
2092
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2093
- color: var(--color-sf-content-text-color);
2094
- }
2095
-
2096
- .e-small .e-multi-select-wrapper .e-chips {
2097
- height: 20px;
2098
- }
2099
-
2100
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2101
- font-size: 12px;
2102
- }
2103
-
2104
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2105
- font-size: 12px;
2106
- }
2107
-
2108
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
2109
- left: 0;
2110
- }
2111
-
2112
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2113
- -webkit-text-fill-color: var(--color-sf-content-text-color-alt1);
2114
- color: var(--color-sf-content-text-color-alt1);
2115
- }
2116
-
2117
- .e-listbox-wrapper.e-wrapper li.e-list-item.e-focused {
2118
- background-color: var(--color-sf-content-bg-color-hover);
2119
- }
2120
-
2121
- .e-listbox-tool .e-moveup::before {
2122
- content: "\e776";
2123
- }
2124
-
2125
- .e-listbox-tool .e-movedown::before {
2126
- content: "\e729";
2127
- }
2128
-
2129
- .e-listbox-tool .e-moveto::before {
2130
- content: "\e748";
2131
- }
2132
-
2133
- .e-listbox-tool .e-movefrom::before {
2134
- content: "\e765";
2135
- }
2136
-
2137
- .e-listbox-tool .e-moveallto::before {
2138
- content: "\e7a9";
2139
- }
2140
-
2141
- .e-listbox-tool .e-moveallfrom::before {
2142
- content: "\e744";
2143
- }
2144
-
2145
- /* stylelint-disable property-no-vendor-prefix */
2146
- .e-listbox-wrapper,
2147
- .e-listbox-container,
2148
- .e-listboxtool-wrapper {
2149
- -webkit-overflow-scrolling: touch;
2150
- -webkit-box-sizing: border-box;
2151
- box-sizing: border-box;
2152
- cursor: pointer;
2153
- display: block;
2154
- position: relative;
2155
- -webkit-user-select: none;
2156
- -moz-user-select: none;
2157
- -ms-user-select: none;
2158
- user-select: none;
2159
- width: 100%;
2160
- }
2161
- .e-listbox-wrapper *,
2162
- .e-listbox-container *,
2163
- .e-listboxtool-wrapper * {
2164
- -webkit-box-sizing: border-box;
2165
- box-sizing: border-box;
2166
- }
2167
- .e-listbox-wrapper,
2168
- .e-listbox-container,
2169
- .e-listboxtool-wrapper {
2170
- font-weight: 500;
2171
- border-radius: calc(var(--e-radius) * 0.375);
2172
- }
2173
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2174
- .e-listbox-container .e-list-wrap:focus-visible,
2175
- .e-listbox-container:focus,
2176
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2177
- .e-listboxtool-wrapper:focus {
2178
- outline: none;
2179
- }
2180
- .e-listbox-wrapper.e-disabled,
2181
- .e-listbox-container.e-disabled,
2182
- .e-listboxtool-wrapper.e-disabled {
2183
- cursor: default;
2184
- pointer-events: none;
2185
- }
2186
- .e-listbox-wrapper .e-list-item.e-disabled, .e-listbox-wrapper .e-list-item.e-disabled .e-list-icon,
2187
- .e-listbox-container .e-list-item.e-disabled,
2188
- .e-listbox-container .e-list-item.e-disabled .e-list-icon,
2189
- .e-listboxtool-wrapper .e-list-item.e-disabled,
2190
- .e-listboxtool-wrapper .e-list-item.e-disabled .e-list-icon {
2191
- color: var(--color-sf-content-text-color-disabled);
2192
- opacity: 1;
2193
- }
2194
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2195
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
2196
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2197
- text-align: center;
2198
- }
2199
- .e-listbox-wrapper .e-list-parent,
2200
- .e-listbox-container .e-list-parent,
2201
- .e-listboxtool-wrapper .e-list-parent {
2202
- height: 100%;
2203
- min-height: 40px;
2204
- }
2205
- .e-listbox-wrapper .e-list-item,
2206
- .e-listbox-container .e-list-item,
2207
- .e-listboxtool-wrapper .e-list-item {
2208
- border-bottom: 0 solid;
2209
- outline: none;
2210
- }
2211
- .e-listbox-wrapper .e-list-item:focus-visible,
2212
- .e-listbox-container .e-list-item:focus-visible,
2213
- .e-listboxtool-wrapper .e-list-item:focus-visible {
2214
- background-color: var(--color-sf-content-bg-color) !important; /* stylelint-disable-line declaration-no-important */
2215
- color: var(--color-sf-content-text-color) !important; /* stylelint-disable-line declaration-no-important */
2216
- -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
2217
- box-shadow: inset 0 0 0 2px var(--color-sf-primary);
2218
- }
2219
- .e-listbox-wrapper .e-list-item.e-disabled,
2220
- .e-listbox-container .e-list-item.e-disabled,
2221
- .e-listboxtool-wrapper .e-list-item.e-disabled {
2222
- pointer-events: none;
2223
- }
2224
- .e-listbox-wrapper .e-disable,
2225
- .e-listbox-container .e-disable,
2226
- .e-listboxtool-wrapper .e-disable {
2227
- opacity: 0.7;
2228
- }
2229
- .e-listbox-wrapper .e-list-parent,
2230
- .e-listbox-container .e-list-parent,
2231
- .e-listboxtool-wrapper .e-list-parent {
2232
- margin: 0;
2233
- padding: 0;
2234
- }
2235
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2236
- .e-listbox-container .e-list-header .e-text.header,
2237
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2238
- .e-listboxtool-wrapper .e-list-header .e-text.header,
2239
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2240
- display: none;
2241
- }
2242
- .e-listbox-wrapper .e-icon-back,
2243
- .e-listbox-container .e-icon-back,
2244
- .e-listboxtool-wrapper .e-icon-back {
2245
- margin-top: 2px;
2246
- }
2247
- .e-listbox-wrapper .e-list-header,
2248
- .e-listbox-container .e-list-header,
2249
- .e-listboxtool-wrapper .e-list-header {
2250
- -webkit-box-align: center;
2251
- -ms-flex-align: center;
2252
- align-items: center;
2253
- border-bottom: 1px solid;
2254
- display: -webkit-box;
2255
- display: -ms-flexbox;
2256
- display: flex;
2257
- font-weight: 500;
2258
- height: 18px;
2259
- padding: 12px;
2260
- }
2261
- .e-listbox-wrapper .e-has-header > .e-view,
2262
- .e-listbox-container .e-has-header > .e-view,
2263
- .e-listboxtool-wrapper .e-has-header > .e-view {
2264
- top: 45px;
2265
- }
2266
- .e-listbox-wrapper .e-but-back,
2267
- .e-listbox-container .e-but-back,
2268
- .e-listboxtool-wrapper .e-but-back {
2269
- cursor: pointer;
2270
- padding-right: 8px;
2271
- }
2272
- .e-listbox-wrapper .e-list-group-item:first-child,
2273
- .e-listbox-container .e-list-group-item:first-child,
2274
- .e-listboxtool-wrapper .e-list-group-item:first-child {
2275
- border: 0;
2276
- border-bottom: 1px solid var(--color-sf-border-light);
2277
- }
2278
- .e-listbox-wrapper .e-list-group-item,
2279
- .e-listbox-container .e-list-group-item,
2280
- .e-listboxtool-wrapper .e-list-group-item {
2281
- border-bottom: 1px solid var(--color-sf-border-light);
2282
- border-top: 0 solid;
2283
- font-weight: 600;
2284
- height: 32px;
2285
- line-height: 10px;
2286
- padding: 12px 12px;
2287
- }
2288
- .e-listbox-wrapper .e-icon-collapsible,
2289
- .e-listbox-container .e-icon-collapsible,
2290
- .e-listboxtool-wrapper .e-icon-collapsible {
2291
- cursor: pointer;
2292
- font-size: 12px;
2293
- position: absolute;
2294
- right: 0%;
2295
- top: 50%;
2296
- -webkit-transform: translateY(-50%);
2297
- transform: translateY(-50%);
2298
- }
2299
- .e-listbox-wrapper .e-text-content,
2300
- .e-listbox-container .e-text-content,
2301
- .e-listboxtool-wrapper .e-text-content {
2302
- height: 100%;
2303
- position: relative;
2304
- vertical-align: middle;
2305
- }
2306
- .e-listbox-wrapper .e-text-content *,
2307
- .e-listbox-container .e-text-content *,
2308
- .e-listboxtool-wrapper .e-text-content * {
2309
- display: inline-block;
2310
- vertical-align: middle;
2311
- }
2312
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2313
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2314
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2315
- width: calc(100% - 40px);
2316
- }
2317
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2318
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2319
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2320
- width: calc(100% - 90px);
2321
- }
2322
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2323
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2324
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2325
- width: calc(100% - 80px);
2326
- }
2327
- .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2328
- .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2329
- .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2330
- width: calc(100% - 92px);
2331
- }
2332
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2333
- .e-listbox-container .e-checkbox .e-checkbox-left,
2334
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2335
- margin: -2px 8px 0 0;
2336
- }
2337
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2338
- .e-listbox-container .e-checkbox .e-checkbox-right,
2339
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2340
- margin: -2px 0 0 8px;
2341
- }
2342
- .e-listbox-wrapper .e-list-text,
2343
- .e-listbox-container .e-list-text,
2344
- .e-listboxtool-wrapper .e-list-text {
2345
- cursor: pointer;
2346
- display: inline-block;
2347
- overflow: hidden;
2348
- text-overflow: ellipsis;
2349
- vertical-align: top;
2350
- white-space: nowrap;
2351
- width: 100%;
2352
- }
2353
- .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2354
- .e-listbox-container .e-list-icon + .e-list-text,
2355
- .e-listbox-container .e-icon-wrapper .e-list-text,
2356
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2357
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2358
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2359
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2360
- width: calc(100% - 60px);
2361
- }
2362
- .e-listbox-wrapper .e-list-icon,
2363
- .e-listbox-container .e-list-icon,
2364
- .e-listboxtool-wrapper .e-list-icon {
2365
- height: 30px;
2366
- margin-right: 16px;
2367
- width: 30px;
2368
- }
2369
- .e-listbox-wrapper .e-content,
2370
- .e-listbox-container .e-content,
2371
- .e-listboxtool-wrapper .e-content {
2372
- overflow: hidden;
2373
- position: relative;
2374
- }
2375
- .e-listbox-wrapper .e-list-header .e-text,
2376
- .e-listbox-container .e-list-header .e-text,
2377
- .e-listboxtool-wrapper .e-list-header .e-text {
2378
- cursor: pointer;
2379
- text-indent: 0;
2380
- }
2381
- .e-listbox-wrapper .e-text .e-headertext,
2382
- .e-listbox-container .e-text .e-headertext,
2383
- .e-listboxtool-wrapper .e-text .e-headertext {
2384
- display: inline-block;
2385
- line-height: 18px;
2386
- }
2387
- .e-listbox-wrapper.e-rtl,
2388
- .e-listbox-container.e-rtl,
2389
- .e-listboxtool-wrapper.e-rtl {
2390
- direction: rtl;
2391
- }
2392
- .e-listbox-wrapper.e-rtl .e-list-icon,
2393
- .e-listbox-container.e-rtl .e-list-icon,
2394
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
2395
- margin-left: 16px;
2396
- margin-right: 0;
2397
- }
2398
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2399
- .e-listbox-container.e-rtl .e-icon-collapsible,
2400
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2401
- left: 0%;
2402
- right: initial;
2403
- top: 50%;
2404
- -webkit-transform: translateY(-50%) rotate(180deg);
2405
- transform: translateY(-50%) rotate(180deg);
2406
- }
2407
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2408
- .e-listbox-container.e-rtl .e-list-header .e-text,
2409
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2410
- cursor: pointer;
2411
- }
2412
- .e-listbox-wrapper.e-rtl .e-but-back,
2413
- .e-listbox-container.e-rtl .e-but-back,
2414
- .e-listboxtool-wrapper.e-rtl .e-but-back {
2415
- -webkit-transform: rotate(180deg);
2416
- transform: rotate(180deg);
2417
- }
2418
- .e-listbox-wrapper.e-rtl .e-icon-back,
2419
- .e-listbox-container.e-rtl .e-icon-back,
2420
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
2421
- margin-top: -2px;
2422
- }
2423
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2424
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2425
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2426
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2427
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2428
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2429
- margin: -2px 0 0 8px;
2430
- }
2431
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2432
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
2433
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2434
- margin: -2px 8px 0 0;
2435
- }
2436
- .e-listbox-wrapper .e-checkbox-wrapper,
2437
- .e-listbox-container .e-checkbox-wrapper,
2438
- .e-listboxtool-wrapper .e-checkbox-wrapper {
2439
- margin: -2px 8px 0 0;
2440
- text-indent: 0;
2441
- vertical-align: middle;
2442
- }
2443
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2444
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
2445
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
2446
- position: absolute;
2447
- right: 0;
2448
- top: 30%;
2449
- }
2450
- .e-listbox-wrapper .e-filter-parent,
2451
- .e-listbox-container .e-filter-parent,
2452
- .e-listboxtool-wrapper .e-filter-parent {
2453
- padding: 8px 11px;
2454
- }
2455
- .e-listbox-wrapper .e-input-group,
2456
- .e-listbox-container .e-input-group,
2457
- .e-listboxtool-wrapper .e-input-group {
2458
- padding: 4px 8px;
2459
- padding: 0;
2460
- }
2461
- .e-listbox-wrapper .e-input-focus,
2462
- .e-listbox-container .e-input-focus,
2463
- .e-listboxtool-wrapper .e-input-focus {
2464
- padding: 4px 4px 4px 8px;
2465
- padding: 0;
2466
- }
2467
- .e-listbox-wrapper .e-hidden-select,
2468
- .e-listbox-container .e-hidden-select,
2469
- .e-listboxtool-wrapper .e-hidden-select {
2470
- height: 1px;
2471
- opacity: 0;
2472
- position: absolute;
2473
- width: 100%;
2474
- }
2475
- .e-listbox-wrapper .e-placeholder,
2476
- .e-listbox-container .e-placeholder,
2477
- .e-listboxtool-wrapper .e-placeholder {
2478
- background-color: var(--color-sf-primary);
2479
- display: block;
2480
- height: 2px;
2481
- }
2482
-
2483
- ejs-listbox {
2484
- display: block;
2485
- }
2486
-
2487
- .e-listbox-wrapper:not(.e-listbox-container),
2488
- .e-listbox-wrapper.e-filter-list .e-list-parent {
2489
- overflow: auto;
2490
- }
2491
-
2492
- .e-listbox-wrapper.e-sortableclone,
2493
- .e-listbox-container.e-sortableclone,
2494
- .e-listboxtool-wrapper.e-sortableclone {
2495
- border-width: 0;
2496
- overflow: visible;
2497
- }
2498
- .e-listbox-wrapper.e-sortableclone .e-list-item,
2499
- .e-listbox-container.e-sortableclone .e-list-item,
2500
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2501
- list-style-type: none;
2502
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
2503
- }
2504
- .e-listbox-wrapper.e-sortableclone .e-ripple,
2505
- .e-listbox-container.e-sortableclone .e-ripple,
2506
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
2507
- overflow: visible;
2508
- }
2509
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
2510
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
2511
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
2512
- display: none;
2513
- }
2514
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
2515
- .e-listbox-container.e-sortableclone .e-list-badge,
2516
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2517
- -webkit-box-align: center;
2518
- -ms-flex-align: center;
2519
- align-items: center;
2520
- background-color: var(--color-sf-primary);
2521
- border: 1px solid var(--color-sf-primary-text-color);
2522
- border-radius: 999px;
2523
- color: var(--color-sf-primary-text-color);
2524
- display: -webkit-box;
2525
- display: -ms-flexbox;
2526
- display: flex;
2527
- font-size: 12px;
2528
- height: 22px;
2529
- -webkit-box-pack: center;
2530
- -ms-flex-pack: center;
2531
- justify-content: center;
2532
- position: absolute;
2533
- right: -10px;
2534
- top: -10px;
2535
- width: 22px;
2536
- }
2537
-
2538
- .e-listboxtool-wrapper.e-sortableclone {
2539
- display: block;
2540
- }
2541
-
2542
- .e-listboxtool-wrapper,
2543
- .e-listboxtool-container {
2544
- cursor: pointer;
2545
- display: -webkit-box;
2546
- display: -ms-flexbox;
2547
- display: flex;
2548
- }
2549
- .e-listboxtool-wrapper *,
2550
- .e-listboxtool-container * {
2551
- -webkit-box-sizing: border-box;
2552
- box-sizing: border-box;
2553
- }
2554
- .e-listboxtool-wrapper.e-disabled,
2555
- .e-listboxtool-container.e-disabled {
2556
- cursor: default;
2557
- pointer-events: none;
2558
- }
2559
- .e-listboxtool-wrapper .e-listbox-wrapper,
2560
- .e-listboxtool-wrapper .e-list-wrap,
2561
- .e-listboxtool-container .e-listbox-wrapper,
2562
- .e-listboxtool-container .e-list-wrap {
2563
- -webkit-box-flex: 1;
2564
- -ms-flex: 1;
2565
- flex: 1;
2566
- }
2567
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
2568
- .e-listboxtool-container.e-right .e-listbox-tool {
2569
- margin-left: 15px;
2570
- }
2571
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
2572
- .e-listboxtool-container.e-left .e-listbox-tool {
2573
- margin-right: 15px;
2574
- }
2575
- .e-listboxtool-wrapper .e-listbox-tool,
2576
- .e-listboxtool-container .e-listbox-tool {
2577
- border: 1px solid var(--color-sf-border-light);
2578
- overflow: auto;
2579
- padding: 8px;
2580
- border-radius: calc(var(--e-radius) * 0.5);
2581
- }
2582
- .e-listboxtool-wrapper .e-listbox-tool .e-btn-icon,
2583
- .e-listboxtool-container .e-listbox-tool .e-btn-icon {
2584
- font-size: 16px;
2585
- }
2586
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
2587
- .e-listboxtool-container .e-listbox-tool .e-btn {
2588
- display: list-item;
2589
- list-style-type: none;
2590
- margin-bottom: 10px;
2591
- }
2592
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2593
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2594
- position: absolute;
2595
- right: 0;
2596
- top: 30%;
2597
- }
2598
-
2599
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2600
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2601
- margin-right: 15px;
2602
- }
2603
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
2604
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
2605
- margin-left: 15px;
2606
- }
2607
-
2608
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2609
- .e-listbox-wrapper .e-list-nrt,
2610
- .e-listbox-wrapper .e-selectall-parent,
2611
- .e-listbox-container:not(.e-list-template) .e-list-item,
2612
- .e-listbox-container .e-list-nrt,
2613
- .e-listbox-container .e-selectall-parent,
2614
- .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2615
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
2616
- .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
2617
- height: 40px;
2618
- line-height: 1;
2619
- padding: 12px 12px;
2620
- position: relative;
2621
- }
2622
- .e-listbox-wrapper .e-list-icon,
2623
- .e-listbox-container .e-list-icon,
2624
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2625
- display: inline;
2626
- vertical-align: middle;
2627
- width: auto;
2628
- height: auto;
2629
- padding-bottom: 1px;
2630
- }
2631
-
2632
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2633
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2634
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2635
- }
2636
-
2637
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2638
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
2639
- }
2640
-
2641
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2642
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
2643
- }
2644
-
2645
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2646
- height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
2647
- }
2648
-
2649
- .e-listbox-wrapper,
2650
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2651
- .e-listboxtool-container.e-listbox-container .e-ul {
2652
- border: 1px solid var(--color-sf-border-light);
2653
- }
2654
-
2655
- .e-listbox-wrapper,
2656
- .e-listbox-container,
2657
- .e-listboxtool-wrapper {
2658
- font-family: var(--e-font-family);
2659
- font-size: 14px;
2660
- }
2661
- .e-listbox-wrapper .e-filter-parent,
2662
- .e-listbox-container .e-filter-parent,
2663
- .e-listboxtool-wrapper .e-filter-parent {
2664
- background: var(--color-sf-content-bg-color-alt1);
2665
- -webkit-box-shadow: none;
2666
- box-shadow: none;
2667
- }
2668
- .e-listbox-wrapper .e-filter-parent .e-input-group .e-input-filter,
2669
- .e-listbox-container .e-filter-parent .e-input-group .e-input-filter,
2670
- .e-listboxtool-wrapper .e-filter-parent .e-input-group .e-input-filter {
2671
- color: var(--color-sf-placeholder-text-color);
2672
- }
2673
- .e-listbox-wrapper .e-list-header,
2674
- .e-listbox-container .e-list-header,
2675
- .e-listboxtool-wrapper .e-list-header {
2676
- background-color: var(--color-sf-content-bg-color-alt2);
2677
- border-color: rgba(var(--color-sf-black), 0.12);
2678
- color: var(--color-sf-content-text-color-alt2);
2679
- font-size: 12px;
2680
- }
2681
-
2682
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2683
- .e-listbox-container.e-filter-list .e-list-parent,
2684
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2685
- height: calc(100% - 50px);
2686
- }
2687
-
2688
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2689
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2690
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2691
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2692
- }
2693
-
2694
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2695
- .e-listbox-container .e-selectall-parent + .e-list-parent,
2696
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2697
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2698
- }
2699
-
2700
- .e-listbox-wrapper .e-list-item,
2701
- .e-listbox-container .e-list-item,
2702
- .e-listboxtool-wrapper .e-list-item {
2703
- background-color: var(--color-sf-transparent);
2704
- border-bottom: 0 solid var(--color-sf-border-light);
2705
- border-left: 0 solid transparent;
2706
- border-right: 0 solid transparent;
2707
- border-top: 0 solid transparent;
2708
- color: var(--color-sf-content-text-color);
2709
- overflow: hidden;
2710
- text-overflow: ellipsis;
2711
- vertical-align: middle;
2712
- white-space: nowrap;
2713
- }
2714
-
2715
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2716
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2717
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2718
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2719
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2720
- background-color: var(--color-sf-content-bg-color-hover);
2721
- border-color: transparent;
2722
- color: var(--color-sf-content-text-color);
2723
- }
2724
-
2725
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2726
- .e-listbox-container .e-list-item.e-selected.e-checklist,
2727
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2728
- background-color: var(--color-sf-transparent);
2729
- color: var(--color-sf-content-text-color);
2730
- }
2731
-
2732
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
2733
- .e-listbox-container .e-list-item.e-focused,
2734
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2735
- .e-listbox-container .e-list-item.e-selected,
2736
- .e-listboxtool-wrapper .e-list-item.e-focused,
2737
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2738
- .e-listboxtool-wrapper .e-list-item.e-selected {
2739
- background-color: var(--color-sf-content-bg-color-selected);
2740
- color: var(--color-sf-content-text-color-selected);
2741
- }
2742
-
2743
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2744
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2745
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2746
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2747
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2748
- background-color: var(--color-sf-primary);
2749
- border-color: transparent;
2750
- color: var(--color-sf-primary-text-color);
2751
- }
2752
-
2753
- .e-listbox-wrapper .e-list-group-item,
2754
- .e-listbox-container .e-list-group-item,
2755
- .e-listboxtool-wrapper .e-list-group-item {
2756
- background-color: var(--color-sf-content-bg-color-alt1);
2757
- border-color: rgba(var(--color-sf-black), 0.12);
2758
- color: var(--color-sf-content-text-color);
2759
- font-size: 12px;
2760
- }
2761
-
2762
- .e-listbox-wrapper .e-selectall-parent,
2763
- .e-listbox-container .e-selectall-parent,
2764
- .e-listboxtool-wrapper .e-selectall-parent {
2765
- background-color: var(--color-sf-transparent);
2766
- border-bottom: 1px solid var(--color-sf-border-light);
2767
- color: var(--color-sf-content-text-color);
2768
- }
2769
-
2770
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2771
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2772
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2773
- background-color: transparent;
2774
- }
2775
-
2776
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
2777
- .e-listbox-container.e-list-template .e-list-wrapper,
2778
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2779
- height: inherit;
2780
- position: relative;
2781
- }
2782
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2783
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2784
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2785
- padding: 8px 16px;
2786
- }
2787
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2788
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2789
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2790
- padding: 4px;
2791
- }
2792
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2793
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2794
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2795
- color: var(--color-sf-content-text-color);
2796
- display: block;
2797
- font-size: 14px;
2798
- font-weight: 500;
2799
- margin: 0;
2800
- overflow: hidden;
2801
- padding: 0;
2802
- text-overflow: ellipsis;
2803
- white-space: nowrap;
2804
- }
2805
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2806
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2807
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
2808
- color: var(--color-sf-content-text-color-alt2);
2809
- display: block;
2810
- font-size: 14px;
2811
- margin: 0;
2812
- padding: 2px 0 0 0;
2813
- word-wrap: break-word;
2814
- }
2815
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2816
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2817
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
2818
- overflow: hidden;
2819
- text-overflow: ellipsis;
2820
- white-space: nowrap;
2821
- }
2822
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2823
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2824
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2825
- height: 40px;
2826
- left: 0;
2827
- position: absolute;
2828
- width: 40px;
2829
- left: 0;
2830
- }
2831
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2832
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2833
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2834
- padding-left: 68px;
2835
- padding-right: 16px;
2836
- }
2837
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2838
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2839
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2840
- padding-left: 16px;
2841
- padding-right: 68px;
2842
- }
2843
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2844
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2845
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2846
- height: 40px;
2847
- left: 0;
2848
- position: absolute;
2849
- width: 40px;
2850
- right: 0;
2851
- }
2852
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2853
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2854
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2855
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2856
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2857
- top: 0;
2858
- }
2859
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2860
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2861
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2862
- font-size: 10px;
2863
- height: 18px;
2864
- line-height: 16px;
2865
- padding: 0;
2866
- position: absolute;
2867
- right: 12px;
2868
- top: 50%;
2869
- -webkit-transform: translateY(-50%);
2870
- transform: translateY(-50%);
2871
- width: 32px;
2872
- }
2873
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2874
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2875
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2876
- padding-left: 68px;
2877
- padding-right: 10px;
2878
- }
2879
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2880
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2881
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2882
- padding-left: 16px;
2883
- padding-right: 10px;
2884
- }
2885
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2886
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2887
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
2888
- display: block;
2889
- margin: 0;
2890
- overflow: hidden;
2891
- padding: 8px 0;
2892
- text-overflow: ellipsis;
2893
- white-space: nowrap;
2894
- }
2895
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2896
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2897
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2898
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2899
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
2900
- color: var(--color-sf-content-text-color);
2901
- }
2902
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
2903
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
2904
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
2905
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
2906
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
2907
- color: var(--color-sf-content-text-color-selected);
2908
- }
2909
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2910
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2911
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2912
- left: inherit;
2913
- right: 0;
2914
- }
2915
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2916
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2917
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2918
- padding-left: 16px;
2919
- padding-right: 68px;
2920
- }
2921
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2922
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2923
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2924
- padding-left: 68px;
2925
- padding-right: 16px;
2926
- }
2927
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2928
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2929
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2930
- left: 0;
2931
- right: inherit;
2932
- }
2933
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2934
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2935
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2936
- left: 12px;
2937
- right: inherit;
2938
- }
2939
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2940
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2941
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2942
- padding-left: 10px;
2943
- padding-right: 68px;
2944
- }
2945
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2946
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2947
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2948
- padding-left: 10px;
2949
- padding-right: 16px;
2950
- }
2951
-
2952
- .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
2953
- height: 100%;
2954
- }
2955
-
2956
- .e-listbox-container.e-filter-list .e-list-wrap {
2957
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
2958
- }
2959
-
2960
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
2961
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2962
- }
2963
-
2964
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
2965
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2966
- }
2967
-
2968
- /* stylelint-disable-line no-empty-source */
2969
- .e-mention-placeholder {
2970
- display: block;
2971
- }