@syncfusion/ej2-dropdowns 20.4.52 → 20.4.54-54740

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 (516) hide show
  1. package/CHANGELOG.md +2085 -2063
  2. package/{README.md → ReadMe.md} +119 -119
  3. package/dist/ej2-dropdowns.umd.min.js +1 -10
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +66 -53
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +184 -171
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/helpers/e2e/autocomplete.js +13 -13
  10. package/helpers/e2e/combobox.js +13 -13
  11. package/helpers/e2e/dropdownlist.js +13 -13
  12. package/helpers/e2e/index.js +3 -3
  13. package/helpers/e2e/listboxHelper.js +13 -13
  14. package/helpers/e2e/multiselect.js +13 -13
  15. package/license +2 -2
  16. package/package.json +78 -78
  17. package/src/auto-complete/auto-complete-model.d.ts +187 -187
  18. package/src/auto-complete/auto-complete.d.ts +12 -12
  19. package/src/auto-complete/auto-complete.js +21 -21
  20. package/src/combo-box/combo-box-model.d.ts +221 -221
  21. package/src/combo-box/combo-box.d.ts +27 -27
  22. package/src/combo-box/combo-box.js +29 -29
  23. package/src/common/incremental-search.js +1 -1
  24. package/src/drop-down-base/drop-down-base-model.d.ts +196 -196
  25. package/src/drop-down-base/drop-down-base.d.ts +15 -15
  26. package/src/drop-down-base/drop-down-base.js +20 -20
  27. package/src/drop-down-list/drop-down-list-model.d.ts +194 -194
  28. package/src/drop-down-list/drop-down-list.d.ts +4 -4
  29. package/src/drop-down-list/drop-down-list.js +34 -21
  30. package/src/drop-down-tree/drop-down-tree-model.d.ts +445 -445
  31. package/src/drop-down-tree/drop-down-tree.js +21 -22
  32. package/src/global.d.ts +1 -0
  33. package/src/list-box/list-box-model.d.ts +194 -194
  34. package/src/list-box/list-box.d.ts +2 -2
  35. package/src/list-box/list-box.js +19 -19
  36. package/src/mention/mention-model.d.ts +259 -259
  37. package/src/mention/mention.js +19 -19
  38. package/src/multi-select/multi-select-model.d.ts +505 -505
  39. package/src/multi-select/multi-select.js +20 -19
  40. package/styles/auto-complete/_all.scss +1 -1
  41. package/styles/auto-complete/_bds-definition.scss +2 -0
  42. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  43. package/styles/auto-complete/_bootstrap-definition.scss +2 -2
  44. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  45. package/styles/auto-complete/_bootstrap5-definition.scss +2 -2
  46. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  47. package/styles/auto-complete/_fabric-definition.scss +2 -2
  48. package/styles/auto-complete/_fluent-definition.scss +2 -2
  49. package/styles/auto-complete/_fusionnew-definition.scss +2 -2
  50. package/styles/auto-complete/_highcontrast-definition.scss +2 -2
  51. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  52. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  53. package/styles/auto-complete/_material-definition.scss +2 -2
  54. package/styles/auto-complete/_material3-dark-definition.scss +1 -0
  55. package/styles/auto-complete/_material3-definition.scss +2 -2
  56. package/styles/auto-complete/_tailwind-definition.scss +2 -2
  57. package/styles/auto-complete/bootstrap-dark.scss +1 -1
  58. package/styles/auto-complete/bootstrap.scss +1 -1
  59. package/styles/auto-complete/bootstrap4.css +13 -2
  60. package/styles/auto-complete/bootstrap4.scss +1 -1
  61. package/styles/auto-complete/bootstrap5-dark.scss +1 -1
  62. package/styles/auto-complete/bootstrap5.scss +1 -1
  63. package/styles/auto-complete/fabric-dark.scss +1 -1
  64. package/styles/auto-complete/fabric.scss +1 -1
  65. package/styles/auto-complete/fluent-dark.scss +1 -1
  66. package/styles/auto-complete/fluent.scss +1 -1
  67. package/styles/auto-complete/highcontrast-light.scss +1 -1
  68. package/styles/auto-complete/highcontrast.scss +1 -1
  69. package/styles/auto-complete/material-dark.css +0 -1
  70. package/styles/auto-complete/material-dark.scss +1 -1
  71. package/styles/auto-complete/material.css +0 -1
  72. package/styles/auto-complete/material.scss +1 -1
  73. package/styles/auto-complete/material3-dark.css +197 -0
  74. package/styles/auto-complete/material3-dark.scss +5 -0
  75. package/styles/auto-complete/material3.css +253 -0
  76. package/styles/auto-complete/material3.scss +5 -0
  77. package/styles/auto-complete/tailwind-dark.css +0 -1
  78. package/styles/auto-complete/tailwind-dark.scss +1 -1
  79. package/styles/auto-complete/tailwind.css +0 -1
  80. package/styles/auto-complete/tailwind.scss +1 -1
  81. package/styles/bootstrap-dark.css +309 -138
  82. package/styles/bootstrap.css +306 -129
  83. package/styles/bootstrap4.css +340 -141
  84. package/styles/bootstrap5-dark.css +310 -133
  85. package/styles/bootstrap5.css +310 -133
  86. package/styles/combo-box/_all.scss +1 -1
  87. package/styles/combo-box/_bds-definition.scss +2 -0
  88. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  89. package/styles/combo-box/_bootstrap-definition.scss +2 -2
  90. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  91. package/styles/combo-box/_bootstrap5-definition.scss +2 -2
  92. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  93. package/styles/combo-box/_fabric-definition.scss +2 -2
  94. package/styles/combo-box/_fluent-definition.scss +2 -2
  95. package/styles/combo-box/_fusionnew-definition.scss +2 -2
  96. package/styles/combo-box/_highcontrast-definition.scss +2 -2
  97. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  98. package/styles/combo-box/_material-dark-definition.scss +2 -2
  99. package/styles/combo-box/_material-definition.scss +2 -2
  100. package/styles/combo-box/_material3-dark-definition.scss +1 -0
  101. package/styles/combo-box/_material3-definition.scss +2 -2
  102. package/styles/combo-box/_tailwind-definition.scss +2 -2
  103. package/styles/combo-box/bootstrap-dark.scss +1 -1
  104. package/styles/combo-box/bootstrap.scss +1 -1
  105. package/styles/combo-box/bootstrap4.css +13 -2
  106. package/styles/combo-box/bootstrap4.scss +1 -1
  107. package/styles/combo-box/bootstrap5-dark.scss +1 -1
  108. package/styles/combo-box/bootstrap5.scss +1 -1
  109. package/styles/combo-box/fabric-dark.scss +1 -1
  110. package/styles/combo-box/fabric.scss +1 -1
  111. package/styles/combo-box/fluent-dark.scss +1 -1
  112. package/styles/combo-box/fluent.scss +1 -1
  113. package/styles/combo-box/highcontrast-light.scss +1 -1
  114. package/styles/combo-box/highcontrast.scss +1 -1
  115. package/styles/combo-box/material-dark.css +0 -1
  116. package/styles/combo-box/material-dark.scss +1 -1
  117. package/styles/combo-box/material.css +0 -1
  118. package/styles/combo-box/material.scss +1 -1
  119. package/styles/combo-box/material3-dark.css +197 -0
  120. package/styles/combo-box/material3-dark.scss +5 -0
  121. package/styles/combo-box/material3.css +253 -0
  122. package/styles/combo-box/material3.scss +5 -0
  123. package/styles/combo-box/tailwind-dark.css +0 -1
  124. package/styles/combo-box/tailwind-dark.scss +1 -1
  125. package/styles/combo-box/tailwind.css +0 -1
  126. package/styles/combo-box/tailwind.scss +1 -1
  127. package/styles/drop-down-base/_all.scss +2 -2
  128. package/styles/drop-down-base/_bds-definition.scss +134 -0
  129. package/styles/drop-down-base/_bootstrap-dark-definition.scss +83 -83
  130. package/styles/drop-down-base/_bootstrap-definition.scss +83 -83
  131. package/styles/drop-down-base/_bootstrap4-definition.scss +90 -98
  132. package/styles/drop-down-base/_bootstrap5-definition.scss +117 -117
  133. package/styles/drop-down-base/_definition.scss +23 -23
  134. package/styles/drop-down-base/_fabric-dark-definition.scss +86 -86
  135. package/styles/drop-down-base/_fabric-definition.scss +84 -84
  136. package/styles/drop-down-base/_fluent-definition.scss +121 -121
  137. package/styles/drop-down-base/_fusionnew-definition.scss +117 -117
  138. package/styles/drop-down-base/_highcontrast-definition.scss +105 -105
  139. package/styles/drop-down-base/_highcontrast-light-definition.scss +105 -105
  140. package/styles/drop-down-base/_layout.scss +187 -193
  141. package/styles/drop-down-base/_material-dark-definition.scss +86 -86
  142. package/styles/drop-down-base/_material-definition.scss +85 -85
  143. package/styles/drop-down-base/_material3-dark-definition.scss +1 -0
  144. package/styles/drop-down-base/_material3-definition.scss +87 -117
  145. package/styles/drop-down-base/_tailwind-definition.scss +129 -129
  146. package/styles/drop-down-base/_theme.scss +391 -328
  147. package/styles/drop-down-base/bootstrap-dark.css +6 -10
  148. package/styles/drop-down-base/bootstrap-dark.scss +1 -1
  149. package/styles/drop-down-base/bootstrap.css +6 -10
  150. package/styles/drop-down-base/bootstrap.scss +1 -1
  151. package/styles/drop-down-base/bootstrap4.css +6 -18
  152. package/styles/drop-down-base/bootstrap4.scss +1 -1
  153. package/styles/drop-down-base/bootstrap5-dark.css +6 -10
  154. package/styles/drop-down-base/bootstrap5-dark.scss +1 -1
  155. package/styles/drop-down-base/bootstrap5.css +6 -10
  156. package/styles/drop-down-base/bootstrap5.scss +1 -1
  157. package/styles/drop-down-base/fabric-dark.css +6 -10
  158. package/styles/drop-down-base/fabric-dark.scss +1 -1
  159. package/styles/drop-down-base/fabric.css +6 -10
  160. package/styles/drop-down-base/fabric.scss +1 -1
  161. package/styles/drop-down-base/fluent-dark.css +6 -10
  162. package/styles/drop-down-base/fluent-dark.scss +1 -1
  163. package/styles/drop-down-base/fluent.css +6 -10
  164. package/styles/drop-down-base/fluent.scss +1 -1
  165. package/styles/drop-down-base/highcontrast-light.css +6 -10
  166. package/styles/drop-down-base/highcontrast-light.scss +1 -1
  167. package/styles/drop-down-base/highcontrast.css +6 -10
  168. package/styles/drop-down-base/highcontrast.scss +1 -1
  169. package/styles/drop-down-base/material-dark.css +6 -11
  170. package/styles/drop-down-base/material-dark.scss +1 -1
  171. package/styles/drop-down-base/material.css +6 -11
  172. package/styles/drop-down-base/material.scss +1 -1
  173. package/styles/drop-down-base/material3-dark.css +430 -0
  174. package/styles/drop-down-base/material3-dark.scss +4 -0
  175. package/styles/drop-down-base/material3.css +486 -0
  176. package/styles/drop-down-base/material3.scss +4 -0
  177. package/styles/drop-down-base/tailwind-dark.css +6 -11
  178. package/styles/drop-down-base/tailwind-dark.scss +1 -1
  179. package/styles/drop-down-base/tailwind.css +6 -11
  180. package/styles/drop-down-base/tailwind.scss +1 -1
  181. package/styles/drop-down-list/_all.scss +3 -3
  182. package/styles/drop-down-list/_bds-definition.scss +134 -0
  183. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  184. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  185. package/styles/drop-down-list/_bootstrap4-definition.scss +202 -191
  186. package/styles/drop-down-list/_bootstrap5-definition.scss +201 -201
  187. package/styles/drop-down-list/_fabric-dark-definition.scss +128 -128
  188. package/styles/drop-down-list/_fabric-definition.scss +124 -124
  189. package/styles/drop-down-list/_fluent-definition.scss +185 -185
  190. package/styles/drop-down-list/_fusionnew-definition.scss +201 -201
  191. package/styles/drop-down-list/_highcontrast-definition.scss +142 -142
  192. package/styles/drop-down-list/_highcontrast-light-definition.scss +144 -144
  193. package/styles/drop-down-list/_layout.scss +315 -299
  194. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  195. package/styles/drop-down-list/_material-definition.scss +167 -167
  196. package/styles/drop-down-list/_material3-dark-definition.scss +1 -0
  197. package/styles/drop-down-list/_material3-definition.scss +180 -201
  198. package/styles/drop-down-list/_tailwind-definition.scss +134 -134
  199. package/styles/drop-down-list/_theme.scss +10 -10
  200. package/styles/drop-down-list/bootstrap-dark.css +5 -3
  201. package/styles/drop-down-list/bootstrap-dark.scss +1 -1
  202. package/styles/drop-down-list/bootstrap.css +5 -3
  203. package/styles/drop-down-list/bootstrap.scss +1 -1
  204. package/styles/drop-down-list/bootstrap4.css +19 -14
  205. package/styles/drop-down-list/bootstrap4.scss +1 -1
  206. package/styles/drop-down-list/bootstrap5-dark.css +5 -3
  207. package/styles/drop-down-list/bootstrap5-dark.scss +1 -1
  208. package/styles/drop-down-list/bootstrap5.css +5 -3
  209. package/styles/drop-down-list/bootstrap5.scss +1 -1
  210. package/styles/drop-down-list/fabric-dark.css +5 -3
  211. package/styles/drop-down-list/fabric-dark.scss +1 -1
  212. package/styles/drop-down-list/fabric.css +5 -3
  213. package/styles/drop-down-list/fabric.scss +1 -1
  214. package/styles/drop-down-list/fluent-dark.css +5 -3
  215. package/styles/drop-down-list/fluent-dark.scss +1 -1
  216. package/styles/drop-down-list/fluent.css +5 -3
  217. package/styles/drop-down-list/fluent.scss +1 -1
  218. package/styles/drop-down-list/highcontrast-light.css +5 -3
  219. package/styles/drop-down-list/highcontrast-light.scss +1 -1
  220. package/styles/drop-down-list/highcontrast.css +5 -3
  221. package/styles/drop-down-list/highcontrast.scss +1 -1
  222. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  223. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  224. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  225. package/styles/drop-down-list/icons/_bootstrap5.scss +14 -14
  226. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  227. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  228. package/styles/drop-down-list/icons/_fluent.scss +14 -14
  229. package/styles/drop-down-list/icons/_fusionnew.scss +14 -14
  230. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  231. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  232. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  233. package/styles/drop-down-list/icons/_material.scss +14 -14
  234. package/styles/drop-down-list/icons/_material3-dark.scss +1 -0
  235. package/styles/drop-down-list/icons/_material3.scss +14 -14
  236. package/styles/drop-down-list/icons/_tailwind.scss +14 -14
  237. package/styles/drop-down-list/material-dark.css +6 -4
  238. package/styles/drop-down-list/material-dark.scss +1 -1
  239. package/styles/drop-down-list/material.css +5 -4
  240. package/styles/drop-down-list/material.scss +1 -1
  241. package/styles/drop-down-list/material3-dark.css +507 -0
  242. package/styles/drop-down-list/material3-dark.scss +9 -0
  243. package/styles/drop-down-list/material3.css +563 -0
  244. package/styles/drop-down-list/material3.scss +9 -0
  245. package/styles/drop-down-list/tailwind-dark.css +6 -5
  246. package/styles/drop-down-list/tailwind-dark.scss +1 -1
  247. package/styles/drop-down-list/tailwind.css +6 -5
  248. package/styles/drop-down-list/tailwind.scss +1 -1
  249. package/styles/drop-down-tree/_all.scss +2 -2
  250. package/styles/drop-down-tree/_bds-definition.scss +61 -0
  251. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +71 -71
  252. package/styles/drop-down-tree/_bootstrap-definition.scss +70 -70
  253. package/styles/drop-down-tree/_bootstrap4-definition.scss +71 -71
  254. package/styles/drop-down-tree/_bootstrap5-definition.scss +59 -59
  255. package/styles/drop-down-tree/_fabric-dark-definition.scss +71 -71
  256. package/styles/drop-down-tree/_fabric-definition.scss +71 -71
  257. package/styles/drop-down-tree/_fluent-definition.scss +65 -65
  258. package/styles/drop-down-tree/_fusionnew-definition.scss +59 -59
  259. package/styles/drop-down-tree/_highcontrast-definition.scss +71 -71
  260. package/styles/drop-down-tree/_highcontrast-light-definition.scss +71 -71
  261. package/styles/drop-down-tree/_layout.scss +1423 -1386
  262. package/styles/drop-down-tree/_material-dark-definition.scss +72 -72
  263. package/styles/drop-down-tree/_material-definition.scss +72 -72
  264. package/styles/drop-down-tree/_material3-dark-definition.scss +1 -0
  265. package/styles/drop-down-tree/_material3-definition.scss +76 -60
  266. package/styles/drop-down-tree/_tailwind-definition.scss +61 -61
  267. package/styles/drop-down-tree/_theme.scss +132 -120
  268. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  269. package/styles/drop-down-tree/bootstrap-dark.scss +1 -1
  270. package/styles/drop-down-tree/bootstrap.css +4 -0
  271. package/styles/drop-down-tree/bootstrap.scss +1 -1
  272. package/styles/drop-down-tree/bootstrap4.css +4 -8
  273. package/styles/drop-down-tree/bootstrap4.scss +1 -1
  274. package/styles/drop-down-tree/bootstrap5-dark.css +4 -0
  275. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -1
  276. package/styles/drop-down-tree/bootstrap5.css +4 -0
  277. package/styles/drop-down-tree/bootstrap5.scss +1 -1
  278. package/styles/drop-down-tree/fabric-dark.css +4 -0
  279. package/styles/drop-down-tree/fabric-dark.scss +1 -1
  280. package/styles/drop-down-tree/fabric.css +4 -0
  281. package/styles/drop-down-tree/fabric.scss +1 -1
  282. package/styles/drop-down-tree/fluent-dark.css +6 -0
  283. package/styles/drop-down-tree/fluent-dark.scss +1 -1
  284. package/styles/drop-down-tree/fluent.css +6 -0
  285. package/styles/drop-down-tree/fluent.scss +1 -1
  286. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  287. package/styles/drop-down-tree/highcontrast-light.scss +1 -1
  288. package/styles/drop-down-tree/highcontrast.css +4 -0
  289. package/styles/drop-down-tree/highcontrast.scss +1 -1
  290. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  291. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  292. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  293. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  294. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  295. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  296. package/styles/drop-down-tree/icons/_fluent.scss +11 -11
  297. package/styles/drop-down-tree/icons/_fusionnew.scss +11 -11
  298. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  299. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  300. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  301. package/styles/drop-down-tree/icons/_material.scss +11 -11
  302. package/styles/drop-down-tree/icons/_material3-dark.scss +1 -0
  303. package/styles/drop-down-tree/icons/_material3.scss +11 -11
  304. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  305. package/styles/drop-down-tree/icons/_tailwind.scss +11 -11
  306. package/styles/drop-down-tree/material-dark.css +5 -1
  307. package/styles/drop-down-tree/material-dark.scss +1 -1
  308. package/styles/drop-down-tree/material.css +4 -1
  309. package/styles/drop-down-tree/material.scss +1 -1
  310. package/styles/drop-down-tree/material3-dark.css +469 -0
  311. package/styles/drop-down-tree/material3-dark.scss +10 -0
  312. package/styles/drop-down-tree/material3.css +525 -0
  313. package/styles/drop-down-tree/material3.scss +10 -0
  314. package/styles/drop-down-tree/tailwind-dark.css +4 -1
  315. package/styles/drop-down-tree/tailwind-dark.scss +1 -1
  316. package/styles/drop-down-tree/tailwind.css +4 -1
  317. package/styles/drop-down-tree/tailwind.scss +1 -1
  318. package/styles/fabric-dark.css +310 -139
  319. package/styles/fabric.css +307 -130
  320. package/styles/fluent-dark.css +315 -135
  321. package/styles/fluent.css +315 -135
  322. package/styles/highcontrast-light.css +311 -138
  323. package/styles/highcontrast.css +324 -135
  324. package/styles/list-box/_all.scss +2 -2
  325. package/styles/list-box/_bds-definition.scss +136 -0
  326. package/styles/list-box/_bootstrap-dark-definition.scss +126 -125
  327. package/styles/list-box/_bootstrap-definition.scss +119 -118
  328. package/styles/list-box/_bootstrap4-definition.scss +124 -123
  329. package/styles/list-box/_bootstrap5-definition.scss +120 -121
  330. package/styles/list-box/_fabric-dark-definition.scss +126 -125
  331. package/styles/list-box/_fabric-definition.scss +119 -118
  332. package/styles/list-box/_fluent-definition.scss +120 -121
  333. package/styles/list-box/_fusionnew-definition.scss +111 -114
  334. package/styles/list-box/_highcontrast-definition.scss +119 -118
  335. package/styles/list-box/_highcontrast-light-definition.scss +126 -125
  336. package/styles/list-box/_layout.scss +542 -534
  337. package/styles/list-box/_material-dark-definition.scss +126 -125
  338. package/styles/list-box/_material-definition.scss +119 -118
  339. package/styles/list-box/_material3-dark-definition.scss +1 -0
  340. package/styles/list-box/_material3-definition.scss +119 -120
  341. package/styles/list-box/_tailwind-definition.scss +119 -120
  342. package/styles/list-box/_theme.scss +382 -316
  343. package/styles/list-box/bootstrap-dark.css +276 -113
  344. package/styles/list-box/bootstrap-dark.scss +1 -1
  345. package/styles/list-box/bootstrap.css +278 -114
  346. package/styles/list-box/bootstrap.scss +1 -1
  347. package/styles/list-box/bootstrap4.css +279 -123
  348. package/styles/list-box/bootstrap4.scss +1 -1
  349. package/styles/list-box/bootstrap5-dark.css +277 -114
  350. package/styles/list-box/bootstrap5-dark.scss +1 -1
  351. package/styles/list-box/bootstrap5.css +277 -114
  352. package/styles/list-box/bootstrap5.scss +1 -1
  353. package/styles/list-box/fabric-dark.css +276 -113
  354. package/styles/list-box/fabric-dark.scss +1 -1
  355. package/styles/list-box/fabric.css +278 -114
  356. package/styles/list-box/fabric.scss +1 -1
  357. package/styles/list-box/fluent-dark.css +279 -115
  358. package/styles/list-box/fluent-dark.scss +1 -1
  359. package/styles/list-box/fluent.css +279 -115
  360. package/styles/list-box/fluent.scss +1 -1
  361. package/styles/list-box/highcontrast-light.css +276 -113
  362. package/styles/list-box/highcontrast-light.scss +1 -1
  363. package/styles/list-box/highcontrast.css +278 -114
  364. package/styles/list-box/highcontrast.scss +1 -1
  365. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  366. package/styles/list-box/icons/_bootstrap.scss +25 -25
  367. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  368. package/styles/list-box/icons/_bootstrap5.scss +25 -25
  369. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  370. package/styles/list-box/icons/_fabric.scss +25 -25
  371. package/styles/list-box/icons/_fluent.scss +25 -25
  372. package/styles/list-box/icons/_fusionnew.scss +25 -25
  373. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  374. package/styles/list-box/icons/_highcontrast.scss +25 -25
  375. package/styles/list-box/icons/_material-dark.scss +25 -25
  376. package/styles/list-box/icons/_material.scss +25 -25
  377. package/styles/list-box/icons/_material3-dark.scss +1 -0
  378. package/styles/list-box/icons/_material3.scss +25 -25
  379. package/styles/list-box/icons/_tailwind-dark.scss +25 -25
  380. package/styles/list-box/icons/_tailwind.scss +25 -25
  381. package/styles/list-box/material-dark.css +277 -115
  382. package/styles/list-box/material-dark.scss +1 -1
  383. package/styles/list-box/material.css +279 -116
  384. package/styles/list-box/material.scss +1 -1
  385. package/styles/list-box/material3-dark.css +1010 -0
  386. package/styles/list-box/material3-dark.scss +6 -0
  387. package/styles/list-box/material3.css +1066 -0
  388. package/styles/list-box/material3.scss +6 -0
  389. package/styles/list-box/tailwind-dark.css +279 -116
  390. package/styles/list-box/tailwind-dark.scss +1 -1
  391. package/styles/list-box/tailwind.css +279 -116
  392. package/styles/list-box/tailwind.scss +1 -1
  393. package/styles/material-dark.css +311 -144
  394. package/styles/material.css +311 -135
  395. package/styles/material3-dark.css +4723 -0
  396. package/styles/material3-dark.scss +10 -0
  397. package/styles/material3.css +4779 -0
  398. package/styles/material3.scss +10 -0
  399. package/styles/mention/_all.scss +1 -1
  400. package/styles/mention/_bds-definition.scss +1 -0
  401. package/styles/mention/_bootstrap-dark-definition.scss +3 -3
  402. package/styles/mention/_bootstrap-definition.scss +3 -3
  403. package/styles/mention/_bootstrap4-definition.scss +3 -3
  404. package/styles/mention/_bootstrap5-definition.scss +1 -1
  405. package/styles/mention/_fabric-dark-definition.scss +2 -2
  406. package/styles/mention/_fabric-definition.scss +3 -3
  407. package/styles/mention/_fluent-definition.scss +1 -1
  408. package/styles/mention/_fusionnew-definition.scss +1 -1
  409. package/styles/mention/_highcontrast-definition.scss +3 -3
  410. package/styles/mention/_highcontrast-light-definition.scss +3 -3
  411. package/styles/mention/_layout.scss +6 -6
  412. package/styles/mention/_material-dark-definition.scss +3 -3
  413. package/styles/mention/_material-definition.scss +3 -3
  414. package/styles/mention/_material3-dark-definition.scss +1 -0
  415. package/styles/mention/_material3-definition.scss +1 -1
  416. package/styles/mention/_tailwind-definition.scss +1 -1
  417. package/styles/mention/bootstrap-dark.scss +1 -1
  418. package/styles/mention/bootstrap.scss +1 -1
  419. package/styles/mention/bootstrap4.css +0 -8
  420. package/styles/mention/bootstrap4.scss +1 -1
  421. package/styles/mention/bootstrap5-dark.scss +1 -1
  422. package/styles/mention/bootstrap5.scss +1 -1
  423. package/styles/mention/fabric-dark.scss +1 -1
  424. package/styles/mention/fabric.scss +1 -1
  425. package/styles/mention/fluent-dark.scss +1 -1
  426. package/styles/mention/fluent.scss +1 -1
  427. package/styles/mention/highcontrast-light.scss +1 -1
  428. package/styles/mention/highcontrast.scss +1 -1
  429. package/styles/mention/material-dark.css +0 -1
  430. package/styles/mention/material-dark.scss +1 -1
  431. package/styles/mention/material.css +0 -1
  432. package/styles/mention/material.scss +1 -1
  433. package/styles/mention/material3-dark.css +86 -0
  434. package/styles/mention/material3-dark.scss +7 -0
  435. package/styles/mention/material3.css +142 -0
  436. package/styles/mention/material3.scss +7 -0
  437. package/styles/mention/tailwind-dark.css +0 -1
  438. package/styles/mention/tailwind-dark.scss +1 -1
  439. package/styles/mention/tailwind.css +0 -1
  440. package/styles/mention/tailwind.scss +1 -1
  441. package/styles/multi-select/_all.scss +2 -2
  442. package/styles/multi-select/_bds-definition.scss +235 -0
  443. package/styles/multi-select/_bootstrap-dark-definition.scss +203 -196
  444. package/styles/multi-select/_bootstrap-definition.scss +192 -190
  445. package/styles/multi-select/_bootstrap4-definition.scss +278 -257
  446. package/styles/multi-select/_bootstrap5-definition.scss +230 -227
  447. package/styles/multi-select/_fabric-dark-definition.scss +192 -185
  448. package/styles/multi-select/_fabric-definition.scss +183 -181
  449. package/styles/multi-select/_fluent-definition.scss +241 -238
  450. package/styles/multi-select/_fusionnew-definition.scss +227 -227
  451. package/styles/multi-select/_highcontrast-definition.scss +303 -294
  452. package/styles/multi-select/_highcontrast-light-definition.scss +297 -293
  453. package/styles/multi-select/_layout.scss +2199 -2016
  454. package/styles/multi-select/_material-dark-definition.scss +230 -228
  455. package/styles/multi-select/_material-definition.scss +223 -221
  456. package/styles/multi-select/_material3-dark-definition.scss +1 -0
  457. package/styles/multi-select/_material3-definition.scss +246 -226
  458. package/styles/multi-select/_tailwind-definition.scss +235 -232
  459. package/styles/multi-select/_theme.scss +586 -492
  460. package/styles/multi-select/bootstrap-dark.css +18 -2
  461. package/styles/multi-select/bootstrap-dark.scss +1 -1
  462. package/styles/multi-select/bootstrap.css +13 -2
  463. package/styles/multi-select/bootstrap.scss +1 -1
  464. package/styles/multi-select/bootstrap4.css +32 -10
  465. package/styles/multi-select/bootstrap4.scss +1 -1
  466. package/styles/multi-select/bootstrap5-dark.css +18 -6
  467. package/styles/multi-select/bootstrap5-dark.scss +1 -1
  468. package/styles/multi-select/bootstrap5.css +18 -6
  469. package/styles/multi-select/bootstrap5.scss +1 -1
  470. package/styles/multi-select/fabric-dark.css +19 -3
  471. package/styles/multi-select/fabric-dark.scss +1 -1
  472. package/styles/multi-select/fabric.css +14 -3
  473. package/styles/multi-select/fabric.scss +1 -1
  474. package/styles/multi-select/fluent-dark.css +19 -7
  475. package/styles/multi-select/fluent-dark.scss +1 -1
  476. package/styles/multi-select/fluent.css +19 -7
  477. package/styles/multi-select/fluent.scss +1 -1
  478. package/styles/multi-select/highcontrast-light.css +20 -2
  479. package/styles/multi-select/highcontrast-light.scss +1 -1
  480. package/styles/multi-select/highcontrast.css +31 -8
  481. package/styles/multi-select/highcontrast.scss +1 -1
  482. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  483. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  484. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  485. package/styles/multi-select/icons/_bootstrap5.scss +26 -26
  486. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  487. package/styles/multi-select/icons/_fabric.scss +26 -26
  488. package/styles/multi-select/icons/_fluent.scss +55 -55
  489. package/styles/multi-select/icons/_fusionnew.scss +26 -26
  490. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  491. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  492. package/styles/multi-select/icons/_material-dark.scss +693 -693
  493. package/styles/multi-select/icons/_material.scss +693 -693
  494. package/styles/multi-select/icons/_material3-dark.scss +1 -0
  495. package/styles/multi-select/icons/_material3.scss +692 -26
  496. package/styles/multi-select/icons/_tailwind.scss +26 -26
  497. package/styles/multi-select/material-dark.css +17 -7
  498. package/styles/multi-select/material-dark.scss +1 -1
  499. package/styles/multi-select/material.css +17 -7
  500. package/styles/multi-select/material.scss +1 -1
  501. package/styles/multi-select/material3-dark.css +2550 -0
  502. package/styles/multi-select/material3-dark.scss +10 -0
  503. package/styles/multi-select/material3.css +2606 -0
  504. package/styles/multi-select/material3.scss +10 -0
  505. package/styles/multi-select/tailwind-dark.css +17 -5
  506. package/styles/multi-select/tailwind-dark.scss +1 -1
  507. package/styles/multi-select/tailwind.css +17 -5
  508. package/styles/multi-select/tailwind.scss +1 -1
  509. package/styles/tailwind-dark.css +312 -141
  510. package/styles/tailwind.css +312 -141
  511. package/.eslintrc.json +0 -259
  512. package/dist/ej2-dropdowns.min.js +0 -10
  513. package/dist/global/ej2-dropdowns.min.js +0 -11
  514. package/dist/global/ej2-dropdowns.min.js.map +0 -1
  515. package/dist/global/index.d.ts +0 -14
  516. package/tslint.json +0 -111
@@ -68,9 +68,6 @@
68
68
  position: absolute;
69
69
  top: 0;
70
70
  }
71
- .e-rtl .e-dropdownbase .e-fixed-head {
72
- left: 33px;
73
- }
74
71
 
75
72
  .e-dropdownbase.e-content {
76
73
  overflow: auto;
@@ -110,11 +107,6 @@
110
107
  cursor: default;
111
108
  }
112
109
 
113
- .e-mention .e-mention-chip::selection {
114
- color: #fff;
115
- background: #0070f0;
116
- }
117
-
118
110
  .e-mention.e-editable-element {
119
111
  border: 2px solid #414141;
120
112
  height: auto;
@@ -190,7 +182,6 @@
190
182
  .e-dropdownbase .e-list-item {
191
183
  /* stylelint-disable property-no-vendor-prefix */
192
184
  -webkit-tap-highlight-color: transparent;
193
- background-color: #2a2a2a;
194
185
  border-bottom: 1px;
195
186
  border-color: #6e6e6e;
196
187
  color: #f0f0f0;
@@ -200,11 +191,11 @@
200
191
  min-height: 26px;
201
192
  padding-right: 20px;
202
193
  text-indent: 20px;
194
+ background-color: #2a2a2a;
203
195
  }
204
196
 
205
197
  .e-dropdownbase .e-list-group-item,
206
198
  .e-fixed-head {
207
- background-color: #2a2a2a;
208
199
  border-color: #6e6e6e;
209
200
  color: #3e98ff;
210
201
  font-family: inherit;
@@ -214,6 +205,7 @@
214
205
  min-height: 26px;
215
206
  padding-left: 20px;
216
207
  padding-right: 20px;
208
+ background-color: #2a2a2a;
217
209
  }
218
210
 
219
211
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -375,6 +367,10 @@
375
367
  color: #f0f0f0;
376
368
  }
377
369
 
370
+ .e-selectall-parent.e-item-focus {
371
+ background-color: #414141;
372
+ }
373
+
378
374
  /* stylelint-disable property-no-vendor-prefix */
379
375
  /* stylelint-disable property-no-vendor-prefix */
380
376
  @keyframes material-spinner-rotate {
@@ -535,6 +531,11 @@
535
531
  padding: 4px 0;
536
532
  }
537
533
 
534
+ .e-popup.e-ddl-device.e-popup-close {
535
+ display: block;
536
+ visibility: hidden;
537
+ }
538
+
538
539
  .e-popup-full-page {
539
540
  bottom: 0;
540
541
  left: 0;
@@ -547,9 +548,6 @@
547
548
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
548
549
  margin: 0;
549
550
  }
550
- .e-popup-full-page .e-popup-full-page.e-ios {
551
- position: fixed;
552
- }
553
551
 
554
552
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
555
553
  position: relative;
@@ -835,6 +833,10 @@ ejs-dropdownlist {
835
833
  padding-left: 0;
836
834
  padding-right: 0;
837
835
  }
836
+ .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 {
837
+ display: -ms-flexbox;
838
+ display: flex;
839
+ }
838
840
  .e-ddt .e-chips-wrapper {
839
841
  width: 100%;
840
842
  }
@@ -1217,6 +1219,11 @@ ejs-dropdownlist {
1217
1219
  width: 40px;
1218
1220
  }
1219
1221
 
1222
+ .e-multi-select-wrapper .e-searcher input[type=text],
1223
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1224
+ color: #fff;
1225
+ }
1226
+
1220
1227
  .e-multiselect.e-input-group .e-ddl-icon::before {
1221
1228
  content: "\e969";
1222
1229
  font-family: "e-icons";
@@ -1387,7 +1394,8 @@ ejs-dropdownlist {
1387
1394
  padding: 0 0 0 48px;
1388
1395
  }
1389
1396
 
1390
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1397
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1398
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1391
1399
  margin-top: -2.7em;
1392
1400
  }
1393
1401
 
@@ -1497,8 +1505,8 @@ ejs-dropdownlist {
1497
1505
  margin-top: -4em;
1498
1506
  position: absolute;
1499
1507
  right: 0;
1500
- top: 100%;
1501
1508
  width: 40px;
1509
+ top: 100%;
1502
1510
  }
1503
1511
 
1504
1512
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -1926,11 +1934,21 @@ ejs-multiselect {
1926
1934
  margin-top: -3.5em;
1927
1935
  }
1928
1936
 
1937
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1938
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1939
+ margin-top: -2.6em;
1940
+ }
1941
+
1929
1942
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1930
1943
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1931
1944
  line-height: 34px;
1932
1945
  }
1933
1946
 
1947
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1948
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1949
+ margin-top: -2.85em;
1950
+ }
1951
+
1934
1952
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1935
1953
  height: 30px;
1936
1954
  width: 30px;
@@ -2442,7 +2460,8 @@ ejs-multiselect {
2442
2460
 
2443
2461
  /* stylelint-disable property-no-vendor-prefix */
2444
2462
  .e-listbox-wrapper,
2445
- .e-listbox-container {
2463
+ .e-listbox-container,
2464
+ .e-listboxtool-wrapper {
2446
2465
  -webkit-overflow-scrolling: touch;
2447
2466
  box-sizing: border-box;
2448
2467
  cursor: pointer;
@@ -2454,24 +2473,24 @@ ejs-multiselect {
2454
2473
  width: 100%;
2455
2474
  }
2456
2475
  .e-listbox-wrapper *,
2457
- .e-listbox-container * {
2476
+ .e-listbox-container *,
2477
+ .e-listboxtool-wrapper * {
2458
2478
  box-sizing: border-box;
2459
2479
  }
2460
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2461
- .e-listbox-container.e-listboxtool-container .e-list-wrap {
2462
- width: 86% !important; /* stylelint-disable-line declaration-no-important */
2463
- }
2464
2480
  .e-listbox-wrapper:focus,
2465
- .e-listbox-container:focus {
2481
+ .e-listbox-container:focus,
2482
+ .e-listboxtool-wrapper:focus {
2466
2483
  outline: none;
2467
2484
  }
2468
2485
  .e-listbox-wrapper.e-disabled,
2469
- .e-listbox-container.e-disabled {
2486
+ .e-listbox-container.e-disabled,
2487
+ .e-listboxtool-wrapper.e-disabled {
2470
2488
  cursor: default;
2471
2489
  pointer-events: none;
2472
2490
  }
2473
2491
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2474
- .e-listbox-container:not(.e-list-template) .e-list-nrt {
2492
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2493
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2475
2494
  text-align: center;
2476
2495
  }
2477
2496
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
@@ -2479,53 +2498,61 @@ ejs-multiselect {
2479
2498
  .e-listbox-wrapper .e-selectall-parent,
2480
2499
  .e-listbox-container:not(.e-list-template) .e-list-item,
2481
2500
  .e-listbox-container .e-list-nrt,
2482
- .e-listbox-container .e-selectall-parent {
2501
+ .e-listbox-container .e-selectall-parent,
2502
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2503
+ .e-listboxtool-wrapper .e-list-nrt,
2504
+ .e-listboxtool-wrapper .e-selectall-parent {
2483
2505
  height: 40px;
2484
2506
  line-height: 1;
2485
2507
  padding: 13px 16px;
2486
2508
  position: relative;
2487
2509
  }
2488
- .e-listbox-wrapper.e-filter-list,
2489
- .e-listbox-container.e-filter-list {
2490
- overflow: inherit;
2491
- }
2492
2510
  .e-listbox-wrapper .e-list-parent,
2493
- .e-listbox-container .e-list-parent {
2511
+ .e-listbox-container .e-list-parent,
2512
+ .e-listboxtool-wrapper .e-list-parent {
2494
2513
  height: 100%;
2495
2514
  min-height: 40px;
2496
2515
  }
2497
2516
  .e-listbox-wrapper .e-list-item,
2498
- .e-listbox-container .e-list-item {
2517
+ .e-listbox-container .e-list-item,
2518
+ .e-listboxtool-wrapper .e-list-item {
2499
2519
  border-bottom: 0 solid;
2500
2520
  outline: none;
2501
2521
  }
2502
2522
  .e-listbox-wrapper .e-list-item.e-disabled,
2503
- .e-listbox-container .e-list-item.e-disabled {
2523
+ .e-listbox-container .e-list-item.e-disabled,
2524
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
2504
2525
  pointer-events: none;
2505
2526
  }
2506
2527
  .e-listbox-wrapper .e-disable,
2507
- .e-listbox-container .e-disable {
2528
+ .e-listbox-container .e-disable,
2529
+ .e-listboxtool-wrapper .e-disable {
2508
2530
  opacity: 0.7;
2509
2531
  }
2510
2532
  .e-listbox-wrapper .e-list-parent,
2511
- .e-listbox-container .e-list-parent {
2533
+ .e-listbox-container .e-list-parent,
2534
+ .e-listboxtool-wrapper .e-list-parent {
2512
2535
  margin: 0;
2513
2536
  padding: 0;
2514
2537
  }
2515
2538
  .e-listbox-wrapper .e-list-header .e-text.header,
2516
- .e-listbox-container .e-list-header .e-text.header {
2539
+ .e-listbox-container .e-list-header .e-text.header,
2540
+ .e-listboxtool-wrapper .e-list-header .e-text.header {
2517
2541
  display: none;
2518
2542
  }
2519
2543
  .e-listbox-wrapper .e-icon-back,
2520
- .e-listbox-container .e-icon-back {
2544
+ .e-listbox-container .e-icon-back,
2545
+ .e-listboxtool-wrapper .e-icon-back {
2521
2546
  margin-top: -2px;
2522
2547
  }
2523
2548
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2524
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
2549
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2550
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2525
2551
  display: none;
2526
2552
  }
2527
2553
  .e-listbox-wrapper .e-list-header,
2528
- .e-listbox-container .e-list-header {
2554
+ .e-listbox-container .e-list-header,
2555
+ .e-listboxtool-wrapper .e-list-header {
2529
2556
  -ms-flex-align: center;
2530
2557
  align-items: center;
2531
2558
  border-bottom: 1px solid;
@@ -2536,21 +2563,25 @@ ejs-multiselect {
2536
2563
  padding: 0 20px;
2537
2564
  }
2538
2565
  .e-listbox-wrapper .e-has-header > .e-view,
2539
- .e-listbox-container .e-has-header > .e-view {
2566
+ .e-listbox-container .e-has-header > .e-view,
2567
+ .e-listboxtool-wrapper .e-has-header > .e-view {
2540
2568
  top: 45px;
2541
2569
  }
2542
2570
  .e-listbox-wrapper .e-but-back,
2543
- .e-listbox-container .e-but-back {
2571
+ .e-listbox-container .e-but-back,
2572
+ .e-listboxtool-wrapper .e-but-back {
2544
2573
  cursor: pointer;
2545
2574
  padding-right: 10px;
2546
2575
  }
2547
2576
  .e-listbox-wrapper .e-list-group-item:first-child,
2548
- .e-listbox-container .e-list-group-item:first-child {
2577
+ .e-listbox-container .e-list-group-item:first-child,
2578
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
2549
2579
  border: 0;
2550
2580
  border-bottom: 1px solid #414141;
2551
2581
  }
2552
2582
  .e-listbox-wrapper .e-list-group-item,
2553
- .e-listbox-container .e-list-group-item {
2583
+ .e-listbox-container .e-list-group-item,
2584
+ .e-listboxtool-wrapper .e-list-group-item {
2554
2585
  border-bottom: 1px solid #414141;
2555
2586
  border-top: 0 solid;
2556
2587
  font-weight: 600;
@@ -2559,7 +2590,8 @@ ejs-multiselect {
2559
2590
  padding: 13px 16px;
2560
2591
  }
2561
2592
  .e-listbox-wrapper .e-icon-collapsible,
2562
- .e-listbox-container .e-icon-collapsible {
2593
+ .e-listbox-container .e-icon-collapsible,
2594
+ .e-listboxtool-wrapper .e-icon-collapsible {
2563
2595
  cursor: pointer;
2564
2596
  font-size: 12px;
2565
2597
  position: absolute;
@@ -2568,42 +2600,51 @@ ejs-multiselect {
2568
2600
  transform: translateY(-50%);
2569
2601
  }
2570
2602
  .e-listbox-wrapper .e-text-content,
2571
- .e-listbox-container .e-text-content {
2603
+ .e-listbox-container .e-text-content,
2604
+ .e-listboxtool-wrapper .e-text-content {
2572
2605
  height: 100%;
2573
2606
  position: relative;
2574
2607
  vertical-align: middle;
2575
2608
  }
2576
2609
  .e-listbox-wrapper .e-text-content *,
2577
- .e-listbox-container .e-text-content * {
2610
+ .e-listbox-container .e-text-content *,
2611
+ .e-listboxtool-wrapper .e-text-content * {
2578
2612
  display: inline-block;
2579
2613
  vertical-align: middle;
2580
2614
  }
2581
2615
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2582
- .e-listbox-container .e-text-content.e-checkbox .e-list-text {
2616
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2617
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2583
2618
  width: calc(100% - 40px);
2584
2619
  }
2585
2620
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2586
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2621
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2622
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2587
2623
  width: calc(100% - 90px);
2588
2624
  }
2589
2625
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2590
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2626
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2627
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2591
2628
  width: calc(100% - 80px);
2592
2629
  }
2593
2630
  .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,
2594
- .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 {
2631
+ .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,
2632
+ .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 {
2595
2633
  width: calc(100% - 92px);
2596
2634
  }
2597
2635
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2598
- .e-listbox-container .e-checkbox .e-checkbox-left {
2636
+ .e-listbox-container .e-checkbox .e-checkbox-left,
2637
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2599
2638
  margin: -4px 10px 0 0;
2600
2639
  }
2601
2640
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2602
- .e-listbox-container .e-checkbox .e-checkbox-right {
2641
+ .e-listbox-container .e-checkbox .e-checkbox-right,
2642
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2603
2643
  margin: -4px 0 0 10px;
2604
2644
  }
2605
2645
  .e-listbox-wrapper .e-list-text,
2606
- .e-listbox-container .e-list-text {
2646
+ .e-listbox-container .e-list-text,
2647
+ .e-listboxtool-wrapper .e-list-text {
2607
2648
  cursor: pointer;
2608
2649
  display: inline-block;
2609
2650
  overflow: hidden;
@@ -2613,107 +2654,129 @@ ejs-multiselect {
2613
2654
  width: 100%;
2614
2655
  }
2615
2656
  .e-listbox-wrapper .e-list-icon + .e-list-text,
2616
- .e-listbox-container .e-list-icon + .e-list-text {
2657
+ .e-listbox-container .e-list-icon + .e-list-text,
2658
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2617
2659
  width: calc(100% - 60px);
2618
2660
  }
2619
2661
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2620
- .e-listbox-container .e-icon-wrapper .e-list-text {
2662
+ .e-listbox-container .e-icon-wrapper .e-list-text,
2663
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2621
2664
  width: calc(100% - 60px);
2622
2665
  }
2623
2666
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2624
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2667
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2668
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2625
2669
  width: calc(100% - 60px);
2626
2670
  }
2627
2671
  .e-listbox-wrapper .e-list-icon,
2628
- .e-listbox-container .e-list-icon {
2672
+ .e-listbox-container .e-list-icon,
2673
+ .e-listboxtool-wrapper .e-list-icon {
2629
2674
  height: 30px;
2630
2675
  margin-right: 10px;
2631
2676
  width: 30px;
2632
2677
  }
2633
2678
  .e-listbox-wrapper .e-content,
2634
- .e-listbox-container .e-content {
2679
+ .e-listbox-container .e-content,
2680
+ .e-listboxtool-wrapper .e-content {
2635
2681
  overflow: hidden;
2636
2682
  position: relative;
2637
2683
  }
2638
2684
  .e-listbox-wrapper .e-list-header .e-text,
2639
- .e-listbox-container .e-list-header .e-text {
2685
+ .e-listbox-container .e-list-header .e-text,
2686
+ .e-listboxtool-wrapper .e-list-header .e-text {
2640
2687
  cursor: pointer;
2641
2688
  text-indent: 0;
2642
2689
  }
2643
2690
  .e-listbox-wrapper .e-text .e-headertext,
2644
- .e-listbox-container .e-text .e-headertext {
2691
+ .e-listbox-container .e-text .e-headertext,
2692
+ .e-listboxtool-wrapper .e-text .e-headertext {
2645
2693
  display: inline-block;
2646
2694
  line-height: 1px;
2647
2695
  }
2648
2696
  .e-listbox-wrapper.e-rtl,
2649
- .e-listbox-container.e-rtl {
2697
+ .e-listbox-container.e-rtl,
2698
+ .e-listboxtool-wrapper.e-rtl {
2650
2699
  direction: rtl;
2651
2700
  }
2652
2701
  .e-listbox-wrapper.e-rtl .e-list-icon,
2653
- .e-listbox-container.e-rtl .e-list-icon {
2702
+ .e-listbox-container.e-rtl .e-list-icon,
2703
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
2654
2704
  margin-left: 16px;
2655
2705
  margin-right: 0;
2656
2706
  }
2657
2707
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2658
- .e-listbox-container.e-rtl .e-icon-collapsible {
2708
+ .e-listbox-container.e-rtl .e-icon-collapsible,
2709
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2659
2710
  left: 0%;
2660
2711
  right: initial;
2661
2712
  top: 50%;
2662
2713
  transform: translateY(-50%) rotate(180deg);
2663
2714
  }
2664
2715
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2665
- .e-listbox-container.e-rtl .e-list-header .e-text {
2716
+ .e-listbox-container.e-rtl .e-list-header .e-text,
2717
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2666
2718
  cursor: pointer;
2667
2719
  }
2668
2720
  .e-listbox-wrapper.e-rtl .e-but-back,
2669
- .e-listbox-container.e-rtl .e-but-back {
2721
+ .e-listbox-container.e-rtl .e-but-back,
2722
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
2670
2723
  transform: rotate(180deg);
2671
2724
  }
2672
2725
  .e-listbox-wrapper.e-rtl .e-icon-back,
2673
- .e-listbox-container.e-rtl .e-icon-back {
2726
+ .e-listbox-container.e-rtl .e-icon-back,
2727
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
2674
2728
  margin-top: -1px;
2675
2729
  }
2676
2730
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2677
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
2731
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2732
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2678
2733
  margin: -4px 0 0 10px;
2679
2734
  }
2680
2735
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2681
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
2736
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
2737
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2682
2738
  margin: -4px 10px 0 0;
2683
2739
  }
2684
2740
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2685
- .e-listbox-container.e-rtl .e-checkbox-wrapper {
2741
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2742
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2686
2743
  margin: -4px 0 0 10px;
2687
2744
  }
2688
2745
  .e-listbox-wrapper .e-checkbox-wrapper,
2689
- .e-listbox-container .e-checkbox-wrapper {
2746
+ .e-listbox-container .e-checkbox-wrapper,
2747
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
2690
2748
  margin: -4px 10px 0 0;
2691
2749
  text-indent: 0;
2692
2750
  vertical-align: middle;
2693
2751
  }
2694
2752
  .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2695
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2753
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
2754
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
2696
2755
  position: absolute;
2697
2756
  right: 0;
2698
2757
  top: 30%;
2699
2758
  }
2700
2759
  .e-listbox-wrapper .e-input-group,
2701
- .e-listbox-container .e-input-group {
2760
+ .e-listbox-container .e-input-group,
2761
+ .e-listboxtool-wrapper .e-input-group {
2702
2762
  padding: 4px 8px;
2703
2763
  }
2704
2764
  .e-listbox-wrapper .e-input-focus,
2705
- .e-listbox-container .e-input-focus {
2765
+ .e-listbox-container .e-input-focus,
2766
+ .e-listboxtool-wrapper .e-input-focus {
2706
2767
  padding: 4px 4px 4px 8px;
2707
2768
  }
2708
2769
  .e-listbox-wrapper .e-hidden-select,
2709
- .e-listbox-container .e-hidden-select {
2770
+ .e-listbox-container .e-hidden-select,
2771
+ .e-listboxtool-wrapper .e-hidden-select {
2710
2772
  height: 1px;
2711
2773
  opacity: 0;
2712
2774
  position: absolute;
2713
2775
  width: 100%;
2714
2776
  }
2715
2777
  .e-listbox-wrapper .e-placeholder,
2716
- .e-listbox-container .e-placeholder {
2778
+ .e-listbox-container .e-placeholder,
2779
+ .e-listboxtool-wrapper .e-placeholder {
2717
2780
  background-color: #0070f0;
2718
2781
  display: block;
2719
2782
  height: 1px;
@@ -2727,32 +2790,34 @@ ejs-listbox {
2727
2790
  overflow: auto;
2728
2791
  }
2729
2792
 
2730
- .e-listbox-wrapper.e-filter-list {
2731
- overflow: inherit;
2732
- }
2733
2793
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2734
2794
  overflow: auto;
2735
2795
  }
2736
2796
 
2737
2797
  .e-listbox-wrapper.e-sortableclone,
2738
- .e-listbox-container.e-sortableclone {
2798
+ .e-listbox-container.e-sortableclone,
2799
+ .e-listboxtool-wrapper.e-sortableclone {
2739
2800
  border-width: 0;
2740
2801
  overflow: visible;
2741
2802
  }
2742
2803
  .e-listbox-wrapper.e-sortableclone .e-list-item,
2743
- .e-listbox-container.e-sortableclone .e-list-item {
2804
+ .e-listbox-container.e-sortableclone .e-list-item,
2805
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2744
2806
  list-style-type: none;
2745
2807
  }
2746
2808
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2747
- .e-listbox-container.e-sortableclone .e-ripple {
2809
+ .e-listbox-container.e-sortableclone .e-ripple,
2810
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
2748
2811
  overflow: visible;
2749
2812
  }
2750
2813
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
2751
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
2814
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
2815
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
2752
2816
  display: none;
2753
2817
  }
2754
2818
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2755
- .e-listbox-container.e-sortableclone .e-list-badge {
2819
+ .e-listbox-container.e-sortableclone .e-list-badge,
2820
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2756
2821
  -ms-flex-align: center;
2757
2822
  align-items: center;
2758
2823
  background-color: #0070f0;
@@ -2771,6 +2836,10 @@ ejs-listbox {
2771
2836
  width: 22px;
2772
2837
  }
2773
2838
 
2839
+ .e-listboxtool-wrapper.e-sortableclone {
2840
+ display: block;
2841
+ }
2842
+
2774
2843
  .e-listboxtool-wrapper,
2775
2844
  .e-listboxtool-container {
2776
2845
  cursor: pointer;
@@ -2827,12 +2896,6 @@ ejs-listbox {
2827
2896
  margin-left: 15px;
2828
2897
  }
2829
2898
 
2830
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2831
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2832
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2833
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2834
- width: 85% !important; /* stylelint-disable-line declaration-no-important */
2835
- }
2836
2899
  .e-bigger .e-listbox-wrapper .e-list-item,
2837
2900
  .e-listbox-wrapper.e-bigger .e-list-item,
2838
2901
  .e-bigger .e-listbox-container .e-list-item,
@@ -2922,27 +2985,66 @@ ejs-listbox {
2922
2985
  }
2923
2986
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2924
2987
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2925
- height: calc(100% - 46px);
2988
+ height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
2989
+ }
2990
+
2991
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2992
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2993
+ }
2994
+
2995
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2996
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2926
2997
  }
2927
2998
 
2928
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2929
2999
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2930
- height: calc(100% - 58px);
3000
+ height: 100%;
2931
3001
  }
2932
3002
 
2933
3003
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2934
3004
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2935
- height: calc(100% - 106px);
3005
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3006
+ }
3007
+
3008
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3009
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3010
+ }
3011
+
3012
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3013
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3014
+ }
3015
+
3016
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3017
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3018
+ }
3019
+
3020
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3021
+ height: 100%;
2936
3022
  }
2937
3023
 
2938
3024
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3025
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3026
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3027
+ }
3028
+
2939
3029
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2940
- height: calc(100% - 48px);
3030
+ height: 100%;
2941
3031
  }
2942
3032
 
2943
3033
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3034
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3035
+ height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
3036
+ }
3037
+
3038
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3039
+ height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
3040
+ }
3041
+
3042
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3043
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3044
+ }
3045
+
2944
3046
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2945
- height: calc(100% - 54px);
3047
+ height: 100%;
2946
3048
  }
2947
3049
 
2948
3050
  .e-listbox-wrapper,
@@ -2952,12 +3054,14 @@ ejs-listbox {
2952
3054
  }
2953
3055
 
2954
3056
  .e-listbox-wrapper,
2955
- .e-listbox-container {
3057
+ .e-listbox-container,
3058
+ .e-listboxtool-wrapper {
2956
3059
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2957
3060
  font-size: 14px;
2958
3061
  }
2959
3062
  .e-listbox-wrapper .e-list-header,
2960
- .e-listbox-container .e-list-header {
3063
+ .e-listbox-container .e-list-header,
3064
+ .e-listboxtool-wrapper .e-list-header {
2961
3065
  background-color: #6e6e6e;
2962
3066
  border-color: #414141;
2963
3067
  color: rgba(255, 255, 255, 0.95);
@@ -2965,27 +3069,32 @@ ejs-listbox {
2965
3069
  }
2966
3070
 
2967
3071
  .e-listbox-wrapper.e-filter-list .e-list-parent,
2968
- .e-listbox-container.e-filter-list .e-list-parent {
3072
+ .e-listbox-container.e-filter-list .e-list-parent,
3073
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2969
3074
  height: calc(100% - 52px);
2970
3075
  }
2971
3076
 
2972
3077
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2973
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2974
- height: calc(100% - 92px);
3078
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3079
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3080
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2975
3081
  }
2976
3082
 
2977
3083
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2978
- .e-listbox-container .e-selectall-parent + .e-list-parent {
2979
- height: calc(100% - 40px);
3084
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3085
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3086
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2980
3087
  }
2981
3088
 
2982
3089
  .e-listbox-wrapper .e-icons,
2983
- .e-listbox-container .e-icons {
3090
+ .e-listbox-container .e-icons,
3091
+ .e-listboxtool-wrapper .e-icons {
2984
3092
  color: #f0f0f0;
2985
3093
  }
2986
3094
 
2987
3095
  .e-listbox-wrapper .e-list-item,
2988
- .e-listbox-container .e-list-item {
3096
+ .e-listbox-container .e-list-item,
3097
+ .e-listboxtool-wrapper .e-list-item {
2989
3098
  background-color: #1a1a1a;
2990
3099
  border-bottom: 1px solid #414141;
2991
3100
  border-left: 0 solid transparent;
@@ -2996,41 +3105,50 @@ ejs-listbox {
2996
3105
 
2997
3106
  .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),
2998
3107
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2999
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3108
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3109
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3110
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3000
3111
  background-color: #313131;
3001
3112
  border-color: transparent;
3002
3113
  color: rgba(255, 255, 255, 0.87);
3003
3114
  }
3004
3115
 
3005
3116
  .e-listbox-wrapper .e-list-item.e-selected,
3006
- .e-listbox-container .e-list-item.e-selected {
3117
+ .e-listbox-container .e-list-item.e-selected,
3118
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3007
3119
  background-color: #414141;
3008
3120
  color: rgba(255, 255, 255, 0.87);
3009
3121
  }
3010
3122
 
3011
3123
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3012
- .e-listbox-container .e-list-item.e-selected.e-checklist {
3124
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3125
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3013
3126
  background-color: #1a1a1a;
3014
3127
  color: #f0f0f0;
3015
3128
  }
3016
3129
 
3017
3130
  .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3018
3131
  .e-listbox-container .e-list-item.e-focused,
3019
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
3132
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3133
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3134
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3020
3135
  background-color: #414141;
3021
3136
  color: rgba(255, 255, 255, 0.87);
3022
3137
  }
3023
3138
 
3024
3139
  .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3025
3140
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3026
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3141
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3142
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3143
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3027
3144
  background-color: #1a1a1a;
3028
3145
  border-color: #f0f0f0;
3029
3146
  color: #f0f0f0;
3030
3147
  }
3031
3148
 
3032
3149
  .e-listbox-wrapper .e-list-group-item,
3033
- .e-listbox-container .e-list-group-item {
3150
+ .e-listbox-container .e-list-group-item,
3151
+ .e-listboxtool-wrapper .e-list-group-item {
3034
3152
  background-color: #1a1a1a;
3035
3153
  border-color: #414141;
3036
3154
  color: #3e98ff;
@@ -3038,32 +3156,38 @@ ejs-listbox {
3038
3156
  }
3039
3157
 
3040
3158
  .e-listbox-wrapper .e-selectall-parent,
3041
- .e-listbox-container .e-selectall-parent {
3159
+ .e-listbox-container .e-selectall-parent,
3160
+ .e-listboxtool-wrapper .e-selectall-parent {
3042
3161
  background-color: #1a1a1a;
3043
3162
  border-bottom: 1px solid #484848;
3044
3163
  color: #f0f0f0;
3045
3164
  }
3046
3165
 
3047
3166
  .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3048
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element {
3167
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3168
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3049
3169
  background-color: transparent;
3050
3170
  }
3051
3171
 
3052
3172
  .e-listbox-wrapper.e-list-template .e-list-wrapper,
3053
- .e-listbox-container.e-list-template .e-list-wrapper {
3173
+ .e-listbox-container.e-list-template .e-list-wrapper,
3174
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3054
3175
  height: inherit;
3055
3176
  position: relative;
3056
3177
  }
3057
3178
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3058
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3179
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3180
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3059
3181
  padding: 0.7142em 1.0714em;
3060
3182
  }
3061
3183
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3062
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
3184
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3185
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3063
3186
  padding: 0.7142em 1.0714em;
3064
3187
  }
3065
3188
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3066
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3189
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3190
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3067
3191
  color: #fff;
3068
3192
  display: block;
3069
3193
  font-size: 18px;
@@ -3075,7 +3199,8 @@ ejs-listbox {
3075
3199
  white-space: nowrap;
3076
3200
  }
3077
3201
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3078
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3202
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3203
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3079
3204
  color: #393939;
3080
3205
  display: block;
3081
3206
  font-size: 14px;
@@ -3084,13 +3209,15 @@ ejs-listbox {
3084
3209
  word-wrap: break-word;
3085
3210
  }
3086
3211
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3087
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3212
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3213
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3088
3214
  overflow: hidden;
3089
3215
  text-overflow: ellipsis;
3090
3216
  white-space: nowrap;
3091
3217
  }
3092
3218
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3093
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3219
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3220
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3094
3221
  height: 2.8571em;
3095
3222
  left: 1.0667em;
3096
3223
  position: absolute;
@@ -3098,17 +3225,20 @@ ejs-listbox {
3098
3225
  width: 2.8571em;
3099
3226
  }
3100
3227
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3101
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3228
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3229
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3102
3230
  padding-left: 4.6428em;
3103
3231
  padding-right: 1.0714em;
3104
3232
  }
3105
3233
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3106
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3234
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3235
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3107
3236
  padding-left: 1.0714em;
3108
3237
  padding-right: 4.6428em;
3109
3238
  }
3110
3239
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3111
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3240
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3241
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3112
3242
  height: 2.8571em;
3113
3243
  position: absolute;
3114
3244
  right: 1.0667em;
@@ -3116,15 +3246,18 @@ ejs-listbox {
3116
3246
  width: 2.8571em;
3117
3247
  }
3118
3248
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3119
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3249
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3250
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3120
3251
  top: 0.7142em;
3121
3252
  }
3122
3253
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3123
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3254
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3255
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3124
3256
  top: 0.7142em;
3125
3257
  }
3126
3258
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3127
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3259
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3260
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3128
3261
  font-size: 15px;
3129
3262
  height: 1.333em;
3130
3263
  line-height: 1.433em;
@@ -3136,17 +3269,20 @@ ejs-listbox {
3136
3269
  width: 2em;
3137
3270
  }
3138
3271
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3139
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3272
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3273
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3140
3274
  padding-left: 4.6428em;
3141
3275
  padding-right: 3.9285em;
3142
3276
  }
3143
3277
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3144
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3278
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3279
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3145
3280
  padding-left: 1.0714em;
3146
3281
  padding-right: 3.9285em;
3147
3282
  }
3148
3283
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3149
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3284
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3285
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3150
3286
  display: block;
3151
3287
  margin: 0;
3152
3288
  overflow: hidden;
@@ -3155,57 +3291,92 @@ ejs-listbox {
3155
3291
  white-space: nowrap;
3156
3292
  }
3157
3293
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3158
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3294
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3295
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3159
3296
  color: rgba(255, 255, 255, 0.87);
3160
3297
  }
3161
3298
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3162
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3299
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3300
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3163
3301
  color: rgba(255, 255, 255, 0.87);
3164
3302
  }
3165
3303
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3166
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
3304
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3305
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3167
3306
  color: rgba(255, 255, 255, 0.87);
3168
3307
  }
3169
3308
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3170
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
3309
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3310
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3171
3311
  color: rgba(255, 255, 255, 0.87);
3172
3312
  }
3173
3313
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3174
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3314
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3315
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3175
3316
  left: inherit;
3176
3317
  right: 1.0667em;
3177
3318
  }
3178
3319
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3179
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3320
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3321
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3180
3322
  padding-left: 1.0714em;
3181
3323
  padding-right: 4.6428em;
3182
3324
  }
3183
3325
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3184
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3326
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3327
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3185
3328
  padding-left: 4.6428em;
3186
3329
  padding-right: 1.0714em;
3187
3330
  }
3188
3331
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3189
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3332
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3333
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3190
3334
  left: 1.0667em;
3191
3335
  right: inherit;
3192
3336
  }
3193
3337
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3194
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3338
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3339
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3195
3340
  left: 1em;
3196
3341
  right: inherit;
3197
3342
  }
3198
3343
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3199
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3344
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3345
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3200
3346
  padding-left: 3.9285em;
3201
3347
  padding-right: 4.6428em;
3202
3348
  }
3203
3349
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3204
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3350
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3351
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3205
3352
  padding-left: 3.9285em;
3206
3353
  padding-right: 1.0714em;
3207
3354
  }
3208
3355
 
3356
+ .e-listbox-container.e-filter-list .e-list-parent {
3357
+ height: 100%;
3358
+ }
3359
+
3360
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3361
+ height: 100%;
3362
+ }
3363
+
3364
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3365
+ height: 100%;
3366
+ }
3367
+
3368
+ .e-listbox-container.e-filter-list .e-list-wrap {
3369
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3370
+ }
3371
+
3372
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3373
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3374
+ }
3375
+
3376
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3377
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3378
+ }
3379
+
3209
3380
  /* stylelint-disable property-no-vendor-prefix */
3210
3381
  @keyframes material-spinner-rotate {
3211
3382
  0% {