@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
@@ -94,9 +94,6 @@
94
94
  position: absolute;
95
95
  top: 0;
96
96
  }
97
- .e-rtl .e-dropdownbase .e-fixed-head {
98
- left: 33px;
99
- }
100
97
 
101
98
  .e-dropdownbase.e-content {
102
99
  overflow: auto;
@@ -136,11 +133,6 @@
136
133
  cursor: default;
137
134
  }
138
135
 
139
- .e-mention .e-mention-chip::selection {
140
- color: #fff;
141
- background: #0d6efd;
142
- }
143
-
144
136
  .e-mention.e-editable-element {
145
137
  border: 2px solid #dee2e6;
146
138
  height: auto;
@@ -217,7 +209,6 @@
217
209
  .e-dropdownbase .e-list-item {
218
210
  /* stylelint-disable property-no-vendor-prefix */
219
211
  -webkit-tap-highlight-color: transparent;
220
- background-color: #fff;
221
212
  border-bottom: 0;
222
213
  border-color: #dee2e6;
223
214
  color: #212529;
@@ -227,11 +218,11 @@
227
218
  min-height: 30px;
228
219
  padding-right: 16px;
229
220
  text-indent: 12px;
221
+ background-color: #fff;
230
222
  }
231
223
 
232
224
  .e-dropdownbase .e-list-group-item,
233
225
  .e-fixed-head {
234
- background-color: #fff;
235
226
  border-color: #dee2e6;
236
227
  color: #6c757d;
237
228
  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";
@@ -241,6 +232,7 @@
241
232
  min-height: 30px;
242
233
  padding-left: 12px;
243
234
  padding-right: 16px;
235
+ background-color: #fff;
244
236
  }
245
237
 
246
238
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -407,6 +399,10 @@
407
399
  color: #212529;
408
400
  }
409
401
 
402
+ .e-selectall-parent.e-item-focus {
403
+ background-color: #e9ecef;
404
+ }
405
+
410
406
  /* stylelint-disable property-no-vendor-prefix */
411
407
  /* stylelint-disable-line no-empty-source */
412
408
  /* stylelint-disable property-no-vendor-prefix */
@@ -601,6 +597,11 @@
601
597
  .e-bigger.e-ddl.e-popup .e-list-group-item {
602
598
  font-size: 16px;
603
599
  }
600
+ .e-popup.e-ddl-device.e-popup-close {
601
+ display: block;
602
+ visibility: hidden;
603
+ }
604
+
604
605
  .e-popup-full-page {
605
606
  bottom: 0;
606
607
  left: 0;
@@ -613,9 +614,6 @@
613
614
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
614
615
  margin: 0;
615
616
  }
616
- .e-popup-full-page .e-popup-full-page.e-ios {
617
- position: fixed;
618
- }
619
617
 
620
618
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
621
619
  position: relative;
@@ -899,6 +897,10 @@ ejs-dropdownlist {
899
897
  padding-left: 0;
900
898
  padding-right: 0;
901
899
  }
900
+ .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 {
901
+ display: -ms-flexbox;
902
+ display: flex;
903
+ }
902
904
  .e-ddt .e-chips-wrapper {
903
905
  width: 100%;
904
906
  }
@@ -1330,7 +1332,8 @@ ejs-dropdownlist {
1330
1332
  width: 24px;
1331
1333
  }
1332
1334
 
1333
- .e-multi-select-wrapper .e-searcher input[type=text] {
1335
+ .e-multi-select-wrapper .e-searcher input[type=text],
1336
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1334
1337
  color: #212529;
1335
1338
  height: 100%;
1336
1339
  }
@@ -1511,7 +1514,8 @@ ejs-dropdownlist {
1511
1514
  padding: 0 0 0 48px;
1512
1515
  }
1513
1516
 
1514
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1517
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1518
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1515
1519
  margin-top: -2.25em;
1516
1520
  }
1517
1521
 
@@ -1573,7 +1577,7 @@ ejs-dropdownlist {
1573
1577
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1574
1578
  max-width: 100%;
1575
1579
  overflow: hidden;
1576
- padding: 0 6px 0 0;
1580
+ padding: 0 6px 1px 0;
1577
1581
  text-indent: 0;
1578
1582
  text-overflow: ellipsis;
1579
1583
  white-space: nowrap;
@@ -1626,8 +1630,8 @@ ejs-dropdownlist {
1626
1630
  margin-top: -2em;
1627
1631
  position: absolute;
1628
1632
  right: 5px;
1629
- top: 100%;
1630
1633
  width: 24px;
1634
+ top: 100%;
1631
1635
  }
1632
1636
 
1633
1637
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -2094,11 +2098,21 @@ ejs-multiselect {
2094
2098
  margin-top: -2em;
2095
2099
  }
2096
2100
 
2101
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2102
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2103
+ margin-top: -2em;
2104
+ }
2105
+
2097
2106
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2098
2107
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2099
2108
  line-height: 40px;
2100
2109
  }
2101
2110
 
2111
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2112
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2113
+ margin-top: -2.65em;
2114
+ }
2115
+
2102
2116
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2103
2117
  height: 14px;
2104
2118
  width: 14px;
@@ -2114,7 +2128,7 @@ ejs-multiselect {
2114
2128
  }
2115
2129
 
2116
2130
  .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2117
- font-size: 13px;
2131
+ font-size: 12px;
2118
2132
  line-height: 28px;
2119
2133
  }
2120
2134
 
@@ -2572,7 +2586,7 @@ ejs-multiselect {
2572
2586
  }
2573
2587
 
2574
2588
  .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2575
- font-size: 13px;
2589
+ font-size: 12px;
2576
2590
  }
2577
2591
 
2578
2592
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
@@ -2610,7 +2624,8 @@ ejs-multiselect {
2610
2624
 
2611
2625
  /* stylelint-disable property-no-vendor-prefix */
2612
2626
  .e-listbox-wrapper,
2613
- .e-listbox-container {
2627
+ .e-listbox-container,
2628
+ .e-listboxtool-wrapper {
2614
2629
  -webkit-overflow-scrolling: touch;
2615
2630
  box-sizing: border-box;
2616
2631
  cursor: pointer;
@@ -2622,24 +2637,29 @@ ejs-multiselect {
2622
2637
  width: 100%;
2623
2638
  }
2624
2639
  .e-listbox-wrapper *,
2625
- .e-listbox-container * {
2640
+ .e-listbox-container *,
2641
+ .e-listboxtool-wrapper * {
2626
2642
  box-sizing: border-box;
2627
2643
  }
2628
2644
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2629
- .e-listbox-container.e-listboxtool-container .e-list-wrap {
2645
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
2646
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2630
2647
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
2631
2648
  }
2632
2649
  .e-listbox-wrapper:focus,
2633
- .e-listbox-container:focus {
2650
+ .e-listbox-container:focus,
2651
+ .e-listboxtool-wrapper:focus {
2634
2652
  outline: none;
2635
2653
  }
2636
2654
  .e-listbox-wrapper.e-disabled,
2637
- .e-listbox-container.e-disabled {
2655
+ .e-listbox-container.e-disabled,
2656
+ .e-listboxtool-wrapper.e-disabled {
2638
2657
  cursor: default;
2639
2658
  pointer-events: none;
2640
2659
  }
2641
2660
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2642
- .e-listbox-container:not(.e-list-template) .e-list-nrt {
2661
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2662
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2643
2663
  text-align: center;
2644
2664
  }
2645
2665
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
@@ -2647,53 +2667,61 @@ ejs-multiselect {
2647
2667
  .e-listbox-wrapper .e-selectall-parent,
2648
2668
  .e-listbox-container:not(.e-list-template) .e-list-item,
2649
2669
  .e-listbox-container .e-list-nrt,
2650
- .e-listbox-container .e-selectall-parent {
2670
+ .e-listbox-container .e-selectall-parent,
2671
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2672
+ .e-listboxtool-wrapper .e-list-nrt,
2673
+ .e-listboxtool-wrapper .e-selectall-parent {
2651
2674
  height: 36px;
2652
2675
  line-height: 1;
2653
2676
  padding: 10px 12px;
2654
2677
  position: relative;
2655
2678
  }
2656
- .e-listbox-wrapper.e-filter-list,
2657
- .e-listbox-container.e-filter-list {
2658
- overflow: inherit;
2659
- }
2660
2679
  .e-listbox-wrapper .e-list-parent,
2661
- .e-listbox-container .e-list-parent {
2680
+ .e-listbox-container .e-list-parent,
2681
+ .e-listboxtool-wrapper .e-list-parent {
2662
2682
  height: 100%;
2663
2683
  min-height: 36px;
2664
2684
  }
2665
2685
  .e-listbox-wrapper .e-list-item,
2666
- .e-listbox-container .e-list-item {
2686
+ .e-listbox-container .e-list-item,
2687
+ .e-listboxtool-wrapper .e-list-item {
2667
2688
  border-bottom: 0 solid;
2668
2689
  outline: none;
2669
2690
  }
2670
2691
  .e-listbox-wrapper .e-list-item.e-disabled,
2671
- .e-listbox-container .e-list-item.e-disabled {
2692
+ .e-listbox-container .e-list-item.e-disabled,
2693
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
2672
2694
  pointer-events: none;
2673
2695
  }
2674
2696
  .e-listbox-wrapper .e-disable,
2675
- .e-listbox-container .e-disable {
2697
+ .e-listbox-container .e-disable,
2698
+ .e-listboxtool-wrapper .e-disable {
2676
2699
  opacity: 0.7;
2677
2700
  }
2678
2701
  .e-listbox-wrapper .e-list-parent,
2679
- .e-listbox-container .e-list-parent {
2702
+ .e-listbox-container .e-list-parent,
2703
+ .e-listboxtool-wrapper .e-list-parent {
2680
2704
  margin: 0;
2681
2705
  padding: 0;
2682
2706
  }
2683
2707
  .e-listbox-wrapper .e-list-header .e-text.header,
2684
- .e-listbox-container .e-list-header .e-text.header {
2708
+ .e-listbox-container .e-list-header .e-text.header,
2709
+ .e-listboxtool-wrapper .e-list-header .e-text.header {
2685
2710
  display: none;
2686
2711
  }
2687
2712
  .e-listbox-wrapper .e-icon-back,
2688
- .e-listbox-container .e-icon-back {
2713
+ .e-listbox-container .e-icon-back,
2714
+ .e-listboxtool-wrapper .e-icon-back {
2689
2715
  margin-top: 2px;
2690
2716
  }
2691
2717
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2692
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
2718
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2719
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2693
2720
  display: none;
2694
2721
  }
2695
2722
  .e-listbox-wrapper .e-list-header,
2696
- .e-listbox-container .e-list-header {
2723
+ .e-listbox-container .e-list-header,
2724
+ .e-listboxtool-wrapper .e-list-header {
2697
2725
  -ms-flex-align: center;
2698
2726
  align-items: center;
2699
2727
  border-bottom: 1px solid;
@@ -2704,21 +2732,25 @@ ejs-multiselect {
2704
2732
  padding: 0 12px;
2705
2733
  }
2706
2734
  .e-listbox-wrapper .e-has-header > .e-view,
2707
- .e-listbox-container .e-has-header > .e-view {
2735
+ .e-listbox-container .e-has-header > .e-view,
2736
+ .e-listboxtool-wrapper .e-has-header > .e-view {
2708
2737
  top: 45px;
2709
2738
  }
2710
2739
  .e-listbox-wrapper .e-but-back,
2711
- .e-listbox-container .e-but-back {
2740
+ .e-listbox-container .e-but-back,
2741
+ .e-listboxtool-wrapper .e-but-back {
2712
2742
  cursor: pointer;
2713
2743
  padding-right: 8px;
2714
2744
  }
2715
2745
  .e-listbox-wrapper .e-list-group-item:first-child,
2716
- .e-listbox-container .e-list-group-item:first-child {
2746
+ .e-listbox-container .e-list-group-item:first-child,
2747
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
2717
2748
  border: 0;
2718
2749
  border-bottom: 0 solid transparent;
2719
2750
  }
2720
2751
  .e-listbox-wrapper .e-list-group-item,
2721
- .e-listbox-container .e-list-group-item {
2752
+ .e-listbox-container .e-list-group-item,
2753
+ .e-listboxtool-wrapper .e-list-group-item {
2722
2754
  border-bottom: 0 solid transparent;
2723
2755
  border-top: 1px solid;
2724
2756
  font-weight: 600;
@@ -2727,7 +2759,8 @@ ejs-multiselect {
2727
2759
  padding: 10px 12px;
2728
2760
  }
2729
2761
  .e-listbox-wrapper .e-icon-collapsible,
2730
- .e-listbox-container .e-icon-collapsible {
2762
+ .e-listbox-container .e-icon-collapsible,
2763
+ .e-listboxtool-wrapper .e-icon-collapsible {
2731
2764
  cursor: pointer;
2732
2765
  font-size: 12px;
2733
2766
  position: absolute;
@@ -2736,42 +2769,51 @@ ejs-multiselect {
2736
2769
  transform: translateY(-50%);
2737
2770
  }
2738
2771
  .e-listbox-wrapper .e-text-content,
2739
- .e-listbox-container .e-text-content {
2772
+ .e-listbox-container .e-text-content,
2773
+ .e-listboxtool-wrapper .e-text-content {
2740
2774
  height: 100%;
2741
2775
  position: relative;
2742
2776
  vertical-align: middle;
2743
2777
  }
2744
2778
  .e-listbox-wrapper .e-text-content *,
2745
- .e-listbox-container .e-text-content * {
2779
+ .e-listbox-container .e-text-content *,
2780
+ .e-listboxtool-wrapper .e-text-content * {
2746
2781
  display: inline-block;
2747
2782
  vertical-align: middle;
2748
2783
  }
2749
2784
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2750
- .e-listbox-container .e-text-content.e-checkbox .e-list-text {
2785
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2786
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2751
2787
  width: calc(100% - 40px);
2752
2788
  }
2753
2789
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2754
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2790
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2791
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2755
2792
  width: calc(100% - 90px);
2756
2793
  }
2757
2794
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2758
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2795
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2796
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2759
2797
  width: calc(100% - 80px);
2760
2798
  }
2761
2799
  .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,
2762
- .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 {
2800
+ .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,
2801
+ .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 {
2763
2802
  width: calc(100% - 92px);
2764
2803
  }
2765
2804
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2766
- .e-listbox-container .e-checkbox .e-checkbox-left {
2805
+ .e-listbox-container .e-checkbox .e-checkbox-left,
2806
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2767
2807
  margin: -2px 8px 0 0;
2768
2808
  }
2769
2809
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2770
- .e-listbox-container .e-checkbox .e-checkbox-right {
2810
+ .e-listbox-container .e-checkbox .e-checkbox-right,
2811
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2771
2812
  margin: -2px 0 0 8px;
2772
2813
  }
2773
2814
  .e-listbox-wrapper .e-list-text,
2774
- .e-listbox-container .e-list-text {
2815
+ .e-listbox-container .e-list-text,
2816
+ .e-listboxtool-wrapper .e-list-text {
2775
2817
  cursor: pointer;
2776
2818
  display: inline-block;
2777
2819
  overflow: hidden;
@@ -2781,107 +2823,129 @@ ejs-multiselect {
2781
2823
  width: 100%;
2782
2824
  }
2783
2825
  .e-listbox-wrapper .e-list-icon + .e-list-text,
2784
- .e-listbox-container .e-list-icon + .e-list-text {
2826
+ .e-listbox-container .e-list-icon + .e-list-text,
2827
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2785
2828
  width: calc(100% - 60px);
2786
2829
  }
2787
2830
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2788
- .e-listbox-container .e-icon-wrapper .e-list-text {
2831
+ .e-listbox-container .e-icon-wrapper .e-list-text,
2832
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2789
2833
  width: calc(100% - 60px);
2790
2834
  }
2791
2835
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2792
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2836
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2837
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2793
2838
  width: calc(100% - 60px);
2794
2839
  }
2795
2840
  .e-listbox-wrapper .e-list-icon,
2796
- .e-listbox-container .e-list-icon {
2841
+ .e-listbox-container .e-list-icon,
2842
+ .e-listboxtool-wrapper .e-list-icon {
2797
2843
  height: 30px;
2798
2844
  margin-right: 16px;
2799
2845
  width: 30px;
2800
2846
  }
2801
2847
  .e-listbox-wrapper .e-content,
2802
- .e-listbox-container .e-content {
2848
+ .e-listbox-container .e-content,
2849
+ .e-listboxtool-wrapper .e-content {
2803
2850
  overflow: hidden;
2804
2851
  position: relative;
2805
2852
  }
2806
2853
  .e-listbox-wrapper .e-list-header .e-text,
2807
- .e-listbox-container .e-list-header .e-text {
2854
+ .e-listbox-container .e-list-header .e-text,
2855
+ .e-listboxtool-wrapper .e-list-header .e-text {
2808
2856
  cursor: pointer;
2809
2857
  text-indent: 0;
2810
2858
  }
2811
2859
  .e-listbox-wrapper .e-text .e-headertext,
2812
- .e-listbox-container .e-text .e-headertext {
2860
+ .e-listbox-container .e-text .e-headertext,
2861
+ .e-listboxtool-wrapper .e-text .e-headertext {
2813
2862
  display: inline-block;
2814
2863
  line-height: 18px;
2815
2864
  }
2816
2865
  .e-listbox-wrapper.e-rtl,
2817
- .e-listbox-container.e-rtl {
2866
+ .e-listbox-container.e-rtl,
2867
+ .e-listboxtool-wrapper.e-rtl {
2818
2868
  direction: rtl;
2819
2869
  }
2820
2870
  .e-listbox-wrapper.e-rtl .e-list-icon,
2821
- .e-listbox-container.e-rtl .e-list-icon {
2871
+ .e-listbox-container.e-rtl .e-list-icon,
2872
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
2822
2873
  margin-left: 16px;
2823
2874
  margin-right: 0;
2824
2875
  }
2825
2876
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2826
- .e-listbox-container.e-rtl .e-icon-collapsible {
2877
+ .e-listbox-container.e-rtl .e-icon-collapsible,
2878
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2827
2879
  left: 0%;
2828
2880
  right: initial;
2829
2881
  top: 50%;
2830
2882
  transform: translateY(-50%) rotate(180deg);
2831
2883
  }
2832
2884
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2833
- .e-listbox-container.e-rtl .e-list-header .e-text {
2885
+ .e-listbox-container.e-rtl .e-list-header .e-text,
2886
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2834
2887
  cursor: pointer;
2835
2888
  }
2836
2889
  .e-listbox-wrapper.e-rtl .e-but-back,
2837
- .e-listbox-container.e-rtl .e-but-back {
2890
+ .e-listbox-container.e-rtl .e-but-back,
2891
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
2838
2892
  transform: rotate(180deg);
2839
2893
  }
2840
2894
  .e-listbox-wrapper.e-rtl .e-icon-back,
2841
- .e-listbox-container.e-rtl .e-icon-back {
2895
+ .e-listbox-container.e-rtl .e-icon-back,
2896
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
2842
2897
  margin-top: -2px;
2843
2898
  }
2844
2899
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2845
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
2900
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2901
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2846
2902
  margin: -2px 0 0 8px;
2847
2903
  }
2848
2904
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2849
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
2905
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
2906
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2850
2907
  margin: -2px 8px 0 0;
2851
2908
  }
2852
2909
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2853
- .e-listbox-container.e-rtl .e-checkbox-wrapper {
2910
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2911
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2854
2912
  margin: -2px 0 0 8px;
2855
2913
  }
2856
2914
  .e-listbox-wrapper .e-checkbox-wrapper,
2857
- .e-listbox-container .e-checkbox-wrapper {
2915
+ .e-listbox-container .e-checkbox-wrapper,
2916
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
2858
2917
  margin: -2px 8px 0 0;
2859
2918
  text-indent: 0;
2860
2919
  vertical-align: middle;
2861
2920
  }
2862
2921
  .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2863
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2922
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
2923
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
2864
2924
  position: absolute;
2865
2925
  right: 0;
2866
2926
  top: 30%;
2867
2927
  }
2868
2928
  .e-listbox-wrapper .e-input-group,
2869
- .e-listbox-container .e-input-group {
2929
+ .e-listbox-container .e-input-group,
2930
+ .e-listboxtool-wrapper .e-input-group {
2870
2931
  padding: 4px 8px;
2871
2932
  }
2872
2933
  .e-listbox-wrapper .e-input-focus,
2873
- .e-listbox-container .e-input-focus {
2934
+ .e-listbox-container .e-input-focus,
2935
+ .e-listboxtool-wrapper .e-input-focus {
2874
2936
  padding: 4px 4px 4px 8px;
2875
2937
  }
2876
2938
  .e-listbox-wrapper .e-hidden-select,
2877
- .e-listbox-container .e-hidden-select {
2939
+ .e-listbox-container .e-hidden-select,
2940
+ .e-listboxtool-wrapper .e-hidden-select {
2878
2941
  height: 1px;
2879
2942
  opacity: 0;
2880
2943
  position: absolute;
2881
2944
  width: 100%;
2882
2945
  }
2883
2946
  .e-listbox-wrapper .e-placeholder,
2884
- .e-listbox-container .e-placeholder {
2947
+ .e-listbox-container .e-placeholder,
2948
+ .e-listboxtool-wrapper .e-placeholder {
2885
2949
  background-color: #0d6efd;
2886
2950
  display: block;
2887
2951
  height: 1px;
@@ -2895,32 +2959,34 @@ ejs-listbox {
2895
2959
  overflow: auto;
2896
2960
  }
2897
2961
 
2898
- .e-listbox-wrapper.e-filter-list {
2899
- overflow: inherit;
2900
- }
2901
2962
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2902
2963
  overflow: auto;
2903
2964
  }
2904
2965
 
2905
2966
  .e-listbox-wrapper.e-sortableclone,
2906
- .e-listbox-container.e-sortableclone {
2967
+ .e-listbox-container.e-sortableclone,
2968
+ .e-listboxtool-wrapper.e-sortableclone {
2907
2969
  border-width: 0;
2908
2970
  overflow: visible;
2909
2971
  }
2910
2972
  .e-listbox-wrapper.e-sortableclone .e-list-item,
2911
- .e-listbox-container.e-sortableclone .e-list-item {
2973
+ .e-listbox-container.e-sortableclone .e-list-item,
2974
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2912
2975
  list-style-type: none;
2913
2976
  }
2914
2977
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2915
- .e-listbox-container.e-sortableclone .e-ripple {
2978
+ .e-listbox-container.e-sortableclone .e-ripple,
2979
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
2916
2980
  overflow: visible;
2917
2981
  }
2918
2982
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
2919
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
2983
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
2984
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
2920
2985
  display: none;
2921
2986
  }
2922
2987
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2923
- .e-listbox-container.e-sortableclone .e-list-badge {
2988
+ .e-listbox-container.e-sortableclone .e-list-badge,
2989
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2924
2990
  -ms-flex-align: center;
2925
2991
  align-items: center;
2926
2992
  background-color: #0d6efd;
@@ -2939,6 +3005,10 @@ ejs-listbox {
2939
3005
  width: 22px;
2940
3006
  }
2941
3007
 
3008
+ .e-listboxtool-wrapper.e-sortableclone {
3009
+ display: block;
3010
+ }
3011
+
2942
3012
  .e-listboxtool-wrapper,
2943
3013
  .e-listboxtool-container {
2944
3014
  cursor: pointer;
@@ -3090,27 +3160,66 @@ ejs-listbox {
3090
3160
  }
3091
3161
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3092
3162
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3093
- height: calc(100% - 45px);
3163
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3164
+ }
3165
+
3166
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3167
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3168
+ }
3169
+
3170
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3171
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3094
3172
  }
3095
3173
 
3096
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3097
3174
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3098
- height: calc(100% - 55px);
3175
+ height: 100%;
3099
3176
  }
3100
3177
 
3101
3178
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3102
3179
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3103
- height: calc(100% - 96px);
3180
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3181
+ }
3182
+
3183
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3184
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3185
+ }
3186
+
3187
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3188
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3189
+ }
3190
+
3191
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3192
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3193
+ }
3194
+
3195
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3196
+ height: 100%;
3104
3197
  }
3105
3198
 
3106
3199
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3200
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3201
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3202
+ }
3203
+
3107
3204
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3108
- height: calc(100% - 40px);
3205
+ height: 100%;
3109
3206
  }
3110
3207
 
3111
3208
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3209
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3210
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3211
+ }
3212
+
3213
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3214
+ height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3215
+ }
3216
+
3217
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3218
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3219
+ }
3220
+
3112
3221
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3113
- height: calc(100% - 45px);
3222
+ height: 100%;
3114
3223
  }
3115
3224
 
3116
3225
  .e-listbox-wrapper,
@@ -3120,12 +3229,14 @@ ejs-listbox {
3120
3229
  }
3121
3230
 
3122
3231
  .e-listbox-wrapper,
3123
- .e-listbox-container {
3232
+ .e-listbox-container,
3233
+ .e-listboxtool-wrapper {
3124
3234
  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";
3125
3235
  font-size: 14px;
3126
3236
  }
3127
3237
  .e-listbox-wrapper .e-list-header,
3128
- .e-listbox-container .e-list-header {
3238
+ .e-listbox-container .e-list-header,
3239
+ .e-listboxtool-wrapper .e-list-header {
3129
3240
  background-color: #e9ecef;
3130
3241
  border-color: rgba(0, 0, 0, 0.12);
3131
3242
  color: #495057;
@@ -3133,22 +3244,26 @@ ejs-listbox {
3133
3244
  }
3134
3245
 
3135
3246
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3136
- .e-listbox-container.e-filter-list .e-list-parent {
3137
- height: calc(100% - 47px);
3247
+ .e-listbox-container.e-filter-list .e-list-parent,
3248
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3249
+ height: calc(100% - 50px);
3138
3250
  }
3139
3251
 
3140
3252
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3141
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3142
- height: calc(100% - 86px);
3253
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3254
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3255
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3143
3256
  }
3144
3257
 
3145
3258
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3146
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3147
- height: calc(100% - 36px);
3259
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3260
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3261
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3148
3262
  }
3149
3263
 
3150
3264
  .e-listbox-wrapper .e-list-item,
3151
- .e-listbox-container .e-list-item {
3265
+ .e-listbox-container .e-list-item,
3266
+ .e-listboxtool-wrapper .e-list-item {
3152
3267
  background-color: transparent;
3153
3268
  border-bottom: 0 solid transparent;
3154
3269
  border-left: 0 solid transparent;
@@ -3159,41 +3274,50 @@ ejs-listbox {
3159
3274
 
3160
3275
  .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),
3161
3276
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3162
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3277
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3278
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3279
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3163
3280
  background-color: #e9ecef;
3164
3281
  border-color: transparent;
3165
3282
  color: #212529;
3166
3283
  }
3167
3284
 
3168
3285
  .e-listbox-wrapper .e-list-item.e-selected,
3169
- .e-listbox-container .e-list-item.e-selected {
3286
+ .e-listbox-container .e-list-item.e-selected,
3287
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3170
3288
  background-color: #e9ecef;
3171
3289
  color: rgba(33, 37, 41, 0.87);
3172
3290
  }
3173
3291
 
3174
3292
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3175
- .e-listbox-container .e-list-item.e-selected.e-checklist {
3293
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3294
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3176
3295
  background-color: transparent;
3177
3296
  color: #212529;
3178
3297
  }
3179
3298
 
3180
3299
  .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3181
3300
  .e-listbox-container .e-list-item.e-focused,
3182
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
3301
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3302
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3303
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3183
3304
  background-color: #e9ecef;
3184
3305
  color: rgba(33, 37, 41, 0.87);
3185
3306
  }
3186
3307
 
3187
3308
  .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,
3188
3309
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3189
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3310
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3311
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3312
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3190
3313
  background-color: #0d6efd;
3191
3314
  border-color: transparent;
3192
3315
  color: #fff;
3193
3316
  }
3194
3317
 
3195
3318
  .e-listbox-wrapper .e-list-group-item,
3196
- .e-listbox-container .e-list-group-item {
3319
+ .e-listbox-container .e-list-group-item,
3320
+ .e-listboxtool-wrapper .e-list-group-item {
3197
3321
  background-color: #e9ecef;
3198
3322
  border-color: rgba(0, 0, 0, 0.12);
3199
3323
  color: #000;
@@ -3201,32 +3325,38 @@ ejs-listbox {
3201
3325
  }
3202
3326
 
3203
3327
  .e-listbox-wrapper .e-selectall-parent,
3204
- .e-listbox-container .e-selectall-parent {
3328
+ .e-listbox-container .e-selectall-parent,
3329
+ .e-listboxtool-wrapper .e-selectall-parent {
3205
3330
  background-color: transparent;
3206
3331
  border-bottom: 1px solid #dee2e6;
3207
3332
  color: #212529;
3208
3333
  }
3209
3334
 
3210
3335
  .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3211
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element {
3336
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3337
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3212
3338
  background-color: transparent;
3213
3339
  }
3214
3340
 
3215
3341
  .e-listbox-wrapper.e-list-template .e-list-wrapper,
3216
- .e-listbox-container.e-list-template .e-list-wrapper {
3342
+ .e-listbox-container.e-list-template .e-list-wrapper,
3343
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3217
3344
  height: inherit;
3218
3345
  position: relative;
3219
3346
  }
3220
3347
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3221
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3348
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3349
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3222
3350
  padding: 8px 16px;
3223
3351
  }
3224
3352
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3225
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
3353
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3354
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3226
3355
  padding: 4px;
3227
3356
  }
3228
3357
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3229
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3358
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3359
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3230
3360
  color: #212529;
3231
3361
  display: block;
3232
3362
  font-size: 14px;
@@ -3238,7 +3368,8 @@ ejs-listbox {
3238
3368
  white-space: nowrap;
3239
3369
  }
3240
3370
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3241
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3371
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3372
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3242
3373
  color: #495057;
3243
3374
  display: block;
3244
3375
  font-size: 14px;
@@ -3247,13 +3378,15 @@ ejs-listbox {
3247
3378
  word-wrap: break-word;
3248
3379
  }
3249
3380
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3250
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3381
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3382
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3251
3383
  overflow: hidden;
3252
3384
  text-overflow: ellipsis;
3253
3385
  white-space: nowrap;
3254
3386
  }
3255
3387
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3256
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3388
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3389
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3257
3390
  height: 40px;
3258
3391
  left: 0;
3259
3392
  position: absolute;
@@ -3261,17 +3394,20 @@ ejs-listbox {
3261
3394
  width: 40px;
3262
3395
  }
3263
3396
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3264
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3397
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3398
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3265
3399
  padding-left: 68px;
3266
3400
  padding-right: 16px;
3267
3401
  }
3268
3402
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3269
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3403
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3404
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3270
3405
  padding-left: 16px;
3271
3406
  padding-right: 68px;
3272
3407
  }
3273
3408
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3274
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3409
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3410
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3275
3411
  height: 40px;
3276
3412
  position: absolute;
3277
3413
  right: 0;
@@ -3279,15 +3415,18 @@ ejs-listbox {
3279
3415
  width: 40px;
3280
3416
  }
3281
3417
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3282
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3418
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3419
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3283
3420
  top: 0;
3284
3421
  }
3285
3422
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3286
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3423
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3424
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3287
3425
  top: 0;
3288
3426
  }
3289
3427
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3290
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3428
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3429
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3291
3430
  font-size: 10px;
3292
3431
  height: 18px;
3293
3432
  line-height: 16px;
@@ -3299,17 +3438,20 @@ ejs-listbox {
3299
3438
  width: 32px;
3300
3439
  }
3301
3440
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3302
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3441
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3442
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3303
3443
  padding-left: 68px;
3304
3444
  padding-right: 10px;
3305
3445
  }
3306
3446
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3307
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3447
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3448
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3308
3449
  padding-left: 16px;
3309
3450
  padding-right: 10px;
3310
3451
  }
3311
3452
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3312
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3453
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3454
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3313
3455
  display: block;
3314
3456
  margin: 0;
3315
3457
  overflow: hidden;
@@ -3318,57 +3460,92 @@ ejs-listbox {
3318
3460
  white-space: nowrap;
3319
3461
  }
3320
3462
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3321
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3463
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3464
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3322
3465
  color: #212529;
3323
3466
  }
3324
3467
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3325
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3468
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3469
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3326
3470
  color: #212529;
3327
3471
  }
3328
3472
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3329
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
3473
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3474
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3330
3475
  color: rgba(33, 37, 41, 0.87);
3331
3476
  }
3332
3477
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3333
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
3478
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3479
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3334
3480
  color: rgba(33, 37, 41, 0.87);
3335
3481
  }
3336
3482
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3337
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3483
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3484
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3338
3485
  left: inherit;
3339
3486
  right: 0;
3340
3487
  }
3341
3488
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3342
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3489
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3490
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3343
3491
  padding-left: 16px;
3344
3492
  padding-right: 68px;
3345
3493
  }
3346
3494
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3347
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3495
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3496
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3348
3497
  padding-left: 68px;
3349
3498
  padding-right: 16px;
3350
3499
  }
3351
3500
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3352
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3501
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3502
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3353
3503
  left: 0;
3354
3504
  right: inherit;
3355
3505
  }
3356
3506
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3357
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3507
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3508
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3358
3509
  left: 12px;
3359
3510
  right: inherit;
3360
3511
  }
3361
3512
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3362
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3513
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3514
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3363
3515
  padding-left: 10px;
3364
3516
  padding-right: 68px;
3365
3517
  }
3366
3518
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3367
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3519
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3520
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3368
3521
  padding-left: 10px;
3369
3522
  padding-right: 16px;
3370
3523
  }
3371
3524
 
3525
+ .e-listbox-container.e-filter-list .e-list-parent {
3526
+ height: 100%;
3527
+ }
3528
+
3529
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3530
+ height: 100%;
3531
+ }
3532
+
3533
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3534
+ height: 100%;
3535
+ }
3536
+
3537
+ .e-listbox-container.e-filter-list .e-list-wrap {
3538
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3539
+ }
3540
+
3541
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3542
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3543
+ }
3544
+
3545
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3546
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3547
+ }
3548
+
3372
3549
  /* stylelint-disable-line no-empty-source */
3373
3550
  /* stylelint-disable property-no-vendor-prefix */
3374
3551
  @keyframes material-spinner-rotate {