@syncfusion/ej2-dropdowns 26.2.13 → 27.1.50

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 (438) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +1541 -841
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1432 -709
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +14 -13
  12. package/src/auto-complete/auto-complete-model.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.d.ts +2 -0
  14. package/src/auto-complete/auto-complete.js +52 -22
  15. package/src/combo-box/combo-box-model.d.ts +12 -5
  16. package/src/combo-box/combo-box.d.ts +10 -4
  17. package/src/combo-box/combo-box.js +73 -38
  18. package/src/common/incremental-search.d.ts +26 -11
  19. package/src/common/incremental-search.js +30 -16
  20. package/src/common/interface.d.ts +5 -5
  21. package/src/common/virtual-scroll.js +69 -36
  22. package/src/drop-down-base/drop-down-base-model.d.ts +1 -1
  23. package/src/drop-down-base/drop-down-base.d.ts +7 -2
  24. package/src/drop-down-base/drop-down-base.js +101 -69
  25. package/src/drop-down-list/drop-down-list-model.d.ts +14 -7
  26. package/src/drop-down-list/drop-down-list.d.ts +11 -4
  27. package/src/drop-down-list/drop-down-list.js +303 -178
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +19 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +26 -2
  30. package/src/drop-down-tree/drop-down-tree.js +206 -68
  31. package/src/list-box/list-box.js +64 -24
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +87 -24
  34. package/src/multi-select/checkbox-selection.js +3 -2
  35. package/src/multi-select/interface.d.ts +1 -0
  36. package/src/multi-select/multi-select-model.d.ts +15 -8
  37. package/src/multi-select/multi-select.d.ts +15 -5
  38. package/src/multi-select/multi-select.js +444 -237
  39. package/styles/auto-complete/bootstrap-dark.css +0 -50
  40. package/styles/auto-complete/bootstrap.css +0 -50
  41. package/styles/auto-complete/bootstrap4.css +0 -68
  42. package/styles/auto-complete/bootstrap5-dark.css +0 -54
  43. package/styles/auto-complete/bootstrap5.3.css +101 -0
  44. package/styles/auto-complete/bootstrap5.3.scss +4 -0
  45. package/styles/auto-complete/bootstrap5.css +0 -54
  46. package/styles/auto-complete/fabric-dark.css +0 -49
  47. package/styles/auto-complete/fabric.css +0 -42
  48. package/styles/auto-complete/fluent-dark.css +0 -41
  49. package/styles/auto-complete/fluent.css +0 -41
  50. package/styles/auto-complete/fluent2.css +1 -36
  51. package/styles/auto-complete/highcontrast-light.css +0 -37
  52. package/styles/auto-complete/highcontrast.css +0 -37
  53. package/styles/auto-complete/material-dark.css +0 -34
  54. package/styles/auto-complete/material.css +0 -55
  55. package/styles/auto-complete/material3-dark.css +0 -59
  56. package/styles/auto-complete/material3.css +0 -59
  57. package/styles/auto-complete/tailwind-dark.css +0 -35
  58. package/styles/auto-complete/tailwind.css +0 -35
  59. package/styles/bootstrap-dark-lite.css +2755 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +655 -605
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2754 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +661 -611
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2858 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +831 -756
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2832 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -646
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2832 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2826 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3557 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -646
  82. package/styles/bootstrap5.scss +6 -1
  83. package/styles/combo-box/bootstrap-dark.css +0 -50
  84. package/styles/combo-box/bootstrap.css +0 -50
  85. package/styles/combo-box/bootstrap4.css +0 -68
  86. package/styles/combo-box/bootstrap5-dark.css +0 -54
  87. package/styles/combo-box/bootstrap5.3.css +101 -0
  88. package/styles/combo-box/bootstrap5.3.scss +4 -0
  89. package/styles/combo-box/bootstrap5.css +0 -54
  90. package/styles/combo-box/fabric-dark.css +0 -49
  91. package/styles/combo-box/fabric.css +0 -42
  92. package/styles/combo-box/fluent-dark.css +0 -41
  93. package/styles/combo-box/fluent.css +0 -41
  94. package/styles/combo-box/fluent2.css +1 -36
  95. package/styles/combo-box/highcontrast-light.css +0 -37
  96. package/styles/combo-box/highcontrast.css +0 -37
  97. package/styles/combo-box/material-dark.css +0 -34
  98. package/styles/combo-box/material.css +0 -55
  99. package/styles/combo-box/material3-dark.css +0 -59
  100. package/styles/combo-box/material3.css +0 -59
  101. package/styles/combo-box/tailwind-dark.css +0 -35
  102. package/styles/combo-box/tailwind.css +0 -35
  103. package/styles/drop-down-base/_bds-definition.scss +0 -22
  104. package/styles/drop-down-base/_bigger.scss +195 -0
  105. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -5
  106. package/styles/drop-down-base/_bootstrap-definition.scss +0 -5
  107. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -9
  108. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -19
  109. package/styles/drop-down-base/_bootstrap5.3-definition.scss +2 -21
  110. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -5
  111. package/styles/drop-down-base/_fabric-definition.scss +0 -5
  112. package/styles/drop-down-base/_fluent-definition.scss +0 -19
  113. package/styles/drop-down-base/_fluent2-definition.scss +2 -23
  114. package/styles/drop-down-base/_fusionnew-definition.scss +0 -19
  115. package/styles/drop-down-base/_highcontrast-definition.scss +0 -9
  116. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -9
  117. package/styles/drop-down-base/_layout.scss +1 -57
  118. package/styles/drop-down-base/_material-dark-definition.scss +0 -4
  119. package/styles/drop-down-base/_material-definition.scss +0 -4
  120. package/styles/drop-down-base/_material3-definition.scss +0 -3
  121. package/styles/drop-down-base/_tailwind-definition.scss +0 -22
  122. package/styles/drop-down-base/_theme.scss +10 -91
  123. package/styles/drop-down-base/bootstrap-dark.css +75 -75
  124. package/styles/drop-down-base/bootstrap-dark.scss +1 -0
  125. package/styles/drop-down-base/bootstrap.css +75 -75
  126. package/styles/drop-down-base/bootstrap.scss +1 -0
  127. package/styles/drop-down-base/bootstrap4.css +79 -79
  128. package/styles/drop-down-base/bootstrap4.scss +1 -0
  129. package/styles/drop-down-base/bootstrap5-dark.css +89 -89
  130. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  131. package/styles/drop-down-base/bootstrap5.3.css +411 -0
  132. package/styles/drop-down-base/bootstrap5.3.scss +4 -0
  133. package/styles/drop-down-base/bootstrap5.css +89 -89
  134. package/styles/drop-down-base/bootstrap5.scss +1 -0
  135. package/styles/drop-down-base/fabric-dark.css +75 -75
  136. package/styles/drop-down-base/fabric-dark.scss +1 -0
  137. package/styles/drop-down-base/fabric.css +75 -75
  138. package/styles/drop-down-base/fabric.scss +1 -0
  139. package/styles/drop-down-base/fluent-dark.css +101 -101
  140. package/styles/drop-down-base/fluent-dark.scss +1 -0
  141. package/styles/drop-down-base/fluent.css +101 -101
  142. package/styles/drop-down-base/fluent.scss +1 -0
  143. package/styles/drop-down-base/fluent2.css +97 -95
  144. package/styles/drop-down-base/fluent2.scss +1 -0
  145. package/styles/drop-down-base/highcontrast-light.css +75 -77
  146. package/styles/drop-down-base/highcontrast-light.scss +1 -0
  147. package/styles/drop-down-base/highcontrast.css +75 -77
  148. package/styles/drop-down-base/highcontrast.scss +1 -0
  149. package/styles/drop-down-base/material-dark.css +74 -74
  150. package/styles/drop-down-base/material-dark.scss +1 -0
  151. package/styles/drop-down-base/material.css +74 -74
  152. package/styles/drop-down-base/material.scss +1 -0
  153. package/styles/drop-down-base/material3-dark.css +74 -74
  154. package/styles/drop-down-base/material3-dark.scss +1 -0
  155. package/styles/drop-down-base/material3.css +74 -74
  156. package/styles/drop-down-base/material3.scss +1 -0
  157. package/styles/drop-down-base/tailwind-dark.css +135 -135
  158. package/styles/drop-down-base/tailwind-dark.scss +1 -0
  159. package/styles/drop-down-base/tailwind.css +135 -135
  160. package/styles/drop-down-base/tailwind.scss +1 -0
  161. package/styles/drop-down-list/_bds-definition.scss +0 -34
  162. package/styles/drop-down-list/_bigger.scss +713 -0
  163. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -64
  164. package/styles/drop-down-list/_bootstrap-definition.scss +0 -64
  165. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -81
  166. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -67
  167. package/styles/drop-down-list/_bootstrap5.3-definition.scss +1 -67
  168. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -57
  169. package/styles/drop-down-list/_fabric-definition.scss +0 -56
  170. package/styles/drop-down-list/_fluent-definition.scss +0 -57
  171. package/styles/drop-down-list/_fluent2-definition.scss +2 -35
  172. package/styles/drop-down-list/_fusionnew-definition.scss +0 -67
  173. package/styles/drop-down-list/_highcontrast-definition.scss +0 -60
  174. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -60
  175. package/styles/drop-down-list/_layout.scss +4 -82
  176. package/styles/drop-down-list/_material-dark-definition.scss +0 -33
  177. package/styles/drop-down-list/_material-definition.scss +0 -55
  178. package/styles/drop-down-list/_material3-definition.scss +0 -58
  179. package/styles/drop-down-list/_tailwind-definition.scss +0 -34
  180. package/styles/drop-down-list/_theme.scss +5 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +91 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +91 -91
  184. package/styles/drop-down-list/bootstrap.scss +1 -0
  185. package/styles/drop-down-list/bootstrap4.css +105 -105
  186. package/styles/drop-down-list/bootstrap4.scss +1 -0
  187. package/styles/drop-down-list/bootstrap5-dark.css +87 -101
  188. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  189. package/styles/drop-down-list/bootstrap5.3.css +481 -0
  190. package/styles/drop-down-list/bootstrap5.3.scss +10 -0
  191. package/styles/drop-down-list/bootstrap5.css +87 -101
  192. package/styles/drop-down-list/bootstrap5.scss +1 -0
  193. package/styles/drop-down-list/fabric-dark.css +90 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +90 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +74 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +74 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +77 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +79 -80
  204. package/styles/drop-down-list/highcontrast-light.scss +1 -0
  205. package/styles/drop-down-list/highcontrast.css +79 -80
  206. package/styles/drop-down-list/highcontrast.scss +1 -0
  207. package/styles/drop-down-list/material-dark.css +74 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +95 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +99 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +99 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +96 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +96 -78
  218. package/styles/drop-down-list/tailwind.scss +1 -0
  219. package/styles/drop-down-tree/_bigger.scss +522 -0
  220. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +5 -5
  221. package/styles/drop-down-tree/_fluent2-definition.scss +5 -3
  222. package/styles/drop-down-tree/_layout.scss +15 -491
  223. package/styles/drop-down-tree/_theme.scss +21 -4
  224. package/styles/drop-down-tree/bootstrap-dark.css +32 -37
  225. package/styles/drop-down-tree/bootstrap-dark.scss +1 -0
  226. package/styles/drop-down-tree/bootstrap.css +32 -37
  227. package/styles/drop-down-tree/bootstrap.scss +1 -0
  228. package/styles/drop-down-tree/bootstrap4.css +38 -47
  229. package/styles/drop-down-tree/bootstrap4.scss +1 -0
  230. package/styles/drop-down-tree/bootstrap5-dark.css +39 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +463 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +39 -55
  235. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  236. package/styles/drop-down-tree/fabric-dark.css +32 -37
  237. package/styles/drop-down-tree/fabric-dark.scss +1 -0
  238. package/styles/drop-down-tree/fabric.css +32 -37
  239. package/styles/drop-down-tree/fabric.scss +1 -0
  240. package/styles/drop-down-tree/fluent-dark.css +32 -51
  241. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  242. package/styles/drop-down-tree/fluent.css +32 -51
  243. package/styles/drop-down-tree/fluent.scss +1 -0
  244. package/styles/drop-down-tree/fluent2.css +38 -53
  245. package/styles/drop-down-tree/fluent2.scss +1 -0
  246. package/styles/drop-down-tree/highcontrast-light.css +32 -39
  247. package/styles/drop-down-tree/highcontrast-light.scss +1 -0
  248. package/styles/drop-down-tree/highcontrast.css +41 -48
  249. package/styles/drop-down-tree/highcontrast.scss +1 -0
  250. package/styles/drop-down-tree/material-dark.css +32 -36
  251. package/styles/drop-down-tree/material-dark.scss +1 -0
  252. package/styles/drop-down-tree/material.css +32 -36
  253. package/styles/drop-down-tree/material.scss +1 -0
  254. package/styles/drop-down-tree/material3-dark.css +33 -37
  255. package/styles/drop-down-tree/material3-dark.scss +1 -0
  256. package/styles/drop-down-tree/material3.css +33 -37
  257. package/styles/drop-down-tree/material3.scss +1 -0
  258. package/styles/drop-down-tree/tailwind-dark.css +51 -73
  259. package/styles/drop-down-tree/tailwind-dark.scss +1 -0
  260. package/styles/drop-down-tree/tailwind.css +51 -73
  261. package/styles/drop-down-tree/tailwind.scss +1 -0
  262. package/styles/fabric-dark-lite.css +2733 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +668 -612
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2734 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +673 -610
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2869 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +707 -679
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2869 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +707 -679
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3053 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +746 -676
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2850 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +655 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2872 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +673 -620
  289. package/styles/highcontrast.scss +6 -1
  290. package/styles/list-box/_bigger.scss +173 -0
  291. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  292. package/styles/list-box/_bootstrap5.3-definition.scss +17 -14
  293. package/styles/list-box/_fluent2-definition.scss +2 -0
  294. package/styles/list-box/_layout.scss +16 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +124 -130
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +130 -136
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +174 -184
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +130 -150
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +952 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +130 -150
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +124 -130
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +130 -136
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +130 -150
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +130 -150
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +124 -157
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +124 -132
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +130 -138
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +124 -129
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +130 -135
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +124 -129
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +124 -129
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +140 -163
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +140 -163
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3516 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1301 -1190
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3548 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1312 -1201
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3462 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1618 -1249
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3464 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1618 -1249
  349. package/styles/material3.scss +6 -1
  350. package/styles/mention/bootstrap-dark.css +0 -5
  351. package/styles/mention/bootstrap.css +0 -5
  352. package/styles/mention/bootstrap4.css +0 -9
  353. package/styles/mention/bootstrap5-dark.css +0 -19
  354. package/styles/mention/bootstrap5.3.css +67 -0
  355. package/styles/mention/bootstrap5.3.scss +6 -0
  356. package/styles/mention/bootstrap5.css +0 -19
  357. package/styles/mention/fabric-dark.css +0 -5
  358. package/styles/mention/fabric.css +0 -5
  359. package/styles/mention/fluent-dark.css +0 -19
  360. package/styles/mention/fluent.css +0 -19
  361. package/styles/mention/fluent2.css +0 -22
  362. package/styles/mention/highcontrast-light.css +0 -7
  363. package/styles/mention/highcontrast.css +0 -7
  364. package/styles/mention/material-dark.css +0 -4
  365. package/styles/mention/material.css +0 -4
  366. package/styles/mention/material3-dark.css +0 -4
  367. package/styles/mention/material3.css +0 -4
  368. package/styles/mention/tailwind-dark.css +0 -22
  369. package/styles/mention/tailwind.css +0 -22
  370. package/styles/multi-select/_bds-definition.scss +0 -5
  371. package/styles/multi-select/_bigger.scss +2002 -0
  372. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -9
  373. package/styles/multi-select/_bootstrap-definition.scss +0 -9
  374. package/styles/multi-select/_bootstrap4-definition.scss +0 -44
  375. package/styles/multi-select/_bootstrap5-definition.scss +0 -5
  376. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -5
  377. package/styles/multi-select/_fabric-dark-definition.scss +2 -4
  378. package/styles/multi-select/_fabric-definition.scss +2 -4
  379. package/styles/multi-select/_fluent-definition.scss +0 -10
  380. package/styles/multi-select/_fluent2-definition.scss +2 -5
  381. package/styles/multi-select/_fusionnew-definition.scss +0 -5
  382. package/styles/multi-select/_highcontrast-definition.scss +1 -2
  383. package/styles/multi-select/_highcontrast-light-definition.scss +1 -2
  384. package/styles/multi-select/_layout.scss +33 -934
  385. package/styles/multi-select/_tailwind-definition.scss +0 -5
  386. package/styles/multi-select/_theme.scss +13 -34
  387. package/styles/multi-select/bootstrap-dark.css +314 -273
  388. package/styles/multi-select/bootstrap-dark.scss +1 -0
  389. package/styles/multi-select/bootstrap.css +314 -273
  390. package/styles/multi-select/bootstrap.scss +1 -0
  391. package/styles/multi-select/bootstrap4.css +405 -347
  392. package/styles/multi-select/bootstrap4.scss +1 -0
  393. package/styles/multi-select/bootstrap5-dark.css +350 -320
  394. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  395. package/styles/multi-select/bootstrap5.3.css +1424 -0
  396. package/styles/multi-select/bootstrap5.3.scss +10 -0
  397. package/styles/multi-select/bootstrap5.css +350 -320
  398. package/styles/multi-select/bootstrap5.scss +1 -0
  399. package/styles/multi-select/fabric-dark.css +320 -273
  400. package/styles/multi-select/fabric-dark.scss +1 -0
  401. package/styles/multi-select/fabric.css +320 -273
  402. package/styles/multi-select/fabric.scss +1 -0
  403. package/styles/multi-select/fluent-dark.css +366 -361
  404. package/styles/multi-select/fluent-dark.scss +1 -0
  405. package/styles/multi-select/fluent.css +366 -361
  406. package/styles/multi-select/fluent.scss +1 -0
  407. package/styles/multi-select/fluent2.css +399 -355
  408. package/styles/multi-select/fluent2.scss +1 -0
  409. package/styles/multi-select/highcontrast-light.css +321 -278
  410. package/styles/multi-select/highcontrast-light.scss +1 -0
  411. package/styles/multi-select/highcontrast.css +321 -278
  412. package/styles/multi-select/highcontrast.scss +1 -0
  413. package/styles/multi-select/icons/_bootstrap4.scss +0 -9
  414. package/styles/multi-select/icons/_fluent.scss +0 -21
  415. package/styles/multi-select/icons/_fluent2.scss +5 -354
  416. package/styles/multi-select/icons/_material-dark.scss +5 -354
  417. package/styles/multi-select/icons/_material.scss +5 -354
  418. package/styles/multi-select/icons/_material3.scss +5 -354
  419. package/styles/multi-select/material-dark.css +960 -857
  420. package/styles/multi-select/material-dark.scss +1 -0
  421. package/styles/multi-select/material.css +960 -857
  422. package/styles/multi-select/material.scss +1 -0
  423. package/styles/multi-select/material3-dark.css +1277 -916
  424. package/styles/multi-select/material3-dark.scss +1 -0
  425. package/styles/multi-select/material3.css +1277 -916
  426. package/styles/multi-select/material3.scss +1 -0
  427. package/styles/multi-select/tailwind-dark.css +351 -327
  428. package/styles/multi-select/tailwind-dark.scss +1 -0
  429. package/styles/multi-select/tailwind.css +351 -327
  430. package/styles/multi-select/tailwind.scss +1 -0
  431. package/styles/tailwind-dark-lite.css +2816 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +933 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2816 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +933 -848
  438. package/styles/tailwind.scss +6 -1
@@ -0,0 +1,1424 @@
1
+
2
+
3
+
4
+
5
+ /* stylelint-disable property-no-vendor-prefix */
6
+ /* stylelint-disable-line no-empty-source */
7
+ /* stylelint-disable property-no-vendor-prefix */
8
+ @-webkit-keyframes material-spinner-rotate {
9
+ 0% {
10
+ -webkit-transform: rotate(0);
11
+ transform: rotate(0);
12
+ }
13
+ 100% {
14
+ -webkit-transform: rotate(360deg);
15
+ transform: rotate(360deg);
16
+ }
17
+ }
18
+ @keyframes material-spinner-rotate {
19
+ 0% {
20
+ -webkit-transform: rotate(0);
21
+ transform: rotate(0);
22
+ }
23
+ 100% {
24
+ -webkit-transform: rotate(360deg);
25
+ transform: rotate(360deg);
26
+ }
27
+ }
28
+ @-webkit-keyframes fabric-spinner-rotate {
29
+ 0% {
30
+ -webkit-transform: rotate(0);
31
+ transform: rotate(0);
32
+ }
33
+ 100% {
34
+ -webkit-transform: rotate(360deg);
35
+ transform: rotate(360deg);
36
+ }
37
+ }
38
+ @keyframes fabric-spinner-rotate {
39
+ 0% {
40
+ -webkit-transform: rotate(0);
41
+ transform: rotate(0);
42
+ }
43
+ 100% {
44
+ -webkit-transform: rotate(360deg);
45
+ transform: rotate(360deg);
46
+ }
47
+ }
48
+ .e-dropdownbase .e-list-group-item,
49
+ .e-fixed-head {
50
+ font-size: 12px;
51
+ }
52
+
53
+ .e-small .e-dropdownbase .e-list-group-item,
54
+ .e-small .e-fixed-head,
55
+ .e-small.e-dropdownbase .e-list-group-item,
56
+ .e-small.e-fixed-head {
57
+ font-size: 10px;
58
+ }
59
+
60
+ .e-dropdownbase .e-list-item .e-list-icon {
61
+ padding: 0 8px 0 0;
62
+ }
63
+
64
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
65
+ padding: 0 6px 0 0;
66
+ }
67
+
68
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
69
+ line-height: 30px;
70
+ top: 0;
71
+ }
72
+
73
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
74
+ border-radius: 0 2px 2px 0;
75
+ border-right-width: 0;
76
+ }
77
+
78
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
79
+ border-left-width: 0;
80
+ border-radius: 4px 0 0 4px;
81
+ border-right-width: 1px;
82
+ }
83
+
84
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
85
+ height: 32px;
86
+ width: 32px;
87
+ }
88
+
89
+ .e-multi-select-wrapper .e-searcher input[type=text],
90
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
91
+ color: var(--color-sf-content-text-color);
92
+ height: 100%;
93
+ }
94
+
95
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
96
+ border-left-width: 0;
97
+ }
98
+
99
+ .e-multiselect.e-input-group .e-ddl-icon::before {
100
+ content: "\e729";
101
+ font-family: "e-icons";
102
+ }
103
+
104
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
105
+ content: "\e7e7";
106
+ cursor: pointer;
107
+ left: 0;
108
+ position: relative;
109
+ top: 0;
110
+ }
111
+
112
+ .e-multi-select-wrapper .e-close-hooker::before {
113
+ content: "\e7e7";
114
+ cursor: pointer;
115
+ left: 6px;
116
+ position: relative;
117
+ top: 6px;
118
+ }
119
+
120
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
121
+ content: "";
122
+ }
123
+
124
+ .e-multi-select-wrapper {
125
+ -webkit-box-sizing: border-box;
126
+ box-sizing: border-box;
127
+ cursor: text;
128
+ line-height: normal;
129
+ min-height: 30px;
130
+ padding: 0 32px 0 0;
131
+ position: relative;
132
+ -webkit-user-select: none;
133
+ -moz-user-select: none;
134
+ -ms-user-select: none;
135
+ user-select: none;
136
+ width: 100%;
137
+ }
138
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
139
+ height: 27px;
140
+ vertical-align: middle;
141
+ }
142
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
143
+ height: 100%;
144
+ min-height: 100%;
145
+ }
146
+ .e-multi-select-wrapper .e-delim-view {
147
+ white-space: nowrap;
148
+ }
149
+ .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 {
150
+ -webkit-box-sizing: border-box;
151
+ box-sizing: border-box;
152
+ display: inline-block;
153
+ overflow: hidden;
154
+ text-overflow: ellipsis;
155
+ }
156
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
157
+ color: var(--color-sf-content-text-color);
158
+ font-size: 14px;
159
+ left: 12px;
160
+ top: 0;
161
+ }
162
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
163
+ background-color: var(--color-sf-primary);
164
+ color: var(--color-sf-content-text-color);
165
+ padding: 12px 4px 11px 0;
166
+ }
167
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
168
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
169
+ width: 0;
170
+ }
171
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
172
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
173
+ height: 1px;
174
+ min-height: 1px;
175
+ }
176
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
177
+ max-width: 100%;
178
+ }
179
+
180
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
181
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
182
+ display: -webkit-box;
183
+ display: -ms-flexbox;
184
+ display: flex;
185
+ float: left;
186
+ width: auto;
187
+ }
188
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
189
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
190
+ display: -webkit-inline-box;
191
+ display: -ms-inline-flexbox;
192
+ display: inline-flex;
193
+ float: none;
194
+ }
195
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
196
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
197
+ width: 0;
198
+ }
199
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
200
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
201
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
202
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
203
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
204
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
205
+ display: none;
206
+ }
207
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
208
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
209
+ padding: 0 48px 0 0;
210
+ }
211
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
212
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
213
+ -webkit-box-align: center;
214
+ -ms-flex-align: center;
215
+ align-items: center;
216
+ display: inline;
217
+ max-width: 100%;
218
+ word-break: break-word;
219
+ }
220
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
221
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
222
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
223
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
224
+ -webkit-box-align: center;
225
+ -ms-flex-align: center;
226
+ align-items: center;
227
+ cursor: pointer;
228
+ display: none;
229
+ -webkit-box-orient: horizontal;
230
+ -webkit-box-direction: normal;
231
+ -ms-flex-direction: row;
232
+ flex-direction: row;
233
+ margin-top: -2em;
234
+ outline: 0;
235
+ padding: 0;
236
+ position: absolute;
237
+ right: 5px;
238
+ top: 100%;
239
+ }
240
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
241
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
242
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
243
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
244
+ display: -webkit-box;
245
+ display: -ms-flexbox;
246
+ display: flex;
247
+ }
248
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
249
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
250
+ margin-right: 0;
251
+ margin-top: -2.1em;
252
+ right: 0;
253
+ }
254
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
255
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
256
+ top: -1px;
257
+ }
258
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
259
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
260
+ font-size: 14px;
261
+ height: 24px;
262
+ width: 24px;
263
+ }
264
+
265
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
266
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
267
+ float: right;
268
+ }
269
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
270
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
271
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
272
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
273
+ left: 0;
274
+ right: auto;
275
+ }
276
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
277
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
278
+ padding: 0 0 0 48px;
279
+ }
280
+
281
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
282
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
283
+ opacity: 0.7;
284
+ pointer-events: none;
285
+ }
286
+
287
+ .e-multiselect.e-input-group,
288
+ .e-multiselect.e-float-input {
289
+ word-wrap: initial;
290
+ }
291
+
292
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
293
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
294
+ top: 15px;
295
+ }
296
+
297
+ .e-multi-select-wrapper.e-close-icon-hide {
298
+ padding-right: 0;
299
+ }
300
+
301
+ .e-multi-select-wrapper .e-chips-collection {
302
+ cursor: default;
303
+ display: block;
304
+ }
305
+
306
+ .e-multi-select-wrapper .e-multi-hidden {
307
+ border: 0;
308
+ height: 0;
309
+ position: absolute;
310
+ visibility: hidden;
311
+ width: 0;
312
+ }
313
+
314
+ .e-multi-select-wrapper .e-chips {
315
+ -webkit-box-align: center;
316
+ -ms-flex-align: center;
317
+ align-items: center;
318
+ display: -webkit-inline-box;
319
+ display: -ms-inline-flexbox;
320
+ display: inline-flex;
321
+ float: left;
322
+ margin: 3px;
323
+ max-width: 100%;
324
+ overflow: hidden;
325
+ padding: 0 6px 0 8px;
326
+ text-overflow: ellipsis;
327
+ white-space: nowrap;
328
+ }
329
+
330
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
331
+ max-width: 100%;
332
+ overflow: hidden;
333
+ padding: 0 6px 1px 0;
334
+ text-indent: 0;
335
+ text-overflow: ellipsis;
336
+ white-space: nowrap;
337
+ line-height: 1.5;
338
+ }
339
+
340
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
341
+ display: inline-block;
342
+ float: none;
343
+ }
344
+
345
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
346
+ padding: 8px 4px 8px 0;
347
+ }
348
+
349
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
350
+ padding: 8px 0 8px 4px;
351
+ }
352
+
353
+ .e-multi-select-wrapper .e-chips-close {
354
+ -ms-flex-item-align: center;
355
+ align-self: center;
356
+ display: -webkit-box;
357
+ display: -ms-flexbox;
358
+ display: flex;
359
+ float: right;
360
+ font-family: "e-icons";
361
+ height: 14px;
362
+ margin: 0 0 0;
363
+ width: 14px;
364
+ }
365
+
366
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
367
+ margin: 0 0 0;
368
+ }
369
+
370
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
371
+ margin: 3px 0 0;
372
+ }
373
+
374
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
375
+ cursor: default;
376
+ font-size: 14px;
377
+ height: 24px;
378
+ margin-top: -2em;
379
+ position: absolute;
380
+ right: 5px;
381
+ width: 24px;
382
+ top: 100%;
383
+ }
384
+
385
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
386
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
387
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
388
+ right: 30px;
389
+ }
390
+
391
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
392
+ left: 30px;
393
+ right: auto;
394
+ }
395
+
396
+ .e-small .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
397
+ .e-small.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
398
+ left: 12px;
399
+ right: auto;
400
+ }
401
+
402
+ .e-multi-select-wrapper input[type=text] {
403
+ background: none;
404
+ border: 0;
405
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
406
+ font-size: 14px;
407
+ font-weight: normal;
408
+ height: 30px;
409
+ min-height: 30px;
410
+ outline: none;
411
+ padding: 0 0 0 8px;
412
+ text-indent: 0;
413
+ }
414
+
415
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
416
+ background: none;
417
+ border: 0;
418
+ color: inherit;
419
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
420
+ font-size: 14px;
421
+ font-weight: normal;
422
+ height: 30px;
423
+ min-height: 30px;
424
+ outline: none;
425
+ padding: 0;
426
+ text-indent: 8px;
427
+ }
428
+
429
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
430
+ padding: 5px;
431
+ }
432
+
433
+ /* stylelint-disable property-no-vendor-prefix */
434
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
435
+ display: none;
436
+ }
437
+
438
+ .e-multi-select-wrapper .e-searcher {
439
+ display: block;
440
+ float: left;
441
+ width: auto;
442
+ }
443
+
444
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
445
+ width: calc(100% - 32px);
446
+ }
447
+
448
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
449
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
450
+ width: calc(100% - 30px);
451
+ }
452
+
453
+ .e-multi-select-wrapper .e-delim-values {
454
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
455
+ font-size: 14px;
456
+ line-height: 28px;
457
+ max-width: 100%;
458
+ padding-left: 8px;
459
+ padding-right: 6px;
460
+ }
461
+
462
+ .e-multi-select-list-wrapper .e-hide-listitem,
463
+ .e-multi-select-list-wrapper .e-hide-group-header {
464
+ display: none;
465
+ }
466
+
467
+ .e-multi-select-wrapper .e-delim-values .e-remain {
468
+ color: var(--color-sf-content-text-color);
469
+ cursor: pointer;
470
+ display: inline-block;
471
+ font-size: 14px;
472
+ padding-left: 8px;
473
+ }
474
+
475
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
476
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
477
+ cursor: not-allowed;
478
+ }
479
+
480
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
481
+ height: 40px;
482
+ left: 0;
483
+ margin: 0 0 0 0;
484
+ margin-left: auto;
485
+ position: relative;
486
+ top: 0;
487
+ width: 40px;
488
+ }
489
+
490
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
491
+ -ms-flex-item-align: center;
492
+ align-self: center;
493
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
494
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
495
+ display: -webkit-inline-box;
496
+ display: -ms-inline-flexbox;
497
+ display: inline-flex;
498
+ padding: 0 0 0 16px;
499
+ width: 92%;
500
+ }
501
+
502
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
503
+ content: "";
504
+ }
505
+
506
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
507
+ float: none;
508
+ }
509
+
510
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
511
+ padding-left: 0;
512
+ }
513
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
514
+ padding: 0 2px 0 32px;
515
+ }
516
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
517
+ left: -12px;
518
+ }
519
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
520
+ margin: 0;
521
+ margin-right: auto;
522
+ }
523
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
524
+ float: right;
525
+ }
526
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
527
+ float: right;
528
+ margin: 4px;
529
+ padding: 0 8px 0 4px;
530
+ }
531
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
532
+ padding: 5px 4px;
533
+ }
534
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
535
+ float: left;
536
+ }
537
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
538
+ left: 0;
539
+ }
540
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
541
+ padding: 0 4px 0 8px;
542
+ }
543
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
544
+ padding: 8px 4px;
545
+ }
546
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
547
+ padding: 0 8px 0 4px;
548
+ }
549
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
550
+ padding: 12px 4px;
551
+ }
552
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
553
+ left: 30px;
554
+ position: absolute;
555
+ right: auto;
556
+ left: 0;
557
+ }
558
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
559
+ left: -4px;
560
+ }
561
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
562
+ padding-right: 8px;
563
+ }
564
+
565
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
566
+ left: 19px;
567
+ }
568
+
569
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
570
+ left: 25px;
571
+ }
572
+
573
+ .e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
574
+ .e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
575
+ left: 20px;
576
+ }
577
+
578
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
579
+ bottom: 1px;
580
+ margin-right: 8px;
581
+ position: relative;
582
+ text-indent: 0;
583
+ vertical-align: middle;
584
+ }
585
+
586
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
587
+ padding-left: 0;
588
+ }
589
+
590
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
591
+ padding-right: 25px;
592
+ }
593
+
594
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
595
+ bottom: 1px;
596
+ bottom: 2px;
597
+ margin-right: 8px;
598
+ position: relative;
599
+ text-indent: 0;
600
+ vertical-align: middle;
601
+ }
602
+
603
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
604
+ margin-left: 12px;
605
+ margin-right: 0;
606
+ }
607
+
608
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
609
+ margin-left: 12px;
610
+ margin-right: 0;
611
+ }
612
+
613
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
614
+ padding-right: 0;
615
+ }
616
+
617
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
618
+ padding-right: 0;
619
+ }
620
+
621
+ .e-multi-select-list-wrapper .e-selectall-parent {
622
+ cursor: pointer;
623
+ display: block;
624
+ line-height: 36px;
625
+ overflow: hidden;
626
+ text-overflow: ellipsis;
627
+ padding-right: 16px;
628
+ position: relative;
629
+ text-indent: 12px;
630
+ white-space: nowrap;
631
+ width: 100%;
632
+ }
633
+
634
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
635
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
636
+ padding-left: 16px;
637
+ padding-right: 0;
638
+ }
639
+
640
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
641
+ color: var(--color-sf-content-text-color);
642
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
643
+ font-size: 14px;
644
+ }
645
+
646
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
647
+ bottom: 1px;
648
+ margin-right: 8px;
649
+ position: relative;
650
+ text-indent: 0;
651
+ vertical-align: middle;
652
+ }
653
+
654
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
655
+ margin-left: 12px;
656
+ margin-right: 0;
657
+ }
658
+
659
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
660
+ float: right;
661
+ margin-top: 0;
662
+ }
663
+
664
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
665
+ float: left;
666
+ }
667
+
668
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
669
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
670
+ padding: 0;
671
+ }
672
+
673
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
674
+ padding-left: 8px;
675
+ }
676
+
677
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
678
+ padding: 0 8px;
679
+ }
680
+
681
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
682
+ line-height: 20px;
683
+ padding-left: 10px;
684
+ padding-left: 0;
685
+ }
686
+
687
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
688
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
689
+ opacity: 0.3;
690
+ }
691
+
692
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
693
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
694
+ opacity: 0.7;
695
+ }
696
+
697
+ .e-multi-select-wrapper input[readonly=true] {
698
+ pointer-events: none;
699
+ }
700
+
701
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
702
+ pointer-events: none;
703
+ }
704
+
705
+ ejs-multiselect {
706
+ display: block;
707
+ }
708
+
709
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
710
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
711
+ line-height: 26px;
712
+ }
713
+
714
+ .e-small .e-multi-select-wrapper .e-chips-close {
715
+ height: 12px;
716
+ width: 12px;
717
+ }
718
+
719
+ .e-small .e-multi-select-wrapper {
720
+ min-height: 24px;
721
+ }
722
+
723
+ .e-small .e-multi-select-wrapper input[type=text] {
724
+ height: 24px;
725
+ min-height: 24px;
726
+ }
727
+
728
+ .e-small .e-multi-select-wrapper .e-delim-values {
729
+ font-size: 12px;
730
+ line-height: 24px;
731
+ }
732
+
733
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
734
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
735
+ margin-top: -2em;
736
+ }
737
+
738
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
739
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
740
+ margin-top: -2em;
741
+ }
742
+
743
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
744
+ background-size: 300px 33px;
745
+ min-height: 33px;
746
+ }
747
+
748
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
749
+ color: inherit;
750
+ }
751
+
752
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
753
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
754
+ -webkit-box-align: normal;
755
+ -ms-flex-align: normal;
756
+ align-items: normal;
757
+ }
758
+
759
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
760
+ padding: 0 12px 0 8px;
761
+ }
762
+
763
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
764
+ padding: 0;
765
+ }
766
+
767
+ .e-filled.e-float-input .e-multi-select-wrapper {
768
+ padding: 11px 12px 0;
769
+ }
770
+
771
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
772
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
773
+ padding: 12px 12px 0 8px;
774
+ }
775
+
776
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
777
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
778
+ padding: 0;
779
+ }
780
+
781
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
782
+ height: 28px;
783
+ }
784
+
785
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
786
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
787
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
788
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
789
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
790
+ height: 24px;
791
+ }
792
+
793
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
794
+ height: 18px;
795
+ }
796
+
797
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
798
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
799
+ margin: 8px 8px 0 0;
800
+ padding: 0 8px;
801
+ }
802
+
803
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
804
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
805
+ margin: 8px 0 0 8px;
806
+ padding: 0 8px;
807
+ }
808
+
809
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
810
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
811
+ height: 16px;
812
+ margin: 4px 4px 0 0;
813
+ padding-right: 8px;
814
+ }
815
+
816
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
817
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
818
+ margin: 4px 0 0 4px;
819
+ }
820
+
821
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
822
+ font-size: 13px;
823
+ padding: 0 8px 0 0;
824
+ }
825
+
826
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
827
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
828
+ font-size: 12px;
829
+ }
830
+
831
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
832
+ font-size: 12px;
833
+ padding: 0 4px 0 0;
834
+ }
835
+
836
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
837
+ padding: 0 0 0 4px;
838
+ }
839
+
840
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
841
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
842
+ font-size: 10px;
843
+ }
844
+
845
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
846
+ font-size: 13px;
847
+ padding-right: 4px;
848
+ }
849
+
850
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
851
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
852
+ height: 38px;
853
+ margin-top: -38px;
854
+ right: 12px;
855
+ top: 100%;
856
+ width: 16px;
857
+ }
858
+
859
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
860
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
861
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
862
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
863
+ .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 {
864
+ display: none;
865
+ }
866
+
867
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
868
+ margin-right: 0;
869
+ }
870
+
871
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
872
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
873
+ cursor: not-allowed;
874
+ }
875
+
876
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
877
+ .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 {
878
+ cursor: pointer;
879
+ }
880
+
881
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
882
+ color: var(--color-sf-content-text-color);
883
+ }
884
+
885
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
886
+ background-color: var(--color-sf-content-bg-color-alt5);
887
+ }
888
+
889
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
890
+ background-color: var(--color-sf-secondary-bg-color-pressed);
891
+ }
892
+
893
+ .e-multiselect {
894
+ -webkit-box-sizing: border-box;
895
+ box-sizing: border-box;
896
+ }
897
+
898
+ /* stylelint-disable property-no-vendor-prefix */
899
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
900
+ -webkit-text-fill-color: var(--color-sf-secondary-text-color);
901
+ color: var(--color-sf-secondary-text-color);
902
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
903
+ font-size: 14px;
904
+ }
905
+
906
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
907
+ color: var(--color-sf-content-text-color);
908
+ }
909
+
910
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
911
+ color: var(--color-sf-secondary-text-color);
912
+ }
913
+
914
+ .e-multi-select-wrapper .e-chips {
915
+ background-color: var(--color-sf-secondary-bg-color);
916
+ border-radius: 4px;
917
+ height: 24px;
918
+ }
919
+
920
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
921
+ background-color: var(--color-sf-secondary-bg-color-hover);
922
+ }
923
+
924
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
925
+ color: var(--color-sf-secondary-text-color);
926
+ }
927
+
928
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
929
+ -webkit-text-fill-color: var(--color-sf-secondary-text-color);
930
+ color: var(--color-sf-secondary-text-color);
931
+ font-size: 14px;
932
+ }
933
+
934
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
935
+ background-color: var(--color-sf-primary);
936
+ border-radius: 2px;
937
+ color: var(--color-sf-content-text-color);
938
+ height: 40px;
939
+ line-height: 40px;
940
+ }
941
+
942
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
943
+ color: var(--color-sf-content-text-color);
944
+ }
945
+
946
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
947
+ height: 30px;
948
+ }
949
+
950
+ .e-popup.e-multi-select-list-wrapper {
951
+ -webkit-box-shadow: 0 16px 48px rgba(var(--color-sf-black), 0.175);
952
+ box-shadow: 0 16px 48px rgba(var(--color-sf-black), 0.175);
953
+ -webkit-box-sizing: content-box;
954
+ box-sizing: content-box;
955
+ overflow: initial;
956
+ }
957
+
958
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
959
+ border-bottom: 0 solid transparent;
960
+ border-left: 0 solid var(--color-sf-content-bg-color-selected);
961
+ border-right: 0 solid var(--color-sf-content-bg-color-selected);
962
+ border-top: 0 solid var(--color-sf-border-selected);
963
+ }
964
+
965
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
966
+ background-color: transparent;
967
+ border-color: transparent;
968
+ color: var(--color-sf-content-text-color);
969
+ }
970
+
971
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
972
+ background-color: transparent;
973
+ border-color: transparent;
974
+ color: var(--color-sf-content-text-color);
975
+ }
976
+
977
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
978
+ background-color: var(--color-sf-content-bg-color-hover);
979
+ color: var(--color-sf-content-text-color);
980
+ }
981
+
982
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
983
+ background-color: var(--color-sf-content-bg-color-hover);
984
+ color: var(--color-sf-content-text-color-alt3);
985
+ }
986
+
987
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
988
+ border-bottom: 0 solid transparent;
989
+ border-top: 0 solid transparent;
990
+ }
991
+
992
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
993
+ border-bottom: 0 solid transparent;
994
+ }
995
+
996
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
997
+ border-top: 0 solid transparent;
998
+ }
999
+
1000
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1001
+ background-color: var(--color-sf-content-bg-color-selected);
1002
+ -webkit-box-shadow: none;
1003
+ box-shadow: none;
1004
+ color: var(--color-sf-content-text-color-selected);
1005
+ border: 0 solid transparent;
1006
+ }
1007
+
1008
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1009
+ background-color: var(--color-sf-content-bg-color-selected);
1010
+ -webkit-box-shadow: none;
1011
+ box-shadow: none;
1012
+ color: var(--color-sf-content-text-color-selected);
1013
+ border: 0 solid transparent;
1014
+ }
1015
+
1016
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
1017
+ border: 0 solid transparent;
1018
+ }
1019
+
1020
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1021
+ border: 0 solid transparent;
1022
+ }
1023
+
1024
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1025
+ color: var(--color-sf-placeholder-text-color);
1026
+ }
1027
+
1028
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1029
+ color: var(--color-sf-placeholder-text-color);
1030
+ }
1031
+
1032
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1033
+ color: var(--color-sf-placeholder-text-color);
1034
+ }
1035
+
1036
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1037
+ color: var(--color-sf-placeholder-text-color);
1038
+ }
1039
+
1040
+ .e-ul.e-reorder {
1041
+ border-bottom: 1px solid var(--color-sf-border-light);
1042
+ }
1043
+
1044
+ .e-multi-select-list-wrapper .e-selectall-parent {
1045
+ border-bottom: 1px solid var(--color-sf-border-light);
1046
+ }
1047
+
1048
+ .e-multi-select-wrapper .e-delim-values {
1049
+ -webkit-text-fill-color: var(--color-sf-secondary-text-color);
1050
+ color: var(--color-sf-secondary-text-color);
1051
+ -webkit-text-fill-color: var(--color-sf-content-text-color);
1052
+ color: var(--color-sf-content-text-color);
1053
+ }
1054
+
1055
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1056
+ color: var(--color-sf-content-text-color);
1057
+ }
1058
+
1059
+ .e-small .e-multi-select-wrapper .e-chips {
1060
+ border-radius: 2px;
1061
+ height: 20px;
1062
+ }
1063
+
1064
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1065
+ font-size: 12px;
1066
+ }
1067
+
1068
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1069
+ font-size: 12px;
1070
+ }
1071
+
1072
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1073
+ left: 0;
1074
+ }
1075
+
1076
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1077
+ -webkit-text-fill-color: var(--color-sf-content-text-color-alt1);
1078
+ color: var(--color-sf-content-text-color-alt1);
1079
+ }
1080
+
1081
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1082
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1083
+ margin-top: -2.25em;
1084
+ }
1085
+
1086
+ .e-bigger .e-multi-select-wrapper {
1087
+ min-height: 36px;
1088
+ }
1089
+
1090
+ .e-bigger .e-multi-select-wrapper .e-chips {
1091
+ margin: 3px;
1092
+ }
1093
+
1094
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1095
+ padding: 7px 8px 7px 4px;
1096
+ }
1097
+
1098
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1099
+ padding: 8px 4px 8px 0;
1100
+ }
1101
+
1102
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1103
+ padding: 8px 0 8px 4px;
1104
+ }
1105
+
1106
+ .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1107
+ right: 40px;
1108
+ }
1109
+
1110
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1111
+ .e-bigger.e-small.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1112
+ left: 45px;
1113
+ right: auto;
1114
+ }
1115
+
1116
+ .e-small.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1117
+ .e-small.e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1118
+ left: 12px;
1119
+ right: auto;
1120
+ }
1121
+
1122
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1123
+ margin-top: -2.25em;
1124
+ }
1125
+
1126
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1127
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1128
+ margin-top: -2.25em;
1129
+ margin-top: -2.15em;
1130
+ }
1131
+
1132
+ .e-bigger .e-multi-select-wrapper input[type=text],
1133
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1134
+ height: 30px;
1135
+ min-height: 30px;
1136
+ }
1137
+
1138
+ .e-bigger .e-multi-select-wrapper input[type=text] {
1139
+ height: 36px;
1140
+ min-height: 36px;
1141
+ }
1142
+
1143
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1144
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1145
+ width: calc(100% - 38px);
1146
+ }
1147
+
1148
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1149
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1150
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1151
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1152
+ width: calc(100% - 32px);
1153
+ }
1154
+
1155
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
1156
+ line-height: 36px;
1157
+ padding-left: 12px;
1158
+ }
1159
+
1160
+ .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
1161
+ padding-left: 0;
1162
+ }
1163
+
1164
+ .e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
1165
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1166
+ left: 32px;
1167
+ }
1168
+
1169
+ .e-bigger.e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
1170
+ .e-bigger.e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1171
+ left: 25px;
1172
+ }
1173
+
1174
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1175
+ padding-right: 25px;
1176
+ }
1177
+
1178
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1179
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1180
+ bottom: 1px;
1181
+ bottom: 2px;
1182
+ margin-right: 12px;
1183
+ }
1184
+
1185
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1186
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1187
+ bottom: 1px;
1188
+ bottom: 2px;
1189
+ margin-right: 12px;
1190
+ }
1191
+
1192
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
1193
+ padding-left: 16px;
1194
+ }
1195
+
1196
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
1197
+ padding-left: 0;
1198
+ }
1199
+
1200
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
1201
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1202
+ font-size: 16px;
1203
+ }
1204
+
1205
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
1206
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
1207
+ font-size: 14px;
1208
+ line-height: 48px;
1209
+ text-indent: 16px;
1210
+ }
1211
+
1212
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
1213
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1214
+ bottom: 1px;
1215
+ bottom: 2px;
1216
+ margin-right: 12px;
1217
+ }
1218
+
1219
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1220
+ padding-left: 8px;
1221
+ }
1222
+
1223
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
1224
+ line-height: 34px;
1225
+ }
1226
+
1227
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1228
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1229
+ line-height: 40px;
1230
+ }
1231
+
1232
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1233
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1234
+ margin-top: -2.65em;
1235
+ }
1236
+
1237
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1238
+ height: 14px;
1239
+ width: 14px;
1240
+ }
1241
+
1242
+ .e-bigger.e-small .e-multi-select-wrapper {
1243
+ min-height: 28px;
1244
+ }
1245
+
1246
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
1247
+ height: 32px;
1248
+ min-height: 32px;
1249
+ }
1250
+
1251
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
1252
+ font-size: 12px;
1253
+ line-height: 28px;
1254
+ }
1255
+
1256
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1257
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1258
+ margin-top: -2em;
1259
+ }
1260
+
1261
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
1262
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1263
+ background-size: 300px 40px;
1264
+ min-height: 40px;
1265
+ }
1266
+
1267
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
1268
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1269
+ padding: 3px 12px 0 4px;
1270
+ }
1271
+
1272
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1273
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1274
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1275
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
1276
+ padding: 0;
1277
+ }
1278
+
1279
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
1280
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
1281
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1282
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
1283
+ padding: 11px 12px 0;
1284
+ }
1285
+
1286
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
1287
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
1288
+ padding: 19px 12px 0 16px;
1289
+ }
1290
+
1291
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1292
+ padding-top: 3px;
1293
+ }
1294
+
1295
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
1296
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
1297
+ padding: 5px 0;
1298
+ }
1299
+
1300
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1301
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1302
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1303
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1304
+ height: 28px;
1305
+ }
1306
+
1307
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1308
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1309
+ height: 24px;
1310
+ }
1311
+
1312
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1313
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1314
+ height: 32px;
1315
+ }
1316
+
1317
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1318
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1319
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1320
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1321
+ height: 18px;
1322
+ }
1323
+
1324
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1325
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1326
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1327
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1328
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1329
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1330
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1331
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1332
+ margin: 8px 8px 0 0;
1333
+ padding: 0 8px;
1334
+ }
1335
+
1336
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1337
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1338
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1339
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1340
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1341
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1342
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1343
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1344
+ margin: 8px 0 0 8px;
1345
+ padding: 0 8px;
1346
+ }
1347
+
1348
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1349
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1350
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1351
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1352
+ padding-left: 8px;
1353
+ }
1354
+
1355
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1356
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1357
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1358
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1359
+ font-size: 13px;
1360
+ padding: 0 8px 0 0;
1361
+ }
1362
+
1363
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1364
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1365
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1366
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1367
+ font-size: 12px;
1368
+ padding: 0 4px 0 0;
1369
+ }
1370
+
1371
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1372
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1373
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1374
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1375
+ padding: 0 0 0 4px;
1376
+ }
1377
+
1378
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1379
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1380
+ font-size: 13px;
1381
+ }
1382
+
1383
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1384
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
1385
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1386
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1387
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1388
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
1389
+ padding: 0 12px;
1390
+ }
1391
+
1392
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1393
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1394
+ padding-right: 8px;
1395
+ }
1396
+
1397
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1398
+ font-size: 14px;
1399
+ }
1400
+
1401
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1402
+ font-size: 14px;
1403
+ }
1404
+
1405
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
1406
+ height: 26px;
1407
+ }
1408
+
1409
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1410
+ font-size: 12px;
1411
+ }
1412
+
1413
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1414
+ left: 0;
1415
+ }
1416
+
1417
+ .e-bigger .e-multi-select-wrapper .e-chips {
1418
+ height: 30px;
1419
+ }
1420
+
1421
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1422
+ height: 24px;
1423
+ width: 24px;
1424
+ }