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