@syncfusion/ej2-dropdowns 20.4.53 → 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 (515) hide show
  1. package/CHANGELOG.md +2085 -2075
  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 +65 -53
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +183 -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/drop-down-base/drop-down-base-model.d.ts +196 -196
  24. package/src/drop-down-base/drop-down-base.d.ts +15 -15
  25. package/src/drop-down-base/drop-down-base.js +20 -20
  26. package/src/drop-down-list/drop-down-list-model.d.ts +194 -194
  27. package/src/drop-down-list/drop-down-list.d.ts +4 -5
  28. package/src/drop-down-list/drop-down-list.js +36 -24
  29. package/src/drop-down-tree/drop-down-tree-model.d.ts +445 -445
  30. package/src/drop-down-tree/drop-down-tree.js +20 -20
  31. package/src/global.d.ts +1 -0
  32. package/src/list-box/list-box-model.d.ts +194 -194
  33. package/src/list-box/list-box.d.ts +2 -2
  34. package/src/list-box/list-box.js +19 -19
  35. package/src/mention/mention-model.d.ts +259 -259
  36. package/src/mention/mention.js +19 -19
  37. package/src/multi-select/multi-select-model.d.ts +505 -505
  38. package/src/multi-select/multi-select.js +19 -19
  39. package/styles/auto-complete/_all.scss +1 -1
  40. package/styles/auto-complete/_bds-definition.scss +2 -0
  41. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  42. package/styles/auto-complete/_bootstrap-definition.scss +2 -2
  43. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  44. package/styles/auto-complete/_bootstrap5-definition.scss +2 -2
  45. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  46. package/styles/auto-complete/_fabric-definition.scss +2 -2
  47. package/styles/auto-complete/_fluent-definition.scss +2 -2
  48. package/styles/auto-complete/_fusionnew-definition.scss +2 -2
  49. package/styles/auto-complete/_highcontrast-definition.scss +2 -2
  50. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  51. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  52. package/styles/auto-complete/_material-definition.scss +2 -2
  53. package/styles/auto-complete/_material3-dark-definition.scss +1 -0
  54. package/styles/auto-complete/_material3-definition.scss +2 -2
  55. package/styles/auto-complete/_tailwind-definition.scss +2 -2
  56. package/styles/auto-complete/bootstrap-dark.scss +1 -1
  57. package/styles/auto-complete/bootstrap.scss +1 -1
  58. package/styles/auto-complete/bootstrap4.css +13 -2
  59. package/styles/auto-complete/bootstrap4.scss +1 -1
  60. package/styles/auto-complete/bootstrap5-dark.scss +1 -1
  61. package/styles/auto-complete/bootstrap5.scss +1 -1
  62. package/styles/auto-complete/fabric-dark.scss +1 -1
  63. package/styles/auto-complete/fabric.scss +1 -1
  64. package/styles/auto-complete/fluent-dark.scss +1 -1
  65. package/styles/auto-complete/fluent.scss +1 -1
  66. package/styles/auto-complete/highcontrast-light.scss +1 -1
  67. package/styles/auto-complete/highcontrast.scss +1 -1
  68. package/styles/auto-complete/material-dark.css +0 -1
  69. package/styles/auto-complete/material-dark.scss +1 -1
  70. package/styles/auto-complete/material.css +0 -1
  71. package/styles/auto-complete/material.scss +1 -1
  72. package/styles/auto-complete/material3-dark.css +197 -0
  73. package/styles/auto-complete/material3-dark.scss +5 -0
  74. package/styles/auto-complete/material3.css +253 -0
  75. package/styles/auto-complete/material3.scss +5 -0
  76. package/styles/auto-complete/tailwind-dark.css +0 -1
  77. package/styles/auto-complete/tailwind-dark.scss +1 -1
  78. package/styles/auto-complete/tailwind.css +0 -1
  79. package/styles/auto-complete/tailwind.scss +1 -1
  80. package/styles/bootstrap-dark.css +309 -138
  81. package/styles/bootstrap.css +306 -129
  82. package/styles/bootstrap4.css +340 -141
  83. package/styles/bootstrap5-dark.css +310 -133
  84. package/styles/bootstrap5.css +310 -133
  85. package/styles/combo-box/_all.scss +1 -1
  86. package/styles/combo-box/_bds-definition.scss +2 -0
  87. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  88. package/styles/combo-box/_bootstrap-definition.scss +2 -2
  89. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  90. package/styles/combo-box/_bootstrap5-definition.scss +2 -2
  91. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  92. package/styles/combo-box/_fabric-definition.scss +2 -2
  93. package/styles/combo-box/_fluent-definition.scss +2 -2
  94. package/styles/combo-box/_fusionnew-definition.scss +2 -2
  95. package/styles/combo-box/_highcontrast-definition.scss +2 -2
  96. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  97. package/styles/combo-box/_material-dark-definition.scss +2 -2
  98. package/styles/combo-box/_material-definition.scss +2 -2
  99. package/styles/combo-box/_material3-dark-definition.scss +1 -0
  100. package/styles/combo-box/_material3-definition.scss +2 -2
  101. package/styles/combo-box/_tailwind-definition.scss +2 -2
  102. package/styles/combo-box/bootstrap-dark.scss +1 -1
  103. package/styles/combo-box/bootstrap.scss +1 -1
  104. package/styles/combo-box/bootstrap4.css +13 -2
  105. package/styles/combo-box/bootstrap4.scss +1 -1
  106. package/styles/combo-box/bootstrap5-dark.scss +1 -1
  107. package/styles/combo-box/bootstrap5.scss +1 -1
  108. package/styles/combo-box/fabric-dark.scss +1 -1
  109. package/styles/combo-box/fabric.scss +1 -1
  110. package/styles/combo-box/fluent-dark.scss +1 -1
  111. package/styles/combo-box/fluent.scss +1 -1
  112. package/styles/combo-box/highcontrast-light.scss +1 -1
  113. package/styles/combo-box/highcontrast.scss +1 -1
  114. package/styles/combo-box/material-dark.css +0 -1
  115. package/styles/combo-box/material-dark.scss +1 -1
  116. package/styles/combo-box/material.css +0 -1
  117. package/styles/combo-box/material.scss +1 -1
  118. package/styles/combo-box/material3-dark.css +197 -0
  119. package/styles/combo-box/material3-dark.scss +5 -0
  120. package/styles/combo-box/material3.css +253 -0
  121. package/styles/combo-box/material3.scss +5 -0
  122. package/styles/combo-box/tailwind-dark.css +0 -1
  123. package/styles/combo-box/tailwind-dark.scss +1 -1
  124. package/styles/combo-box/tailwind.css +0 -1
  125. package/styles/combo-box/tailwind.scss +1 -1
  126. package/styles/drop-down-base/_all.scss +2 -2
  127. package/styles/drop-down-base/_bds-definition.scss +134 -0
  128. package/styles/drop-down-base/_bootstrap-dark-definition.scss +83 -83
  129. package/styles/drop-down-base/_bootstrap-definition.scss +83 -83
  130. package/styles/drop-down-base/_bootstrap4-definition.scss +90 -98
  131. package/styles/drop-down-base/_bootstrap5-definition.scss +117 -117
  132. package/styles/drop-down-base/_definition.scss +23 -23
  133. package/styles/drop-down-base/_fabric-dark-definition.scss +86 -86
  134. package/styles/drop-down-base/_fabric-definition.scss +84 -84
  135. package/styles/drop-down-base/_fluent-definition.scss +121 -121
  136. package/styles/drop-down-base/_fusionnew-definition.scss +117 -117
  137. package/styles/drop-down-base/_highcontrast-definition.scss +105 -105
  138. package/styles/drop-down-base/_highcontrast-light-definition.scss +105 -105
  139. package/styles/drop-down-base/_layout.scss +187 -193
  140. package/styles/drop-down-base/_material-dark-definition.scss +86 -86
  141. package/styles/drop-down-base/_material-definition.scss +85 -85
  142. package/styles/drop-down-base/_material3-dark-definition.scss +1 -0
  143. package/styles/drop-down-base/_material3-definition.scss +87 -117
  144. package/styles/drop-down-base/_tailwind-definition.scss +129 -129
  145. package/styles/drop-down-base/_theme.scss +391 -328
  146. package/styles/drop-down-base/bootstrap-dark.css +6 -10
  147. package/styles/drop-down-base/bootstrap-dark.scss +1 -1
  148. package/styles/drop-down-base/bootstrap.css +6 -10
  149. package/styles/drop-down-base/bootstrap.scss +1 -1
  150. package/styles/drop-down-base/bootstrap4.css +6 -18
  151. package/styles/drop-down-base/bootstrap4.scss +1 -1
  152. package/styles/drop-down-base/bootstrap5-dark.css +6 -10
  153. package/styles/drop-down-base/bootstrap5-dark.scss +1 -1
  154. package/styles/drop-down-base/bootstrap5.css +6 -10
  155. package/styles/drop-down-base/bootstrap5.scss +1 -1
  156. package/styles/drop-down-base/fabric-dark.css +6 -10
  157. package/styles/drop-down-base/fabric-dark.scss +1 -1
  158. package/styles/drop-down-base/fabric.css +6 -10
  159. package/styles/drop-down-base/fabric.scss +1 -1
  160. package/styles/drop-down-base/fluent-dark.css +6 -10
  161. package/styles/drop-down-base/fluent-dark.scss +1 -1
  162. package/styles/drop-down-base/fluent.css +6 -10
  163. package/styles/drop-down-base/fluent.scss +1 -1
  164. package/styles/drop-down-base/highcontrast-light.css +6 -10
  165. package/styles/drop-down-base/highcontrast-light.scss +1 -1
  166. package/styles/drop-down-base/highcontrast.css +6 -10
  167. package/styles/drop-down-base/highcontrast.scss +1 -1
  168. package/styles/drop-down-base/material-dark.css +6 -11
  169. package/styles/drop-down-base/material-dark.scss +1 -1
  170. package/styles/drop-down-base/material.css +6 -11
  171. package/styles/drop-down-base/material.scss +1 -1
  172. package/styles/drop-down-base/material3-dark.css +430 -0
  173. package/styles/drop-down-base/material3-dark.scss +4 -0
  174. package/styles/drop-down-base/material3.css +486 -0
  175. package/styles/drop-down-base/material3.scss +4 -0
  176. package/styles/drop-down-base/tailwind-dark.css +6 -11
  177. package/styles/drop-down-base/tailwind-dark.scss +1 -1
  178. package/styles/drop-down-base/tailwind.css +6 -11
  179. package/styles/drop-down-base/tailwind.scss +1 -1
  180. package/styles/drop-down-list/_all.scss +3 -3
  181. package/styles/drop-down-list/_bds-definition.scss +134 -0
  182. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  183. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  184. package/styles/drop-down-list/_bootstrap4-definition.scss +202 -191
  185. package/styles/drop-down-list/_bootstrap5-definition.scss +201 -201
  186. package/styles/drop-down-list/_fabric-dark-definition.scss +128 -128
  187. package/styles/drop-down-list/_fabric-definition.scss +124 -124
  188. package/styles/drop-down-list/_fluent-definition.scss +185 -185
  189. package/styles/drop-down-list/_fusionnew-definition.scss +201 -201
  190. package/styles/drop-down-list/_highcontrast-definition.scss +142 -142
  191. package/styles/drop-down-list/_highcontrast-light-definition.scss +144 -144
  192. package/styles/drop-down-list/_layout.scss +315 -299
  193. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  194. package/styles/drop-down-list/_material-definition.scss +167 -167
  195. package/styles/drop-down-list/_material3-dark-definition.scss +1 -0
  196. package/styles/drop-down-list/_material3-definition.scss +180 -201
  197. package/styles/drop-down-list/_tailwind-definition.scss +134 -134
  198. package/styles/drop-down-list/_theme.scss +10 -10
  199. package/styles/drop-down-list/bootstrap-dark.css +5 -3
  200. package/styles/drop-down-list/bootstrap-dark.scss +1 -1
  201. package/styles/drop-down-list/bootstrap.css +5 -3
  202. package/styles/drop-down-list/bootstrap.scss +1 -1
  203. package/styles/drop-down-list/bootstrap4.css +19 -14
  204. package/styles/drop-down-list/bootstrap4.scss +1 -1
  205. package/styles/drop-down-list/bootstrap5-dark.css +5 -3
  206. package/styles/drop-down-list/bootstrap5-dark.scss +1 -1
  207. package/styles/drop-down-list/bootstrap5.css +5 -3
  208. package/styles/drop-down-list/bootstrap5.scss +1 -1
  209. package/styles/drop-down-list/fabric-dark.css +5 -3
  210. package/styles/drop-down-list/fabric-dark.scss +1 -1
  211. package/styles/drop-down-list/fabric.css +5 -3
  212. package/styles/drop-down-list/fabric.scss +1 -1
  213. package/styles/drop-down-list/fluent-dark.css +5 -3
  214. package/styles/drop-down-list/fluent-dark.scss +1 -1
  215. package/styles/drop-down-list/fluent.css +5 -3
  216. package/styles/drop-down-list/fluent.scss +1 -1
  217. package/styles/drop-down-list/highcontrast-light.css +5 -3
  218. package/styles/drop-down-list/highcontrast-light.scss +1 -1
  219. package/styles/drop-down-list/highcontrast.css +5 -3
  220. package/styles/drop-down-list/highcontrast.scss +1 -1
  221. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  222. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  223. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  224. package/styles/drop-down-list/icons/_bootstrap5.scss +14 -14
  225. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  226. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  227. package/styles/drop-down-list/icons/_fluent.scss +14 -14
  228. package/styles/drop-down-list/icons/_fusionnew.scss +14 -14
  229. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  230. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  231. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  232. package/styles/drop-down-list/icons/_material.scss +14 -14
  233. package/styles/drop-down-list/icons/_material3-dark.scss +1 -0
  234. package/styles/drop-down-list/icons/_material3.scss +14 -14
  235. package/styles/drop-down-list/icons/_tailwind.scss +14 -14
  236. package/styles/drop-down-list/material-dark.css +6 -4
  237. package/styles/drop-down-list/material-dark.scss +1 -1
  238. package/styles/drop-down-list/material.css +5 -4
  239. package/styles/drop-down-list/material.scss +1 -1
  240. package/styles/drop-down-list/material3-dark.css +507 -0
  241. package/styles/drop-down-list/material3-dark.scss +9 -0
  242. package/styles/drop-down-list/material3.css +563 -0
  243. package/styles/drop-down-list/material3.scss +9 -0
  244. package/styles/drop-down-list/tailwind-dark.css +6 -5
  245. package/styles/drop-down-list/tailwind-dark.scss +1 -1
  246. package/styles/drop-down-list/tailwind.css +6 -5
  247. package/styles/drop-down-list/tailwind.scss +1 -1
  248. package/styles/drop-down-tree/_all.scss +2 -2
  249. package/styles/drop-down-tree/_bds-definition.scss +61 -0
  250. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +71 -71
  251. package/styles/drop-down-tree/_bootstrap-definition.scss +70 -70
  252. package/styles/drop-down-tree/_bootstrap4-definition.scss +71 -71
  253. package/styles/drop-down-tree/_bootstrap5-definition.scss +59 -59
  254. package/styles/drop-down-tree/_fabric-dark-definition.scss +71 -71
  255. package/styles/drop-down-tree/_fabric-definition.scss +71 -71
  256. package/styles/drop-down-tree/_fluent-definition.scss +65 -65
  257. package/styles/drop-down-tree/_fusionnew-definition.scss +59 -59
  258. package/styles/drop-down-tree/_highcontrast-definition.scss +71 -71
  259. package/styles/drop-down-tree/_highcontrast-light-definition.scss +71 -71
  260. package/styles/drop-down-tree/_layout.scss +1423 -1386
  261. package/styles/drop-down-tree/_material-dark-definition.scss +72 -72
  262. package/styles/drop-down-tree/_material-definition.scss +72 -72
  263. package/styles/drop-down-tree/_material3-dark-definition.scss +1 -0
  264. package/styles/drop-down-tree/_material3-definition.scss +76 -60
  265. package/styles/drop-down-tree/_tailwind-definition.scss +61 -61
  266. package/styles/drop-down-tree/_theme.scss +132 -120
  267. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  268. package/styles/drop-down-tree/bootstrap-dark.scss +1 -1
  269. package/styles/drop-down-tree/bootstrap.css +4 -0
  270. package/styles/drop-down-tree/bootstrap.scss +1 -1
  271. package/styles/drop-down-tree/bootstrap4.css +4 -8
  272. package/styles/drop-down-tree/bootstrap4.scss +1 -1
  273. package/styles/drop-down-tree/bootstrap5-dark.css +4 -0
  274. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -1
  275. package/styles/drop-down-tree/bootstrap5.css +4 -0
  276. package/styles/drop-down-tree/bootstrap5.scss +1 -1
  277. package/styles/drop-down-tree/fabric-dark.css +4 -0
  278. package/styles/drop-down-tree/fabric-dark.scss +1 -1
  279. package/styles/drop-down-tree/fabric.css +4 -0
  280. package/styles/drop-down-tree/fabric.scss +1 -1
  281. package/styles/drop-down-tree/fluent-dark.css +6 -0
  282. package/styles/drop-down-tree/fluent-dark.scss +1 -1
  283. package/styles/drop-down-tree/fluent.css +6 -0
  284. package/styles/drop-down-tree/fluent.scss +1 -1
  285. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  286. package/styles/drop-down-tree/highcontrast-light.scss +1 -1
  287. package/styles/drop-down-tree/highcontrast.css +4 -0
  288. package/styles/drop-down-tree/highcontrast.scss +1 -1
  289. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  290. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  291. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  292. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  293. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  294. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  295. package/styles/drop-down-tree/icons/_fluent.scss +11 -11
  296. package/styles/drop-down-tree/icons/_fusionnew.scss +11 -11
  297. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  298. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  299. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  300. package/styles/drop-down-tree/icons/_material.scss +11 -11
  301. package/styles/drop-down-tree/icons/_material3-dark.scss +1 -0
  302. package/styles/drop-down-tree/icons/_material3.scss +11 -11
  303. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  304. package/styles/drop-down-tree/icons/_tailwind.scss +11 -11
  305. package/styles/drop-down-tree/material-dark.css +5 -1
  306. package/styles/drop-down-tree/material-dark.scss +1 -1
  307. package/styles/drop-down-tree/material.css +4 -1
  308. package/styles/drop-down-tree/material.scss +1 -1
  309. package/styles/drop-down-tree/material3-dark.css +469 -0
  310. package/styles/drop-down-tree/material3-dark.scss +10 -0
  311. package/styles/drop-down-tree/material3.css +525 -0
  312. package/styles/drop-down-tree/material3.scss +10 -0
  313. package/styles/drop-down-tree/tailwind-dark.css +4 -1
  314. package/styles/drop-down-tree/tailwind-dark.scss +1 -1
  315. package/styles/drop-down-tree/tailwind.css +4 -1
  316. package/styles/drop-down-tree/tailwind.scss +1 -1
  317. package/styles/fabric-dark.css +310 -139
  318. package/styles/fabric.css +307 -130
  319. package/styles/fluent-dark.css +315 -135
  320. package/styles/fluent.css +315 -135
  321. package/styles/highcontrast-light.css +311 -138
  322. package/styles/highcontrast.css +324 -135
  323. package/styles/list-box/_all.scss +2 -2
  324. package/styles/list-box/_bds-definition.scss +136 -0
  325. package/styles/list-box/_bootstrap-dark-definition.scss +126 -125
  326. package/styles/list-box/_bootstrap-definition.scss +119 -118
  327. package/styles/list-box/_bootstrap4-definition.scss +124 -123
  328. package/styles/list-box/_bootstrap5-definition.scss +120 -121
  329. package/styles/list-box/_fabric-dark-definition.scss +126 -125
  330. package/styles/list-box/_fabric-definition.scss +119 -118
  331. package/styles/list-box/_fluent-definition.scss +120 -121
  332. package/styles/list-box/_fusionnew-definition.scss +111 -114
  333. package/styles/list-box/_highcontrast-definition.scss +119 -118
  334. package/styles/list-box/_highcontrast-light-definition.scss +126 -125
  335. package/styles/list-box/_layout.scss +542 -534
  336. package/styles/list-box/_material-dark-definition.scss +126 -125
  337. package/styles/list-box/_material-definition.scss +119 -118
  338. package/styles/list-box/_material3-dark-definition.scss +1 -0
  339. package/styles/list-box/_material3-definition.scss +119 -120
  340. package/styles/list-box/_tailwind-definition.scss +119 -120
  341. package/styles/list-box/_theme.scss +382 -316
  342. package/styles/list-box/bootstrap-dark.css +276 -113
  343. package/styles/list-box/bootstrap-dark.scss +1 -1
  344. package/styles/list-box/bootstrap.css +278 -114
  345. package/styles/list-box/bootstrap.scss +1 -1
  346. package/styles/list-box/bootstrap4.css +279 -123
  347. package/styles/list-box/bootstrap4.scss +1 -1
  348. package/styles/list-box/bootstrap5-dark.css +277 -114
  349. package/styles/list-box/bootstrap5-dark.scss +1 -1
  350. package/styles/list-box/bootstrap5.css +277 -114
  351. package/styles/list-box/bootstrap5.scss +1 -1
  352. package/styles/list-box/fabric-dark.css +276 -113
  353. package/styles/list-box/fabric-dark.scss +1 -1
  354. package/styles/list-box/fabric.css +278 -114
  355. package/styles/list-box/fabric.scss +1 -1
  356. package/styles/list-box/fluent-dark.css +279 -115
  357. package/styles/list-box/fluent-dark.scss +1 -1
  358. package/styles/list-box/fluent.css +279 -115
  359. package/styles/list-box/fluent.scss +1 -1
  360. package/styles/list-box/highcontrast-light.css +276 -113
  361. package/styles/list-box/highcontrast-light.scss +1 -1
  362. package/styles/list-box/highcontrast.css +278 -114
  363. package/styles/list-box/highcontrast.scss +1 -1
  364. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  365. package/styles/list-box/icons/_bootstrap.scss +25 -25
  366. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  367. package/styles/list-box/icons/_bootstrap5.scss +25 -25
  368. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  369. package/styles/list-box/icons/_fabric.scss +25 -25
  370. package/styles/list-box/icons/_fluent.scss +25 -25
  371. package/styles/list-box/icons/_fusionnew.scss +25 -25
  372. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  373. package/styles/list-box/icons/_highcontrast.scss +25 -25
  374. package/styles/list-box/icons/_material-dark.scss +25 -25
  375. package/styles/list-box/icons/_material.scss +25 -25
  376. package/styles/list-box/icons/_material3-dark.scss +1 -0
  377. package/styles/list-box/icons/_material3.scss +25 -25
  378. package/styles/list-box/icons/_tailwind-dark.scss +25 -25
  379. package/styles/list-box/icons/_tailwind.scss +25 -25
  380. package/styles/list-box/material-dark.css +277 -115
  381. package/styles/list-box/material-dark.scss +1 -1
  382. package/styles/list-box/material.css +279 -116
  383. package/styles/list-box/material.scss +1 -1
  384. package/styles/list-box/material3-dark.css +1010 -0
  385. package/styles/list-box/material3-dark.scss +6 -0
  386. package/styles/list-box/material3.css +1066 -0
  387. package/styles/list-box/material3.scss +6 -0
  388. package/styles/list-box/tailwind-dark.css +279 -116
  389. package/styles/list-box/tailwind-dark.scss +1 -1
  390. package/styles/list-box/tailwind.css +279 -116
  391. package/styles/list-box/tailwind.scss +1 -1
  392. package/styles/material-dark.css +311 -144
  393. package/styles/material.css +311 -135
  394. package/styles/material3-dark.css +4723 -0
  395. package/styles/material3-dark.scss +10 -0
  396. package/styles/material3.css +4779 -0
  397. package/styles/material3.scss +10 -0
  398. package/styles/mention/_all.scss +1 -1
  399. package/styles/mention/_bds-definition.scss +1 -0
  400. package/styles/mention/_bootstrap-dark-definition.scss +3 -3
  401. package/styles/mention/_bootstrap-definition.scss +3 -3
  402. package/styles/mention/_bootstrap4-definition.scss +3 -3
  403. package/styles/mention/_bootstrap5-definition.scss +1 -1
  404. package/styles/mention/_fabric-dark-definition.scss +2 -2
  405. package/styles/mention/_fabric-definition.scss +3 -3
  406. package/styles/mention/_fluent-definition.scss +1 -1
  407. package/styles/mention/_fusionnew-definition.scss +1 -1
  408. package/styles/mention/_highcontrast-definition.scss +3 -3
  409. package/styles/mention/_highcontrast-light-definition.scss +3 -3
  410. package/styles/mention/_layout.scss +6 -6
  411. package/styles/mention/_material-dark-definition.scss +3 -3
  412. package/styles/mention/_material-definition.scss +3 -3
  413. package/styles/mention/_material3-dark-definition.scss +1 -0
  414. package/styles/mention/_material3-definition.scss +1 -1
  415. package/styles/mention/_tailwind-definition.scss +1 -1
  416. package/styles/mention/bootstrap-dark.scss +1 -1
  417. package/styles/mention/bootstrap.scss +1 -1
  418. package/styles/mention/bootstrap4.css +0 -8
  419. package/styles/mention/bootstrap4.scss +1 -1
  420. package/styles/mention/bootstrap5-dark.scss +1 -1
  421. package/styles/mention/bootstrap5.scss +1 -1
  422. package/styles/mention/fabric-dark.scss +1 -1
  423. package/styles/mention/fabric.scss +1 -1
  424. package/styles/mention/fluent-dark.scss +1 -1
  425. package/styles/mention/fluent.scss +1 -1
  426. package/styles/mention/highcontrast-light.scss +1 -1
  427. package/styles/mention/highcontrast.scss +1 -1
  428. package/styles/mention/material-dark.css +0 -1
  429. package/styles/mention/material-dark.scss +1 -1
  430. package/styles/mention/material.css +0 -1
  431. package/styles/mention/material.scss +1 -1
  432. package/styles/mention/material3-dark.css +86 -0
  433. package/styles/mention/material3-dark.scss +7 -0
  434. package/styles/mention/material3.css +142 -0
  435. package/styles/mention/material3.scss +7 -0
  436. package/styles/mention/tailwind-dark.css +0 -1
  437. package/styles/mention/tailwind-dark.scss +1 -1
  438. package/styles/mention/tailwind.css +0 -1
  439. package/styles/mention/tailwind.scss +1 -1
  440. package/styles/multi-select/_all.scss +2 -2
  441. package/styles/multi-select/_bds-definition.scss +235 -0
  442. package/styles/multi-select/_bootstrap-dark-definition.scss +203 -196
  443. package/styles/multi-select/_bootstrap-definition.scss +192 -190
  444. package/styles/multi-select/_bootstrap4-definition.scss +278 -257
  445. package/styles/multi-select/_bootstrap5-definition.scss +230 -227
  446. package/styles/multi-select/_fabric-dark-definition.scss +192 -185
  447. package/styles/multi-select/_fabric-definition.scss +183 -181
  448. package/styles/multi-select/_fluent-definition.scss +241 -238
  449. package/styles/multi-select/_fusionnew-definition.scss +227 -227
  450. package/styles/multi-select/_highcontrast-definition.scss +303 -294
  451. package/styles/multi-select/_highcontrast-light-definition.scss +297 -293
  452. package/styles/multi-select/_layout.scss +2199 -2016
  453. package/styles/multi-select/_material-dark-definition.scss +230 -228
  454. package/styles/multi-select/_material-definition.scss +223 -221
  455. package/styles/multi-select/_material3-dark-definition.scss +1 -0
  456. package/styles/multi-select/_material3-definition.scss +246 -226
  457. package/styles/multi-select/_tailwind-definition.scss +235 -232
  458. package/styles/multi-select/_theme.scss +586 -492
  459. package/styles/multi-select/bootstrap-dark.css +18 -2
  460. package/styles/multi-select/bootstrap-dark.scss +1 -1
  461. package/styles/multi-select/bootstrap.css +13 -2
  462. package/styles/multi-select/bootstrap.scss +1 -1
  463. package/styles/multi-select/bootstrap4.css +32 -10
  464. package/styles/multi-select/bootstrap4.scss +1 -1
  465. package/styles/multi-select/bootstrap5-dark.css +18 -6
  466. package/styles/multi-select/bootstrap5-dark.scss +1 -1
  467. package/styles/multi-select/bootstrap5.css +18 -6
  468. package/styles/multi-select/bootstrap5.scss +1 -1
  469. package/styles/multi-select/fabric-dark.css +19 -3
  470. package/styles/multi-select/fabric-dark.scss +1 -1
  471. package/styles/multi-select/fabric.css +14 -3
  472. package/styles/multi-select/fabric.scss +1 -1
  473. package/styles/multi-select/fluent-dark.css +19 -7
  474. package/styles/multi-select/fluent-dark.scss +1 -1
  475. package/styles/multi-select/fluent.css +19 -7
  476. package/styles/multi-select/fluent.scss +1 -1
  477. package/styles/multi-select/highcontrast-light.css +20 -2
  478. package/styles/multi-select/highcontrast-light.scss +1 -1
  479. package/styles/multi-select/highcontrast.css +31 -8
  480. package/styles/multi-select/highcontrast.scss +1 -1
  481. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  482. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  483. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  484. package/styles/multi-select/icons/_bootstrap5.scss +26 -26
  485. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  486. package/styles/multi-select/icons/_fabric.scss +26 -26
  487. package/styles/multi-select/icons/_fluent.scss +55 -55
  488. package/styles/multi-select/icons/_fusionnew.scss +26 -26
  489. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  490. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  491. package/styles/multi-select/icons/_material-dark.scss +693 -693
  492. package/styles/multi-select/icons/_material.scss +693 -693
  493. package/styles/multi-select/icons/_material3-dark.scss +1 -0
  494. package/styles/multi-select/icons/_material3.scss +692 -26
  495. package/styles/multi-select/icons/_tailwind.scss +26 -26
  496. package/styles/multi-select/material-dark.css +17 -7
  497. package/styles/multi-select/material-dark.scss +1 -1
  498. package/styles/multi-select/material.css +17 -7
  499. package/styles/multi-select/material.scss +1 -1
  500. package/styles/multi-select/material3-dark.css +2550 -0
  501. package/styles/multi-select/material3-dark.scss +10 -0
  502. package/styles/multi-select/material3.css +2606 -0
  503. package/styles/multi-select/material3.scss +10 -0
  504. package/styles/multi-select/tailwind-dark.css +17 -5
  505. package/styles/multi-select/tailwind-dark.scss +1 -1
  506. package/styles/multi-select/tailwind.css +17 -5
  507. package/styles/multi-select/tailwind.scss +1 -1
  508. package/styles/tailwind-dark.css +312 -141
  509. package/styles/tailwind.css +312 -141
  510. package/.eslintrc.json +0 -259
  511. package/dist/ej2-dropdowns.min.js +0 -10
  512. package/dist/global/ej2-dropdowns.min.js +0 -11
  513. package/dist/global/ej2-dropdowns.min.js.map +0 -1
  514. package/dist/global/index.d.ts +0 -14
  515. package/tslint.json +0 -111
@@ -2,14 +2,6 @@
2
2
  padding: 0 8px 0 0;
3
3
  }
4
4
 
5
- .e-bigger .e-content.e-dropdownbase {
6
- padding: 8px 0;
7
- }
8
-
9
- .e-content.e-dropdownbase {
10
- padding: 6px 0;
11
- }
12
-
13
5
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
14
6
  font-size: 16px;
15
7
  }
@@ -86,9 +78,6 @@
86
78
  position: absolute;
87
79
  top: 0;
88
80
  }
89
- .e-rtl .e-dropdownbase .e-fixed-head {
90
- left: 33px;
91
- }
92
81
 
93
82
  .e-dropdownbase.e-content {
94
83
  overflow: auto;
@@ -128,11 +117,6 @@
128
117
  cursor: default;
129
118
  }
130
119
 
131
- .e-mention .e-mention-chip::selection {
132
- color: #fff;
133
- background: #007bff;
134
- }
135
-
136
120
  .e-mention.e-editable-element {
137
121
  border: 2px solid rgba(0, 0, 0, 0.15);
138
122
  height: auto;
@@ -208,7 +192,6 @@
208
192
  .e-dropdownbase .e-list-item {
209
193
  /* stylelint-disable property-no-vendor-prefix */
210
194
  -webkit-tap-highlight-color: transparent;
211
- background-color: #fff;
212
195
  border-bottom: 1px;
213
196
  border-color: #fff;
214
197
  color: #212529;
@@ -218,11 +201,11 @@
218
201
  min-height: 26px;
219
202
  padding-right: 24px;
220
203
  text-indent: 20px;
204
+ background-color: #fff;
221
205
  }
222
206
 
223
207
  .e-dropdownbase .e-list-group-item,
224
208
  .e-fixed-head {
225
- background-color: #fff;
226
209
  border-color: #fff;
227
210
  color: #6c757d;
228
211
  font-family: inherit;
@@ -232,6 +215,7 @@
232
215
  min-height: 26px;
233
216
  padding-left: 20px;
234
217
  padding-right: 24px;
218
+ background-color: #fff;
235
219
  }
236
220
 
237
221
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -393,6 +377,10 @@
393
377
  color: #212529;
394
378
  }
395
379
 
380
+ .e-selectall-parent.e-item-focus {
381
+ background-color: #f2f4f6;
382
+ }
383
+
396
384
  /* stylelint-disable property-no-vendor-prefix */
397
385
  /* stylelint-disable property-no-vendor-prefix */
398
386
  @keyframes material-spinner-rotate {
@@ -520,13 +508,24 @@
520
508
  }
521
509
 
522
510
  .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
523
- font-size: 8px;
511
+ font-size: 12px;
512
+ }
513
+
514
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
515
+ .e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
516
+ font-size: 14px;
524
517
  }
525
518
 
526
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
519
+ .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
520
+ .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
527
521
  font-size: 10px;
528
522
  }
529
523
 
524
+ .e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
525
+ .e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
526
+ font-size: 12px;
527
+ }
528
+
530
529
  .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
531
530
  font-size: 14px;
532
531
  line-height: 34px;
@@ -579,6 +578,11 @@
579
578
  .e-bigger.e-ddl.e-popup .e-list-group-item {
580
579
  font-size: 16px;
581
580
  }
581
+ .e-popup.e-ddl-device.e-popup-close {
582
+ display: block;
583
+ visibility: hidden;
584
+ }
585
+
582
586
  .e-popup-full-page {
583
587
  bottom: 0;
584
588
  left: 0;
@@ -591,9 +595,6 @@
591
595
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
592
596
  margin: 0;
593
597
  }
594
- .e-popup-full-page .e-popup-full-page.e-ios {
595
- position: fixed;
596
- }
597
598
 
598
599
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
599
600
  position: relative;
@@ -622,7 +623,7 @@
622
623
  border-top-width: 0;
623
624
  box-shadow: none;
624
625
  display: block;
625
- padding: 0;
626
+ padding: 6px;
626
627
  }
627
628
 
628
629
  .e-ddl.e-input-group:not(.e-disabled) {
@@ -876,6 +877,10 @@ ejs-dropdownlist {
876
877
  padding-left: 0;
877
878
  padding-right: 0;
878
879
  }
880
+ .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 {
881
+ display: -ms-flexbox;
882
+ display: flex;
883
+ }
879
884
  .e-ddt .e-chips-wrapper {
880
885
  width: 100%;
881
886
  }
@@ -1280,6 +1285,25 @@ ejs-dropdownlist {
1280
1285
  border-right-width: 0;
1281
1286
  }
1282
1287
 
1288
+ .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1289
+ font-size: 12px;
1290
+ }
1291
+
1292
+ .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1293
+ .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1294
+ font-size: 14px;
1295
+ }
1296
+
1297
+ .e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1298
+ .e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1299
+ font-size: 10px;
1300
+ }
1301
+
1302
+ .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1303
+ .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1304
+ font-size: 12px;
1305
+ }
1306
+
1283
1307
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1284
1308
  border-left-width: 0;
1285
1309
  border-radius: 4px 0 0 4px;
@@ -1525,7 +1549,8 @@ ejs-dropdownlist {
1525
1549
  padding: 0 0 0 48px;
1526
1550
  }
1527
1551
 
1528
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1552
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1553
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1529
1554
  margin-top: -2.25em;
1530
1555
  }
1531
1556
 
@@ -1639,8 +1664,8 @@ ejs-dropdownlist {
1639
1664
  margin-top: -2.9em;
1640
1665
  position: absolute;
1641
1666
  right: 0;
1642
- top: 100%;
1643
1667
  width: auto;
1668
+ top: 100%;
1644
1669
  }
1645
1670
 
1646
1671
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -2079,6 +2104,11 @@ ejs-multiselect {
2079
2104
  margin-top: -2.4em;
2080
2105
  }
2081
2106
 
2107
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2108
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2109
+ margin-top: -1.85em;
2110
+ }
2111
+
2082
2112
  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2083
2113
  padding: 0 8px 0 8px;
2084
2114
  }
@@ -2088,6 +2118,11 @@ ejs-multiselect {
2088
2118
  line-height: 34px;
2089
2119
  }
2090
2120
 
2121
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2122
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2123
+ margin-top: -2.85em;
2124
+ }
2125
+
2091
2126
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2092
2127
  height: 24px;
2093
2128
  width: auto;
@@ -2626,7 +2661,8 @@ ejs-multiselect {
2626
2661
 
2627
2662
  /* stylelint-disable property-no-vendor-prefix */
2628
2663
  .e-listbox-wrapper,
2629
- .e-listbox-container {
2664
+ .e-listbox-container,
2665
+ .e-listboxtool-wrapper {
2630
2666
  -webkit-overflow-scrolling: touch;
2631
2667
  box-sizing: border-box;
2632
2668
  cursor: pointer;
@@ -2638,24 +2674,29 @@ ejs-multiselect {
2638
2674
  width: 100%;
2639
2675
  }
2640
2676
  .e-listbox-wrapper *,
2641
- .e-listbox-container * {
2677
+ .e-listbox-container *,
2678
+ .e-listboxtool-wrapper * {
2642
2679
  box-sizing: border-box;
2643
2680
  }
2644
2681
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2645
- .e-listbox-container.e-listboxtool-container .e-list-wrap {
2682
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
2683
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2646
2684
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
2647
2685
  }
2648
2686
  .e-listbox-wrapper:focus,
2649
- .e-listbox-container:focus {
2687
+ .e-listbox-container:focus,
2688
+ .e-listboxtool-wrapper:focus {
2650
2689
  outline: none;
2651
2690
  }
2652
2691
  .e-listbox-wrapper.e-disabled,
2653
- .e-listbox-container.e-disabled {
2692
+ .e-listbox-container.e-disabled,
2693
+ .e-listboxtool-wrapper.e-disabled {
2654
2694
  cursor: default;
2655
2695
  pointer-events: none;
2656
2696
  }
2657
2697
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2658
- .e-listbox-container:not(.e-list-template) .e-list-nrt {
2698
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2699
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2659
2700
  text-align: center;
2660
2701
  }
2661
2702
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
@@ -2663,53 +2704,61 @@ ejs-multiselect {
2663
2704
  .e-listbox-wrapper .e-selectall-parent,
2664
2705
  .e-listbox-container:not(.e-list-template) .e-list-item,
2665
2706
  .e-listbox-container .e-list-nrt,
2666
- .e-listbox-container .e-selectall-parent {
2707
+ .e-listbox-container .e-selectall-parent,
2708
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2709
+ .e-listboxtool-wrapper .e-list-nrt,
2710
+ .e-listboxtool-wrapper .e-selectall-parent {
2667
2711
  height: 40px;
2668
2712
  line-height: 1.5;
2669
2713
  padding: 10px 16px 10px 16px;
2670
2714
  position: relative;
2671
2715
  }
2672
- .e-listbox-wrapper.e-filter-list,
2673
- .e-listbox-container.e-filter-list {
2674
- overflow: inherit;
2675
- }
2676
2716
  .e-listbox-wrapper .e-list-parent,
2677
- .e-listbox-container .e-list-parent {
2717
+ .e-listbox-container .e-list-parent,
2718
+ .e-listboxtool-wrapper .e-list-parent {
2678
2719
  height: 100%;
2679
2720
  min-height: 40px;
2680
2721
  }
2681
2722
  .e-listbox-wrapper .e-list-item,
2682
- .e-listbox-container .e-list-item {
2723
+ .e-listbox-container .e-list-item,
2724
+ .e-listboxtool-wrapper .e-list-item {
2683
2725
  border-bottom: 1px solid;
2684
2726
  outline: none;
2685
2727
  }
2686
2728
  .e-listbox-wrapper .e-list-item.e-disabled,
2687
- .e-listbox-container .e-list-item.e-disabled {
2729
+ .e-listbox-container .e-list-item.e-disabled,
2730
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
2688
2731
  pointer-events: none;
2689
2732
  }
2690
2733
  .e-listbox-wrapper .e-disable,
2691
- .e-listbox-container .e-disable {
2734
+ .e-listbox-container .e-disable,
2735
+ .e-listboxtool-wrapper .e-disable {
2692
2736
  opacity: 0.7;
2693
2737
  }
2694
2738
  .e-listbox-wrapper .e-list-parent,
2695
- .e-listbox-container .e-list-parent {
2739
+ .e-listbox-container .e-list-parent,
2740
+ .e-listboxtool-wrapper .e-list-parent {
2696
2741
  margin: 0;
2697
2742
  padding: 0;
2698
2743
  }
2699
2744
  .e-listbox-wrapper .e-list-header .e-text.header,
2700
- .e-listbox-container .e-list-header .e-text.header {
2745
+ .e-listbox-container .e-list-header .e-text.header,
2746
+ .e-listboxtool-wrapper .e-list-header .e-text.header {
2701
2747
  display: none;
2702
2748
  }
2703
2749
  .e-listbox-wrapper .e-icon-back,
2704
- .e-listbox-container .e-icon-back {
2750
+ .e-listbox-container .e-icon-back,
2751
+ .e-listboxtool-wrapper .e-icon-back {
2705
2752
  margin-top: 0;
2706
2753
  }
2707
2754
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2708
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
2755
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2756
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2709
2757
  display: none;
2710
2758
  }
2711
2759
  .e-listbox-wrapper .e-list-header,
2712
- .e-listbox-container .e-list-header {
2760
+ .e-listbox-container .e-list-header,
2761
+ .e-listboxtool-wrapper .e-list-header {
2713
2762
  -ms-flex-align: center;
2714
2763
  align-items: center;
2715
2764
  border-bottom: 1px solid;
@@ -2720,21 +2769,25 @@ ejs-multiselect {
2720
2769
  padding: 0 16px;
2721
2770
  }
2722
2771
  .e-listbox-wrapper .e-has-header > .e-view,
2723
- .e-listbox-container .e-has-header > .e-view {
2772
+ .e-listbox-container .e-has-header > .e-view,
2773
+ .e-listboxtool-wrapper .e-has-header > .e-view {
2724
2774
  top: 45px;
2725
2775
  }
2726
2776
  .e-listbox-wrapper .e-but-back,
2727
- .e-listbox-container .e-but-back {
2777
+ .e-listbox-container .e-but-back,
2778
+ .e-listboxtool-wrapper .e-but-back {
2728
2779
  cursor: pointer;
2729
2780
  padding-right: 10px;
2730
2781
  }
2731
2782
  .e-listbox-wrapper .e-list-group-item:first-child,
2732
- .e-listbox-container .e-list-group-item:first-child {
2783
+ .e-listbox-container .e-list-group-item:first-child,
2784
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
2733
2785
  border: 0;
2734
2786
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
2735
2787
  }
2736
2788
  .e-listbox-wrapper .e-list-group-item,
2737
- .e-listbox-container .e-list-group-item {
2789
+ .e-listbox-container .e-list-group-item,
2790
+ .e-listboxtool-wrapper .e-list-group-item {
2738
2791
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
2739
2792
  border-top: 0 solid;
2740
2793
  font-weight: 600;
@@ -2743,7 +2796,8 @@ ejs-multiselect {
2743
2796
  padding: 10px 16px 10px 16px;
2744
2797
  }
2745
2798
  .e-listbox-wrapper .e-icon-collapsible,
2746
- .e-listbox-container .e-icon-collapsible {
2799
+ .e-listbox-container .e-icon-collapsible,
2800
+ .e-listboxtool-wrapper .e-icon-collapsible {
2747
2801
  cursor: pointer;
2748
2802
  font-size: 12px;
2749
2803
  position: absolute;
@@ -2752,42 +2806,51 @@ ejs-multiselect {
2752
2806
  transform: translateY(-50%);
2753
2807
  }
2754
2808
  .e-listbox-wrapper .e-text-content,
2755
- .e-listbox-container .e-text-content {
2809
+ .e-listbox-container .e-text-content,
2810
+ .e-listboxtool-wrapper .e-text-content {
2756
2811
  height: 100%;
2757
2812
  position: relative;
2758
2813
  vertical-align: middle;
2759
2814
  }
2760
2815
  .e-listbox-wrapper .e-text-content *,
2761
- .e-listbox-container .e-text-content * {
2816
+ .e-listbox-container .e-text-content *,
2817
+ .e-listboxtool-wrapper .e-text-content * {
2762
2818
  display: inline-block;
2763
2819
  vertical-align: middle;
2764
2820
  }
2765
2821
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2766
- .e-listbox-container .e-text-content.e-checkbox .e-list-text {
2822
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2823
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2767
2824
  width: calc(100% - 40px);
2768
2825
  }
2769
2826
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2770
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2827
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2828
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2771
2829
  width: calc(100% - 90px);
2772
2830
  }
2773
2831
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2774
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2832
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2833
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2775
2834
  width: calc(100% - 80px);
2776
2835
  }
2777
2836
  .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,
2778
- .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 {
2837
+ .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,
2838
+ .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 {
2779
2839
  width: calc(100% - 92px);
2780
2840
  }
2781
2841
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2782
- .e-listbox-container .e-checkbox .e-checkbox-left {
2842
+ .e-listbox-container .e-checkbox .e-checkbox-left,
2843
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2783
2844
  margin: 0 10px 0 0;
2784
2845
  }
2785
2846
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2786
- .e-listbox-container .e-checkbox .e-checkbox-right {
2847
+ .e-listbox-container .e-checkbox .e-checkbox-right,
2848
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2787
2849
  margin: 0 0 0 10px;
2788
2850
  }
2789
2851
  .e-listbox-wrapper .e-list-text,
2790
- .e-listbox-container .e-list-text {
2852
+ .e-listbox-container .e-list-text,
2853
+ .e-listboxtool-wrapper .e-list-text {
2791
2854
  cursor: pointer;
2792
2855
  display: inline-block;
2793
2856
  overflow: hidden;
@@ -2797,107 +2860,129 @@ ejs-multiselect {
2797
2860
  width: 100%;
2798
2861
  }
2799
2862
  .e-listbox-wrapper .e-list-icon + .e-list-text,
2800
- .e-listbox-container .e-list-icon + .e-list-text {
2863
+ .e-listbox-container .e-list-icon + .e-list-text,
2864
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2801
2865
  width: calc(100% - 60px);
2802
2866
  }
2803
2867
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2804
- .e-listbox-container .e-icon-wrapper .e-list-text {
2868
+ .e-listbox-container .e-icon-wrapper .e-list-text,
2869
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2805
2870
  width: calc(100% - 60px);
2806
2871
  }
2807
2872
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2808
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2873
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2874
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2809
2875
  width: calc(100% - 60px);
2810
2876
  }
2811
2877
  .e-listbox-wrapper .e-list-icon,
2812
- .e-listbox-container .e-list-icon {
2878
+ .e-listbox-container .e-list-icon,
2879
+ .e-listboxtool-wrapper .e-list-icon {
2813
2880
  height: 30px;
2814
2881
  margin-right: 10px;
2815
2882
  width: 30px;
2816
2883
  }
2817
2884
  .e-listbox-wrapper .e-content,
2818
- .e-listbox-container .e-content {
2885
+ .e-listbox-container .e-content,
2886
+ .e-listboxtool-wrapper .e-content {
2819
2887
  overflow: hidden;
2820
2888
  position: relative;
2821
2889
  }
2822
2890
  .e-listbox-wrapper .e-list-header .e-text,
2823
- .e-listbox-container .e-list-header .e-text {
2891
+ .e-listbox-container .e-list-header .e-text,
2892
+ .e-listboxtool-wrapper .e-list-header .e-text {
2824
2893
  cursor: pointer;
2825
2894
  text-indent: 0;
2826
2895
  }
2827
2896
  .e-listbox-wrapper .e-text .e-headertext,
2828
- .e-listbox-container .e-text .e-headertext {
2897
+ .e-listbox-container .e-text .e-headertext,
2898
+ .e-listboxtool-wrapper .e-text .e-headertext {
2829
2899
  display: inline-block;
2830
2900
  line-height: 1.2;
2831
2901
  }
2832
2902
  .e-listbox-wrapper.e-rtl,
2833
- .e-listbox-container.e-rtl {
2903
+ .e-listbox-container.e-rtl,
2904
+ .e-listboxtool-wrapper.e-rtl {
2834
2905
  direction: rtl;
2835
2906
  }
2836
2907
  .e-listbox-wrapper.e-rtl .e-list-icon,
2837
- .e-listbox-container.e-rtl .e-list-icon {
2908
+ .e-listbox-container.e-rtl .e-list-icon,
2909
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
2838
2910
  margin-left: 16px;
2839
2911
  margin-right: 0;
2840
2912
  }
2841
2913
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2842
- .e-listbox-container.e-rtl .e-icon-collapsible {
2914
+ .e-listbox-container.e-rtl .e-icon-collapsible,
2915
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2843
2916
  left: 0%;
2844
2917
  right: initial;
2845
2918
  top: 50%;
2846
2919
  transform: translateY(-50%) rotate(180deg);
2847
2920
  }
2848
2921
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2849
- .e-listbox-container.e-rtl .e-list-header .e-text {
2922
+ .e-listbox-container.e-rtl .e-list-header .e-text,
2923
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2850
2924
  cursor: pointer;
2851
2925
  }
2852
2926
  .e-listbox-wrapper.e-rtl .e-but-back,
2853
- .e-listbox-container.e-rtl .e-but-back {
2927
+ .e-listbox-container.e-rtl .e-but-back,
2928
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
2854
2929
  transform: rotate(180deg);
2855
2930
  }
2856
2931
  .e-listbox-wrapper.e-rtl .e-icon-back,
2857
- .e-listbox-container.e-rtl .e-icon-back {
2932
+ .e-listbox-container.e-rtl .e-icon-back,
2933
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
2858
2934
  margin-top: 0;
2859
2935
  }
2860
2936
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2861
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
2937
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2938
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2862
2939
  margin: 0 0 0 10px;
2863
2940
  }
2864
2941
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2865
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
2942
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
2943
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2866
2944
  margin: 0 10px 0 0;
2867
2945
  }
2868
2946
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2869
- .e-listbox-container.e-rtl .e-checkbox-wrapper {
2947
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2948
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2870
2949
  margin: 0 0 0 10px;
2871
2950
  }
2872
2951
  .e-listbox-wrapper .e-checkbox-wrapper,
2873
- .e-listbox-container .e-checkbox-wrapper {
2952
+ .e-listbox-container .e-checkbox-wrapper,
2953
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
2874
2954
  margin: 0 10px 0 0;
2875
2955
  text-indent: 0;
2876
2956
  vertical-align: middle;
2877
2957
  }
2878
2958
  .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2879
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2959
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
2960
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
2880
2961
  position: absolute;
2881
2962
  right: 0;
2882
2963
  top: 30%;
2883
2964
  }
2884
2965
  .e-listbox-wrapper .e-input-group,
2885
- .e-listbox-container .e-input-group {
2966
+ .e-listbox-container .e-input-group,
2967
+ .e-listboxtool-wrapper .e-input-group {
2886
2968
  padding: 4px 8px;
2887
2969
  }
2888
2970
  .e-listbox-wrapper .e-input-focus,
2889
- .e-listbox-container .e-input-focus {
2971
+ .e-listbox-container .e-input-focus,
2972
+ .e-listboxtool-wrapper .e-input-focus {
2890
2973
  padding: 4px 4px 4px 8px;
2891
2974
  }
2892
2975
  .e-listbox-wrapper .e-hidden-select,
2893
- .e-listbox-container .e-hidden-select {
2976
+ .e-listbox-container .e-hidden-select,
2977
+ .e-listboxtool-wrapper .e-hidden-select {
2894
2978
  height: 1px;
2895
2979
  opacity: 0;
2896
2980
  position: absolute;
2897
2981
  width: 100%;
2898
2982
  }
2899
2983
  .e-listbox-wrapper .e-placeholder,
2900
- .e-listbox-container .e-placeholder {
2984
+ .e-listbox-container .e-placeholder,
2985
+ .e-listboxtool-wrapper .e-placeholder {
2901
2986
  background-color: #007bff;
2902
2987
  display: block;
2903
2988
  height: 1px;
@@ -2911,32 +2996,34 @@ ejs-listbox {
2911
2996
  overflow: auto;
2912
2997
  }
2913
2998
 
2914
- .e-listbox-wrapper.e-filter-list {
2915
- overflow: inherit;
2916
- }
2917
2999
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2918
3000
  overflow: auto;
2919
3001
  }
2920
3002
 
2921
3003
  .e-listbox-wrapper.e-sortableclone,
2922
- .e-listbox-container.e-sortableclone {
3004
+ .e-listbox-container.e-sortableclone,
3005
+ .e-listboxtool-wrapper.e-sortableclone {
2923
3006
  border-width: 0;
2924
3007
  overflow: visible;
2925
3008
  }
2926
3009
  .e-listbox-wrapper.e-sortableclone .e-list-item,
2927
- .e-listbox-container.e-sortableclone .e-list-item {
3010
+ .e-listbox-container.e-sortableclone .e-list-item,
3011
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2928
3012
  list-style-type: none;
2929
3013
  }
2930
3014
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2931
- .e-listbox-container.e-sortableclone .e-ripple {
3015
+ .e-listbox-container.e-sortableclone .e-ripple,
3016
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
2932
3017
  overflow: visible;
2933
3018
  }
2934
3019
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
2935
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
3020
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3021
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
2936
3022
  display: none;
2937
3023
  }
2938
3024
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2939
- .e-listbox-container.e-sortableclone .e-list-badge {
3025
+ .e-listbox-container.e-sortableclone .e-list-badge,
3026
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2940
3027
  -ms-flex-align: center;
2941
3028
  align-items: center;
2942
3029
  background-color: #007bff;
@@ -2955,6 +3042,10 @@ ejs-listbox {
2955
3042
  width: 22px;
2956
3043
  }
2957
3044
 
3045
+ .e-listboxtool-wrapper.e-sortableclone {
3046
+ display: block;
3047
+ }
3048
+
2958
3049
  .e-listboxtool-wrapper,
2959
3050
  .e-listboxtool-container {
2960
3051
  cursor: pointer;
@@ -3150,27 +3241,66 @@ ejs-listbox {
3150
3241
 
3151
3242
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3152
3243
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3153
- height: calc(100% - 32px);
3244
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
3245
+ }
3246
+
3247
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3248
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3249
+ }
3250
+
3251
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3252
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3154
3253
  }
3155
3254
 
3156
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3157
3255
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3158
- height: calc(100% - 46px);
3256
+ height: 100%;
3159
3257
  }
3160
3258
 
3161
3259
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3162
3260
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3163
- height: calc(100% - 96px);
3261
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3262
+ }
3263
+
3264
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3265
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3266
+ }
3267
+
3268
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3269
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3270
+ }
3271
+
3272
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3273
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3274
+ }
3275
+
3276
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3277
+ height: 100%;
3164
3278
  }
3165
3279
 
3166
3280
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3281
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3282
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3283
+ }
3284
+
3167
3285
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3168
- height: calc(100% - 50px);
3286
+ height: 100%;
3169
3287
  }
3170
3288
 
3171
3289
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3290
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3291
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3292
+ }
3293
+
3294
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3295
+ height: calc(100% - 90.5px) !important; /* stylelint-disable-line declaration-no-important */
3296
+ }
3297
+
3298
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3299
+ height: calc(100% - 108px) !important; /* stylelint-disable-line declaration-no-important */
3300
+ }
3301
+
3172
3302
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3173
- height: calc(100% - 44px);
3303
+ height: 100%;
3174
3304
  }
3175
3305
 
3176
3306
  .e-listbox-wrapper,
@@ -3180,12 +3310,14 @@ ejs-listbox {
3180
3310
  }
3181
3311
 
3182
3312
  .e-listbox-wrapper,
3183
- .e-listbox-container {
3313
+ .e-listbox-container,
3314
+ .e-listboxtool-wrapper {
3184
3315
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
3185
3316
  font-size: 14px;
3186
3317
  }
3187
3318
  .e-listbox-wrapper .e-list-header,
3188
- .e-listbox-container .e-list-header {
3319
+ .e-listbox-container .e-list-header,
3320
+ .e-listboxtool-wrapper .e-list-header {
3189
3321
  background-color: #fff;
3190
3322
  border-color: rgba(0, 0, 0, 0.13);
3191
3323
  color: #212529;
@@ -3193,27 +3325,32 @@ ejs-listbox {
3193
3325
  }
3194
3326
 
3195
3327
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3196
- .e-listbox-container.e-filter-list .e-list-parent {
3197
- height: calc(100% - 39px);
3328
+ .e-listbox-container.e-filter-list .e-list-parent,
3329
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3330
+ height: calc(100% - 51px);
3198
3331
  }
3199
3332
 
3200
3333
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3201
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3202
- height: calc(100% - 79px);
3334
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3335
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3336
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
3203
3337
  }
3204
3338
 
3205
3339
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3206
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3207
- height: calc(100% - 40px);
3340
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3341
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3342
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3208
3343
  }
3209
3344
 
3210
3345
  .e-listbox-wrapper .e-icons,
3211
- .e-listbox-container .e-icons {
3346
+ .e-listbox-container .e-icons,
3347
+ .e-listboxtool-wrapper .e-icons {
3212
3348
  color: #212529;
3213
3349
  }
3214
3350
 
3215
3351
  .e-listbox-wrapper .e-list-item,
3216
- .e-listbox-container .e-list-item {
3352
+ .e-listbox-container .e-list-item,
3353
+ .e-listboxtool-wrapper .e-list-item {
3217
3354
  background-color: #fff;
3218
3355
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
3219
3356
  border-left: 0 solid rgba(0, 0, 0, 0.13);
@@ -3224,41 +3361,50 @@ ejs-listbox {
3224
3361
 
3225
3362
  .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),
3226
3363
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3227
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3364
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3365
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3366
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3228
3367
  background-color: #e9ecef;
3229
3368
  border-color: transparent;
3230
3369
  color: #212529;
3231
3370
  }
3232
3371
 
3233
3372
  .e-listbox-wrapper .e-list-item.e-selected,
3234
- .e-listbox-container .e-list-item.e-selected {
3373
+ .e-listbox-container .e-list-item.e-selected,
3374
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3235
3375
  background-color: #007bff;
3236
3376
  color: #fff;
3237
3377
  }
3238
3378
 
3239
3379
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3240
- .e-listbox-container .e-list-item.e-selected.e-checklist {
3380
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3381
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3241
3382
  background-color: #fff;
3242
3383
  color: #212529;
3243
3384
  }
3244
3385
 
3245
3386
  .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3246
3387
  .e-listbox-container .e-list-item.e-focused,
3247
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
3388
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3389
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3390
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3248
3391
  background-color: #007bff;
3249
3392
  color: #fff;
3250
3393
  }
3251
3394
 
3252
3395
  .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,
3253
3396
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3254
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3397
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3398
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3399
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3255
3400
  background-color: #fff;
3256
3401
  border-color: #fff;
3257
3402
  color: #000;
3258
3403
  }
3259
3404
 
3260
3405
  .e-listbox-wrapper .e-list-group-item,
3261
- .e-listbox-container .e-list-group-item {
3406
+ .e-listbox-container .e-list-group-item,
3407
+ .e-listboxtool-wrapper .e-list-group-item {
3262
3408
  background-color: #fff;
3263
3409
  border-color: rgba(0, 0, 0, 0.13);
3264
3410
  color: #6c757d;
@@ -3266,32 +3412,38 @@ ejs-listbox {
3266
3412
  }
3267
3413
 
3268
3414
  .e-listbox-wrapper .e-selectall-parent,
3269
- .e-listbox-container .e-selectall-parent {
3415
+ .e-listbox-container .e-selectall-parent,
3416
+ .e-listboxtool-wrapper .e-selectall-parent {
3270
3417
  background-color: #fff;
3271
3418
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
3272
3419
  color: #212529;
3273
3420
  }
3274
3421
 
3275
3422
  .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3276
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element {
3423
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3424
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3277
3425
  background-color: transparent;
3278
3426
  }
3279
3427
 
3280
3428
  .e-listbox-wrapper.e-list-template .e-list-wrapper,
3281
- .e-listbox-container.e-list-template .e-list-wrapper {
3429
+ .e-listbox-container.e-list-template .e-list-wrapper,
3430
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3282
3431
  height: inherit;
3283
3432
  position: relative;
3284
3433
  }
3285
3434
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3286
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3435
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3436
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3287
3437
  padding: 0.7142em 1.0714em;
3288
3438
  }
3289
3439
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3290
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
3440
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3441
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3291
3442
  padding: 0.7142em 1.0714em;
3292
3443
  }
3293
3444
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3294
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3445
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3446
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3295
3447
  color: #212529;
3296
3448
  display: block;
3297
3449
  font-size: 18px;
@@ -3303,7 +3455,8 @@ ejs-listbox {
3303
3455
  white-space: nowrap;
3304
3456
  }
3305
3457
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3306
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3458
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3459
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3307
3460
  color: #212529;
3308
3461
  display: block;
3309
3462
  font-size: 14px;
@@ -3312,13 +3465,15 @@ ejs-listbox {
3312
3465
  word-wrap: break-word;
3313
3466
  }
3314
3467
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3315
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3468
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3469
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3316
3470
  overflow: hidden;
3317
3471
  text-overflow: ellipsis;
3318
3472
  white-space: nowrap;
3319
3473
  }
3320
3474
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3321
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3475
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3476
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3322
3477
  height: 2.8571em;
3323
3478
  left: 1.0667em;
3324
3479
  position: absolute;
@@ -3326,17 +3481,20 @@ ejs-listbox {
3326
3481
  width: 2.8571em;
3327
3482
  }
3328
3483
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3329
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3484
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3485
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3330
3486
  padding-left: 4.6428em;
3331
3487
  padding-right: 1.0714em;
3332
3488
  }
3333
3489
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3334
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3490
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3491
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3335
3492
  padding-left: 1.0714em;
3336
3493
  padding-right: 4.6428em;
3337
3494
  }
3338
3495
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3339
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3496
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3497
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3340
3498
  height: 2.8571em;
3341
3499
  position: absolute;
3342
3500
  right: 1.0667em;
@@ -3344,15 +3502,18 @@ ejs-listbox {
3344
3502
  width: 2.8571em;
3345
3503
  }
3346
3504
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3347
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3505
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3506
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3348
3507
  top: 0.7142em;
3349
3508
  }
3350
3509
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3351
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3510
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3511
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3352
3512
  top: 0.7142em;
3353
3513
  }
3354
3514
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3355
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3515
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3516
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3356
3517
  font-size: 15px;
3357
3518
  height: 1.333em;
3358
3519
  line-height: 1.433em;
@@ -3364,17 +3525,20 @@ ejs-listbox {
3364
3525
  width: 2em;
3365
3526
  }
3366
3527
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3367
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3528
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3529
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3368
3530
  padding-left: 4.6428em;
3369
3531
  padding-right: 3.9285em;
3370
3532
  }
3371
3533
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3372
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3534
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3535
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3373
3536
  padding-left: 1.0714em;
3374
3537
  padding-right: 3.9285em;
3375
3538
  }
3376
3539
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3377
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3540
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3541
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3378
3542
  display: block;
3379
3543
  margin: 0;
3380
3544
  overflow: hidden;
@@ -3383,57 +3547,92 @@ ejs-listbox {
3383
3547
  white-space: nowrap;
3384
3548
  }
3385
3549
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3386
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3550
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3551
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3387
3552
  color: #212529;
3388
3553
  }
3389
3554
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3390
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3555
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3556
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3391
3557
  color: #212529;
3392
3558
  }
3393
3559
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3394
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
3560
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3561
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3395
3562
  color: #fff;
3396
3563
  }
3397
3564
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3398
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
3565
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3566
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3399
3567
  color: #fff;
3400
3568
  }
3401
3569
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3402
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3570
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3571
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3403
3572
  left: inherit;
3404
3573
  right: 1.0667em;
3405
3574
  }
3406
3575
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3407
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3576
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3577
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3408
3578
  padding-left: 1.0714em;
3409
3579
  padding-right: 4.6428em;
3410
3580
  }
3411
3581
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3412
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3582
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3583
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3413
3584
  padding-left: 4.6428em;
3414
3585
  padding-right: 1.0714em;
3415
3586
  }
3416
3587
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3417
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3588
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3589
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3418
3590
  left: 1.0667em;
3419
3591
  right: inherit;
3420
3592
  }
3421
3593
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3422
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3594
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3595
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3423
3596
  left: 1em;
3424
3597
  right: inherit;
3425
3598
  }
3426
3599
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3427
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3600
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3601
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3428
3602
  padding-left: 3.9285em;
3429
3603
  padding-right: 4.6428em;
3430
3604
  }
3431
3605
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3432
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3606
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3607
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3433
3608
  padding-left: 3.9285em;
3434
3609
  padding-right: 1.0714em;
3435
3610
  }
3436
3611
 
3612
+ .e-listbox-container.e-filter-list .e-list-parent {
3613
+ height: 100%;
3614
+ }
3615
+
3616
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3617
+ height: 100%;
3618
+ }
3619
+
3620
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3621
+ height: 100%;
3622
+ }
3623
+
3624
+ .e-listbox-container.e-filter-list .e-list-wrap {
3625
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3626
+ }
3627
+
3628
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3629
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
3630
+ }
3631
+
3632
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3633
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3634
+ }
3635
+
3437
3636
  /* stylelint-disable property-no-vendor-prefix */
3438
3637
  @keyframes material-spinner-rotate {
3439
3638
  0% {