@syncfusion/ej2-dropdowns 34.2.7 → 35.1.37

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