@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/bootstrap.css CHANGED
@@ -37,7 +37,8 @@
37
37
 
38
38
  /* stylelint-disable property-no-vendor-prefix */
39
39
  .e-listbox-wrapper,
40
- .e-listbox-container {
40
+ .e-listbox-container,
41
+ .e-listboxtool-wrapper {
41
42
  -webkit-overflow-scrolling: touch;
42
43
  box-sizing: border-box;
43
44
  cursor: pointer;
@@ -49,24 +50,29 @@
49
50
  width: 100%;
50
51
  }
51
52
  .e-listbox-wrapper *,
52
- .e-listbox-container * {
53
+ .e-listbox-container *,
54
+ .e-listboxtool-wrapper * {
53
55
  box-sizing: border-box;
54
56
  }
55
57
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
56
- .e-listbox-container.e-listboxtool-container .e-list-wrap {
58
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
59
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
57
60
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
58
61
  }
59
62
  .e-listbox-wrapper:focus,
60
- .e-listbox-container:focus {
63
+ .e-listbox-container:focus,
64
+ .e-listboxtool-wrapper:focus {
61
65
  outline: none;
62
66
  }
63
67
  .e-listbox-wrapper.e-disabled,
64
- .e-listbox-container.e-disabled {
68
+ .e-listbox-container.e-disabled,
69
+ .e-listboxtool-wrapper.e-disabled {
65
70
  cursor: default;
66
71
  pointer-events: none;
67
72
  }
68
73
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
69
- .e-listbox-container:not(.e-list-template) .e-list-nrt {
74
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
75
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
70
76
  text-align: center;
71
77
  }
72
78
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
@@ -74,53 +80,66 @@
74
80
  .e-listbox-wrapper .e-selectall-parent,
75
81
  .e-listbox-container:not(.e-list-template) .e-list-item,
76
82
  .e-listbox-container .e-list-nrt,
77
- .e-listbox-container .e-selectall-parent {
83
+ .e-listbox-container .e-selectall-parent,
84
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
85
+ .e-listboxtool-wrapper .e-list-nrt,
86
+ .e-listboxtool-wrapper .e-selectall-parent {
78
87
  height: 40px;
79
88
  line-height: 1;
80
89
  padding: 13px 16px;
81
90
  position: relative;
82
91
  }
83
92
  .e-listbox-wrapper.e-filter-list,
84
- .e-listbox-container.e-filter-list {
93
+ .e-listbox-container.e-filter-list,
94
+ .e-listboxtool-wrapper.e-filter-list {
85
95
  overflow: inherit;
86
96
  }
87
97
  .e-listbox-wrapper .e-list-parent,
88
- .e-listbox-container .e-list-parent {
98
+ .e-listbox-container .e-list-parent,
99
+ .e-listboxtool-wrapper .e-list-parent {
89
100
  height: 100%;
90
101
  min-height: 40px;
91
102
  }
92
103
  .e-listbox-wrapper .e-list-item,
93
- .e-listbox-container .e-list-item {
104
+ .e-listbox-container .e-list-item,
105
+ .e-listboxtool-wrapper .e-list-item {
94
106
  border-bottom: 0 solid;
95
107
  outline: none;
96
108
  }
97
109
  .e-listbox-wrapper .e-list-item.e-disabled,
98
- .e-listbox-container .e-list-item.e-disabled {
110
+ .e-listbox-container .e-list-item.e-disabled,
111
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
99
112
  pointer-events: none;
100
113
  }
101
114
  .e-listbox-wrapper .e-disable,
102
- .e-listbox-container .e-disable {
115
+ .e-listbox-container .e-disable,
116
+ .e-listboxtool-wrapper .e-disable {
103
117
  opacity: 0.7;
104
118
  }
105
119
  .e-listbox-wrapper .e-list-parent,
106
- .e-listbox-container .e-list-parent {
120
+ .e-listbox-container .e-list-parent,
121
+ .e-listboxtool-wrapper .e-list-parent {
107
122
  margin: 0;
108
123
  padding: 0;
109
124
  }
110
125
  .e-listbox-wrapper .e-list-header .e-text.header,
111
- .e-listbox-container .e-list-header .e-text.header {
126
+ .e-listbox-container .e-list-header .e-text.header,
127
+ .e-listboxtool-wrapper .e-list-header .e-text.header {
112
128
  display: none;
113
129
  }
114
130
  .e-listbox-wrapper .e-icon-back,
115
- .e-listbox-container .e-icon-back {
131
+ .e-listbox-container .e-icon-back,
132
+ .e-listboxtool-wrapper .e-icon-back {
116
133
  margin-top: -2px;
117
134
  }
118
135
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
119
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
136
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
137
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
120
138
  display: none;
121
139
  }
122
140
  .e-listbox-wrapper .e-list-header,
123
- .e-listbox-container .e-list-header {
141
+ .e-listbox-container .e-list-header,
142
+ .e-listboxtool-wrapper .e-list-header {
124
143
  -ms-flex-align: center;
125
144
  align-items: center;
126
145
  border-bottom: 1px solid;
@@ -131,21 +150,25 @@
131
150
  padding: 0 20px;
132
151
  }
133
152
  .e-listbox-wrapper .e-has-header > .e-view,
134
- .e-listbox-container .e-has-header > .e-view {
153
+ .e-listbox-container .e-has-header > .e-view,
154
+ .e-listboxtool-wrapper .e-has-header > .e-view {
135
155
  top: 45px;
136
156
  }
137
157
  .e-listbox-wrapper .e-but-back,
138
- .e-listbox-container .e-but-back {
158
+ .e-listbox-container .e-but-back,
159
+ .e-listboxtool-wrapper .e-but-back {
139
160
  cursor: pointer;
140
161
  padding-right: 10px;
141
162
  }
142
163
  .e-listbox-wrapper .e-list-group-item:first-child,
143
- .e-listbox-container .e-list-group-item:first-child {
164
+ .e-listbox-container .e-list-group-item:first-child,
165
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
144
166
  border: 0;
145
167
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
146
168
  }
147
169
  .e-listbox-wrapper .e-list-group-item,
148
- .e-listbox-container .e-list-group-item {
170
+ .e-listbox-container .e-list-group-item,
171
+ .e-listboxtool-wrapper .e-list-group-item {
149
172
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
150
173
  border-top: 0 solid;
151
174
  font-weight: 600;
@@ -154,7 +177,8 @@
154
177
  padding: 13px 16px;
155
178
  }
156
179
  .e-listbox-wrapper .e-icon-collapsible,
157
- .e-listbox-container .e-icon-collapsible {
180
+ .e-listbox-container .e-icon-collapsible,
181
+ .e-listboxtool-wrapper .e-icon-collapsible {
158
182
  cursor: pointer;
159
183
  font-size: 12px;
160
184
  position: absolute;
@@ -163,42 +187,51 @@
163
187
  transform: translateY(-50%);
164
188
  }
165
189
  .e-listbox-wrapper .e-text-content,
166
- .e-listbox-container .e-text-content {
190
+ .e-listbox-container .e-text-content,
191
+ .e-listboxtool-wrapper .e-text-content {
167
192
  height: 100%;
168
193
  position: relative;
169
194
  vertical-align: middle;
170
195
  }
171
196
  .e-listbox-wrapper .e-text-content *,
172
- .e-listbox-container .e-text-content * {
197
+ .e-listbox-container .e-text-content *,
198
+ .e-listboxtool-wrapper .e-text-content * {
173
199
  display: inline-block;
174
200
  vertical-align: middle;
175
201
  }
176
202
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
177
- .e-listbox-container .e-text-content.e-checkbox .e-list-text {
203
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
204
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
178
205
  width: calc(100% - 40px);
179
206
  }
180
207
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
181
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
208
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
209
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
182
210
  width: calc(100% - 90px);
183
211
  }
184
212
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
185
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
213
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
214
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
186
215
  width: calc(100% - 80px);
187
216
  }
188
217
  .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,
189
- .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 {
218
+ .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,
219
+ .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 {
190
220
  width: calc(100% - 92px);
191
221
  }
192
222
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
193
- .e-listbox-container .e-checkbox .e-checkbox-left {
223
+ .e-listbox-container .e-checkbox .e-checkbox-left,
224
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
194
225
  margin: -4px 10px 0 0;
195
226
  }
196
227
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
197
- .e-listbox-container .e-checkbox .e-checkbox-right {
228
+ .e-listbox-container .e-checkbox .e-checkbox-right,
229
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
198
230
  margin: -4px 0 0 10px;
199
231
  }
200
232
  .e-listbox-wrapper .e-list-text,
201
- .e-listbox-container .e-list-text {
233
+ .e-listbox-container .e-list-text,
234
+ .e-listboxtool-wrapper .e-list-text {
202
235
  cursor: pointer;
203
236
  display: inline-block;
204
237
  overflow: hidden;
@@ -208,107 +241,129 @@
208
241
  width: 100%;
209
242
  }
210
243
  .e-listbox-wrapper .e-list-icon + .e-list-text,
211
- .e-listbox-container .e-list-icon + .e-list-text {
244
+ .e-listbox-container .e-list-icon + .e-list-text,
245
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text {
212
246
  width: calc(100% - 60px);
213
247
  }
214
248
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
215
- .e-listbox-container .e-icon-wrapper .e-list-text {
249
+ .e-listbox-container .e-icon-wrapper .e-list-text,
250
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
216
251
  width: calc(100% - 60px);
217
252
  }
218
253
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
219
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
254
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
255
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
220
256
  width: calc(100% - 60px);
221
257
  }
222
258
  .e-listbox-wrapper .e-list-icon,
223
- .e-listbox-container .e-list-icon {
259
+ .e-listbox-container .e-list-icon,
260
+ .e-listboxtool-wrapper .e-list-icon {
224
261
  height: 30px;
225
262
  margin-right: 10px;
226
263
  width: 30px;
227
264
  }
228
265
  .e-listbox-wrapper .e-content,
229
- .e-listbox-container .e-content {
266
+ .e-listbox-container .e-content,
267
+ .e-listboxtool-wrapper .e-content {
230
268
  overflow: hidden;
231
269
  position: relative;
232
270
  }
233
271
  .e-listbox-wrapper .e-list-header .e-text,
234
- .e-listbox-container .e-list-header .e-text {
272
+ .e-listbox-container .e-list-header .e-text,
273
+ .e-listboxtool-wrapper .e-list-header .e-text {
235
274
  cursor: pointer;
236
275
  text-indent: 0;
237
276
  }
238
277
  .e-listbox-wrapper .e-text .e-headertext,
239
- .e-listbox-container .e-text .e-headertext {
278
+ .e-listbox-container .e-text .e-headertext,
279
+ .e-listboxtool-wrapper .e-text .e-headertext {
240
280
  display: inline-block;
241
281
  line-height: inherit;
242
282
  }
243
283
  .e-listbox-wrapper.e-rtl,
244
- .e-listbox-container.e-rtl {
284
+ .e-listbox-container.e-rtl,
285
+ .e-listboxtool-wrapper.e-rtl {
245
286
  direction: rtl;
246
287
  }
247
288
  .e-listbox-wrapper.e-rtl .e-list-icon,
248
- .e-listbox-container.e-rtl .e-list-icon {
289
+ .e-listbox-container.e-rtl .e-list-icon,
290
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
249
291
  margin-left: 16px;
250
292
  margin-right: 0;
251
293
  }
252
294
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
253
- .e-listbox-container.e-rtl .e-icon-collapsible {
295
+ .e-listbox-container.e-rtl .e-icon-collapsible,
296
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
254
297
  left: 0%;
255
298
  right: initial;
256
299
  top: 50%;
257
300
  transform: translateY(-50%) rotate(180deg);
258
301
  }
259
302
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
260
- .e-listbox-container.e-rtl .e-list-header .e-text {
303
+ .e-listbox-container.e-rtl .e-list-header .e-text,
304
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
261
305
  cursor: pointer;
262
306
  }
263
307
  .e-listbox-wrapper.e-rtl .e-but-back,
264
- .e-listbox-container.e-rtl .e-but-back {
308
+ .e-listbox-container.e-rtl .e-but-back,
309
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
265
310
  transform: rotate(180deg);
266
311
  }
267
312
  .e-listbox-wrapper.e-rtl .e-icon-back,
268
- .e-listbox-container.e-rtl .e-icon-back {
313
+ .e-listbox-container.e-rtl .e-icon-back,
314
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
269
315
  margin-top: -1px;
270
316
  }
271
317
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
272
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
318
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
319
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
273
320
  margin: -4px 0 0 10px;
274
321
  }
275
322
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
276
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
323
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
324
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
277
325
  margin: -4px 10px 0 0;
278
326
  }
279
327
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
280
- .e-listbox-container.e-rtl .e-checkbox-wrapper {
328
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
329
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
281
330
  margin: -4px 0 0 10px;
282
331
  }
283
332
  .e-listbox-wrapper .e-checkbox-wrapper,
284
- .e-listbox-container .e-checkbox-wrapper {
333
+ .e-listbox-container .e-checkbox-wrapper,
334
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
285
335
  margin: -4px 10px 0 0;
286
336
  text-indent: 0;
287
337
  vertical-align: middle;
288
338
  }
289
339
  .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
290
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
340
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
341
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
291
342
  position: absolute;
292
343
  right: 0;
293
344
  top: 30%;
294
345
  }
295
346
  .e-listbox-wrapper .e-input-group,
296
- .e-listbox-container .e-input-group {
347
+ .e-listbox-container .e-input-group,
348
+ .e-listboxtool-wrapper .e-input-group {
297
349
  padding: 4px 8px;
298
350
  }
299
351
  .e-listbox-wrapper .e-input-focus,
300
- .e-listbox-container .e-input-focus {
352
+ .e-listbox-container .e-input-focus,
353
+ .e-listboxtool-wrapper .e-input-focus {
301
354
  padding: 4px 4px 4px 8px;
302
355
  }
303
356
  .e-listbox-wrapper .e-hidden-select,
304
- .e-listbox-container .e-hidden-select {
357
+ .e-listbox-container .e-hidden-select,
358
+ .e-listboxtool-wrapper .e-hidden-select {
305
359
  height: 1px;
306
360
  opacity: 0;
307
361
  position: absolute;
308
362
  width: 100%;
309
363
  }
310
364
  .e-listbox-wrapper .e-placeholder,
311
- .e-listbox-container .e-placeholder {
365
+ .e-listbox-container .e-placeholder,
366
+ .e-listboxtool-wrapper .e-placeholder {
312
367
  background-color: #317ab9;
313
368
  display: block;
314
369
  height: 1px;
@@ -330,24 +385,29 @@ ejs-listbox {
330
385
  }
331
386
 
332
387
  .e-listbox-wrapper.e-sortableclone,
333
- .e-listbox-container.e-sortableclone {
388
+ .e-listbox-container.e-sortableclone,
389
+ .e-listboxtool-wrapper.e-sortableclone {
334
390
  border-width: 0;
335
391
  overflow: visible;
336
392
  }
337
393
  .e-listbox-wrapper.e-sortableclone .e-list-item,
338
- .e-listbox-container.e-sortableclone .e-list-item {
394
+ .e-listbox-container.e-sortableclone .e-list-item,
395
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
339
396
  list-style-type: none;
340
397
  }
341
398
  .e-listbox-wrapper.e-sortableclone .e-ripple,
342
- .e-listbox-container.e-sortableclone .e-ripple {
399
+ .e-listbox-container.e-sortableclone .e-ripple,
400
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
343
401
  overflow: visible;
344
402
  }
345
403
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
346
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
404
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
405
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
347
406
  display: none;
348
407
  }
349
408
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
350
- .e-listbox-container.e-sortableclone .e-list-badge {
409
+ .e-listbox-container.e-sortableclone .e-list-badge,
410
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
351
411
  -ms-flex-align: center;
352
412
  align-items: center;
353
413
  background-color: #317ab9;
@@ -366,6 +426,10 @@ ejs-listbox {
366
426
  width: 22px;
367
427
  }
368
428
 
429
+ .e-listboxtool-wrapper.e-sortableclone {
430
+ display: block;
431
+ }
432
+
369
433
  .e-listboxtool-wrapper,
370
434
  .e-listboxtool-container {
371
435
  cursor: pointer;
@@ -547,12 +611,14 @@ ejs-listbox {
547
611
  }
548
612
 
549
613
  .e-listbox-wrapper,
550
- .e-listbox-container {
614
+ .e-listbox-container,
615
+ .e-listboxtool-wrapper {
551
616
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
552
617
  font-size: 14px;
553
618
  }
554
619
  .e-listbox-wrapper .e-list-header,
555
- .e-listbox-container .e-list-header {
620
+ .e-listbox-container .e-list-header,
621
+ .e-listboxtool-wrapper .e-list-header {
556
622
  background-color: #fff;
557
623
  border-color: rgba(0, 0, 0, 0.12);
558
624
  color: rgba(51, 51, 51, 0.95);
@@ -560,27 +626,32 @@ ejs-listbox {
560
626
  }
561
627
 
562
628
  .e-listbox-wrapper.e-filter-list .e-list-parent,
563
- .e-listbox-container.e-filter-list .e-list-parent {
629
+ .e-listbox-container.e-filter-list .e-list-parent,
630
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
564
631
  height: calc(100% - 52px);
565
632
  }
566
633
 
567
634
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
568
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
635
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
636
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
569
637
  height: calc(100% - 92px);
570
638
  }
571
639
 
572
640
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
573
- .e-listbox-container .e-selectall-parent + .e-list-parent {
641
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
642
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
574
643
  height: calc(100% - 40px);
575
644
  }
576
645
 
577
646
  .e-listbox-wrapper .e-icons,
578
- .e-listbox-container .e-icons {
647
+ .e-listbox-container .e-icons,
648
+ .e-listboxtool-wrapper .e-icons {
579
649
  color: rgba(0, 0, 0, 0.75);
580
650
  }
581
651
 
582
652
  .e-listbox-wrapper .e-list-item,
583
- .e-listbox-container .e-list-item {
653
+ .e-listbox-container .e-list-item,
654
+ .e-listboxtool-wrapper .e-list-item {
584
655
  background-color: #fff;
585
656
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
586
657
  border-left: 0 solid transparent;
@@ -591,41 +662,50 @@ ejs-listbox {
591
662
 
592
663
  .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),
593
664
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
594
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
665
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
666
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
667
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
595
668
  background-color: #f5f5f5;
596
669
  border-color: transparent;
597
670
  color: rgba(51, 51, 51, 0.87);
598
671
  }
599
672
 
600
673
  .e-listbox-wrapper .e-list-item.e-selected,
601
- .e-listbox-container .e-list-item.e-selected {
674
+ .e-listbox-container .e-list-item.e-selected,
675
+ .e-listboxtool-wrapper .e-list-item.e-selected {
602
676
  background-color: #e6e6e6;
603
677
  color: rgba(51, 51, 51, 0.87);
604
678
  }
605
679
 
606
680
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
607
- .e-listbox-container .e-list-item.e-selected.e-checklist {
681
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
682
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
608
683
  background-color: #fff;
609
684
  color: #333333;
610
685
  }
611
686
 
612
687
  .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
613
688
  .e-listbox-container .e-list-item.e-focused,
614
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
689
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
690
+ .e-listboxtool-wrapper .e-list-item.e-focused,
691
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
615
692
  background-color: #e6e6e6;
616
693
  color: rgba(51, 51, 51, 0.87);
617
694
  }
618
695
 
619
696
  .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,
620
697
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
621
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
698
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
699
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
700
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
622
701
  background-color: #fff;
623
702
  border-color: #ccc;
624
703
  color: #555;
625
704
  }
626
705
 
627
706
  .e-listbox-wrapper .e-list-group-item,
628
- .e-listbox-container .e-list-group-item {
707
+ .e-listbox-container .e-list-group-item,
708
+ .e-listboxtool-wrapper .e-list-group-item {
629
709
  background-color: #fff;
630
710
  border-color: rgba(0, 0, 0, 0.12);
631
711
  color: #333;
@@ -633,32 +713,38 @@ ejs-listbox {
633
713
  }
634
714
 
635
715
  .e-listbox-wrapper .e-selectall-parent,
636
- .e-listbox-container .e-selectall-parent {
716
+ .e-listbox-container .e-selectall-parent,
717
+ .e-listboxtool-wrapper .e-selectall-parent {
637
718
  background-color: #fff;
638
719
  border-bottom: 1px solid #e6e6e6;
639
720
  color: #333333;
640
721
  }
641
722
 
642
723
  .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
643
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element {
724
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
725
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
644
726
  background-color: transparent;
645
727
  }
646
728
 
647
729
  .e-listbox-wrapper.e-list-template .e-list-wrapper,
648
- .e-listbox-container.e-list-template .e-list-wrapper {
730
+ .e-listbox-container.e-list-template .e-list-wrapper,
731
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
649
732
  height: inherit;
650
733
  position: relative;
651
734
  }
652
735
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
653
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
736
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
737
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
654
738
  padding: 0.7142em 1.0714em;
655
739
  }
656
740
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
657
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
741
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
742
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
658
743
  padding: 0.7142em 1.0714em;
659
744
  }
660
745
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
661
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
746
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
747
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
662
748
  color: #333;
663
749
  display: block;
664
750
  font-size: 18px;
@@ -670,7 +756,8 @@ ejs-listbox {
670
756
  white-space: nowrap;
671
757
  }
672
758
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
673
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
759
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
760
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
674
761
  color: #777;
675
762
  display: block;
676
763
  font-size: 14px;
@@ -679,13 +766,15 @@ ejs-listbox {
679
766
  word-wrap: break-word;
680
767
  }
681
768
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
682
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
769
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
770
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
683
771
  overflow: hidden;
684
772
  text-overflow: ellipsis;
685
773
  white-space: nowrap;
686
774
  }
687
775
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
688
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
776
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
777
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
689
778
  height: 2.8571em;
690
779
  left: 1.0667em;
691
780
  position: absolute;
@@ -693,17 +782,20 @@ ejs-listbox {
693
782
  width: 2.8571em;
694
783
  }
695
784
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
696
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
785
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
786
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
697
787
  padding-left: 4.6428em;
698
788
  padding-right: 1.0714em;
699
789
  }
700
790
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
701
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
791
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
792
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
702
793
  padding-left: 1.0714em;
703
794
  padding-right: 4.6428em;
704
795
  }
705
796
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
706
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
797
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
798
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
707
799
  height: 2.8571em;
708
800
  position: absolute;
709
801
  right: 1.0667em;
@@ -711,15 +803,18 @@ ejs-listbox {
711
803
  width: 2.8571em;
712
804
  }
713
805
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
714
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
806
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
807
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
715
808
  top: 0.7142em;
716
809
  }
717
810
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
718
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
811
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
812
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
719
813
  top: 0.7142em;
720
814
  }
721
815
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
722
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
816
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
817
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
723
818
  font-size: 15px;
724
819
  height: 1.333em;
725
820
  line-height: 1.433em;
@@ -731,17 +826,20 @@ ejs-listbox {
731
826
  width: 2em;
732
827
  }
733
828
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
734
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
829
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
830
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
735
831
  padding-left: 4.6428em;
736
832
  padding-right: 3.9285em;
737
833
  }
738
834
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
739
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
835
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
836
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
740
837
  padding-left: 1.0714em;
741
838
  padding-right: 3.9285em;
742
839
  }
743
840
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
744
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
841
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
842
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
745
843
  display: block;
746
844
  margin: 0;
747
845
  overflow: hidden;
@@ -750,53 +848,64 @@ ejs-listbox {
750
848
  white-space: nowrap;
751
849
  }
752
850
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
753
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
851
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
852
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
754
853
  color: rgba(51, 51, 51, 0.87);
755
854
  }
756
855
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
757
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
856
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
857
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
758
858
  color: rgba(51, 51, 51, 0.87);
759
859
  }
760
860
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
761
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
861
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
862
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
762
863
  color: rgba(51, 51, 51, 0.87);
763
864
  }
764
865
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
765
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
866
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
867
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
766
868
  color: rgba(51, 51, 51, 0.87);
767
869
  }
768
870
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
769
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
871
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
872
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
770
873
  left: inherit;
771
874
  right: 1.0667em;
772
875
  }
773
876
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
774
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
877
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
878
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
775
879
  padding-left: 1.0714em;
776
880
  padding-right: 4.6428em;
777
881
  }
778
882
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
779
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
883
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
884
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
780
885
  padding-left: 4.6428em;
781
886
  padding-right: 1.0714em;
782
887
  }
783
888
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
784
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
889
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
890
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
785
891
  left: 1.0667em;
786
892
  right: inherit;
787
893
  }
788
894
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
789
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
895
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
896
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
790
897
  left: 1em;
791
898
  right: inherit;
792
899
  }
793
900
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
794
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
901
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
902
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
795
903
  padding-left: 3.9285em;
796
904
  padding-right: 4.6428em;
797
905
  }
798
906
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
799
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
907
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
908
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
800
909
  padding-left: 3.9285em;
801
910
  padding-right: 1.0714em;
802
911
  }