@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
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -68,9 +67,6 @@
68
67
  position: absolute;
69
68
  top: 0;
70
69
  }
71
- .e-rtl .e-dropdownbase .e-fixed-head {
72
- left: 33px;
73
- }
74
70
 
75
71
  .e-dropdownbase.e-content {
76
72
  overflow: auto;
@@ -110,11 +106,6 @@
110
106
  cursor: default;
111
107
  }
112
108
 
113
- .e-mention .e-mention-chip::selection {
114
- color: #fff;
115
- background: #e3165b;
116
- }
117
-
118
109
  .e-mention.e-editable-element {
119
110
  border: 2px solid #e0e0e0;
120
111
  height: auto;
@@ -190,7 +181,6 @@
190
181
  .e-dropdownbase .e-list-item {
191
182
  /* stylelint-disable property-no-vendor-prefix */
192
183
  -webkit-tap-highlight-color: transparent;
193
- background-color: #fff;
194
184
  border-bottom: 0;
195
185
  border-color: #fff;
196
186
  color: rgba(0, 0, 0, 0.87);
@@ -200,11 +190,11 @@
200
190
  min-height: 36px;
201
191
  padding-right: 16px;
202
192
  text-indent: 16px;
193
+ background-color: #fff;
203
194
  }
204
195
 
205
196
  .e-dropdownbase .e-list-group-item,
206
197
  .e-fixed-head {
207
- background-color: #fff;
208
198
  border-color: #fff;
209
199
  color: rgba(0, 0, 0, 0.54);
210
200
  font-family: inherit;
@@ -214,6 +204,7 @@
214
204
  min-height: 36px;
215
205
  padding-left: 16px;
216
206
  padding-right: 16px;
207
+ background-color: #fff;
217
208
  }
218
209
 
219
210
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -375,6 +366,10 @@
375
366
  color: rgba(0, 0, 0, 0.87);
376
367
  }
377
368
 
369
+ .e-selectall-parent.e-item-focus {
370
+ background-color: #eee;
371
+ }
372
+
378
373
  /* stylelint-disable property-no-vendor-prefix */
379
374
  @keyframes e-input-ripple {
380
375
  100% {
@@ -575,6 +570,11 @@
575
570
  padding: 4px 0;
576
571
  }
577
572
 
573
+ .e-popup.e-ddl-device.e-popup-close {
574
+ display: block;
575
+ visibility: hidden;
576
+ }
577
+
578
578
  .e-popup-full-page {
579
579
  bottom: 0;
580
580
  left: 0;
@@ -587,9 +587,6 @@
587
587
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
588
588
  margin: 0;
589
589
  }
590
- .e-popup-full-page .e-popup-full-page.e-ios {
591
- position: fixed;
592
- }
593
590
 
594
591
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
595
592
  position: relative;
@@ -889,6 +886,10 @@ ejs-dropdownlist {
889
886
  padding-left: 0;
890
887
  padding-right: 0;
891
888
  }
889
+ .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 {
890
+ display: -ms-flexbox;
891
+ display: flex;
892
+ }
892
893
  .e-ddt .e-chips-wrapper {
893
894
  width: 100%;
894
895
  }
@@ -1611,7 +1612,7 @@ ejs-dropdownlist {
1611
1612
  margin-top: -38px;
1612
1613
  right: 18px;
1613
1614
  top: 100%;
1614
- width: 16px;
1615
+ width: 32px;
1615
1616
  }
1616
1617
 
1617
1618
  .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -1619,16 +1620,16 @@ ejs-dropdownlist {
1619
1620
  margin-top: -35px;
1620
1621
  right: 18px;
1621
1622
  top: 100%;
1622
- width: 16px;
1623
+ width: 32px;
1623
1624
  }
1624
1625
 
1625
1626
  .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1626
1627
  .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1627
- right: 52px;
1628
+ right: 30px;
1628
1629
  }
1629
1630
 
1630
1631
  .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1631
- right: 52px;
1632
+ right: 30px;
1632
1633
  }
1633
1634
 
1634
1635
  .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
@@ -2312,7 +2313,8 @@ ejs-dropdownlist {
2312
2313
  padding: 0 0 0 48px;
2313
2314
  }
2314
2315
 
2315
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2316
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2317
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2316
2318
  margin-top: -2.5em;
2317
2319
  }
2318
2320
 
@@ -2422,8 +2424,8 @@ ejs-dropdownlist {
2422
2424
  margin-top: -2.5em;
2423
2425
  position: absolute;
2424
2426
  right: 5px;
2425
- top: 100%;
2426
2427
  width: 24px;
2428
+ top: 100%;
2427
2429
  }
2428
2430
 
2429
2431
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -2883,11 +2885,21 @@ ejs-multiselect {
2883
2885
  margin-top: -2.5em;
2884
2886
  }
2885
2887
 
2888
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2889
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2890
+ margin-top: -1.8em;
2891
+ }
2892
+
2886
2893
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2887
2894
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2888
2895
  line-height: 40px;
2889
2896
  }
2890
2897
 
2898
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2899
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2900
+ margin-top: -2em;
2901
+ }
2902
+
2891
2903
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2892
2904
  height: 16px;
2893
2905
  width: 16px;
@@ -3965,7 +3977,8 @@ ejs-multiselect {
3965
3977
 
3966
3978
  /* stylelint-disable property-no-vendor-prefix */
3967
3979
  .e-listbox-wrapper,
3968
- .e-listbox-container {
3980
+ .e-listbox-container,
3981
+ .e-listboxtool-wrapper {
3969
3982
  -webkit-overflow-scrolling: touch;
3970
3983
  box-sizing: border-box;
3971
3984
  cursor: pointer;
@@ -3977,24 +3990,29 @@ ejs-multiselect {
3977
3990
  width: 100%;
3978
3991
  }
3979
3992
  .e-listbox-wrapper *,
3980
- .e-listbox-container * {
3993
+ .e-listbox-container *,
3994
+ .e-listboxtool-wrapper * {
3981
3995
  box-sizing: border-box;
3982
3996
  }
3983
3997
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3984
- .e-listbox-container.e-listboxtool-container .e-list-wrap {
3998
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
3999
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
3985
4000
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
3986
4001
  }
3987
4002
  .e-listbox-wrapper:focus,
3988
- .e-listbox-container:focus {
4003
+ .e-listbox-container:focus,
4004
+ .e-listboxtool-wrapper:focus {
3989
4005
  outline: none;
3990
4006
  }
3991
4007
  .e-listbox-wrapper.e-disabled,
3992
- .e-listbox-container.e-disabled {
4008
+ .e-listbox-container.e-disabled,
4009
+ .e-listboxtool-wrapper.e-disabled {
3993
4010
  cursor: default;
3994
4011
  pointer-events: none;
3995
4012
  }
3996
4013
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
3997
- .e-listbox-container:not(.e-list-template) .e-list-nrt {
4014
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
4015
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3998
4016
  text-align: center;
3999
4017
  }
4000
4018
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
@@ -4002,53 +4020,61 @@ ejs-multiselect {
4002
4020
  .e-listbox-wrapper .e-selectall-parent,
4003
4021
  .e-listbox-container:not(.e-list-template) .e-list-item,
4004
4022
  .e-listbox-container .e-list-nrt,
4005
- .e-listbox-container .e-selectall-parent {
4023
+ .e-listbox-container .e-selectall-parent,
4024
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
4025
+ .e-listboxtool-wrapper .e-list-nrt,
4026
+ .e-listboxtool-wrapper .e-selectall-parent {
4006
4027
  height: 36px;
4007
4028
  line-height: 1;
4008
4029
  padding: 11px 16px;
4009
4030
  position: relative;
4010
4031
  }
4011
- .e-listbox-wrapper.e-filter-list,
4012
- .e-listbox-container.e-filter-list {
4013
- overflow: inherit;
4014
- }
4015
4032
  .e-listbox-wrapper .e-list-parent,
4016
- .e-listbox-container .e-list-parent {
4033
+ .e-listbox-container .e-list-parent,
4034
+ .e-listboxtool-wrapper .e-list-parent {
4017
4035
  height: 100%;
4018
4036
  min-height: 36px;
4019
4037
  }
4020
4038
  .e-listbox-wrapper .e-list-item,
4021
- .e-listbox-container .e-list-item {
4039
+ .e-listbox-container .e-list-item,
4040
+ .e-listboxtool-wrapper .e-list-item {
4022
4041
  border-bottom: 0 solid;
4023
4042
  outline: none;
4024
4043
  }
4025
4044
  .e-listbox-wrapper .e-list-item.e-disabled,
4026
- .e-listbox-container .e-list-item.e-disabled {
4045
+ .e-listbox-container .e-list-item.e-disabled,
4046
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
4027
4047
  pointer-events: none;
4028
4048
  }
4029
4049
  .e-listbox-wrapper .e-disable,
4030
- .e-listbox-container .e-disable {
4050
+ .e-listbox-container .e-disable,
4051
+ .e-listboxtool-wrapper .e-disable {
4031
4052
  opacity: 0.7;
4032
4053
  }
4033
4054
  .e-listbox-wrapper .e-list-parent,
4034
- .e-listbox-container .e-list-parent {
4055
+ .e-listbox-container .e-list-parent,
4056
+ .e-listboxtool-wrapper .e-list-parent {
4035
4057
  margin: 0;
4036
4058
  padding: 0;
4037
4059
  }
4038
4060
  .e-listbox-wrapper .e-list-header .e-text.header,
4039
- .e-listbox-container .e-list-header .e-text.header {
4061
+ .e-listbox-container .e-list-header .e-text.header,
4062
+ .e-listboxtool-wrapper .e-list-header .e-text.header {
4040
4063
  display: none;
4041
4064
  }
4042
4065
  .e-listbox-wrapper .e-icon-back,
4043
- .e-listbox-container .e-icon-back {
4066
+ .e-listbox-container .e-icon-back,
4067
+ .e-listboxtool-wrapper .e-icon-back {
4044
4068
  margin-top: 2px;
4045
4069
  }
4046
4070
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4047
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
4071
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4072
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4048
4073
  display: none;
4049
4074
  }
4050
4075
  .e-listbox-wrapper .e-list-header,
4051
- .e-listbox-container .e-list-header {
4076
+ .e-listbox-container .e-list-header,
4077
+ .e-listboxtool-wrapper .e-list-header {
4052
4078
  -ms-flex-align: center;
4053
4079
  align-items: center;
4054
4080
  border-bottom: 1px solid;
@@ -4059,21 +4085,25 @@ ejs-multiselect {
4059
4085
  padding: 0 16px;
4060
4086
  }
4061
4087
  .e-listbox-wrapper .e-has-header > .e-view,
4062
- .e-listbox-container .e-has-header > .e-view {
4088
+ .e-listbox-container .e-has-header > .e-view,
4089
+ .e-listboxtool-wrapper .e-has-header > .e-view {
4063
4090
  top: 45px;
4064
4091
  }
4065
4092
  .e-listbox-wrapper .e-but-back,
4066
- .e-listbox-container .e-but-back {
4093
+ .e-listbox-container .e-but-back,
4094
+ .e-listboxtool-wrapper .e-but-back {
4067
4095
  cursor: pointer;
4068
4096
  padding-right: 30px;
4069
4097
  }
4070
4098
  .e-listbox-wrapper .e-list-group-item:first-child,
4071
- .e-listbox-container .e-list-group-item:first-child {
4099
+ .e-listbox-container .e-list-group-item:first-child,
4100
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
4072
4101
  border: 0;
4073
4102
  border-bottom: 0 solid transparent;
4074
4103
  }
4075
4104
  .e-listbox-wrapper .e-list-group-item,
4076
- .e-listbox-container .e-list-group-item {
4105
+ .e-listbox-container .e-list-group-item,
4106
+ .e-listboxtool-wrapper .e-list-group-item {
4077
4107
  border-bottom: 0 solid transparent;
4078
4108
  border-top: 1px solid;
4079
4109
  font-weight: 600;
@@ -4082,7 +4112,8 @@ ejs-multiselect {
4082
4112
  padding: 11px 16px;
4083
4113
  }
4084
4114
  .e-listbox-wrapper .e-icon-collapsible,
4085
- .e-listbox-container .e-icon-collapsible {
4115
+ .e-listbox-container .e-icon-collapsible,
4116
+ .e-listboxtool-wrapper .e-icon-collapsible {
4086
4117
  cursor: pointer;
4087
4118
  font-size: 12px;
4088
4119
  position: absolute;
@@ -4091,42 +4122,51 @@ ejs-multiselect {
4091
4122
  transform: translateY(-50%);
4092
4123
  }
4093
4124
  .e-listbox-wrapper .e-text-content,
4094
- .e-listbox-container .e-text-content {
4125
+ .e-listbox-container .e-text-content,
4126
+ .e-listboxtool-wrapper .e-text-content {
4095
4127
  height: 100%;
4096
4128
  position: relative;
4097
4129
  vertical-align: middle;
4098
4130
  }
4099
4131
  .e-listbox-wrapper .e-text-content *,
4100
- .e-listbox-container .e-text-content * {
4132
+ .e-listbox-container .e-text-content *,
4133
+ .e-listboxtool-wrapper .e-text-content * {
4101
4134
  display: inline-block;
4102
4135
  vertical-align: middle;
4103
4136
  }
4104
4137
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
4105
- .e-listbox-container .e-text-content.e-checkbox .e-list-text {
4138
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
4139
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
4106
4140
  width: calc(100% - 40px);
4107
4141
  }
4108
4142
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
4109
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
4143
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
4144
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
4110
4145
  width: calc(100% - 90px);
4111
4146
  }
4112
4147
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
4113
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
4148
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
4149
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
4114
4150
  width: calc(100% - 80px);
4115
4151
  }
4116
4152
  .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,
4117
- .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 {
4153
+ .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,
4154
+ .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 {
4118
4155
  width: calc(100% - 92px);
4119
4156
  }
4120
4157
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
4121
- .e-listbox-container .e-checkbox .e-checkbox-left {
4158
+ .e-listbox-container .e-checkbox .e-checkbox-left,
4159
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
4122
4160
  margin: -2px 10px 0 0;
4123
4161
  }
4124
4162
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
4125
- .e-listbox-container .e-checkbox .e-checkbox-right {
4163
+ .e-listbox-container .e-checkbox .e-checkbox-right,
4164
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
4126
4165
  margin: -2px 0 0 10px;
4127
4166
  }
4128
4167
  .e-listbox-wrapper .e-list-text,
4129
- .e-listbox-container .e-list-text {
4168
+ .e-listbox-container .e-list-text,
4169
+ .e-listboxtool-wrapper .e-list-text {
4130
4170
  cursor: pointer;
4131
4171
  display: inline-block;
4132
4172
  overflow: hidden;
@@ -4136,107 +4176,129 @@ ejs-multiselect {
4136
4176
  width: 100%;
4137
4177
  }
4138
4178
  .e-listbox-wrapper .e-list-icon + .e-list-text,
4139
- .e-listbox-container .e-list-icon + .e-list-text {
4179
+ .e-listbox-container .e-list-icon + .e-list-text,
4180
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text {
4140
4181
  width: calc(100% - 60px);
4141
4182
  }
4142
4183
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
4143
- .e-listbox-container .e-icon-wrapper .e-list-text {
4184
+ .e-listbox-container .e-icon-wrapper .e-list-text,
4185
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
4144
4186
  width: calc(100% - 60px);
4145
4187
  }
4146
4188
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4147
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
4189
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4190
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
4148
4191
  width: calc(100% - 60px);
4149
4192
  }
4150
4193
  .e-listbox-wrapper .e-list-icon,
4151
- .e-listbox-container .e-list-icon {
4194
+ .e-listbox-container .e-list-icon,
4195
+ .e-listboxtool-wrapper .e-list-icon {
4152
4196
  height: 30px;
4153
4197
  margin-right: 16px;
4154
4198
  width: 30px;
4155
4199
  }
4156
4200
  .e-listbox-wrapper .e-content,
4157
- .e-listbox-container .e-content {
4201
+ .e-listbox-container .e-content,
4202
+ .e-listboxtool-wrapper .e-content {
4158
4203
  overflow: hidden;
4159
4204
  position: relative;
4160
4205
  }
4161
4206
  .e-listbox-wrapper .e-list-header .e-text,
4162
- .e-listbox-container .e-list-header .e-text {
4207
+ .e-listbox-container .e-list-header .e-text,
4208
+ .e-listboxtool-wrapper .e-list-header .e-text {
4163
4209
  cursor: pointer;
4164
4210
  text-indent: 0;
4165
4211
  }
4166
4212
  .e-listbox-wrapper .e-text .e-headertext,
4167
- .e-listbox-container .e-text .e-headertext {
4213
+ .e-listbox-container .e-text .e-headertext,
4214
+ .e-listboxtool-wrapper .e-text .e-headertext {
4168
4215
  display: inline-block;
4169
4216
  line-height: inherit;
4170
4217
  }
4171
4218
  .e-listbox-wrapper.e-rtl,
4172
- .e-listbox-container.e-rtl {
4219
+ .e-listbox-container.e-rtl,
4220
+ .e-listboxtool-wrapper.e-rtl {
4173
4221
  direction: rtl;
4174
4222
  }
4175
4223
  .e-listbox-wrapper.e-rtl .e-list-icon,
4176
- .e-listbox-container.e-rtl .e-list-icon {
4224
+ .e-listbox-container.e-rtl .e-list-icon,
4225
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
4177
4226
  margin-left: 16px;
4178
4227
  margin-right: 0;
4179
4228
  }
4180
4229
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
4181
- .e-listbox-container.e-rtl .e-icon-collapsible {
4230
+ .e-listbox-container.e-rtl .e-icon-collapsible,
4231
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
4182
4232
  left: 0%;
4183
4233
  right: initial;
4184
4234
  top: 50%;
4185
4235
  transform: translateY(-50%) rotate(180deg);
4186
4236
  }
4187
4237
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
4188
- .e-listbox-container.e-rtl .e-list-header .e-text {
4238
+ .e-listbox-container.e-rtl .e-list-header .e-text,
4239
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
4189
4240
  cursor: pointer;
4190
4241
  }
4191
4242
  .e-listbox-wrapper.e-rtl .e-but-back,
4192
- .e-listbox-container.e-rtl .e-but-back {
4243
+ .e-listbox-container.e-rtl .e-but-back,
4244
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
4193
4245
  transform: rotate(180deg);
4194
4246
  }
4195
4247
  .e-listbox-wrapper.e-rtl .e-icon-back,
4196
- .e-listbox-container.e-rtl .e-icon-back {
4248
+ .e-listbox-container.e-rtl .e-icon-back,
4249
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
4197
4250
  margin-top: -2px;
4198
4251
  }
4199
4252
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4200
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
4253
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
4254
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
4201
4255
  margin: -2px 0 0 10px;
4202
4256
  }
4203
4257
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
4204
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
4258
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
4259
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
4205
4260
  margin: -2px 10px 0 0;
4206
4261
  }
4207
4262
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4208
- .e-listbox-container.e-rtl .e-checkbox-wrapper {
4263
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
4264
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4209
4265
  margin: -2px 0 0 10px;
4210
4266
  }
4211
4267
  .e-listbox-wrapper .e-checkbox-wrapper,
4212
- .e-listbox-container .e-checkbox-wrapper {
4268
+ .e-listbox-container .e-checkbox-wrapper,
4269
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
4213
4270
  margin: -2px 10px 0 0;
4214
4271
  text-indent: 0;
4215
4272
  vertical-align: middle;
4216
4273
  }
4217
4274
  .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
4218
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
4275
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
4276
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
4219
4277
  position: absolute;
4220
4278
  right: 0;
4221
4279
  top: 30%;
4222
4280
  }
4223
4281
  .e-listbox-wrapper .e-input-group,
4224
- .e-listbox-container .e-input-group {
4282
+ .e-listbox-container .e-input-group,
4283
+ .e-listboxtool-wrapper .e-input-group {
4225
4284
  padding: 4px 8px;
4226
4285
  }
4227
4286
  .e-listbox-wrapper .e-input-focus,
4228
- .e-listbox-container .e-input-focus {
4287
+ .e-listbox-container .e-input-focus,
4288
+ .e-listboxtool-wrapper .e-input-focus {
4229
4289
  padding: 4px 4px 4px 8px;
4230
4290
  }
4231
4291
  .e-listbox-wrapper .e-hidden-select,
4232
- .e-listbox-container .e-hidden-select {
4292
+ .e-listbox-container .e-hidden-select,
4293
+ .e-listboxtool-wrapper .e-hidden-select {
4233
4294
  height: 1px;
4234
4295
  opacity: 0;
4235
4296
  position: absolute;
4236
4297
  width: 100%;
4237
4298
  }
4238
4299
  .e-listbox-wrapper .e-placeholder,
4239
- .e-listbox-container .e-placeholder {
4300
+ .e-listbox-container .e-placeholder,
4301
+ .e-listboxtool-wrapper .e-placeholder {
4240
4302
  background-color: #e3165b;
4241
4303
  display: block;
4242
4304
  height: 1px;
@@ -4250,32 +4312,34 @@ ejs-listbox {
4250
4312
  overflow: auto;
4251
4313
  }
4252
4314
 
4253
- .e-listbox-wrapper.e-filter-list {
4254
- overflow: inherit;
4255
- }
4256
4315
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4257
4316
  overflow: auto;
4258
4317
  }
4259
4318
 
4260
4319
  .e-listbox-wrapper.e-sortableclone,
4261
- .e-listbox-container.e-sortableclone {
4320
+ .e-listbox-container.e-sortableclone,
4321
+ .e-listboxtool-wrapper.e-sortableclone {
4262
4322
  border-width: 0;
4263
4323
  overflow: visible;
4264
4324
  }
4265
4325
  .e-listbox-wrapper.e-sortableclone .e-list-item,
4266
- .e-listbox-container.e-sortableclone .e-list-item {
4326
+ .e-listbox-container.e-sortableclone .e-list-item,
4327
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4267
4328
  list-style-type: none;
4268
4329
  }
4269
4330
  .e-listbox-wrapper.e-sortableclone .e-ripple,
4270
- .e-listbox-container.e-sortableclone .e-ripple {
4331
+ .e-listbox-container.e-sortableclone .e-ripple,
4332
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
4271
4333
  overflow: visible;
4272
4334
  }
4273
4335
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
4274
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
4336
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
4337
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
4275
4338
  display: none;
4276
4339
  }
4277
4340
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
4278
- .e-listbox-container.e-sortableclone .e-list-badge {
4341
+ .e-listbox-container.e-sortableclone .e-list-badge,
4342
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
4279
4343
  -ms-flex-align: center;
4280
4344
  align-items: center;
4281
4345
  background-color: #e3165b;
@@ -4294,6 +4358,10 @@ ejs-listbox {
4294
4358
  width: 22px;
4295
4359
  }
4296
4360
 
4361
+ .e-listboxtool-wrapper.e-sortableclone {
4362
+ display: block;
4363
+ }
4364
+
4297
4365
  .e-listboxtool-wrapper,
4298
4366
  .e-listboxtool-container {
4299
4367
  cursor: pointer;
@@ -4445,27 +4513,66 @@ ejs-listbox {
4445
4513
  }
4446
4514
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4447
4515
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4448
- height: calc(100% - 45px);
4516
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4517
+ }
4518
+
4519
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4520
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4521
+ }
4522
+
4523
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4524
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4449
4525
  }
4450
4526
 
4451
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4452
4527
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4453
- height: calc(100% - 50px);
4528
+ height: 100%;
4454
4529
  }
4455
4530
 
4456
4531
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4457
4532
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4458
- height: calc(100% - 98px);
4533
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4534
+ }
4535
+
4536
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4537
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4538
+ }
4539
+
4540
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4541
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4542
+ }
4543
+
4544
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4545
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4546
+ }
4547
+
4548
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4549
+ height: 100%;
4459
4550
  }
4460
4551
 
4461
4552
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4553
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4554
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4555
+ }
4556
+
4462
4557
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4463
- height: calc(100% - 48px);
4558
+ height: 100%;
4464
4559
  }
4465
4560
 
4466
4561
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4562
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4563
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4564
+ }
4565
+
4566
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4567
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
4568
+ }
4569
+
4570
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4571
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4572
+ }
4573
+
4467
4574
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4468
- height: calc(100% - 45px);
4575
+ height: 100%;
4469
4576
  }
4470
4577
 
4471
4578
  .e-listbox-wrapper,
@@ -4475,12 +4582,14 @@ ejs-listbox {
4475
4582
  }
4476
4583
 
4477
4584
  .e-listbox-wrapper,
4478
- .e-listbox-container {
4585
+ .e-listbox-container,
4586
+ .e-listboxtool-wrapper {
4479
4587
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
4480
4588
  font-size: 15px;
4481
4589
  }
4482
4590
  .e-listbox-wrapper .e-list-header,
4483
- .e-listbox-container .e-list-header {
4591
+ .e-listbox-container .e-list-header,
4592
+ .e-listboxtool-wrapper .e-list-header {
4484
4593
  background-color: #fff;
4485
4594
  border-color: rgba(0, 0, 0, 0.12);
4486
4595
  color: rgba(0, 0, 0, 0.87);
@@ -4488,27 +4597,32 @@ ejs-listbox {
4488
4597
  }
4489
4598
 
4490
4599
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4491
- .e-listbox-container.e-filter-list .e-list-parent {
4492
- height: calc(100% - 43px);
4600
+ .e-listbox-container.e-filter-list .e-list-parent,
4601
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4602
+ height: calc(100% - 48px);
4493
4603
  }
4494
4604
 
4495
4605
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4496
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4497
- height: calc(100% - 79px);
4606
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4607
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4608
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4498
4609
  }
4499
4610
 
4500
4611
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4501
- .e-listbox-container .e-selectall-parent + .e-list-parent {
4502
- height: calc(100% - 36px);
4612
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
4613
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
4614
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4503
4615
  }
4504
4616
 
4505
4617
  .e-listbox-wrapper .e-icons,
4506
- .e-listbox-container .e-icons {
4618
+ .e-listbox-container .e-icons,
4619
+ .e-listboxtool-wrapper .e-icons {
4507
4620
  color: rgba(0, 0, 0, 0.54);
4508
4621
  }
4509
4622
 
4510
4623
  .e-listbox-wrapper .e-list-item,
4511
- .e-listbox-container .e-list-item {
4624
+ .e-listbox-container .e-list-item,
4625
+ .e-listboxtool-wrapper .e-list-item {
4512
4626
  background-color: #fff;
4513
4627
  border-bottom: 0 solid transparent;
4514
4628
  border-left: 0 solid transparent;
@@ -4519,41 +4633,50 @@ ejs-listbox {
4519
4633
 
4520
4634
  .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),
4521
4635
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
4522
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
4636
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
4637
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
4638
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
4523
4639
  background-color: #eee;
4524
4640
  border-color: transparent;
4525
4641
  color: rgba(0, 0, 0, 0.87);
4526
4642
  }
4527
4643
 
4528
4644
  .e-listbox-wrapper .e-list-item.e-selected,
4529
- .e-listbox-container .e-list-item.e-selected {
4645
+ .e-listbox-container .e-list-item.e-selected,
4646
+ .e-listboxtool-wrapper .e-list-item.e-selected {
4530
4647
  background-color: #f5f5f5;
4531
4648
  color: rgba(0, 0, 0, 0.87);
4532
4649
  }
4533
4650
 
4534
4651
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
4535
- .e-listbox-container .e-list-item.e-selected.e-checklist {
4652
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
4653
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
4536
4654
  background-color: #fff;
4537
4655
  color: rgba(0, 0, 0, 0.87);
4538
4656
  }
4539
4657
 
4540
4658
  .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4541
4659
  .e-listbox-container .e-list-item.e-focused,
4542
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
4660
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
4661
+ .e-listboxtool-wrapper .e-list-item.e-focused,
4662
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
4543
4663
  background-color: #f5f5f5;
4544
4664
  color: rgba(0, 0, 0, 0.87);
4545
4665
  }
4546
4666
 
4547
4667
  .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,
4548
4668
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
4549
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
4669
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
4670
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
4671
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
4550
4672
  background-color: #e3165b;
4551
4673
  border-color: transparent;
4552
4674
  color: #fff;
4553
4675
  }
4554
4676
 
4555
4677
  .e-listbox-wrapper .e-list-group-item,
4556
- .e-listbox-container .e-list-group-item {
4678
+ .e-listbox-container .e-list-group-item,
4679
+ .e-listboxtool-wrapper .e-list-group-item {
4557
4680
  background-color: #fafafa;
4558
4681
  border-color: rgba(0, 0, 0, 0.12);
4559
4682
  color: rgba(0, 0, 0, 0.54);
@@ -4561,32 +4684,38 @@ ejs-listbox {
4561
4684
  }
4562
4685
 
4563
4686
  .e-listbox-wrapper .e-selectall-parent,
4564
- .e-listbox-container .e-selectall-parent {
4687
+ .e-listbox-container .e-selectall-parent,
4688
+ .e-listboxtool-wrapper .e-selectall-parent {
4565
4689
  background-color: #fff;
4566
4690
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4567
4691
  color: rgba(0, 0, 0, 0.87);
4568
4692
  }
4569
4693
 
4570
4694
  .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
4571
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element {
4695
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
4696
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
4572
4697
  background-color: transparent;
4573
4698
  }
4574
4699
 
4575
4700
  .e-listbox-wrapper.e-list-template .e-list-wrapper,
4576
- .e-listbox-container.e-list-template .e-list-wrapper {
4701
+ .e-listbox-container.e-list-template .e-list-wrapper,
4702
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
4577
4703
  height: inherit;
4578
4704
  position: relative;
4579
4705
  }
4580
4706
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
4581
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
4707
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
4708
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
4582
4709
  padding: 0.2667em 1.0666em;
4583
4710
  }
4584
4711
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
4585
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
4712
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
4713
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
4586
4714
  padding: 1.0666em;
4587
4715
  }
4588
4716
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
4589
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
4717
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
4718
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
4590
4719
  color: rgba(0, 0, 0, 0.87);
4591
4720
  display: block;
4592
4721
  font-size: 15px;
@@ -4598,7 +4727,8 @@ ejs-listbox {
4598
4727
  white-space: nowrap;
4599
4728
  }
4600
4729
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
4601
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
4730
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
4731
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
4602
4732
  color: rgba(0, 0, 0, 0.54);
4603
4733
  display: block;
4604
4734
  font-size: 13px;
@@ -4607,13 +4737,15 @@ ejs-listbox {
4607
4737
  word-wrap: break-word;
4608
4738
  }
4609
4739
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
4610
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
4740
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
4741
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
4611
4742
  overflow: hidden;
4612
4743
  text-overflow: ellipsis;
4613
4744
  white-space: nowrap;
4614
4745
  }
4615
4746
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4616
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
4747
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4748
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
4617
4749
  height: 2.6667em;
4618
4750
  left: 1.0667em;
4619
4751
  position: absolute;
@@ -4621,17 +4753,20 @@ ejs-listbox {
4621
4753
  width: 2.6667em;
4622
4754
  }
4623
4755
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4624
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
4756
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4757
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
4625
4758
  padding-left: 4.8em;
4626
4759
  padding-right: 1.0666em;
4627
4760
  }
4628
4761
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4629
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
4762
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4763
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
4630
4764
  padding-left: 1.0666em;
4631
4765
  padding-right: 4.8em;
4632
4766
  }
4633
4767
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4634
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4768
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4769
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4635
4770
  height: 2.6667em;
4636
4771
  position: absolute;
4637
4772
  right: 1.0667em;
@@ -4639,15 +4774,18 @@ ejs-listbox {
4639
4774
  width: 2.6667em;
4640
4775
  }
4641
4776
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4642
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
4777
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4778
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
4643
4779
  top: 1.0666em;
4644
4780
  }
4645
4781
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4646
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4782
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4783
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4647
4784
  top: 1.0666em;
4648
4785
  }
4649
4786
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4650
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
4787
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4788
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
4651
4789
  font-size: 12px;
4652
4790
  height: 1.6666em;
4653
4791
  line-height: 1.8666em;
@@ -4659,17 +4797,20 @@ ejs-listbox {
4659
4797
  width: 2.5em;
4660
4798
  }
4661
4799
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4662
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
4800
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4801
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
4663
4802
  padding-left: 4.8em;
4664
4803
  padding-right: 4.1333em;
4665
4804
  }
4666
4805
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4667
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
4806
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4807
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
4668
4808
  padding-left: 1.0666em;
4669
4809
  padding-right: 4.1333em;
4670
4810
  }
4671
4811
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
4672
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
4812
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
4813
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
4673
4814
  display: block;
4674
4815
  margin: 0;
4675
4816
  overflow: hidden;
@@ -4678,57 +4819,92 @@ ejs-listbox {
4678
4819
  white-space: nowrap;
4679
4820
  }
4680
4821
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4681
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
4822
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4823
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
4682
4824
  color: rgba(0, 0, 0, 0.87);
4683
4825
  }
4684
4826
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4685
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4827
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4828
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4686
4829
  color: rgba(0, 0, 0, 0.87);
4687
4830
  }
4688
4831
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4689
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
4832
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
4833
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
4690
4834
  color: rgba(0, 0, 0, 0.87);
4691
4835
  }
4692
4836
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
4693
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
4837
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
4838
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
4694
4839
  color: rgba(0, 0, 0, 0.87);
4695
4840
  }
4696
4841
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4697
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
4842
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4843
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
4698
4844
  left: inherit;
4699
4845
  right: 1.0667em;
4700
4846
  }
4701
4847
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4702
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
4848
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4849
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
4703
4850
  padding-left: 1.0666em;
4704
4851
  padding-right: 4.8em;
4705
4852
  }
4706
4853
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4707
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
4854
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4855
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
4708
4856
  padding-left: 4.8em;
4709
4857
  padding-right: 1.0666em;
4710
4858
  }
4711
4859
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4712
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4860
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4861
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4713
4862
  left: 1.0667em;
4714
4863
  right: inherit;
4715
4864
  }
4716
4865
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4717
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
4866
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4867
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
4718
4868
  left: 1.33em;
4719
4869
  right: inherit;
4720
4870
  }
4721
4871
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4722
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
4872
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4873
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
4723
4874
  padding-left: 4.1333em;
4724
4875
  padding-right: 4.8em;
4725
4876
  }
4726
4877
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4727
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
4878
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4879
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
4728
4880
  padding-left: 4.1333em;
4729
4881
  padding-right: 1.0666em;
4730
4882
  }
4731
4883
 
4884
+ .e-listbox-container.e-filter-list .e-list-parent {
4885
+ height: 100%;
4886
+ }
4887
+
4888
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4889
+ height: 100%;
4890
+ }
4891
+
4892
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4893
+ height: 100%;
4894
+ }
4895
+
4896
+ .e-listbox-container.e-filter-list .e-list-wrap {
4897
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
4898
+ }
4899
+
4900
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4901
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4902
+ }
4903
+
4904
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4905
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4906
+ }
4907
+
4732
4908
  /* stylelint-disable property-no-vendor-prefix */
4733
4909
  @keyframes material-spinner-rotate {
4734
4910
  0% {