@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
@@ -82,9 +82,6 @@
82
82
  position: absolute;
83
83
  top: 0;
84
84
  }
85
- .e-rtl .e-dropdownbase .e-fixed-head {
86
- left: 33px;
87
- }
88
85
 
89
86
  .e-dropdownbase.e-content {
90
87
  overflow: auto;
@@ -124,11 +121,6 @@
124
121
  cursor: default;
125
122
  }
126
123
 
127
- .e-mention .e-mention-chip::selection {
128
- color: #000;
129
- background: #400074;
130
- }
131
-
132
124
  .e-mention.e-editable-element {
133
125
  border: 2px solid #757575;
134
126
  height: auto;
@@ -204,7 +196,6 @@
204
196
  .e-dropdownbase .e-list-item {
205
197
  /* stylelint-disable property-no-vendor-prefix */
206
198
  -webkit-tap-highlight-color: transparent;
207
- background-color: #fff;
208
199
  border-bottom: 2px;
209
200
  border-color: transparent;
210
201
  color: #000;
@@ -214,11 +205,11 @@
214
205
  min-height: 36px;
215
206
  padding-right: 16px;
216
207
  text-indent: 10px;
208
+ background-color: #fff;
217
209
  }
218
210
 
219
211
  .e-dropdownbase .e-list-group-item,
220
212
  .e-fixed-head {
221
- background-color: #fff;
222
213
  border-color: transparent;
223
214
  color: #23726c;
224
215
  font-family: inherit;
@@ -228,6 +219,7 @@
228
219
  min-height: 36px;
229
220
  padding-left: 10px;
230
221
  padding-right: 16px;
222
+ background-color: #fff;
231
223
  }
232
224
 
233
225
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -389,6 +381,10 @@
389
381
  color: #000;
390
382
  }
391
383
 
384
+ .e-selectall-parent.e-item-focus {
385
+ background-color: #ecf;
386
+ }
387
+
392
388
  /* stylelint-disable property-no-vendor-prefix */
393
389
  /* stylelint-disable property-no-vendor-prefix */
394
390
  @keyframes material-spinner-rotate {
@@ -522,6 +518,11 @@
522
518
  padding: 4px 0;
523
519
  }
524
520
 
521
+ .e-popup.e-ddl-device.e-popup-close {
522
+ display: block;
523
+ visibility: hidden;
524
+ }
525
+
525
526
  .e-popup-full-page {
526
527
  bottom: 0;
527
528
  left: 0;
@@ -534,9 +535,6 @@
534
535
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
535
536
  margin: 0;
536
537
  }
537
- .e-popup-full-page .e-popup-full-page.e-ios {
538
- position: fixed;
539
- }
540
538
 
541
539
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
542
540
  position: relative;
@@ -822,6 +820,10 @@ ejs-dropdownlist {
822
820
  padding-left: 0;
823
821
  padding-right: 0;
824
822
  }
823
+ .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 {
824
+ display: -ms-flexbox;
825
+ display: flex;
826
+ }
825
827
  .e-ddt .e-chips-wrapper {
826
828
  width: 100%;
827
829
  }
@@ -1450,7 +1452,8 @@ ejs-dropdownlist {
1450
1452
  padding: 0 0 0 48px;
1451
1453
  }
1452
1454
 
1453
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1455
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1456
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1454
1457
  margin-top: -2.8em;
1455
1458
  }
1456
1459
 
@@ -1518,6 +1521,13 @@ ejs-dropdownlist {
1518
1521
  white-space: nowrap;
1519
1522
  }
1520
1523
 
1524
+ .e-small .e-multi-select-wrapper .e-chips {
1525
+ margin: none;
1526
+ }
1527
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1528
+ padding: none;
1529
+ }
1530
+
1521
1531
  .e-multi-select-wrapper.e-delimiter .e-searcher {
1522
1532
  display: inline-block;
1523
1533
  float: none;
@@ -1560,8 +1570,8 @@ ejs-dropdownlist {
1560
1570
  margin-top: -3.2em;
1561
1571
  position: absolute;
1562
1572
  right: 0;
1563
- top: 100%;
1564
1573
  width: 30px;
1574
+ top: 100%;
1565
1575
  }
1566
1576
 
1567
1577
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -2004,11 +2014,21 @@ ejs-multiselect {
2004
2014
  margin-top: -2.9em;
2005
2015
  }
2006
2016
 
2017
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2018
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2019
+ margin-top: -2.5em;
2020
+ }
2021
+
2007
2022
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2008
2023
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2009
2024
  line-height: 40px;
2010
2025
  }
2011
2026
 
2027
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2028
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2029
+ margin-top: -2.85em;
2030
+ }
2031
+
2012
2032
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2013
2033
  height: 26px;
2014
2034
  width: 26px;
@@ -2528,7 +2548,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2528
2548
 
2529
2549
  /* stylelint-disable property-no-vendor-prefix */
2530
2550
  .e-listbox-wrapper,
2531
- .e-listbox-container {
2551
+ .e-listbox-container,
2552
+ .e-listboxtool-wrapper {
2532
2553
  -webkit-overflow-scrolling: touch;
2533
2554
  box-sizing: border-box;
2534
2555
  cursor: pointer;
@@ -2540,24 +2561,24 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2540
2561
  width: 100%;
2541
2562
  }
2542
2563
  .e-listbox-wrapper *,
2543
- .e-listbox-container * {
2564
+ .e-listbox-container *,
2565
+ .e-listboxtool-wrapper * {
2544
2566
  box-sizing: border-box;
2545
2567
  }
2546
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2547
- .e-listbox-container.e-listboxtool-container .e-list-wrap {
2548
- width: 87% !important; /* stylelint-disable-line declaration-no-important */
2549
- }
2550
2568
  .e-listbox-wrapper:focus,
2551
- .e-listbox-container:focus {
2569
+ .e-listbox-container:focus,
2570
+ .e-listboxtool-wrapper:focus {
2552
2571
  outline: none;
2553
2572
  }
2554
2573
  .e-listbox-wrapper.e-disabled,
2555
- .e-listbox-container.e-disabled {
2574
+ .e-listbox-container.e-disabled,
2575
+ .e-listboxtool-wrapper.e-disabled {
2556
2576
  cursor: default;
2557
2577
  pointer-events: none;
2558
2578
  }
2559
2579
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2560
- .e-listbox-container:not(.e-list-template) .e-list-nrt {
2580
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2581
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2561
2582
  text-align: center;
2562
2583
  }
2563
2584
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
@@ -2565,53 +2586,61 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2565
2586
  .e-listbox-wrapper .e-selectall-parent,
2566
2587
  .e-listbox-container:not(.e-list-template) .e-list-item,
2567
2588
  .e-listbox-container .e-list-nrt,
2568
- .e-listbox-container .e-selectall-parent {
2589
+ .e-listbox-container .e-selectall-parent,
2590
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2591
+ .e-listboxtool-wrapper .e-list-nrt,
2592
+ .e-listboxtool-wrapper .e-selectall-parent {
2569
2593
  height: 36px;
2570
2594
  line-height: 1;
2571
2595
  padding: 9px 16px;
2572
2596
  position: relative;
2573
2597
  }
2574
- .e-listbox-wrapper.e-filter-list,
2575
- .e-listbox-container.e-filter-list {
2576
- overflow: inherit;
2577
- }
2578
2598
  .e-listbox-wrapper .e-list-parent,
2579
- .e-listbox-container .e-list-parent {
2599
+ .e-listbox-container .e-list-parent,
2600
+ .e-listboxtool-wrapper .e-list-parent {
2580
2601
  height: 100%;
2581
2602
  min-height: 36px;
2582
2603
  }
2583
2604
  .e-listbox-wrapper .e-list-item,
2584
- .e-listbox-container .e-list-item {
2605
+ .e-listbox-container .e-list-item,
2606
+ .e-listboxtool-wrapper .e-list-item {
2585
2607
  border-bottom: 0 solid;
2586
2608
  outline: none;
2587
2609
  }
2588
2610
  .e-listbox-wrapper .e-list-item.e-disabled,
2589
- .e-listbox-container .e-list-item.e-disabled {
2611
+ .e-listbox-container .e-list-item.e-disabled,
2612
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
2590
2613
  pointer-events: none;
2591
2614
  }
2592
2615
  .e-listbox-wrapper .e-disable,
2593
- .e-listbox-container .e-disable {
2616
+ .e-listbox-container .e-disable,
2617
+ .e-listboxtool-wrapper .e-disable {
2594
2618
  opacity: 0.7;
2595
2619
  }
2596
2620
  .e-listbox-wrapper .e-list-parent,
2597
- .e-listbox-container .e-list-parent {
2621
+ .e-listbox-container .e-list-parent,
2622
+ .e-listboxtool-wrapper .e-list-parent {
2598
2623
  margin: 0;
2599
2624
  padding: 0;
2600
2625
  }
2601
2626
  .e-listbox-wrapper .e-list-header .e-text.header,
2602
- .e-listbox-container .e-list-header .e-text.header {
2627
+ .e-listbox-container .e-list-header .e-text.header,
2628
+ .e-listboxtool-wrapper .e-list-header .e-text.header {
2603
2629
  display: none;
2604
2630
  }
2605
2631
  .e-listbox-wrapper .e-icon-back,
2606
- .e-listbox-container .e-icon-back {
2632
+ .e-listbox-container .e-icon-back,
2633
+ .e-listboxtool-wrapper .e-icon-back {
2607
2634
  margin-top: 2px;
2608
2635
  }
2609
2636
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2610
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
2637
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2638
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2611
2639
  display: none;
2612
2640
  }
2613
2641
  .e-listbox-wrapper .e-list-header,
2614
- .e-listbox-container .e-list-header {
2642
+ .e-listbox-container .e-list-header,
2643
+ .e-listboxtool-wrapper .e-list-header {
2615
2644
  -ms-flex-align: center;
2616
2645
  align-items: center;
2617
2646
  border-bottom: 1px solid;
@@ -2622,21 +2651,25 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2622
2651
  padding: 0 16px;
2623
2652
  }
2624
2653
  .e-listbox-wrapper .e-has-header > .e-view,
2625
- .e-listbox-container .e-has-header > .e-view {
2654
+ .e-listbox-container .e-has-header > .e-view,
2655
+ .e-listboxtool-wrapper .e-has-header > .e-view {
2626
2656
  top: 45px;
2627
2657
  }
2628
2658
  .e-listbox-wrapper .e-but-back,
2629
- .e-listbox-container .e-but-back {
2659
+ .e-listbox-container .e-but-back,
2660
+ .e-listboxtool-wrapper .e-but-back {
2630
2661
  cursor: pointer;
2631
2662
  padding-right: 20px;
2632
2663
  }
2633
2664
  .e-listbox-wrapper .e-list-group-item:first-child,
2634
- .e-listbox-container .e-list-group-item:first-child {
2665
+ .e-listbox-container .e-list-group-item:first-child,
2666
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
2635
2667
  border: 0;
2636
2668
  border-bottom: 0 solid transparent;
2637
2669
  }
2638
2670
  .e-listbox-wrapper .e-list-group-item,
2639
- .e-listbox-container .e-list-group-item {
2671
+ .e-listbox-container .e-list-group-item,
2672
+ .e-listboxtool-wrapper .e-list-group-item {
2640
2673
  border-bottom: 0 solid transparent;
2641
2674
  border-top: 1px solid;
2642
2675
  font-weight: 600;
@@ -2645,7 +2678,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2645
2678
  padding: 9px 16px;
2646
2679
  }
2647
2680
  .e-listbox-wrapper .e-icon-collapsible,
2648
- .e-listbox-container .e-icon-collapsible {
2681
+ .e-listbox-container .e-icon-collapsible,
2682
+ .e-listboxtool-wrapper .e-icon-collapsible {
2649
2683
  cursor: pointer;
2650
2684
  font-size: 12px;
2651
2685
  position: absolute;
@@ -2654,42 +2688,51 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2654
2688
  transform: translateY(-50%);
2655
2689
  }
2656
2690
  .e-listbox-wrapper .e-text-content,
2657
- .e-listbox-container .e-text-content {
2691
+ .e-listbox-container .e-text-content,
2692
+ .e-listboxtool-wrapper .e-text-content {
2658
2693
  height: 100%;
2659
2694
  position: relative;
2660
2695
  vertical-align: middle;
2661
2696
  }
2662
2697
  .e-listbox-wrapper .e-text-content *,
2663
- .e-listbox-container .e-text-content * {
2698
+ .e-listbox-container .e-text-content *,
2699
+ .e-listboxtool-wrapper .e-text-content * {
2664
2700
  display: inline-block;
2665
2701
  vertical-align: middle;
2666
2702
  }
2667
2703
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2668
- .e-listbox-container .e-text-content.e-checkbox .e-list-text {
2704
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2705
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2669
2706
  width: calc(100% - 40px);
2670
2707
  }
2671
2708
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2672
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2709
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2710
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2673
2711
  width: calc(100% - 90px);
2674
2712
  }
2675
2713
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2676
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2714
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2715
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2677
2716
  width: calc(100% - 80px);
2678
2717
  }
2679
2718
  .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,
2680
- .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 {
2719
+ .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,
2720
+ .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 {
2681
2721
  width: calc(100% - 92px);
2682
2722
  }
2683
2723
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2684
- .e-listbox-container .e-checkbox .e-checkbox-left {
2724
+ .e-listbox-container .e-checkbox .e-checkbox-left,
2725
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2685
2726
  margin: -2px 10px 0 0;
2686
2727
  }
2687
2728
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2688
- .e-listbox-container .e-checkbox .e-checkbox-right {
2729
+ .e-listbox-container .e-checkbox .e-checkbox-right,
2730
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2689
2731
  margin: -2px 0 0 10px;
2690
2732
  }
2691
2733
  .e-listbox-wrapper .e-list-text,
2692
- .e-listbox-container .e-list-text {
2734
+ .e-listbox-container .e-list-text,
2735
+ .e-listboxtool-wrapper .e-list-text {
2693
2736
  cursor: pointer;
2694
2737
  display: inline-block;
2695
2738
  overflow: hidden;
@@ -2699,107 +2742,129 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2699
2742
  width: 100%;
2700
2743
  }
2701
2744
  .e-listbox-wrapper .e-list-icon + .e-list-text,
2702
- .e-listbox-container .e-list-icon + .e-list-text {
2745
+ .e-listbox-container .e-list-icon + .e-list-text,
2746
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2703
2747
  width: calc(100% - 60px);
2704
2748
  }
2705
2749
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2706
- .e-listbox-container .e-icon-wrapper .e-list-text {
2750
+ .e-listbox-container .e-icon-wrapper .e-list-text,
2751
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2707
2752
  width: calc(100% - 60px);
2708
2753
  }
2709
2754
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2710
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2755
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2756
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2711
2757
  width: calc(100% - 60px);
2712
2758
  }
2713
2759
  .e-listbox-wrapper .e-list-icon,
2714
- .e-listbox-container .e-list-icon {
2760
+ .e-listbox-container .e-list-icon,
2761
+ .e-listboxtool-wrapper .e-list-icon {
2715
2762
  height: 30px;
2716
2763
  margin-right: 16px;
2717
2764
  width: 30px;
2718
2765
  }
2719
2766
  .e-listbox-wrapper .e-content,
2720
- .e-listbox-container .e-content {
2767
+ .e-listbox-container .e-content,
2768
+ .e-listboxtool-wrapper .e-content {
2721
2769
  overflow: hidden;
2722
2770
  position: relative;
2723
2771
  }
2724
2772
  .e-listbox-wrapper .e-list-header .e-text,
2725
- .e-listbox-container .e-list-header .e-text {
2773
+ .e-listbox-container .e-list-header .e-text,
2774
+ .e-listboxtool-wrapper .e-list-header .e-text {
2726
2775
  cursor: pointer;
2727
2776
  text-indent: 0;
2728
2777
  }
2729
2778
  .e-listbox-wrapper .e-text .e-headertext,
2730
- .e-listbox-container .e-text .e-headertext {
2779
+ .e-listbox-container .e-text .e-headertext,
2780
+ .e-listboxtool-wrapper .e-text .e-headertext {
2731
2781
  display: inline-block;
2732
2782
  line-height: 0;
2733
2783
  }
2734
2784
  .e-listbox-wrapper.e-rtl,
2735
- .e-listbox-container.e-rtl {
2785
+ .e-listbox-container.e-rtl,
2786
+ .e-listboxtool-wrapper.e-rtl {
2736
2787
  direction: rtl;
2737
2788
  }
2738
2789
  .e-listbox-wrapper.e-rtl .e-list-icon,
2739
- .e-listbox-container.e-rtl .e-list-icon {
2790
+ .e-listbox-container.e-rtl .e-list-icon,
2791
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
2740
2792
  margin-left: 16px;
2741
2793
  margin-right: 0;
2742
2794
  }
2743
2795
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2744
- .e-listbox-container.e-rtl .e-icon-collapsible {
2796
+ .e-listbox-container.e-rtl .e-icon-collapsible,
2797
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2745
2798
  left: 0%;
2746
2799
  right: initial;
2747
2800
  top: 50%;
2748
2801
  transform: translateY(-50%) rotate(180deg);
2749
2802
  }
2750
2803
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2751
- .e-listbox-container.e-rtl .e-list-header .e-text {
2804
+ .e-listbox-container.e-rtl .e-list-header .e-text,
2805
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2752
2806
  cursor: pointer;
2753
2807
  }
2754
2808
  .e-listbox-wrapper.e-rtl .e-but-back,
2755
- .e-listbox-container.e-rtl .e-but-back {
2809
+ .e-listbox-container.e-rtl .e-but-back,
2810
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
2756
2811
  transform: rotate(180deg);
2757
2812
  }
2758
2813
  .e-listbox-wrapper.e-rtl .e-icon-back,
2759
- .e-listbox-container.e-rtl .e-icon-back {
2814
+ .e-listbox-container.e-rtl .e-icon-back,
2815
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
2760
2816
  margin-top: 1px;
2761
2817
  }
2762
2818
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2763
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
2819
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2820
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2764
2821
  margin: -2px 0 0 10px;
2765
2822
  }
2766
2823
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2767
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
2824
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
2825
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2768
2826
  margin: -2px 10px 0 0;
2769
2827
  }
2770
2828
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2771
- .e-listbox-container.e-rtl .e-checkbox-wrapper {
2829
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2830
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2772
2831
  margin: -2px 0 0 10px;
2773
2832
  }
2774
2833
  .e-listbox-wrapper .e-checkbox-wrapper,
2775
- .e-listbox-container .e-checkbox-wrapper {
2834
+ .e-listbox-container .e-checkbox-wrapper,
2835
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
2776
2836
  margin: -2px 10px 0 0;
2777
2837
  text-indent: 0;
2778
2838
  vertical-align: middle;
2779
2839
  }
2780
2840
  .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2781
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2841
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
2842
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
2782
2843
  position: absolute;
2783
2844
  right: 0;
2784
2845
  top: 30%;
2785
2846
  }
2786
2847
  .e-listbox-wrapper .e-input-group,
2787
- .e-listbox-container .e-input-group {
2848
+ .e-listbox-container .e-input-group,
2849
+ .e-listboxtool-wrapper .e-input-group {
2788
2850
  padding: 4px 8px;
2789
2851
  }
2790
2852
  .e-listbox-wrapper .e-input-focus,
2791
- .e-listbox-container .e-input-focus {
2853
+ .e-listbox-container .e-input-focus,
2854
+ .e-listboxtool-wrapper .e-input-focus {
2792
2855
  padding: 4px 4px 4px 8px;
2793
2856
  }
2794
2857
  .e-listbox-wrapper .e-hidden-select,
2795
- .e-listbox-container .e-hidden-select {
2858
+ .e-listbox-container .e-hidden-select,
2859
+ .e-listboxtool-wrapper .e-hidden-select {
2796
2860
  height: 1px;
2797
2861
  opacity: 0;
2798
2862
  position: absolute;
2799
2863
  width: 100%;
2800
2864
  }
2801
2865
  .e-listbox-wrapper .e-placeholder,
2802
- .e-listbox-container .e-placeholder {
2866
+ .e-listbox-container .e-placeholder,
2867
+ .e-listboxtool-wrapper .e-placeholder {
2803
2868
  background-color: #400074;
2804
2869
  display: block;
2805
2870
  height: 1px;
@@ -2813,32 +2878,34 @@ ejs-listbox {
2813
2878
  overflow: auto;
2814
2879
  }
2815
2880
 
2816
- .e-listbox-wrapper.e-filter-list {
2817
- overflow: inherit;
2818
- }
2819
2881
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2820
2882
  overflow: auto;
2821
2883
  }
2822
2884
 
2823
2885
  .e-listbox-wrapper.e-sortableclone,
2824
- .e-listbox-container.e-sortableclone {
2886
+ .e-listbox-container.e-sortableclone,
2887
+ .e-listboxtool-wrapper.e-sortableclone {
2825
2888
  border-width: 0;
2826
2889
  overflow: visible;
2827
2890
  }
2828
2891
  .e-listbox-wrapper.e-sortableclone .e-list-item,
2829
- .e-listbox-container.e-sortableclone .e-list-item {
2892
+ .e-listbox-container.e-sortableclone .e-list-item,
2893
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2830
2894
  list-style-type: none;
2831
2895
  }
2832
2896
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2833
- .e-listbox-container.e-sortableclone .e-ripple {
2897
+ .e-listbox-container.e-sortableclone .e-ripple,
2898
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
2834
2899
  overflow: visible;
2835
2900
  }
2836
2901
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
2837
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
2902
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
2903
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
2838
2904
  display: none;
2839
2905
  }
2840
2906
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2841
- .e-listbox-container.e-sortableclone .e-list-badge {
2907
+ .e-listbox-container.e-sortableclone .e-list-badge,
2908
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2842
2909
  -ms-flex-align: center;
2843
2910
  align-items: center;
2844
2911
  background-color: #400074;
@@ -2857,6 +2924,10 @@ ejs-listbox {
2857
2924
  width: 22px;
2858
2925
  }
2859
2926
 
2927
+ .e-listboxtool-wrapper.e-sortableclone {
2928
+ display: block;
2929
+ }
2930
+
2860
2931
  .e-listboxtool-wrapper,
2861
2932
  .e-listboxtool-container {
2862
2933
  cursor: pointer;
@@ -2913,12 +2984,6 @@ ejs-listbox {
2913
2984
  margin-left: 15px;
2914
2985
  }
2915
2986
 
2916
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2917
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2918
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2919
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2920
- width: 83% !important; /* stylelint-disable-line declaration-no-important */
2921
- }
2922
2987
  .e-bigger .e-listbox-wrapper .e-list-item,
2923
2988
  .e-listbox-wrapper.e-bigger .e-list-item,
2924
2989
  .e-bigger .e-listbox-container .e-list-item,
@@ -3008,27 +3073,66 @@ ejs-listbox {
3008
3073
  }
3009
3074
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3010
3075
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3011
- height: calc(100% - 45px);
3076
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3077
+ }
3078
+
3079
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3080
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3081
+ }
3082
+
3083
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3084
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3012
3085
  }
3013
3086
 
3014
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3015
3087
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3016
- height: calc(100% - 59px);
3088
+ height: 100%;
3017
3089
  }
3018
3090
 
3019
3091
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3020
3092
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3021
- height: calc(100% - 104px);
3093
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3094
+ }
3095
+
3096
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3097
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3098
+ }
3099
+
3100
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3101
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3102
+ }
3103
+
3104
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3105
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3106
+ }
3107
+
3108
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3109
+ height: 100%;
3022
3110
  }
3023
3111
 
3024
3112
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3113
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3114
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3115
+ }
3116
+
3025
3117
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3026
- height: calc(100% - 45px);
3118
+ height: 100%;
3027
3119
  }
3028
3120
 
3029
3121
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3122
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3123
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3124
+ }
3125
+
3126
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3127
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3128
+ }
3129
+
3130
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3131
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3132
+ }
3133
+
3030
3134
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3031
- height: calc(100% - 55px);
3135
+ height: 100%;
3032
3136
  }
3033
3137
 
3034
3138
  .e-listbox-wrapper,
@@ -3038,12 +3142,14 @@ ejs-listbox {
3038
3142
  }
3039
3143
 
3040
3144
  .e-listbox-wrapper,
3041
- .e-listbox-container {
3145
+ .e-listbox-container,
3146
+ .e-listboxtool-wrapper {
3042
3147
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
3043
3148
  font-size: 13px;
3044
3149
  }
3045
3150
  .e-listbox-wrapper .e-list-header,
3046
- .e-listbox-container .e-list-header {
3151
+ .e-listbox-container .e-list-header,
3152
+ .e-listboxtool-wrapper .e-list-header {
3047
3153
  background-color: #ccc;
3048
3154
  border-color: #757575;
3049
3155
  color: #23726c;
@@ -3051,27 +3157,32 @@ ejs-listbox {
3051
3157
  }
3052
3158
 
3053
3159
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3054
- .e-listbox-container.e-filter-list .e-list-parent {
3160
+ .e-listbox-container.e-filter-list .e-list-parent,
3161
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3055
3162
  height: calc(100% - 51px);
3056
3163
  }
3057
3164
 
3058
3165
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3059
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3060
- height: calc(100% - 87px);
3166
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3167
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3168
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3061
3169
  }
3062
3170
 
3063
3171
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3064
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3065
- height: calc(100% - 36px);
3172
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3173
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3174
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3066
3175
  }
3067
3176
 
3068
3177
  .e-listbox-wrapper .e-icons,
3069
- .e-listbox-container .e-icons {
3178
+ .e-listbox-container .e-icons,
3179
+ .e-listboxtool-wrapper .e-icons {
3070
3180
  color: #000;
3071
3181
  }
3072
3182
 
3073
3183
  .e-listbox-wrapper .e-list-item,
3074
- .e-listbox-container .e-list-item {
3184
+ .e-listbox-container .e-list-item,
3185
+ .e-listboxtool-wrapper .e-list-item {
3075
3186
  background-color: #ccc;
3076
3187
  border-bottom: 2px solid transparent;
3077
3188
  border-left: 2px solid transparent;
@@ -3082,41 +3193,50 @@ ejs-listbox {
3082
3193
 
3083
3194
  .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),
3084
3195
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3085
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3196
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3197
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3198
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3086
3199
  background-color: #ecf;
3087
3200
  border-color: #000;
3088
3201
  color: #000;
3089
3202
  }
3090
3203
 
3091
3204
  .e-listbox-wrapper .e-list-item.e-selected,
3092
- .e-listbox-container .e-list-item.e-selected {
3205
+ .e-listbox-container .e-list-item.e-selected,
3206
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3093
3207
  background-color: #400074;
3094
3208
  color: #fff;
3095
3209
  }
3096
3210
 
3097
3211
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3098
- .e-listbox-container .e-list-item.e-selected.e-checklist {
3212
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3213
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3099
3214
  background-color: #ccc;
3100
3215
  color: #000;
3101
3216
  }
3102
3217
 
3103
3218
  .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3104
3219
  .e-listbox-container .e-list-item.e-focused,
3105
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
3220
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3221
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3222
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3106
3223
  background-color: #400074;
3107
3224
  color: #fff;
3108
3225
  }
3109
3226
 
3110
3227
  .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,
3111
3228
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3112
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3229
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3230
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3231
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3113
3232
  background-color: #fff;
3114
3233
  border-color: #fff;
3115
3234
  color: #23726c;
3116
3235
  }
3117
3236
 
3118
3237
  .e-listbox-wrapper .e-list-group-item,
3119
- .e-listbox-container .e-list-group-item {
3238
+ .e-listbox-container .e-list-group-item,
3239
+ .e-listboxtool-wrapper .e-list-group-item {
3120
3240
  background-color: #ccc;
3121
3241
  border-color: #757575;
3122
3242
  color: #23726c;
@@ -3124,32 +3244,38 @@ ejs-listbox {
3124
3244
  }
3125
3245
 
3126
3246
  .e-listbox-wrapper .e-selectall-parent,
3127
- .e-listbox-container .e-selectall-parent {
3247
+ .e-listbox-container .e-selectall-parent,
3248
+ .e-listboxtool-wrapper .e-selectall-parent {
3128
3249
  background-color: #ccc;
3129
3250
  border-bottom: 1px solid #000;
3130
3251
  color: #000;
3131
3252
  }
3132
3253
 
3133
3254
  .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3134
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element {
3255
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3256
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3135
3257
  background-color: transparent;
3136
3258
  }
3137
3259
 
3138
3260
  .e-listbox-wrapper.e-list-template .e-list-wrapper,
3139
- .e-listbox-container.e-list-template .e-list-wrapper {
3261
+ .e-listbox-container.e-list-template .e-list-wrapper,
3262
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3140
3263
  height: inherit;
3141
3264
  position: relative;
3142
3265
  }
3143
3266
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3144
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3267
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3268
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3145
3269
  padding: 0.6153em 0.923em;
3146
3270
  }
3147
3271
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3148
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
3272
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3273
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3149
3274
  padding: 0.6153em 0.923em;
3150
3275
  }
3151
3276
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3152
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3277
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3278
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3153
3279
  color: #000;
3154
3280
  display: block;
3155
3281
  font-size: 13px;
@@ -3161,7 +3287,8 @@ ejs-listbox {
3161
3287
  white-space: nowrap;
3162
3288
  }
3163
3289
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3164
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3290
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3291
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3165
3292
  color: #000;
3166
3293
  display: block;
3167
3294
  font-size: 13px;
@@ -3170,13 +3297,15 @@ ejs-listbox {
3170
3297
  word-wrap: break-word;
3171
3298
  }
3172
3299
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3173
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3300
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3301
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3174
3302
  overflow: hidden;
3175
3303
  text-overflow: ellipsis;
3176
3304
  white-space: nowrap;
3177
3305
  }
3178
3306
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3179
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3307
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3308
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3180
3309
  height: 3.0769em;
3181
3310
  left: 0.923em;
3182
3311
  position: absolute;
@@ -3184,17 +3313,20 @@ ejs-listbox {
3184
3313
  width: 3.0769em;
3185
3314
  }
3186
3315
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3187
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3316
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3317
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3188
3318
  padding-left: 4.923em;
3189
3319
  padding-right: 0.923em;
3190
3320
  }
3191
3321
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3192
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3322
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3323
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3193
3324
  padding-left: 0.923em;
3194
3325
  padding-right: 4.923em;
3195
3326
  }
3196
3327
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3197
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3328
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3329
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3198
3330
  height: 3.0769em;
3199
3331
  position: absolute;
3200
3332
  right: 0.923em;
@@ -3202,15 +3334,18 @@ ejs-listbox {
3202
3334
  width: 3.0769em;
3203
3335
  }
3204
3336
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3205
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3337
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3338
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3206
3339
  top: 0.6153em;
3207
3340
  }
3208
3341
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3209
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3342
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3343
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3210
3344
  top: 0.6153em;
3211
3345
  }
3212
3346
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3213
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3347
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3348
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3214
3349
  font-size: 13px;
3215
3350
  height: 1.5384em;
3216
3351
  line-height: 1.3384em;
@@ -3222,17 +3357,20 @@ ejs-listbox {
3222
3357
  width: 1.5384em;
3223
3358
  }
3224
3359
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3225
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3360
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3361
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3226
3362
  padding-left: 4.923em;
3227
3363
  padding-right: 3.3846em;
3228
3364
  }
3229
3365
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3230
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3366
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3367
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3231
3368
  padding-left: 0.923em;
3232
3369
  padding-right: 3.3846em;
3233
3370
  }
3234
3371
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3235
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3372
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3373
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3236
3374
  display: block;
3237
3375
  margin: 0;
3238
3376
  overflow: hidden;
@@ -3241,57 +3379,92 @@ ejs-listbox {
3241
3379
  white-space: nowrap;
3242
3380
  }
3243
3381
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3244
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3382
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3383
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3245
3384
  color: #000;
3246
3385
  }
3247
3386
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3248
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3387
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3388
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3249
3389
  color: #000;
3250
3390
  }
3251
3391
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3252
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
3392
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3393
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3253
3394
  color: #fff;
3254
3395
  }
3255
3396
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3256
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
3397
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3398
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3257
3399
  color: #fff;
3258
3400
  }
3259
3401
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3260
- .e-listbox-container.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,
3403
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3261
3404
  left: inherit;
3262
3405
  right: 0.923em;
3263
3406
  }
3264
3407
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3265
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3408
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3409
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3266
3410
  padding-left: 0.923em;
3267
3411
  padding-right: 4.923em;
3268
3412
  }
3269
3413
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3270
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3414
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3415
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3271
3416
  padding-left: 4.923em;
3272
3417
  padding-right: 0.923em;
3273
3418
  }
3274
3419
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3275
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3420
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3421
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3276
3422
  left: 0.923em;
3277
3423
  right: inherit;
3278
3424
  }
3279
3425
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3280
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3426
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3427
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3281
3428
  left: 0.923em;
3282
3429
  right: inherit;
3283
3430
  }
3284
3431
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3285
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3432
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3433
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3286
3434
  padding-left: 3.3846em;
3287
3435
  padding-right: 4.923em;
3288
3436
  }
3289
3437
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3290
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3438
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3439
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3291
3440
  padding-left: 3.3846em;
3292
3441
  padding-right: 0.923em;
3293
3442
  }
3294
3443
 
3444
+ .e-listbox-container.e-filter-list .e-list-parent {
3445
+ height: 100%;
3446
+ }
3447
+
3448
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3449
+ height: 100%;
3450
+ }
3451
+
3452
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3453
+ height: 100%;
3454
+ }
3455
+
3456
+ .e-listbox-container.e-filter-list .e-list-wrap {
3457
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3458
+ }
3459
+
3460
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3461
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3462
+ }
3463
+
3464
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3465
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3466
+ }
3467
+
3295
3468
  /* stylelint-disable property-no-vendor-prefix */
3296
3469
  @keyframes material-spinner-rotate {
3297
3470
  0% {