@syncfusion/ej2-dropdowns 29.1.41 → 29.2.4-850322

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