@syncfusion/ej2-angular-dropdowns 21.2.10 → 22.1.34-ngcc

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 (500) hide show
  1. package/@syncfusion/ej2-angular-dropdowns.es5.js +1427 -0
  2. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-dropdowns.js +1342 -0
  4. package/@syncfusion/ej2-angular-dropdowns.js.map +1 -0
  5. package/CHANGELOG.md +2468 -0
  6. package/README.md +203 -105
  7. package/dist/ej2-angular-dropdowns.umd.js +1495 -0
  8. package/dist/ej2-angular-dropdowns.umd.js.map +1 -0
  9. package/dist/ej2-angular-dropdowns.umd.min.js +11 -0
  10. package/dist/ej2-angular-dropdowns.umd.min.js.map +1 -0
  11. package/ej2-angular-dropdowns.d.ts +11 -0
  12. package/ej2-angular-dropdowns.metadata.json +1 -0
  13. package/license +10 -0
  14. package/package.json +15 -29
  15. package/postinstall/tagchange.js +18 -0
  16. package/schematics/utils/lib-details.d.ts +2 -2
  17. package/schematics/utils/lib-details.js +2 -2
  18. package/schematics/utils/lib-details.ts +2 -2
  19. package/src/auto-complete/autocomplete-all.module.d.ts +0 -6
  20. package/src/auto-complete/autocomplete.component.d.ts +8 -7
  21. package/src/auto-complete/autocomplete.module.d.ts +0 -6
  22. package/src/combo-box/combobox-all.module.d.ts +0 -6
  23. package/src/combo-box/combobox.component.d.ts +8 -7
  24. package/src/combo-box/combobox.module.d.ts +0 -6
  25. package/src/drop-down-list/dropdownlist-all.module.d.ts +0 -6
  26. package/src/drop-down-list/dropdownlist.component.d.ts +7 -5
  27. package/src/drop-down-list/dropdownlist.module.d.ts +0 -6
  28. package/src/drop-down-tree/dropdowntree-all.module.d.ts +0 -6
  29. package/src/drop-down-tree/dropdowntree.component.d.ts +12 -3
  30. package/src/drop-down-tree/dropdowntree.module.d.ts +0 -6
  31. package/src/list-box/listbox-all.module.d.ts +0 -6
  32. package/src/list-box/listbox.component.d.ts +2 -4
  33. package/src/list-box/listbox.module.d.ts +0 -6
  34. package/src/mention/mention-all.module.d.ts +0 -6
  35. package/src/mention/mention.component.d.ts +2 -3
  36. package/src/mention/mention.module.d.ts +0 -6
  37. package/src/multi-select/multiselect-all.module.d.ts +0 -6
  38. package/src/multi-select/multiselect.component.d.ts +5 -3
  39. package/src/multi-select/multiselect.module.d.ts +0 -6
  40. package/styles/auto-complete/bootstrap-dark.scss +1 -4
  41. package/styles/auto-complete/bootstrap.scss +1 -4
  42. package/styles/auto-complete/bootstrap4.scss +1 -4
  43. package/styles/auto-complete/bootstrap5-dark.scss +1 -4
  44. package/styles/auto-complete/bootstrap5.scss +1 -4
  45. package/styles/auto-complete/fabric-dark.scss +1 -4
  46. package/styles/auto-complete/fabric.scss +1 -4
  47. package/styles/auto-complete/fluent-dark.scss +1 -4
  48. package/styles/auto-complete/fluent.scss +1 -4
  49. package/styles/auto-complete/highcontrast-light.scss +1 -4
  50. package/styles/auto-complete/highcontrast.scss +1 -4
  51. package/styles/auto-complete/material-dark.scss +1 -4
  52. package/styles/auto-complete/material.scss +1 -4
  53. package/styles/auto-complete/material3-dark.css +198 -0
  54. package/styles/auto-complete/material3-dark.scss +2 -0
  55. package/styles/auto-complete/material3.css +254 -0
  56. package/styles/auto-complete/material3.scss +2 -0
  57. package/styles/auto-complete/tailwind-dark.scss +1 -4
  58. package/styles/auto-complete/tailwind.scss +1 -4
  59. package/styles/bootstrap-dark.css +212 -100
  60. package/styles/bootstrap.css +214 -101
  61. package/styles/bootstrap4.css +214 -101
  62. package/styles/bootstrap5-dark.css +212 -100
  63. package/styles/bootstrap5.css +212 -100
  64. package/styles/combo-box/bootstrap-dark.scss +1 -4
  65. package/styles/combo-box/bootstrap.scss +1 -4
  66. package/styles/combo-box/bootstrap4.scss +1 -4
  67. package/styles/combo-box/bootstrap5-dark.scss +1 -4
  68. package/styles/combo-box/bootstrap5.scss +1 -4
  69. package/styles/combo-box/fabric-dark.scss +1 -4
  70. package/styles/combo-box/fabric.scss +1 -4
  71. package/styles/combo-box/fluent-dark.scss +1 -4
  72. package/styles/combo-box/fluent.scss +1 -4
  73. package/styles/combo-box/highcontrast-light.scss +1 -4
  74. package/styles/combo-box/highcontrast.scss +1 -4
  75. package/styles/combo-box/material-dark.scss +1 -4
  76. package/styles/combo-box/material.scss +1 -4
  77. package/styles/combo-box/material3-dark.css +198 -0
  78. package/styles/combo-box/material3-dark.scss +2 -0
  79. package/styles/combo-box/material3.css +254 -0
  80. package/styles/combo-box/material3.scss +2 -0
  81. package/styles/combo-box/tailwind-dark.scss +1 -4
  82. package/styles/combo-box/tailwind.scss +1 -4
  83. package/styles/drop-down-base/bootstrap-dark.css +4 -0
  84. package/styles/drop-down-base/bootstrap-dark.scss +1 -3
  85. package/styles/drop-down-base/bootstrap.css +4 -0
  86. package/styles/drop-down-base/bootstrap.scss +1 -3
  87. package/styles/drop-down-base/bootstrap4.css +4 -0
  88. package/styles/drop-down-base/bootstrap4.scss +1 -3
  89. package/styles/drop-down-base/bootstrap5-dark.css +4 -0
  90. package/styles/drop-down-base/bootstrap5-dark.scss +1 -3
  91. package/styles/drop-down-base/bootstrap5.css +4 -0
  92. package/styles/drop-down-base/bootstrap5.scss +1 -3
  93. package/styles/drop-down-base/fabric-dark.css +4 -0
  94. package/styles/drop-down-base/fabric-dark.scss +1 -3
  95. package/styles/drop-down-base/fabric.css +4 -0
  96. package/styles/drop-down-base/fabric.scss +1 -3
  97. package/styles/drop-down-base/fluent-dark.css +4 -0
  98. package/styles/drop-down-base/fluent-dark.scss +1 -3
  99. package/styles/drop-down-base/fluent.css +4 -0
  100. package/styles/drop-down-base/fluent.scss +1 -3
  101. package/styles/drop-down-base/highcontrast-light.css +4 -0
  102. package/styles/drop-down-base/highcontrast-light.scss +1 -3
  103. package/styles/drop-down-base/highcontrast.css +4 -0
  104. package/styles/drop-down-base/highcontrast.scss +1 -3
  105. package/styles/drop-down-base/material-dark.css +4 -0
  106. package/styles/drop-down-base/material-dark.scss +1 -3
  107. package/styles/drop-down-base/material.css +4 -0
  108. package/styles/drop-down-base/material.scss +1 -3
  109. package/styles/drop-down-base/material3-dark.css +439 -0
  110. package/styles/drop-down-base/material3-dark.scss +2 -0
  111. package/styles/drop-down-base/material3.css +495 -0
  112. package/styles/drop-down-base/material3.scss +2 -0
  113. package/styles/drop-down-base/tailwind-dark.css +4 -0
  114. package/styles/drop-down-base/tailwind-dark.scss +1 -3
  115. package/styles/drop-down-base/tailwind.css +4 -0
  116. package/styles/drop-down-base/tailwind.scss +1 -3
  117. package/styles/drop-down-list/bootstrap-dark.scss +1 -8
  118. package/styles/drop-down-list/bootstrap.scss +1 -8
  119. package/styles/drop-down-list/bootstrap4.scss +1 -8
  120. package/styles/drop-down-list/bootstrap5-dark.scss +1 -8
  121. package/styles/drop-down-list/bootstrap5.scss +1 -8
  122. package/styles/drop-down-list/fabric-dark.scss +1 -8
  123. package/styles/drop-down-list/fabric.scss +1 -8
  124. package/styles/drop-down-list/fluent-dark.scss +1 -8
  125. package/styles/drop-down-list/fluent.scss +1 -8
  126. package/styles/drop-down-list/highcontrast-light.scss +1 -8
  127. package/styles/drop-down-list/highcontrast.scss +1 -8
  128. package/styles/drop-down-list/material-dark.scss +1 -8
  129. package/styles/drop-down-list/material.scss +1 -8
  130. package/styles/drop-down-list/material3-dark.css +503 -0
  131. package/styles/drop-down-list/material3-dark.scss +2 -0
  132. package/styles/drop-down-list/material3.css +559 -0
  133. package/styles/drop-down-list/material3.scss +2 -0
  134. package/styles/drop-down-list/tailwind-dark.scss +1 -8
  135. package/styles/drop-down-list/tailwind.scss +1 -8
  136. package/styles/drop-down-tree/bootstrap-dark.scss +1 -9
  137. package/styles/drop-down-tree/bootstrap.scss +1 -9
  138. package/styles/drop-down-tree/bootstrap4.scss +1 -9
  139. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -9
  140. package/styles/drop-down-tree/bootstrap5.scss +1 -9
  141. package/styles/drop-down-tree/fabric-dark.scss +1 -9
  142. package/styles/drop-down-tree/fabric.scss +1 -9
  143. package/styles/drop-down-tree/fluent-dark.scss +1 -9
  144. package/styles/drop-down-tree/fluent.scss +1 -9
  145. package/styles/drop-down-tree/highcontrast-light.scss +1 -9
  146. package/styles/drop-down-tree/highcontrast.scss +1 -9
  147. package/styles/drop-down-tree/material-dark.scss +1 -9
  148. package/styles/drop-down-tree/material.scss +1 -9
  149. package/styles/drop-down-tree/material3-dark.css +466 -0
  150. package/styles/drop-down-tree/material3-dark.scss +2 -0
  151. package/styles/drop-down-tree/material3.css +522 -0
  152. package/styles/drop-down-tree/material3.scss +2 -0
  153. package/styles/drop-down-tree/tailwind-dark.scss +1 -9
  154. package/styles/drop-down-tree/tailwind.scss +1 -9
  155. package/styles/fabric-dark.css +212 -100
  156. package/styles/fabric.css +214 -101
  157. package/styles/fluent-dark.css +214 -101
  158. package/styles/fluent.css +214 -101
  159. package/styles/highcontrast-light.css +212 -100
  160. package/styles/highcontrast.css +214 -101
  161. package/styles/list-box/bootstrap-dark.css +207 -99
  162. package/styles/list-box/bootstrap-dark.scss +1 -5
  163. package/styles/list-box/bootstrap.css +209 -100
  164. package/styles/list-box/bootstrap.scss +1 -5
  165. package/styles/list-box/bootstrap4.css +209 -100
  166. package/styles/list-box/bootstrap4.scss +1 -5
  167. package/styles/list-box/bootstrap5-dark.css +207 -99
  168. package/styles/list-box/bootstrap5-dark.scss +1 -5
  169. package/styles/list-box/bootstrap5.css +207 -99
  170. package/styles/list-box/bootstrap5.scss +1 -5
  171. package/styles/list-box/fabric-dark.css +207 -99
  172. package/styles/list-box/fabric-dark.scss +1 -5
  173. package/styles/list-box/fabric.css +209 -100
  174. package/styles/list-box/fabric.scss +1 -5
  175. package/styles/list-box/fluent-dark.css +209 -100
  176. package/styles/list-box/fluent-dark.scss +1 -5
  177. package/styles/list-box/fluent.css +209 -100
  178. package/styles/list-box/fluent.scss +1 -5
  179. package/styles/list-box/highcontrast-light.css +207 -99
  180. package/styles/list-box/highcontrast-light.scss +1 -5
  181. package/styles/list-box/highcontrast.css +209 -100
  182. package/styles/list-box/highcontrast.scss +1 -5
  183. package/styles/list-box/material-dark.css +207 -99
  184. package/styles/list-box/material-dark.scss +1 -5
  185. package/styles/list-box/material.css +209 -100
  186. package/styles/list-box/material.scss +1 -5
  187. package/styles/list-box/material3-dark.css +956 -0
  188. package/styles/list-box/material3-dark.scss +2 -0
  189. package/styles/list-box/material3.css +1012 -0
  190. package/styles/list-box/material3.scss +2 -0
  191. package/styles/list-box/tailwind-dark.css +209 -100
  192. package/styles/list-box/tailwind-dark.scss +1 -5
  193. package/styles/list-box/tailwind.css +209 -100
  194. package/styles/list-box/tailwind.scss +1 -5
  195. package/styles/material-dark.css +212 -100
  196. package/styles/material.css +214 -101
  197. package/styles/material3-dark.css +5057 -0
  198. package/styles/material3-dark.scss +9 -0
  199. package/styles/material3.css +5498 -0
  200. package/styles/material3.scss +9 -0
  201. package/styles/mention/bootstrap-dark.scss +1 -6
  202. package/styles/mention/bootstrap.scss +1 -6
  203. package/styles/mention/bootstrap4.scss +1 -6
  204. package/styles/mention/bootstrap5-dark.scss +1 -6
  205. package/styles/mention/bootstrap5.scss +1 -6
  206. package/styles/mention/fabric-dark.scss +1 -6
  207. package/styles/mention/fabric.scss +1 -6
  208. package/styles/mention/fluent-dark.scss +1 -6
  209. package/styles/mention/fluent.scss +1 -6
  210. package/styles/mention/highcontrast-light.scss +1 -6
  211. package/styles/mention/highcontrast.scss +1 -6
  212. package/styles/mention/material-dark.scss +1 -6
  213. package/styles/mention/material.scss +1 -6
  214. package/styles/mention/material3-dark.css +87 -0
  215. package/styles/mention/material3-dark.scss +2 -0
  216. package/styles/mention/material3.css +143 -0
  217. package/styles/mention/material3.scss +2 -0
  218. package/styles/mention/tailwind-dark.scss +1 -6
  219. package/styles/mention/tailwind.scss +1 -6
  220. package/styles/multi-select/bootstrap-dark.css +1 -1
  221. package/styles/multi-select/bootstrap-dark.scss +1 -9
  222. package/styles/multi-select/bootstrap.css +1 -1
  223. package/styles/multi-select/bootstrap.scss +1 -9
  224. package/styles/multi-select/bootstrap4.css +1 -1
  225. package/styles/multi-select/bootstrap4.scss +1 -9
  226. package/styles/multi-select/bootstrap5-dark.css +1 -1
  227. package/styles/multi-select/bootstrap5-dark.scss +1 -9
  228. package/styles/multi-select/bootstrap5.css +1 -1
  229. package/styles/multi-select/bootstrap5.scss +1 -9
  230. package/styles/multi-select/fabric-dark.css +1 -1
  231. package/styles/multi-select/fabric-dark.scss +1 -9
  232. package/styles/multi-select/fabric.css +1 -1
  233. package/styles/multi-select/fabric.scss +1 -9
  234. package/styles/multi-select/fluent-dark.css +1 -1
  235. package/styles/multi-select/fluent-dark.scss +1 -9
  236. package/styles/multi-select/fluent.css +1 -1
  237. package/styles/multi-select/fluent.scss +1 -9
  238. package/styles/multi-select/highcontrast-light.css +1 -1
  239. package/styles/multi-select/highcontrast-light.scss +1 -9
  240. package/styles/multi-select/highcontrast.css +1 -1
  241. package/styles/multi-select/highcontrast.scss +1 -9
  242. package/styles/multi-select/material-dark.css +1 -1
  243. package/styles/multi-select/material-dark.scss +1 -9
  244. package/styles/multi-select/material.css +1 -1
  245. package/styles/multi-select/material.scss +1 -9
  246. package/styles/multi-select/material3-dark.css +2547 -0
  247. package/styles/multi-select/material3-dark.scss +2 -0
  248. package/styles/multi-select/material3.css +2603 -0
  249. package/styles/multi-select/material3.scss +2 -0
  250. package/styles/multi-select/tailwind-dark.css +1 -1
  251. package/styles/multi-select/tailwind-dark.scss +1 -9
  252. package/styles/multi-select/tailwind.css +1 -1
  253. package/styles/multi-select/tailwind.scss +1 -9
  254. package/styles/tailwind-dark.css +214 -101
  255. package/styles/tailwind.css +214 -101
  256. package/esm2020/public_api.mjs +0 -3
  257. package/esm2020/src/auto-complete/autocomplete-all.module.mjs +0 -23
  258. package/esm2020/src/auto-complete/autocomplete.component.mjs +0 -121
  259. package/esm2020/src/auto-complete/autocomplete.module.mjs +0 -25
  260. package/esm2020/src/combo-box/combobox-all.module.mjs +0 -23
  261. package/esm2020/src/combo-box/combobox.component.mjs +0 -121
  262. package/esm2020/src/combo-box/combobox.module.mjs +0 -25
  263. package/esm2020/src/drop-down-list/dropdownlist-all.module.mjs +0 -23
  264. package/esm2020/src/drop-down-list/dropdownlist.component.mjs +0 -127
  265. package/esm2020/src/drop-down-list/dropdownlist.module.mjs +0 -25
  266. package/esm2020/src/drop-down-tree/dropdowntree-all.module.mjs +0 -23
  267. package/esm2020/src/drop-down-tree/dropdowntree.component.mjs +0 -115
  268. package/esm2020/src/drop-down-tree/dropdowntree.module.mjs +0 -25
  269. package/esm2020/src/index.mjs +0 -23
  270. package/esm2020/src/list-box/listbox-all.module.mjs +0 -23
  271. package/esm2020/src/list-box/listbox.component.mjs +0 -103
  272. package/esm2020/src/list-box/listbox.module.mjs +0 -25
  273. package/esm2020/src/mention/mention-all.module.mjs +0 -23
  274. package/esm2020/src/mention/mention.component.mjs +0 -84
  275. package/esm2020/src/mention/mention.module.mjs +0 -25
  276. package/esm2020/src/multi-select/multiselect-all.module.mjs +0 -29
  277. package/esm2020/src/multi-select/multiselect.component.mjs +0 -134
  278. package/esm2020/src/multi-select/multiselect.module.mjs +0 -25
  279. package/esm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -5
  280. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +0 -1052
  281. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +0 -1
  282. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -1052
  283. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +0 -1
  284. package/styles/auto-complete/_all.scss +0 -1
  285. package/styles/auto-complete/_bootstrap-dark-definition.scss +0 -3
  286. package/styles/auto-complete/_bootstrap-definition.scss +0 -2
  287. package/styles/auto-complete/_bootstrap4-definition.scss +0 -11
  288. package/styles/auto-complete/_bootstrap5-dark-definition.scss +0 -1
  289. package/styles/auto-complete/_bootstrap5-definition.scss +0 -2
  290. package/styles/auto-complete/_fabric-dark-definition.scss +0 -2
  291. package/styles/auto-complete/_fabric-definition.scss +0 -2
  292. package/styles/auto-complete/_fluent-dark-definition.scss +0 -1
  293. package/styles/auto-complete/_fluent-definition.scss +0 -2
  294. package/styles/auto-complete/_fusionnew-definition.scss +0 -2
  295. package/styles/auto-complete/_highcontrast-definition.scss +0 -2
  296. package/styles/auto-complete/_highcontrast-light-definition.scss +0 -2
  297. package/styles/auto-complete/_material-dark-definition.scss +0 -2
  298. package/styles/auto-complete/_material-definition.scss +0 -2
  299. package/styles/auto-complete/_tailwind-dark-definition.scss +0 -1
  300. package/styles/auto-complete/_tailwind-definition.scss +0 -2
  301. package/styles/combo-box/_all.scss +0 -1
  302. package/styles/combo-box/_bootstrap-dark-definition.scss +0 -2
  303. package/styles/combo-box/_bootstrap-definition.scss +0 -2
  304. package/styles/combo-box/_bootstrap4-definition.scss +0 -11
  305. package/styles/combo-box/_bootstrap5-dark-definition.scss +0 -1
  306. package/styles/combo-box/_bootstrap5-definition.scss +0 -2
  307. package/styles/combo-box/_fabric-dark-definition.scss +0 -2
  308. package/styles/combo-box/_fabric-definition.scss +0 -2
  309. package/styles/combo-box/_fluent-dark-definition.scss +0 -1
  310. package/styles/combo-box/_fluent-definition.scss +0 -2
  311. package/styles/combo-box/_fusionnew-definition.scss +0 -2
  312. package/styles/combo-box/_highcontrast-definition.scss +0 -2
  313. package/styles/combo-box/_highcontrast-light-definition.scss +0 -3
  314. package/styles/combo-box/_material-dark-definition.scss +0 -2
  315. package/styles/combo-box/_material-definition.scss +0 -2
  316. package/styles/combo-box/_tailwind-dark-definition.scss +0 -1
  317. package/styles/combo-box/_tailwind-definition.scss +0 -2
  318. package/styles/drop-down-base/_all.scss +0 -2
  319. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -83
  320. package/styles/drop-down-base/_bootstrap-definition.scss +0 -83
  321. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -90
  322. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +0 -1
  323. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -117
  324. package/styles/drop-down-base/_definition.scss +0 -23
  325. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -86
  326. package/styles/drop-down-base/_fabric-definition.scss +0 -84
  327. package/styles/drop-down-base/_fluent-dark-definition.scss +0 -1
  328. package/styles/drop-down-base/_fluent-definition.scss +0 -121
  329. package/styles/drop-down-base/_fusionnew-definition.scss +0 -117
  330. package/styles/drop-down-base/_highcontrast-definition.scss +0 -105
  331. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -105
  332. package/styles/drop-down-base/_layout.scss +0 -193
  333. package/styles/drop-down-base/_material-dark-definition.scss +0 -86
  334. package/styles/drop-down-base/_material-definition.scss +0 -85
  335. package/styles/drop-down-base/_tailwind-dark-definition.scss +0 -1
  336. package/styles/drop-down-base/_tailwind-definition.scss +0 -129
  337. package/styles/drop-down-base/_theme.scss +0 -381
  338. package/styles/drop-down-list/_all.scss +0 -3
  339. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -157
  340. package/styles/drop-down-list/_bootstrap-definition.scss +0 -156
  341. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -191
  342. package/styles/drop-down-list/_bootstrap5-dark-definition.scss +0 -1
  343. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -201
  344. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -128
  345. package/styles/drop-down-list/_fabric-definition.scss +0 -124
  346. package/styles/drop-down-list/_fluent-dark-definition.scss +0 -1
  347. package/styles/drop-down-list/_fluent-definition.scss +0 -185
  348. package/styles/drop-down-list/_fusionnew-definition.scss +0 -201
  349. package/styles/drop-down-list/_highcontrast-definition.scss +0 -142
  350. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -144
  351. package/styles/drop-down-list/_layout.scss +0 -296
  352. package/styles/drop-down-list/_material-dark-definition.scss +0 -143
  353. package/styles/drop-down-list/_material-definition.scss +0 -167
  354. package/styles/drop-down-list/_tailwind-dark-definition.scss +0 -1
  355. package/styles/drop-down-list/_tailwind-definition.scss +0 -134
  356. package/styles/drop-down-list/_theme.scss +0 -10
  357. package/styles/drop-down-list/icons/_bootstrap-dark.scss +0 -14
  358. package/styles/drop-down-list/icons/_bootstrap.scss +0 -14
  359. package/styles/drop-down-list/icons/_bootstrap4.scss +0 -14
  360. package/styles/drop-down-list/icons/_bootstrap5-dark.scss +0 -1
  361. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -14
  362. package/styles/drop-down-list/icons/_fabric-dark.scss +0 -14
  363. package/styles/drop-down-list/icons/_fabric.scss +0 -14
  364. package/styles/drop-down-list/icons/_fluent-dark.scss +0 -1
  365. package/styles/drop-down-list/icons/_fluent.scss +0 -14
  366. package/styles/drop-down-list/icons/_fusionnew.scss +0 -14
  367. package/styles/drop-down-list/icons/_highcontrast-light.scss +0 -14
  368. package/styles/drop-down-list/icons/_highcontrast.scss +0 -14
  369. package/styles/drop-down-list/icons/_material-dark.scss +0 -14
  370. package/styles/drop-down-list/icons/_material.scss +0 -14
  371. package/styles/drop-down-list/icons/_material3.scss +0 -14
  372. package/styles/drop-down-list/icons/_tailwind-dark.scss +0 -1
  373. package/styles/drop-down-list/icons/_tailwind.scss +0 -14
  374. package/styles/drop-down-tree/_all.scss +0 -2
  375. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +0 -72
  376. package/styles/drop-down-tree/_bootstrap-definition.scss +0 -71
  377. package/styles/drop-down-tree/_bootstrap4-definition.scss +0 -72
  378. package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +0 -1
  379. package/styles/drop-down-tree/_bootstrap5-definition.scss +0 -60
  380. package/styles/drop-down-tree/_fabric-dark-definition.scss +0 -72
  381. package/styles/drop-down-tree/_fabric-definition.scss +0 -72
  382. package/styles/drop-down-tree/_fluent-dark-definition.scss +0 -1
  383. package/styles/drop-down-tree/_fluent-definition.scss +0 -66
  384. package/styles/drop-down-tree/_fusionnew-definition.scss +0 -60
  385. package/styles/drop-down-tree/_highcontrast-definition.scss +0 -72
  386. package/styles/drop-down-tree/_highcontrast-light-definition.scss +0 -72
  387. package/styles/drop-down-tree/_layout.scss +0 -1406
  388. package/styles/drop-down-tree/_material-dark-definition.scss +0 -73
  389. package/styles/drop-down-tree/_material-definition.scss +0 -73
  390. package/styles/drop-down-tree/_tailwind-dark-definition.scss +0 -1
  391. package/styles/drop-down-tree/_tailwind-definition.scss +0 -61
  392. package/styles/drop-down-tree/_theme.scss +0 -120
  393. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +0 -11
  394. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -11
  395. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -11
  396. package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +0 -1
  397. package/styles/drop-down-tree/icons/_bootstrap5.scss +0 -11
  398. package/styles/drop-down-tree/icons/_fabric-dark.scss +0 -11
  399. package/styles/drop-down-tree/icons/_fabric.scss +0 -11
  400. package/styles/drop-down-tree/icons/_fluent-dark.scss +0 -1
  401. package/styles/drop-down-tree/icons/_fluent.scss +0 -11
  402. package/styles/drop-down-tree/icons/_fusionnew.scss +0 -11
  403. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -11
  404. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -11
  405. package/styles/drop-down-tree/icons/_material-dark.scss +0 -11
  406. package/styles/drop-down-tree/icons/_material.scss +0 -11
  407. package/styles/drop-down-tree/icons/_material3.scss +0 -11
  408. package/styles/drop-down-tree/icons/_tailwind-dark.scss +0 -11
  409. package/styles/drop-down-tree/icons/_tailwind.scss +0 -11
  410. package/styles/list-box/_all.scss +0 -2
  411. package/styles/list-box/_bootstrap-dark-definition.scss +0 -122
  412. package/styles/list-box/_bootstrap-definition.scss +0 -115
  413. package/styles/list-box/_bootstrap4-definition.scss +0 -120
  414. package/styles/list-box/_bootstrap5-dark-definition.scss +0 -1
  415. package/styles/list-box/_bootstrap5-definition.scss +0 -118
  416. package/styles/list-box/_fabric-dark-definition.scss +0 -122
  417. package/styles/list-box/_fabric-definition.scss +0 -115
  418. package/styles/list-box/_fluent-dark-definition.scss +0 -1
  419. package/styles/list-box/_fluent-definition.scss +0 -118
  420. package/styles/list-box/_fusionnew-definition.scss +0 -111
  421. package/styles/list-box/_highcontrast-definition.scss +0 -115
  422. package/styles/list-box/_highcontrast-light-definition.scss +0 -122
  423. package/styles/list-box/_layout.scss +0 -534
  424. package/styles/list-box/_material-dark-definition.scss +0 -122
  425. package/styles/list-box/_material-definition.scss +0 -115
  426. package/styles/list-box/_tailwind-dark-definition.scss +0 -1
  427. package/styles/list-box/_tailwind-definition.scss +0 -117
  428. package/styles/list-box/_theme.scss +0 -316
  429. package/styles/list-box/icons/_bootstrap-dark.scss +0 -25
  430. package/styles/list-box/icons/_bootstrap.scss +0 -25
  431. package/styles/list-box/icons/_bootstrap4.scss +0 -25
  432. package/styles/list-box/icons/_bootstrap5-dark.scss +0 -1
  433. package/styles/list-box/icons/_bootstrap5.scss +0 -25
  434. package/styles/list-box/icons/_fabric-dark.scss +0 -25
  435. package/styles/list-box/icons/_fabric.scss +0 -25
  436. package/styles/list-box/icons/_fluent-dark.scss +0 -1
  437. package/styles/list-box/icons/_fluent.scss +0 -25
  438. package/styles/list-box/icons/_fusionnew.scss +0 -25
  439. package/styles/list-box/icons/_highcontrast-light.scss +0 -25
  440. package/styles/list-box/icons/_highcontrast.scss +0 -25
  441. package/styles/list-box/icons/_material-dark.scss +0 -25
  442. package/styles/list-box/icons/_material.scss +0 -25
  443. package/styles/list-box/icons/_material3.scss +0 -25
  444. package/styles/list-box/icons/_tailwind-dark.scss +0 -25
  445. package/styles/list-box/icons/_tailwind.scss +0 -25
  446. package/styles/mention/_all.scss +0 -1
  447. package/styles/mention/_bootstrap-dark-definition.scss +0 -3
  448. package/styles/mention/_bootstrap-definition.scss +0 -3
  449. package/styles/mention/_bootstrap4-definition.scss +0 -3
  450. package/styles/mention/_bootstrap5-dark-definition.scss +0 -1
  451. package/styles/mention/_bootstrap5-definition.scss +0 -1
  452. package/styles/mention/_fabric-dark-definition.scss +0 -2
  453. package/styles/mention/_fabric-definition.scss +0 -3
  454. package/styles/mention/_fluent-dark-definition.scss +0 -1
  455. package/styles/mention/_fluent-definition.scss +0 -1
  456. package/styles/mention/_fusionnew-definition.scss +0 -1
  457. package/styles/mention/_highcontrast-definition.scss +0 -3
  458. package/styles/mention/_highcontrast-light-definition.scss +0 -3
  459. package/styles/mention/_layout.scss +0 -6
  460. package/styles/mention/_material-dark-definition.scss +0 -3
  461. package/styles/mention/_material-definition.scss +0 -3
  462. package/styles/mention/_tailwind-dark-definition.scss +0 -1
  463. package/styles/mention/_tailwind-definition.scss +0 -1
  464. package/styles/multi-select/_all.scss +0 -2
  465. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -196
  466. package/styles/multi-select/_bootstrap-definition.scss +0 -190
  467. package/styles/multi-select/_bootstrap4-definition.scss +0 -257
  468. package/styles/multi-select/_bootstrap5-dark-definition.scss +0 -1
  469. package/styles/multi-select/_bootstrap5-definition.scss +0 -227
  470. package/styles/multi-select/_fabric-dark-definition.scss +0 -185
  471. package/styles/multi-select/_fabric-definition.scss +0 -181
  472. package/styles/multi-select/_fluent-dark-definition.scss +0 -1
  473. package/styles/multi-select/_fluent-definition.scss +0 -238
  474. package/styles/multi-select/_fusionnew-definition.scss +0 -227
  475. package/styles/multi-select/_highcontrast-definition.scss +0 -296
  476. package/styles/multi-select/_highcontrast-light-definition.scss +0 -295
  477. package/styles/multi-select/_layout.scss +0 -2033
  478. package/styles/multi-select/_material-dark-definition.scss +0 -228
  479. package/styles/multi-select/_material-definition.scss +0 -221
  480. package/styles/multi-select/_tailwind-dark-definition.scss +0 -1
  481. package/styles/multi-select/_tailwind-definition.scss +0 -232
  482. package/styles/multi-select/_theme.scss +0 -580
  483. package/styles/multi-select/icons/_bootstrap-dark.scss +0 -26
  484. package/styles/multi-select/icons/_bootstrap.scss +0 -26
  485. package/styles/multi-select/icons/_bootstrap4.scss +0 -37
  486. package/styles/multi-select/icons/_bootstrap5-dark.scss +0 -1
  487. package/styles/multi-select/icons/_bootstrap5.scss +0 -26
  488. package/styles/multi-select/icons/_fabric-dark.scss +0 -26
  489. package/styles/multi-select/icons/_fabric.scss +0 -26
  490. package/styles/multi-select/icons/_fluent-dark.scss +0 -1
  491. package/styles/multi-select/icons/_fluent.scss +0 -55
  492. package/styles/multi-select/icons/_fusionnew.scss +0 -26
  493. package/styles/multi-select/icons/_highcontrast-light.scss +0 -26
  494. package/styles/multi-select/icons/_highcontrast.scss +0 -26
  495. package/styles/multi-select/icons/_material-dark.scss +0 -693
  496. package/styles/multi-select/icons/_material.scss +0 -693
  497. package/styles/multi-select/icons/_material3.scss +0 -693
  498. package/styles/multi-select/icons/_tailwind-dark.scss +0 -1
  499. package/styles/multi-select/icons/_tailwind.scss +0 -26
  500. package/syncfusion-ej2-angular-dropdowns.d.ts +0 -5
package/styles/list-box/tailwind-dark.css CHANGED
@@ -73,7 +73,8 @@
73
73
 
74
74
  /* stylelint-disable property-no-vendor-prefix */
75
75
  .e-listbox-wrapper,
76
- .e-listbox-container {
76
+ .e-listbox-container,
77
+ .e-listboxtool-wrapper {
77
78
  -webkit-overflow-scrolling: touch;
78
79
  box-sizing: border-box;
79
80
  cursor: pointer;
@@ -85,24 +86,29 @@
85
86
  width: 100%;
86
87
  }
87
88
  .e-listbox-wrapper *,
88
- .e-listbox-container * {
89
+ .e-listbox-container *,
90
+ .e-listboxtool-wrapper * {
89
91
  box-sizing: border-box;
90
92
  }
91
93
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
92
- .e-listbox-container.e-listboxtool-container .e-list-wrap {
94
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
95
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
93
96
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
94
97
  }
95
98
  .e-listbox-wrapper:focus,
96
- .e-listbox-container:focus {
99
+ .e-listbox-container:focus,
100
+ .e-listboxtool-wrapper:focus {
97
101
  outline: none;
98
102
  }
99
103
  .e-listbox-wrapper.e-disabled,
100
- .e-listbox-container.e-disabled {
104
+ .e-listbox-container.e-disabled,
105
+ .e-listboxtool-wrapper.e-disabled {
101
106
  cursor: default;
102
107
  pointer-events: none;
103
108
  }
104
109
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
105
- .e-listbox-container:not(.e-list-template) .e-list-nrt {
110
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
111
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
106
112
  text-align: center;
107
113
  }
108
114
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
@@ -110,53 +116,66 @@
110
116
  .e-listbox-wrapper .e-selectall-parent,
111
117
  .e-listbox-container:not(.e-list-template) .e-list-item,
112
118
  .e-listbox-container .e-list-nrt,
113
- .e-listbox-container .e-selectall-parent {
119
+ .e-listbox-container .e-selectall-parent,
120
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
121
+ .e-listboxtool-wrapper .e-list-nrt,
122
+ .e-listboxtool-wrapper .e-selectall-parent {
114
123
  height: 38px;
115
124
  line-height: 1;
116
125
  padding: 12px 12px;
117
126
  position: relative;
118
127
  }
119
128
  .e-listbox-wrapper.e-filter-list,
120
- .e-listbox-container.e-filter-list {
129
+ .e-listbox-container.e-filter-list,
130
+ .e-listboxtool-wrapper.e-filter-list {
121
131
  overflow: inherit;
122
132
  }
123
133
  .e-listbox-wrapper .e-list-parent,
124
- .e-listbox-container .e-list-parent {
134
+ .e-listbox-container .e-list-parent,
135
+ .e-listboxtool-wrapper .e-list-parent {
125
136
  height: 100%;
126
137
  min-height: 38px;
127
138
  }
128
139
  .e-listbox-wrapper .e-list-item,
129
- .e-listbox-container .e-list-item {
140
+ .e-listbox-container .e-list-item,
141
+ .e-listboxtool-wrapper .e-list-item {
130
142
  border-bottom: 0 solid;
131
143
  outline: none;
132
144
  }
133
145
  .e-listbox-wrapper .e-list-item.e-disabled,
134
- .e-listbox-container .e-list-item.e-disabled {
146
+ .e-listbox-container .e-list-item.e-disabled,
147
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
135
148
  pointer-events: none;
136
149
  }
137
150
  .e-listbox-wrapper .e-disable,
138
- .e-listbox-container .e-disable {
151
+ .e-listbox-container .e-disable,
152
+ .e-listboxtool-wrapper .e-disable {
139
153
  opacity: 0.7;
140
154
  }
141
155
  .e-listbox-wrapper .e-list-parent,
142
- .e-listbox-container .e-list-parent {
156
+ .e-listbox-container .e-list-parent,
157
+ .e-listboxtool-wrapper .e-list-parent {
143
158
  margin: 0;
144
159
  padding: 0;
145
160
  }
146
161
  .e-listbox-wrapper .e-list-header .e-text.header,
147
- .e-listbox-container .e-list-header .e-text.header {
162
+ .e-listbox-container .e-list-header .e-text.header,
163
+ .e-listboxtool-wrapper .e-list-header .e-text.header {
148
164
  display: none;
149
165
  }
150
166
  .e-listbox-wrapper .e-icon-back,
151
- .e-listbox-container .e-icon-back {
167
+ .e-listbox-container .e-icon-back,
168
+ .e-listboxtool-wrapper .e-icon-back {
152
169
  margin-top: 2px;
153
170
  }
154
171
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
155
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
172
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
173
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
156
174
  display: none;
157
175
  }
158
176
  .e-listbox-wrapper .e-list-header,
159
- .e-listbox-container .e-list-header {
177
+ .e-listbox-container .e-list-header,
178
+ .e-listboxtool-wrapper .e-list-header {
160
179
  -ms-flex-align: center;
161
180
  align-items: center;
162
181
  border-bottom: 1px solid;
@@ -167,21 +186,25 @@
167
186
  padding: 0 12px;
168
187
  }
169
188
  .e-listbox-wrapper .e-has-header > .e-view,
170
- .e-listbox-container .e-has-header > .e-view {
189
+ .e-listbox-container .e-has-header > .e-view,
190
+ .e-listboxtool-wrapper .e-has-header > .e-view {
171
191
  top: 45px;
172
192
  }
173
193
  .e-listbox-wrapper .e-but-back,
174
- .e-listbox-container .e-but-back {
194
+ .e-listbox-container .e-but-back,
195
+ .e-listboxtool-wrapper .e-but-back {
175
196
  cursor: pointer;
176
197
  padding-right: 8px;
177
198
  }
178
199
  .e-listbox-wrapper .e-list-group-item:first-child,
179
- .e-listbox-container .e-list-group-item:first-child {
200
+ .e-listbox-container .e-list-group-item:first-child,
201
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
180
202
  border: 0;
181
203
  border-bottom: 0 solid transparent;
182
204
  }
183
205
  .e-listbox-wrapper .e-list-group-item,
184
- .e-listbox-container .e-list-group-item {
206
+ .e-listbox-container .e-list-group-item,
207
+ .e-listboxtool-wrapper .e-list-group-item {
185
208
  border-bottom: 0 solid transparent;
186
209
  border-top: 1px solid;
187
210
  font-weight: 600;
@@ -190,7 +213,8 @@
190
213
  padding: 12px 12px;
191
214
  }
192
215
  .e-listbox-wrapper .e-icon-collapsible,
193
- .e-listbox-container .e-icon-collapsible {
216
+ .e-listbox-container .e-icon-collapsible,
217
+ .e-listboxtool-wrapper .e-icon-collapsible {
194
218
  cursor: pointer;
195
219
  font-size: 12px;
196
220
  position: absolute;
@@ -199,42 +223,51 @@
199
223
  transform: translateY(-50%);
200
224
  }
201
225
  .e-listbox-wrapper .e-text-content,
202
- .e-listbox-container .e-text-content {
226
+ .e-listbox-container .e-text-content,
227
+ .e-listboxtool-wrapper .e-text-content {
203
228
  height: 100%;
204
229
  position: relative;
205
230
  vertical-align: middle;
206
231
  }
207
232
  .e-listbox-wrapper .e-text-content *,
208
- .e-listbox-container .e-text-content * {
233
+ .e-listbox-container .e-text-content *,
234
+ .e-listboxtool-wrapper .e-text-content * {
209
235
  display: inline-block;
210
236
  vertical-align: middle;
211
237
  }
212
238
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
213
- .e-listbox-container .e-text-content.e-checkbox .e-list-text {
239
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
240
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
214
241
  width: calc(100% - 40px);
215
242
  }
216
243
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
217
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
244
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
245
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
218
246
  width: calc(100% - 90px);
219
247
  }
220
248
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
221
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
249
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
250
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
222
251
  width: calc(100% - 80px);
223
252
  }
224
253
  .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,
225
- .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 {
254
+ .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,
255
+ .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 {
226
256
  width: calc(100% - 92px);
227
257
  }
228
258
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
229
- .e-listbox-container .e-checkbox .e-checkbox-left {
259
+ .e-listbox-container .e-checkbox .e-checkbox-left,
260
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
230
261
  margin: -2px 8px 0 0;
231
262
  }
232
263
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
233
- .e-listbox-container .e-checkbox .e-checkbox-right {
264
+ .e-listbox-container .e-checkbox .e-checkbox-right,
265
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
234
266
  margin: -2px 0 0 8px;
235
267
  }
236
268
  .e-listbox-wrapper .e-list-text,
237
- .e-listbox-container .e-list-text {
269
+ .e-listbox-container .e-list-text,
270
+ .e-listboxtool-wrapper .e-list-text {
238
271
  cursor: pointer;
239
272
  display: inline-block;
240
273
  overflow: hidden;
@@ -244,107 +277,129 @@
244
277
  width: 100%;
245
278
  }
246
279
  .e-listbox-wrapper .e-list-icon + .e-list-text,
247
- .e-listbox-container .e-list-icon + .e-list-text {
280
+ .e-listbox-container .e-list-icon + .e-list-text,
281
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text {
248
282
  width: calc(100% - 60px);
249
283
  }
250
284
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
251
- .e-listbox-container .e-icon-wrapper .e-list-text {
285
+ .e-listbox-container .e-icon-wrapper .e-list-text,
286
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
252
287
  width: calc(100% - 60px);
253
288
  }
254
289
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
255
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
290
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
291
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
256
292
  width: calc(100% - 60px);
257
293
  }
258
294
  .e-listbox-wrapper .e-list-icon,
259
- .e-listbox-container .e-list-icon {
295
+ .e-listbox-container .e-list-icon,
296
+ .e-listboxtool-wrapper .e-list-icon {
260
297
  height: 30px;
261
298
  margin-right: 16px;
262
299
  width: 30px;
263
300
  }
264
301
  .e-listbox-wrapper .e-content,
265
- .e-listbox-container .e-content {
302
+ .e-listbox-container .e-content,
303
+ .e-listboxtool-wrapper .e-content {
266
304
  overflow: hidden;
267
305
  position: relative;
268
306
  }
269
307
  .e-listbox-wrapper .e-list-header .e-text,
270
- .e-listbox-container .e-list-header .e-text {
308
+ .e-listbox-container .e-list-header .e-text,
309
+ .e-listboxtool-wrapper .e-list-header .e-text {
271
310
  cursor: pointer;
272
311
  text-indent: 0;
273
312
  }
274
313
  .e-listbox-wrapper .e-text .e-headertext,
275
- .e-listbox-container .e-text .e-headertext {
314
+ .e-listbox-container .e-text .e-headertext,
315
+ .e-listboxtool-wrapper .e-text .e-headertext {
276
316
  display: inline-block;
277
317
  line-height: 18px;
278
318
  }
279
319
  .e-listbox-wrapper.e-rtl,
280
- .e-listbox-container.e-rtl {
320
+ .e-listbox-container.e-rtl,
321
+ .e-listboxtool-wrapper.e-rtl {
281
322
  direction: rtl;
282
323
  }
283
324
  .e-listbox-wrapper.e-rtl .e-list-icon,
284
- .e-listbox-container.e-rtl .e-list-icon {
325
+ .e-listbox-container.e-rtl .e-list-icon,
326
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
285
327
  margin-left: 16px;
286
328
  margin-right: 0;
287
329
  }
288
330
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
289
- .e-listbox-container.e-rtl .e-icon-collapsible {
331
+ .e-listbox-container.e-rtl .e-icon-collapsible,
332
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
290
333
  left: 0%;
291
334
  right: initial;
292
335
  top: 50%;
293
336
  transform: translateY(-50%) rotate(180deg);
294
337
  }
295
338
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
296
- .e-listbox-container.e-rtl .e-list-header .e-text {
339
+ .e-listbox-container.e-rtl .e-list-header .e-text,
340
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
297
341
  cursor: pointer;
298
342
  }
299
343
  .e-listbox-wrapper.e-rtl .e-but-back,
300
- .e-listbox-container.e-rtl .e-but-back {
344
+ .e-listbox-container.e-rtl .e-but-back,
345
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
301
346
  transform: rotate(180deg);
302
347
  }
303
348
  .e-listbox-wrapper.e-rtl .e-icon-back,
304
- .e-listbox-container.e-rtl .e-icon-back {
349
+ .e-listbox-container.e-rtl .e-icon-back,
350
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
305
351
  margin-top: -2px;
306
352
  }
307
353
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
308
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
354
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
355
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
309
356
  margin: -2px 0 0 8px;
310
357
  }
311
358
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
312
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
359
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
360
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
313
361
  margin: -2px 8px 0 0;
314
362
  }
315
363
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
316
- .e-listbox-container.e-rtl .e-checkbox-wrapper {
364
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
365
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
317
366
  margin: -2px 0 0 8px;
318
367
  }
319
368
  .e-listbox-wrapper .e-checkbox-wrapper,
320
- .e-listbox-container .e-checkbox-wrapper {
369
+ .e-listbox-container .e-checkbox-wrapper,
370
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
321
371
  margin: -2px 8px 0 0;
322
372
  text-indent: 0;
323
373
  vertical-align: middle;
324
374
  }
325
375
  .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
326
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
376
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
377
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
327
378
  position: absolute;
328
379
  right: 0;
329
380
  top: 30%;
330
381
  }
331
382
  .e-listbox-wrapper .e-input-group,
332
- .e-listbox-container .e-input-group {
383
+ .e-listbox-container .e-input-group,
384
+ .e-listboxtool-wrapper .e-input-group {
333
385
  padding: 4px 8px;
334
386
  }
335
387
  .e-listbox-wrapper .e-input-focus,
336
- .e-listbox-container .e-input-focus {
388
+ .e-listbox-container .e-input-focus,
389
+ .e-listboxtool-wrapper .e-input-focus {
337
390
  padding: 4px 4px 4px 8px;
338
391
  }
339
392
  .e-listbox-wrapper .e-hidden-select,
340
- .e-listbox-container .e-hidden-select {
393
+ .e-listbox-container .e-hidden-select,
394
+ .e-listboxtool-wrapper .e-hidden-select {
341
395
  height: 1px;
342
396
  opacity: 0;
343
397
  position: absolute;
344
398
  width: 100%;
345
399
  }
346
400
  .e-listbox-wrapper .e-placeholder,
347
- .e-listbox-container .e-placeholder {
401
+ .e-listbox-container .e-placeholder,
402
+ .e-listboxtool-wrapper .e-placeholder {
348
403
  background-color: #22d3ee;
349
404
  display: block;
350
405
  height: 1px;
@@ -366,24 +421,29 @@ ejs-listbox {
366
421
  }
367
422
 
368
423
  .e-listbox-wrapper.e-sortableclone,
369
- .e-listbox-container.e-sortableclone {
424
+ .e-listbox-container.e-sortableclone,
425
+ .e-listboxtool-wrapper.e-sortableclone {
370
426
  border-width: 0;
371
427
  overflow: visible;
372
428
  }
373
429
  .e-listbox-wrapper.e-sortableclone .e-list-item,
374
- .e-listbox-container.e-sortableclone .e-list-item {
430
+ .e-listbox-container.e-sortableclone .e-list-item,
431
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
375
432
  list-style-type: none;
376
433
  }
377
434
  .e-listbox-wrapper.e-sortableclone .e-ripple,
378
- .e-listbox-container.e-sortableclone .e-ripple {
435
+ .e-listbox-container.e-sortableclone .e-ripple,
436
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
379
437
  overflow: visible;
380
438
  }
381
439
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
382
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
440
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
441
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
383
442
  display: none;
384
443
  }
385
444
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
386
- .e-listbox-container.e-sortableclone .e-list-badge {
445
+ .e-listbox-container.e-sortableclone .e-list-badge,
446
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
387
447
  -ms-flex-align: center;
388
448
  align-items: center;
389
449
  background-color: #22d3ee;
@@ -402,6 +462,10 @@ ejs-listbox {
402
462
  width: 22px;
403
463
  }
404
464
 
465
+ .e-listboxtool-wrapper.e-sortableclone {
466
+ display: block;
467
+ }
468
+
405
469
  .e-listboxtool-wrapper,
406
470
  .e-listboxtool-container {
407
471
  cursor: pointer;
@@ -593,12 +657,14 @@ ejs-listbox {
593
657
  }
594
658
 
595
659
  .e-listbox-wrapper,
596
- .e-listbox-container {
660
+ .e-listbox-container,
661
+ .e-listboxtool-wrapper {
597
662
  font-family: "Inter";
598
663
  font-size: 14px;
599
664
  }
600
665
  .e-listbox-wrapper .e-list-header,
601
- .e-listbox-container .e-list-header {
666
+ .e-listbox-container .e-list-header,
667
+ .e-listboxtool-wrapper .e-list-header {
602
668
  background-color: #374151;
603
669
  border-color: rgba(0, 0, 0, 0.12);
604
670
  color: #9ca3af;
@@ -606,27 +672,32 @@ ejs-listbox {
606
672
  }
607
673
 
608
674
  .e-listbox-wrapper.e-filter-list .e-list-parent,
609
- .e-listbox-container.e-filter-list .e-list-parent {
675
+ .e-listbox-container.e-filter-list .e-list-parent,
676
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
610
677
  height: calc(100% - 47px);
611
678
  }
612
679
 
613
680
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
614
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
681
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
682
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
615
683
  height: calc(100% - 76px);
616
684
  }
617
685
 
618
686
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
619
- .e-listbox-container .e-selectall-parent + .e-list-parent {
687
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
688
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
620
689
  height: calc(100% - 38px);
621
690
  }
622
691
 
623
692
  .e-listbox-wrapper .e-icons,
624
- .e-listbox-container .e-icons {
693
+ .e-listbox-container .e-icons,
694
+ .e-listboxtool-wrapper .e-icons {
625
695
  color: #d1d5db;
626
696
  }
627
697
 
628
698
  .e-listbox-wrapper .e-list-item,
629
- .e-listbox-container .e-list-item {
699
+ .e-listbox-container .e-list-item,
700
+ .e-listboxtool-wrapper .e-list-item {
630
701
  background-color: transparent;
631
702
  border-bottom: 0 solid transparent;
632
703
  border-left: 0 solid transparent;
@@ -637,41 +708,50 @@ ejs-listbox {
637
708
 
638
709
  .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),
639
710
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
640
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
711
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
712
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
713
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
641
714
  background-color: #374151;
642
715
  border-color: transparent;
643
716
  color: #fff;
644
717
  }
645
718
 
646
719
  .e-listbox-wrapper .e-list-item.e-selected,
647
- .e-listbox-container .e-list-item.e-selected {
720
+ .e-listbox-container .e-list-item.e-selected,
721
+ .e-listboxtool-wrapper .e-list-item.e-selected {
648
722
  background-color: #374151;
649
723
  color: rgba(255, 255, 255, 0.87);
650
724
  }
651
725
 
652
726
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
653
- .e-listbox-container .e-list-item.e-selected.e-checklist {
727
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
728
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
654
729
  background-color: transparent;
655
730
  color: #fff;
656
731
  }
657
732
 
658
733
  .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
659
734
  .e-listbox-container .e-list-item.e-focused,
660
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
735
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
736
+ .e-listboxtool-wrapper .e-list-item.e-focused,
737
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
661
738
  background-color: #374151;
662
739
  color: rgba(255, 255, 255, 0.87);
663
740
  }
664
741
 
665
742
  .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,
666
743
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
667
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
744
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
745
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
746
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
668
747
  background-color: #22d3ee;
669
748
  border-color: transparent;
670
749
  color: #000;
671
750
  }
672
751
 
673
752
  .e-listbox-wrapper .e-list-group-item,
674
- .e-listbox-container .e-list-group-item {
753
+ .e-listbox-container .e-list-group-item,
754
+ .e-listboxtool-wrapper .e-list-group-item {
675
755
  background-color: #374151;
676
756
  border-color: rgba(0, 0, 0, 0.12);
677
757
  color: #9ca3af;
@@ -679,32 +759,38 @@ ejs-listbox {
679
759
  }
680
760
 
681
761
  .e-listbox-wrapper .e-selectall-parent,
682
- .e-listbox-container .e-selectall-parent {
762
+ .e-listbox-container .e-selectall-parent,
763
+ .e-listboxtool-wrapper .e-selectall-parent {
683
764
  background-color: transparent;
684
765
  border-bottom: 1px solid #4b5563;
685
766
  color: #fff;
686
767
  }
687
768
 
688
769
  .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
689
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element {
770
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
771
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
690
772
  background-color: transparent;
691
773
  }
692
774
 
693
775
  .e-listbox-wrapper.e-list-template .e-list-wrapper,
694
- .e-listbox-container.e-list-template .e-list-wrapper {
776
+ .e-listbox-container.e-list-template .e-list-wrapper,
777
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
695
778
  height: inherit;
696
779
  position: relative;
697
780
  }
698
781
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
699
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
782
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
783
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
700
784
  padding: 8px 16px;
701
785
  }
702
786
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
703
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
787
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
788
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
704
789
  padding: 4px;
705
790
  }
706
791
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
707
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
792
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
793
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
708
794
  color: #fff;
709
795
  display: block;
710
796
  font-size: 14px;
@@ -716,7 +802,8 @@ ejs-listbox {
716
802
  white-space: nowrap;
717
803
  }
718
804
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
719
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
805
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
806
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
720
807
  color: #9ca3af;
721
808
  display: block;
722
809
  font-size: 14px;
@@ -725,13 +812,15 @@ ejs-listbox {
725
812
  word-wrap: break-word;
726
813
  }
727
814
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
728
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
815
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
816
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
729
817
  overflow: hidden;
730
818
  text-overflow: ellipsis;
731
819
  white-space: nowrap;
732
820
  }
733
821
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
734
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
822
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
823
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
735
824
  height: 40px;
736
825
  left: 0;
737
826
  position: absolute;
@@ -739,17 +828,20 @@ ejs-listbox {
739
828
  width: 40px;
740
829
  }
741
830
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
742
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
831
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
832
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
743
833
  padding-left: 68px;
744
834
  padding-right: 16px;
745
835
  }
746
836
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
747
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
837
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
838
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
748
839
  padding-left: 16px;
749
840
  padding-right: 68px;
750
841
  }
751
842
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
752
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
843
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
844
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
753
845
  height: 40px;
754
846
  position: absolute;
755
847
  right: 0;
@@ -757,15 +849,18 @@ ejs-listbox {
757
849
  width: 40px;
758
850
  }
759
851
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
760
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
852
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
853
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
761
854
  top: 0;
762
855
  }
763
856
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
764
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
857
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
858
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
765
859
  top: 0;
766
860
  }
767
861
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
768
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
862
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
863
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
769
864
  font-size: 10px;
770
865
  height: 18px;
771
866
  line-height: 16px;
@@ -777,17 +872,20 @@ ejs-listbox {
777
872
  width: 32px;
778
873
  }
779
874
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
780
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
875
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
876
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
781
877
  padding-left: 68px;
782
878
  padding-right: 10px;
783
879
  }
784
880
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
785
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
881
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
882
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
786
883
  padding-left: 16px;
787
884
  padding-right: 10px;
788
885
  }
789
886
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
790
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
887
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
888
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
791
889
  display: block;
792
890
  margin: 0;
793
891
  overflow: hidden;
@@ -796,53 +894,64 @@ ejs-listbox {
796
894
  white-space: nowrap;
797
895
  }
798
896
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
799
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
897
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
898
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
800
899
  color: #fff;
801
900
  }
802
901
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
803
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
902
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
903
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
804
904
  color: #fff;
805
905
  }
806
906
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
807
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
907
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
908
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
808
909
  color: rgba(255, 255, 255, 0.87);
809
910
  }
810
911
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
811
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
912
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
913
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
812
914
  color: rgba(255, 255, 255, 0.87);
813
915
  }
814
916
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
815
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
917
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
918
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
816
919
  left: inherit;
817
920
  right: 0;
818
921
  }
819
922
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
820
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
923
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
924
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
821
925
  padding-left: 16px;
822
926
  padding-right: 68px;
823
927
  }
824
928
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
825
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
929
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
930
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
826
931
  padding-left: 68px;
827
932
  padding-right: 16px;
828
933
  }
829
934
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
830
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
935
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
936
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
831
937
  left: 0;
832
938
  right: inherit;
833
939
  }
834
940
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
835
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
941
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
942
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
836
943
  left: 12px;
837
944
  right: inherit;
838
945
  }
839
946
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
840
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
947
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
948
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
841
949
  padding-left: 10px;
842
950
  padding-right: 68px;
843
951
  }
844
952
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
845
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
953
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
954
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
846
955
  padding-left: 10px;
847
956
  padding-right: 16px;
848
957
  }