@syncfusion/ej2-dropdowns 25.2.4 → 25.2.5-30068

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 (417) hide show
  1. package/CHANGELOG.md +2186 -2164
  2. package/{README.md → ReadMe.md} +217 -217
  3. package/dist/ej2-dropdowns.umd.min.js +1 -10
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +113 -80
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +270 -237
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/helpers/e2e/autocomplete.js +13 -13
  10. package/helpers/e2e/combobox.js +13 -13
  11. package/helpers/e2e/dropdownlist.js +13 -13
  12. package/helpers/e2e/index.js +3 -3
  13. package/helpers/e2e/listboxHelper.js +13 -13
  14. package/helpers/e2e/multiselect.js +13 -13
  15. package/license +2 -2
  16. package/package.json +80 -80
  17. package/src/auto-complete/auto-complete-model.d.ts +190 -190
  18. package/src/auto-complete/auto-complete.d.ts +12 -12
  19. package/src/auto-complete/auto-complete.js +21 -21
  20. package/src/combo-box/combo-box-model.d.ts +233 -233
  21. package/src/combo-box/combo-box.d.ts +27 -27
  22. package/src/combo-box/combo-box.js +29 -29
  23. package/src/common/virtual-scroll.js +46 -46
  24. package/src/drop-down-base/drop-down-base-model.d.ts +200 -200
  25. package/src/drop-down-base/drop-down-base.d.ts +17 -18
  26. package/src/drop-down-base/drop-down-base.js +42 -32
  27. package/src/drop-down-list/drop-down-list-model.d.ts +209 -209
  28. package/src/drop-down-list/drop-down-list.d.ts +5 -5
  29. package/src/drop-down-list/drop-down-list.js +51 -29
  30. package/src/drop-down-tree/drop-down-tree-model.d.ts +473 -473
  31. package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
  32. package/src/drop-down-tree/drop-down-tree.js +21 -21
  33. package/src/list-box/list-box-model.d.ts +237 -237
  34. package/src/list-box/list-box.d.ts +2 -2
  35. package/src/list-box/list-box.js +19 -19
  36. package/src/mention/mention-model.d.ts +261 -261
  37. package/src/mention/mention.js +19 -19
  38. package/src/multi-select/float-label.js +1 -0
  39. package/src/multi-select/multi-select-model.d.ts +526 -526
  40. package/src/multi-select/multi-select.js +20 -20
  41. package/styles/auto-complete/_all.scss +1 -1
  42. package/styles/auto-complete/_bds-definition.scss +2 -2
  43. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  44. package/styles/auto-complete/_bootstrap-definition.scss +2 -2
  45. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  46. package/styles/auto-complete/_bootstrap5-definition.scss +2 -2
  47. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  48. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  49. package/styles/auto-complete/_fabric-definition.scss +2 -2
  50. package/styles/auto-complete/_fluent-definition.scss +2 -2
  51. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  52. package/styles/auto-complete/_fusionnew-definition.scss +2 -2
  53. package/styles/auto-complete/_highcontrast-definition.scss +2 -2
  54. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  55. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  56. package/styles/auto-complete/_material-definition.scss +2 -2
  57. package/styles/auto-complete/_material3-definition.scss +2 -2
  58. package/styles/auto-complete/_tailwind-definition.scss +2 -2
  59. package/styles/auto-complete/fluent2.css +1129 -0
  60. package/styles/auto-complete/fluent2.scss +4 -0
  61. package/styles/auto-complete/material3-dark.css +1 -1
  62. package/styles/auto-complete/material3-dark.scss +1 -1
  63. package/styles/auto-complete/material3.css +1 -1
  64. package/styles/auto-complete/material3.scss +1 -1
  65. package/styles/bootstrap-dark.css +72 -300
  66. package/styles/bootstrap-dark.scss +28 -8
  67. package/styles/bootstrap.css +72 -306
  68. package/styles/bootstrap.scss +28 -8
  69. package/styles/bootstrap4.css +72 -350
  70. package/styles/bootstrap4.scss +28 -8
  71. package/styles/bootstrap5-dark.css +72 -301
  72. package/styles/bootstrap5-dark.scss +28 -8
  73. package/styles/bootstrap5.css +72 -301
  74. package/styles/bootstrap5.scss +28 -8
  75. package/styles/combo-box/_all.scss +1 -1
  76. package/styles/combo-box/_bds-definition.scss +2 -2
  77. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  78. package/styles/combo-box/_bootstrap-definition.scss +2 -2
  79. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  80. package/styles/combo-box/_bootstrap5-definition.scss +2 -2
  81. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  82. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  83. package/styles/combo-box/_fabric-definition.scss +2 -2
  84. package/styles/combo-box/_fluent-definition.scss +2 -2
  85. package/styles/combo-box/_fluent2-definition.scss +2 -0
  86. package/styles/combo-box/_fusionnew-definition.scss +2 -2
  87. package/styles/combo-box/_highcontrast-definition.scss +2 -2
  88. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  89. package/styles/combo-box/_material-dark-definition.scss +2 -2
  90. package/styles/combo-box/_material-definition.scss +2 -2
  91. package/styles/combo-box/_material3-definition.scss +2 -2
  92. package/styles/combo-box/_tailwind-definition.scss +2 -2
  93. package/styles/combo-box/fluent2.css +1129 -0
  94. package/styles/combo-box/fluent2.scss +4 -0
  95. package/styles/combo-box/material3-dark.css +1 -1
  96. package/styles/combo-box/material3-dark.scss +1 -1
  97. package/styles/combo-box/material3.css +1 -1
  98. package/styles/combo-box/material3.scss +1 -1
  99. package/styles/drop-down-base/_all.scss +2 -2
  100. package/styles/drop-down-base/_bds-definition.scss +134 -134
  101. package/styles/drop-down-base/_bootstrap-dark-definition.scss +83 -83
  102. package/styles/drop-down-base/_bootstrap-definition.scss +83 -83
  103. package/styles/drop-down-base/_bootstrap4-definition.scss +90 -90
  104. package/styles/drop-down-base/_bootstrap5-definition.scss +117 -117
  105. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  106. package/styles/drop-down-base/_definition.scss +23 -23
  107. package/styles/drop-down-base/_fabric-dark-definition.scss +86 -86
  108. package/styles/drop-down-base/_fabric-definition.scss +84 -84
  109. package/styles/drop-down-base/_fluent-definition.scss +121 -121
  110. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  111. package/styles/drop-down-base/_fusionnew-definition.scss +117 -117
  112. package/styles/drop-down-base/_highcontrast-definition.scss +105 -105
  113. package/styles/drop-down-base/_highcontrast-light-definition.scss +105 -105
  114. package/styles/drop-down-base/_layout.scss +197 -187
  115. package/styles/drop-down-base/_material-dark-definition.scss +86 -86
  116. package/styles/drop-down-base/_material-definition.scss +85 -85
  117. package/styles/drop-down-base/_material3-definition.scss +76 -87
  118. package/styles/drop-down-base/_tailwind-definition.scss +129 -129
  119. package/styles/drop-down-base/_theme.scss +382 -391
  120. package/styles/drop-down-base/fluent2.css +1446 -0
  121. package/styles/drop-down-base/fluent2.scss +3 -0
  122. package/styles/drop-down-base/material3-dark.css +1 -1
  123. package/styles/drop-down-base/material3-dark.scss +1 -1
  124. package/styles/drop-down-base/material3.css +1 -1
  125. package/styles/drop-down-base/material3.scss +1 -1
  126. package/styles/drop-down-list/_all.scss +3 -3
  127. package/styles/drop-down-list/_bds-definition.scss +134 -134
  128. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  129. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  130. package/styles/drop-down-list/_bootstrap4-definition.scss +202 -202
  131. package/styles/drop-down-list/_bootstrap5-definition.scss +201 -201
  132. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  133. package/styles/drop-down-list/_fabric-dark-definition.scss +128 -128
  134. package/styles/drop-down-list/_fabric-definition.scss +124 -124
  135. package/styles/drop-down-list/_fluent-definition.scss +185 -185
  136. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  137. package/styles/drop-down-list/_fusionnew-definition.scss +201 -201
  138. package/styles/drop-down-list/_highcontrast-definition.scss +142 -142
  139. package/styles/drop-down-list/_highcontrast-light-definition.scss +144 -144
  140. package/styles/drop-down-list/_layout.scss +317 -315
  141. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  142. package/styles/drop-down-list/_material-definition.scss +167 -167
  143. package/styles/drop-down-list/_material3-definition.scss +172 -180
  144. package/styles/drop-down-list/_tailwind-definition.scss +134 -134
  145. package/styles/drop-down-list/_theme.scss +10 -10
  146. package/styles/drop-down-list/bootstrap-dark.css +5 -0
  147. package/styles/drop-down-list/bootstrap.css +5 -0
  148. package/styles/drop-down-list/bootstrap4.css +5 -0
  149. package/styles/drop-down-list/bootstrap5-dark.css +5 -0
  150. package/styles/drop-down-list/bootstrap5.css +5 -0
  151. package/styles/drop-down-list/fabric-dark.css +5 -0
  152. package/styles/drop-down-list/fabric.css +5 -0
  153. package/styles/drop-down-list/fluent-dark.css +5 -0
  154. package/styles/drop-down-list/fluent.css +5 -0
  155. package/styles/drop-down-list/fluent2.css +1617 -0
  156. package/styles/drop-down-list/fluent2.scss +9 -0
  157. package/styles/drop-down-list/highcontrast-light.css +5 -0
  158. package/styles/drop-down-list/highcontrast.css +5 -0
  159. package/styles/drop-down-list/icons/_bds.scss +14 -14
  160. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  161. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  162. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  163. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  164. package/styles/drop-down-list/icons/_bootstrap5.scss +14 -14
  165. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  166. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  167. package/styles/drop-down-list/icons/_fluent.scss +14 -14
  168. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  169. package/styles/drop-down-list/icons/_fusionnew.scss +14 -14
  170. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  171. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  172. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  173. package/styles/drop-down-list/icons/_material.scss +14 -14
  174. package/styles/drop-down-list/icons/_material3.scss +14 -14
  175. package/styles/drop-down-list/icons/_tailwind.scss +14 -14
  176. package/styles/drop-down-list/material-dark.css +5 -0
  177. package/styles/drop-down-list/material.css +5 -0
  178. package/styles/drop-down-list/material3-dark.css +6 -1
  179. package/styles/drop-down-list/material3-dark.scss +1 -1
  180. package/styles/drop-down-list/material3.css +6 -1
  181. package/styles/drop-down-list/material3.scss +1 -1
  182. package/styles/drop-down-list/tailwind-dark.css +5 -0
  183. package/styles/drop-down-list/tailwind.css +5 -0
  184. package/styles/drop-down-tree/_all.scss +2 -2
  185. package/styles/drop-down-tree/_bds-definition.scss +67 -61
  186. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +73 -72
  187. package/styles/drop-down-tree/_bootstrap-definition.scss +72 -71
  188. package/styles/drop-down-tree/_bootstrap4-definition.scss +74 -72
  189. package/styles/drop-down-tree/_bootstrap5-definition.scss +66 -60
  190. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  191. package/styles/drop-down-tree/_fabric-dark-definition.scss +73 -72
  192. package/styles/drop-down-tree/_fabric-definition.scss +73 -72
  193. package/styles/drop-down-tree/_fluent-definition.scss +71 -66
  194. package/styles/drop-down-tree/_fluent2-definition.scss +76 -0
  195. package/styles/drop-down-tree/_fusionnew-definition.scss +61 -60
  196. package/styles/drop-down-tree/_highcontrast-definition.scss +73 -72
  197. package/styles/drop-down-tree/_highcontrast-light-definition.scss +73 -72
  198. package/styles/drop-down-tree/_layout.scss +1389 -1423
  199. package/styles/drop-down-tree/_material-dark-definition.scss +74 -73
  200. package/styles/drop-down-tree/_material-definition.scss +74 -73
  201. package/styles/drop-down-tree/_material3-definition.scss +75 -76
  202. package/styles/drop-down-tree/_tailwind-definition.scss +67 -61
  203. package/styles/drop-down-tree/_theme.scss +130 -132
  204. package/styles/drop-down-tree/bootstrap-dark.css +20 -21
  205. package/styles/drop-down-tree/bootstrap.css +20 -21
  206. package/styles/drop-down-tree/bootstrap4.css +21 -22
  207. package/styles/drop-down-tree/bootstrap5-dark.css +20 -19
  208. package/styles/drop-down-tree/bootstrap5.css +20 -19
  209. package/styles/drop-down-tree/fabric-dark.css +20 -21
  210. package/styles/drop-down-tree/fabric.css +20 -21
  211. package/styles/drop-down-tree/fluent-dark.css +28 -27
  212. package/styles/drop-down-tree/fluent.css +28 -27
  213. package/styles/drop-down-tree/fluent2.css +1671 -0
  214. package/styles/drop-down-tree/fluent2.scss +9 -0
  215. package/styles/drop-down-tree/highcontrast-light.css +20 -21
  216. package/styles/drop-down-tree/highcontrast.css +20 -15
  217. package/styles/drop-down-tree/icons/_bds.scss +11 -11
  218. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  219. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  220. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  221. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  222. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  223. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  224. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  225. package/styles/drop-down-tree/icons/_fluent.scss +11 -11
  226. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  227. package/styles/drop-down-tree/icons/_fusionnew.scss +11 -11
  228. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  229. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  230. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  231. package/styles/drop-down-tree/icons/_material.scss +11 -11
  232. package/styles/drop-down-tree/icons/_material3.scss +11 -11
  233. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  234. package/styles/drop-down-tree/icons/_tailwind.scss +11 -11
  235. package/styles/drop-down-tree/material-dark.css +28 -34
  236. package/styles/drop-down-tree/material.css +31 -40
  237. package/styles/drop-down-tree/material3-dark.css +17 -21
  238. package/styles/drop-down-tree/material3-dark.scss +1 -1
  239. package/styles/drop-down-tree/material3.css +17 -21
  240. package/styles/drop-down-tree/material3.scss +1 -1
  241. package/styles/drop-down-tree/tailwind-dark.css +29 -20
  242. package/styles/drop-down-tree/tailwind.css +29 -20
  243. package/styles/fabric-dark.css +72 -300
  244. package/styles/fabric-dark.scss +28 -8
  245. package/styles/fabric.css +72 -306
  246. package/styles/fabric.scss +28 -8
  247. package/styles/fluent-dark.css +80 -315
  248. package/styles/fluent-dark.scss +28 -8
  249. package/styles/fluent.css +80 -315
  250. package/styles/fluent.scss +28 -8
  251. package/styles/fluent2.css +4541 -0
  252. package/styles/fluent2.scss +28 -0
  253. package/styles/highcontrast-light.css +72 -300
  254. package/styles/highcontrast-light.scss +28 -8
  255. package/styles/highcontrast.css +72 -300
  256. package/styles/highcontrast.scss +28 -8
  257. package/styles/list-box/_all.scss +2 -2
  258. package/styles/list-box/_bds-definition.scss +136 -136
  259. package/styles/list-box/_bigger.scss +164 -0
  260. package/styles/list-box/_bootstrap-dark-definition.scss +124 -126
  261. package/styles/list-box/_bootstrap-definition.scss +119 -119
  262. package/styles/list-box/_bootstrap4-definition.scss +124 -124
  263. package/styles/list-box/_bootstrap5-definition.scss +121 -120
  264. package/styles/list-box/_bootstrap5.3-definition.scss +121 -0
  265. package/styles/list-box/_fabric-dark-definition.scss +124 -126
  266. package/styles/list-box/_fabric-definition.scss +119 -119
  267. package/styles/list-box/_fluent-definition.scss +120 -120
  268. package/styles/list-box/_fluent2-definition.scss +119 -0
  269. package/styles/list-box/_fusionnew-definition.scss +111 -111
  270. package/styles/list-box/_highcontrast-definition.scss +119 -119
  271. package/styles/list-box/_highcontrast-light-definition.scss +124 -126
  272. package/styles/list-box/_layout.scss +455 -546
  273. package/styles/list-box/_material-dark-definition.scss +124 -126
  274. package/styles/list-box/_material-definition.scss +119 -119
  275. package/styles/list-box/_material3-definition.scss +119 -119
  276. package/styles/list-box/_tailwind-definition.scss +119 -119
  277. package/styles/list-box/_theme.scss +314 -382
  278. package/styles/list-box/bootstrap-dark.css +43 -215
  279. package/styles/list-box/bootstrap.css +43 -221
  280. package/styles/list-box/bootstrap4.css +42 -264
  281. package/styles/list-box/bootstrap5-dark.css +43 -215
  282. package/styles/list-box/bootstrap5.css +43 -215
  283. package/styles/list-box/fabric-dark.css +43 -215
  284. package/styles/list-box/fabric.css +43 -221
  285. package/styles/list-box/fluent-dark.css +43 -221
  286. package/styles/list-box/fluent.css +43 -221
  287. package/styles/list-box/fluent2.css +1896 -0
  288. package/styles/list-box/fluent2.scss +5 -0
  289. package/styles/list-box/highcontrast-light.css +43 -215
  290. package/styles/list-box/highcontrast.css +43 -221
  291. package/styles/list-box/icons/_bds.scss +25 -25
  292. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  293. package/styles/list-box/icons/_bootstrap.scss +25 -25
  294. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  295. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  296. package/styles/list-box/icons/_bootstrap5.scss +25 -25
  297. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  298. package/styles/list-box/icons/_fabric.scss +25 -25
  299. package/styles/list-box/icons/_fluent.scss +25 -25
  300. package/styles/list-box/icons/_fluent2.scss +25 -0
  301. package/styles/list-box/icons/_fusionnew.scss +25 -25
  302. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  303. package/styles/list-box/icons/_highcontrast.scss +25 -25
  304. package/styles/list-box/icons/_material-dark.scss +25 -25
  305. package/styles/list-box/icons/_material.scss +25 -25
  306. package/styles/list-box/icons/_material3.scss +25 -25
  307. package/styles/list-box/icons/_tailwind-dark.scss +25 -25
  308. package/styles/list-box/icons/_tailwind.scss +25 -25
  309. package/styles/list-box/material-dark.css +43 -215
  310. package/styles/list-box/material.css +43 -221
  311. package/styles/list-box/material3-dark.css +44 -216
  312. package/styles/list-box/material3-dark.scss +1 -1
  313. package/styles/list-box/material3.css +44 -216
  314. package/styles/list-box/material3.scss +1 -1
  315. package/styles/list-box/tailwind-dark.css +45 -233
  316. package/styles/list-box/tailwind.css +45 -233
  317. package/styles/material-dark.css +80 -325
  318. package/styles/material-dark.scss +28 -8
  319. package/styles/material.css +84 -354
  320. package/styles/material.scss +28 -8
  321. package/styles/material3-dark.css +79 -337
  322. package/styles/material3-dark.scss +28 -8
  323. package/styles/material3.css +79 -337
  324. package/styles/material3.scss +28 -8
  325. package/styles/mention/_all.scss +1 -1
  326. package/styles/mention/_bds-definition.scss +1 -1
  327. package/styles/mention/_bootstrap-dark-definition.scss +3 -3
  328. package/styles/mention/_bootstrap-definition.scss +3 -3
  329. package/styles/mention/_bootstrap4-definition.scss +3 -3
  330. package/styles/mention/_bootstrap5-definition.scss +1 -1
  331. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  332. package/styles/mention/_fabric-dark-definition.scss +2 -2
  333. package/styles/mention/_fabric-definition.scss +3 -3
  334. package/styles/mention/_fluent-definition.scss +1 -1
  335. package/styles/mention/_fluent2-definition.scss +1 -0
  336. package/styles/mention/_fusionnew-definition.scss +1 -1
  337. package/styles/mention/_highcontrast-definition.scss +3 -3
  338. package/styles/mention/_highcontrast-light-definition.scss +3 -3
  339. package/styles/mention/_layout.scss +6 -6
  340. package/styles/mention/_material-dark-definition.scss +3 -3
  341. package/styles/mention/_material-definition.scss +3 -3
  342. package/styles/mention/_material3-definition.scss +1 -1
  343. package/styles/mention/_tailwind-definition.scss +1 -1
  344. package/styles/mention/fluent2.css +1106 -0
  345. package/styles/mention/fluent2.scss +6 -0
  346. package/styles/mention/material3-dark.css +1 -1
  347. package/styles/mention/material3-dark.scss +1 -1
  348. package/styles/mention/material3.css +1 -1
  349. package/styles/mention/material3.scss +1 -1
  350. package/styles/multi-select/_all.scss +2 -2
  351. package/styles/multi-select/_bds-definition.scss +235 -235
  352. package/styles/multi-select/_bootstrap-dark-definition.scss +207 -207
  353. package/styles/multi-select/_bootstrap-definition.scss +196 -196
  354. package/styles/multi-select/_bootstrap4-definition.scss +278 -278
  355. package/styles/multi-select/_bootstrap5-definition.scss +230 -230
  356. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  357. package/styles/multi-select/_fabric-dark-definition.scss +192 -192
  358. package/styles/multi-select/_fabric-definition.scss +183 -183
  359. package/styles/multi-select/_fluent-definition.scss +246 -246
  360. package/styles/multi-select/_fluent2-definition.scss +237 -0
  361. package/styles/multi-select/_fusionnew-definition.scss +227 -227
  362. package/styles/multi-select/_highcontrast-definition.scss +303 -303
  363. package/styles/multi-select/_highcontrast-light-definition.scss +297 -297
  364. package/styles/multi-select/_layout.scss +2200 -2206
  365. package/styles/multi-select/_material-dark-definition.scss +241 -241
  366. package/styles/multi-select/_material-definition.scss +234 -234
  367. package/styles/multi-select/_material3-definition.scss +231 -246
  368. package/styles/multi-select/_tailwind-definition.scss +235 -235
  369. package/styles/multi-select/_theme.scss +585 -586
  370. package/styles/multi-select/bootstrap-dark.css +4 -10
  371. package/styles/multi-select/bootstrap.css +4 -10
  372. package/styles/multi-select/bootstrap4.css +4 -10
  373. package/styles/multi-select/bootstrap5-dark.css +4 -11
  374. package/styles/multi-select/bootstrap5.css +4 -11
  375. package/styles/multi-select/fabric-dark.css +4 -10
  376. package/styles/multi-select/fabric.css +4 -10
  377. package/styles/multi-select/fluent-dark.css +4 -11
  378. package/styles/multi-select/fluent.css +4 -11
  379. package/styles/multi-select/fluent2.css +2590 -0
  380. package/styles/multi-select/fluent2.scss +9 -0
  381. package/styles/multi-select/highcontrast-light.css +4 -10
  382. package/styles/multi-select/highcontrast.css +4 -10
  383. package/styles/multi-select/icons/_bds.scss +26 -26
  384. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  385. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  386. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  387. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  388. package/styles/multi-select/icons/_bootstrap5.scss +26 -26
  389. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  390. package/styles/multi-select/icons/_fabric.scss +26 -26
  391. package/styles/multi-select/icons/_fluent.scss +55 -55
  392. package/styles/multi-select/icons/_fluent2.scss +692 -0
  393. package/styles/multi-select/icons/_fusionnew.scss +26 -26
  394. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  395. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  396. package/styles/multi-select/icons/_material-dark.scss +693 -693
  397. package/styles/multi-select/icons/_material.scss +693 -693
  398. package/styles/multi-select/icons/_material3.scss +695 -692
  399. package/styles/multi-select/icons/_tailwind.scss +26 -26
  400. package/styles/multi-select/material-dark.css +4 -10
  401. package/styles/multi-select/material.css +5 -11
  402. package/styles/multi-select/material3-dark.css +15 -18
  403. package/styles/multi-select/material3-dark.scss +1 -1
  404. package/styles/multi-select/material3.css +15 -18
  405. package/styles/multi-select/material3.scss +1 -1
  406. package/styles/multi-select/tailwind-dark.css +4 -10
  407. package/styles/multi-select/tailwind.css +4 -10
  408. package/styles/tailwind-dark.css +83 -319
  409. package/styles/tailwind-dark.scss +28 -8
  410. package/styles/tailwind.css +83 -319
  411. package/styles/tailwind.scss +28 -8
  412. package/.eslintrc.json +0 -260
  413. package/dist/ej2-dropdowns.min.js +0 -10
  414. package/dist/global/ej2-dropdowns.min.js +0 -11
  415. package/dist/global/ej2-dropdowns.min.js.map +0 -1
  416. package/dist/global/index.d.ts +0 -14
  417. package/tslint.json +0 -111
@@ -1,8 +1,28 @@
1
- @import 'drop-down-base/bootstrap4.scss';
2
- @import 'drop-down-list/bootstrap4.scss';
3
- @import 'drop-down-tree/bootstrap4.scss';
4
- @import 'combo-box/bootstrap4.scss';
5
- @import 'auto-complete/bootstrap4.scss';
6
- @import 'multi-select/bootstrap4.scss';
7
- @import 'list-box/bootstrap4.scss';
8
- @import 'mention/bootstrap4.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
+ @import 'drop-down-base/bootstrap4-definition.scss';
3
+ @import 'drop-down-base/all.scss';
4
+
5
+ @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
6
+ @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
7
+ @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
8
+ @import 'ej2-notifications/styles/skeleton/bootstrap4-definition.scss';
9
+ @import 'drop-down-list/bootstrap4-definition.scss';
10
+ @import 'drop-down-list/icons/bootstrap4.scss';
11
+ @import 'drop-down-list/all.scss';
12
+ @import 'ej2-navigations/styles/treeview/bootstrap4-definition.scss';
13
+ @import 'drop-down-tree/bootstrap4-definition.scss';
14
+ @import 'drop-down-tree/icons/bootstrap4.scss';
15
+ @import 'drop-down-tree/all.scss';
16
+ @import 'combo-box/bootstrap4-definition.scss';
17
+ @import 'combo-box/all.scss';
18
+ @import 'auto-complete/bootstrap4-definition.scss';
19
+ @import 'auto-complete/all.scss';
20
+ @import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
21
+ @import 'multi-select/bootstrap4-definition.scss';
22
+ @import 'multi-select/icons/bootstrap4.scss';
23
+ @import 'multi-select/all.scss';
24
+ @import 'list-box/bootstrap4-definition.scss';
25
+ @import 'list-box/icons/bootstrap4.scss';
26
+ @import 'list-box/all.scss';
27
+ @import 'mention/bootstrap4-definition.scss';
28
+ @import 'mention/all.scss';
@@ -751,6 +751,11 @@
751
751
  pointer-events: none;
752
752
  }
753
753
 
754
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
755
+ opacity: 0.7;
756
+ pointer-events: none;
757
+ }
758
+
754
759
  ejs-autocomplete,
755
760
  ejs-combobox,
756
761
  ejs-dropdownlist {
@@ -819,25 +824,6 @@ ejs-dropdownlist {
819
824
  color: #fff;
820
825
  }
821
826
 
822
- /* stylelint-disable property-no-vendor-prefix */
823
- /* stylelint-disable-line no-empty-source */
824
- /* stylelint-disable property-no-vendor-prefix */
825
- @keyframes material-spinner-rotate {
826
- 0% {
827
- transform: rotate(0);
828
- }
829
- 100% {
830
- transform: rotate(360deg);
831
- }
832
- }
833
- @keyframes fabric-spinner-rotate {
834
- 0% {
835
- transform: rotate(0);
836
- }
837
- 100% {
838
- transform: rotate(360deg);
839
- }
840
- }
841
827
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
842
828
  /* stylelint-disable */
843
829
  /* stylelint-disable */
@@ -985,11 +971,12 @@ ejs-dropdownlist {
985
971
  .e-ddt .e-dropdowntree.e-chip-input,
986
972
  .e-ddt input[readonly].e-input.e-chip-input {
987
973
  width: 0;
974
+ visibility: hidden;
988
975
  }
989
976
  .e-ddt.e-popup {
990
977
  border: 1px solid #444c54;
991
- border-radius: 4px;
992
978
  margin-top: 4px;
979
+ border-radius: 4px;
993
980
  box-shadow: none;
994
981
  position: absolute;
995
982
  }
@@ -1027,10 +1014,10 @@ ejs-dropdownlist {
1027
1014
  margin: 0 8px;
1028
1015
  }
1029
1016
  .e-ddt.e-popup .e-filter-wrap {
1030
- border: 1px solid #444c54;
1031
1017
  border-top-width: 0;
1032
1018
  display: block;
1033
1019
  padding: 4px;
1020
+ border: 1px solid #444c54;
1034
1021
  }
1035
1022
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1036
1023
  margin-bottom: 0;
@@ -1046,8 +1033,8 @@ ejs-dropdownlist {
1046
1033
  cursor: default;
1047
1034
  font-family: inherit;
1048
1035
  font-size: 14px;
1049
- padding: 7px 16px;
1050
1036
  text-align: center;
1037
+ padding: 7px 16px;
1051
1038
  }
1052
1039
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1053
1040
  display: none;
@@ -1098,16 +1085,16 @@ ejs-dropdownlist {
1098
1085
  padding: 0 8px;
1099
1086
  }
1100
1087
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1101
- margin-left: 18px;
1102
1088
  margin-right: 4px;
1089
+ margin-left: 18px;
1103
1090
  }
1104
1091
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1105
- margin-left: 18px;
1106
1092
  margin-right: 4px;
1093
+ margin-left: 18px;
1107
1094
  }
1108
1095
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1109
- margin-left: 48px;
1110
1096
  margin-right: 4px;
1097
+ margin-left: 48px;
1111
1098
  }
1112
1099
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1113
1100
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
@@ -1167,8 +1154,16 @@ ejs-dropdownlist {
1167
1154
  .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1168
1155
  .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1169
1156
  font-size: 12px;
1157
+ }
1158
+ .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1159
+ .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1170
1160
  vertical-align: middle;
1171
1161
  }
1162
+ .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1163
+ .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1164
+ line-height: 36px;
1165
+ padding: 0 12px;
1166
+ }
1172
1167
  .e-bigger .e-ddt .e-overflow.e-show-text,
1173
1168
  .e-ddt.e-bigger .e-overflow.e-show-text {
1174
1169
  padding: 0 12px;
@@ -1178,11 +1173,6 @@ ejs-dropdownlist {
1178
1173
  .e-ddt.e-bigger .e-overflow .e-remain {
1179
1174
  font-size: 16px;
1180
1175
  }
1181
- .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1182
- .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1183
- line-height: 36px;
1184
- padding: 0 12px;
1185
- }
1186
1176
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1187
1177
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1188
1178
  max-width: calc(100% - 37px);
@@ -1238,8 +1228,8 @@ ejs-dropdownlist {
1238
1228
  }
1239
1229
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1240
1230
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1241
- margin-left: 52px;
1242
- margin-right: 4px;
1231
+ margin-right: 52px;
1232
+ margin-left: 4px;
1243
1233
  }
1244
1234
  .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
1245
1235
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1256,12 +1246,6 @@ ejs-dropdownlist {
1256
1246
  .e-ddt .e-chips > .e-chipcontent {
1257
1247
  color: #fff;
1258
1248
  }
1259
- .e-ddt .e-chips:hover {
1260
- background-color: #565e64;
1261
- }
1262
- .e-ddt .e-chips:hover > .e-chipcontent {
1263
- color: #fff;
1264
- }
1265
1249
  .e-ddt .e-overflow .e-remain {
1266
1250
  color: #7b848d;
1267
1251
  }
@@ -1282,30 +1266,14 @@ ejs-dropdownlist {
1282
1266
  .e-ddt.e-popup .e-selectall-parent {
1283
1267
  border-bottom-color: #444c54;
1284
1268
  }
1269
+ .e-ddt.e-popup .e-selectall-parent:focus {
1270
+ background: #31373d;
1271
+ }
1285
1272
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1286
1273
  color: #fff;
1287
1274
  }
1288
1275
 
1289
1276
  /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1290
- /* stylelint-disable property-no-vendor-prefix */
1291
- /* stylelint-disable-line no-empty-source */
1292
- /* stylelint-disable property-no-vendor-prefix */
1293
- @keyframes material-spinner-rotate {
1294
- 0% {
1295
- transform: rotate(0);
1296
- }
1297
- 100% {
1298
- transform: rotate(360deg);
1299
- }
1300
- }
1301
- @keyframes fabric-spinner-rotate {
1302
- 0% {
1303
- transform: rotate(0);
1304
- }
1305
- 100% {
1306
- transform: rotate(360deg);
1307
- }
1308
- }
1309
1277
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1310
1278
  line-height: 30px;
1311
1279
  top: 0;
@@ -1754,7 +1722,6 @@ ejs-dropdownlist {
1754
1722
  max-width: 100%;
1755
1723
  padding-left: 8px;
1756
1724
  padding-right: 6px;
1757
- vertical-align: middle;
1758
1725
  }
1759
1726
 
1760
1727
  .e-bigger .e-multi-select-wrapper .e-delim-values {
@@ -2219,7 +2186,10 @@ ejs-multiselect {
2219
2186
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2220
2187
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2221
2188
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2222
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2189
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2190
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2191
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2192
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2223
2193
  height: 24px;
2224
2194
  }
2225
2195
 
@@ -2228,10 +2198,6 @@ ejs-multiselect {
2228
2198
  height: 32px;
2229
2199
  }
2230
2200
 
2231
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2232
- height: 24px;
2233
- }
2234
-
2235
2201
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2236
2202
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2237
2203
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2287,11 +2253,6 @@ ejs-multiselect {
2287
2253
  margin: 4px 0 0 4px;
2288
2254
  }
2289
2255
 
2290
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2291
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2292
- height: 24px;
2293
- }
2294
-
2295
2256
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2296
2257
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2297
2258
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2663,20 +2624,6 @@ ejs-multiselect {
2663
2624
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2664
2625
  text-align: center;
2665
2626
  }
2666
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2667
- .e-listbox-wrapper .e-list-nrt,
2668
- .e-listbox-wrapper .e-selectall-parent,
2669
- .e-listbox-container:not(.e-list-template) .e-list-item,
2670
- .e-listbox-container .e-list-nrt,
2671
- .e-listbox-container .e-selectall-parent,
2672
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2673
- .e-listboxtool-wrapper .e-list-nrt,
2674
- .e-listboxtool-wrapper .e-selectall-parent {
2675
- height: 36px;
2676
- line-height: 1;
2677
- padding: 10px 12px;
2678
- position: relative;
2679
- }
2680
2627
  .e-listbox-wrapper .e-list-parent,
2681
2628
  .e-listbox-container .e-list-parent,
2682
2629
  .e-listboxtool-wrapper .e-list-parent {
@@ -2705,9 +2652,11 @@ ejs-multiselect {
2705
2652
  margin: 0;
2706
2653
  padding: 0;
2707
2654
  }
2708
- .e-listbox-wrapper .e-list-header .e-text.header,
2655
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2709
2656
  .e-listbox-container .e-list-header .e-text.header,
2710
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2657
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2658
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2659
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2711
2660
  display: none;
2712
2661
  }
2713
2662
  .e-listbox-wrapper .e-icon-back,
@@ -2715,11 +2664,6 @@ ejs-multiselect {
2715
2664
  .e-listboxtool-wrapper .e-icon-back {
2716
2665
  margin-top: 2px;
2717
2666
  }
2718
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2719
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2720
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2721
- display: none;
2722
- }
2723
2667
  .e-listbox-wrapper .e-list-header,
2724
2668
  .e-listbox-container .e-list-header,
2725
2669
  .e-listboxtool-wrapper .e-list-header {
@@ -2823,18 +2767,12 @@ ejs-multiselect {
2823
2767
  white-space: nowrap;
2824
2768
  width: 100%;
2825
2769
  }
2826
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2770
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2827
2771
  .e-listbox-container .e-list-icon + .e-list-text,
2828
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2829
- width: calc(100% - 60px);
2830
- }
2831
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2832
2772
  .e-listbox-container .e-icon-wrapper .e-list-text,
2833
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2834
- width: calc(100% - 60px);
2835
- }
2836
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2837
2773
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2774
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2775
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2838
2776
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2839
2777
  width: calc(100% - 60px);
2840
2778
  }
@@ -2898,8 +2836,11 @@ ejs-multiselect {
2898
2836
  margin-top: -2px;
2899
2837
  }
2900
2838
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2839
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2901
2840
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2902
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2841
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2842
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2843
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2903
2844
  margin: -2px 0 0 8px;
2904
2845
  }
2905
2846
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2907,11 +2848,6 @@ ejs-multiselect {
2907
2848
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2908
2849
  margin: -2px 8px 0 0;
2909
2850
  }
2910
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2911
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2912
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2913
- margin: -2px 0 0 8px;
2914
- }
2915
2851
  .e-listbox-wrapper .e-checkbox-wrapper,
2916
2852
  .e-listbox-container .e-checkbox-wrapper,
2917
2853
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2956,10 +2892,7 @@ ejs-listbox {
2956
2892
  display: block;
2957
2893
  }
2958
2894
 
2959
- .e-listbox-wrapper:not(.e-listbox-container) {
2960
- overflow: auto;
2961
- }
2962
-
2895
+ .e-listbox-wrapper:not(.e-listbox-container),
2963
2896
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2964
2897
  overflow: auto;
2965
2898
  }
@@ -2974,6 +2907,7 @@ ejs-listbox {
2974
2907
  .e-listbox-container.e-sortableclone .e-list-item,
2975
2908
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2976
2909
  list-style-type: none;
2910
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2977
2911
  }
2978
2912
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2979
2913
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -3026,7 +2960,9 @@ ejs-listbox {
3026
2960
  pointer-events: none;
3027
2961
  }
3028
2962
  .e-listboxtool-wrapper .e-listbox-wrapper,
3029
- .e-listboxtool-container .e-listbox-wrapper {
2963
+ .e-listboxtool-wrapper .e-list-wrap,
2964
+ .e-listboxtool-container .e-listbox-wrapper,
2965
+ .e-listboxtool-container .e-list-wrap {
3030
2966
  -ms-flex: 1;
3031
2967
  flex: 1;
3032
2968
  }
@@ -3066,121 +3002,26 @@ ejs-listbox {
3066
3002
  margin-left: 15px;
3067
3003
  }
3068
3004
 
3069
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3070
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3071
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3072
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3073
- width: 80% !important; /* stylelint-disable-line declaration-no-important */
3074
- }
3075
- .e-bigger .e-listbox-wrapper .e-list-item,
3076
- .e-listbox-wrapper.e-bigger .e-list-item,
3077
- .e-bigger .e-listbox-container .e-list-item,
3078
- .e-listbox-container.e-bigger .e-list-item {
3079
- border-bottom: 0 solid transparent;
3080
- border-left: 0 solid transparent;
3081
- border-right: 0 solid transparent;
3082
- border-top: 0 solid transparent;
3083
- }
3084
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3085
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3086
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3087
- .e-bigger .e-listbox-wrapper .e-list-header,
3088
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3089
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3090
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3091
- .e-listbox-wrapper.e-bigger .e-list-header,
3092
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3093
- .e-bigger .e-listbox-container .e-selectall-parent,
3094
- .e-bigger .e-listbox-container .e-list-group-item,
3095
- .e-bigger .e-listbox-container .e-list-header,
3096
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3097
- .e-listbox-container.e-bigger .e-selectall-parent,
3098
- .e-listbox-container.e-bigger .e-list-group-item,
3099
- .e-listbox-container.e-bigger .e-list-header {
3100
- padding: 8px 16px;
3101
- }
3102
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3103
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3104
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3105
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3106
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3107
- .e-bigger .e-listbox-container .e-selectall-parent,
3108
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3109
- .e-listbox-container.e-bigger .e-selectall-parent {
3110
- height: 48px;
3111
- line-height: 1.6;
3005
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3006
+ .e-listbox-wrapper .e-list-nrt,
3007
+ .e-listbox-wrapper .e-selectall-parent,
3008
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3009
+ .e-listbox-container .e-list-nrt,
3010
+ .e-listbox-container .e-selectall-parent,
3011
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3012
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3013
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3014
+ height: 36px;
3015
+ line-height: 1;
3016
+ padding: 10px 12px;
3112
3017
  position: relative;
3113
3018
  }
3114
- .e-bigger .e-listbox-wrapper .e-list-parent,
3115
- .e-listbox-wrapper.e-bigger .e-list-parent,
3116
- .e-bigger .e-listbox-container .e-list-parent,
3117
- .e-listbox-container.e-bigger .e-list-parent {
3118
- min-height: 48px;
3119
- }
3120
- .e-bigger .e-listbox-wrapper .e-text-content,
3121
- .e-listbox-wrapper.e-bigger .e-text-content,
3122
- .e-bigger .e-listbox-container .e-text-content,
3123
- .e-listbox-container.e-bigger .e-text-content {
3124
- font-size: 16px;
3125
- }
3126
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3127
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3128
- .e-bigger .e-listbox-container .e-list-group-item,
3129
- .e-listbox-container.e-bigger .e-list-group-item {
3130
- height: 40px;
3131
- line-height: 25px;
3132
- }
3133
- .e-bigger .e-listbox-wrapper .e-list-header,
3134
- .e-listbox-wrapper.e-bigger .e-list-header,
3135
- .e-bigger .e-listbox-container .e-list-header,
3136
- .e-listbox-container.e-bigger .e-list-header {
3137
- -ms-flex-align: center;
3138
- align-items: center;
3139
- display: -ms-flexbox;
3140
- display: flex;
3141
- font-weight: 500;
3142
- height: 22px;
3143
- }
3144
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3145
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3146
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3147
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3148
- display: none;
3149
- }
3150
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3151
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3152
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3153
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3154
- display: none;
3155
- }
3156
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3157
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3158
- .e-bigger .e-listbox-container .e-list-header .e-text,
3159
- .e-listbox-container.e-bigger .e-list-header .e-text {
3160
- font-size: 14px;
3161
- }
3019
+
3162
3020
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3163
3021
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3164
3022
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3165
3023
  }
3166
3024
 
3167
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3168
- height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3169
- }
3170
-
3171
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3172
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3173
- }
3174
-
3175
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3176
- height: 100%;
3177
- }
3178
-
3179
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3180
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3181
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3182
- }
3183
-
3184
3025
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3185
3026
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3186
3027
  }
@@ -3189,40 +3030,10 @@ ejs-listbox {
3189
3030
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3190
3031
  }
3191
3032
 
3192
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3193
- height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3194
- }
3195
-
3196
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3197
- height: 100%;
3198
- }
3199
-
3200
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3201
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3202
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3203
- }
3204
-
3205
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3206
- height: 100%;
3207
- }
3208
-
3209
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3210
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3211
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3212
- }
3213
-
3214
3033
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3215
3034
  height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3216
3035
  }
3217
3036
 
3218
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3219
- height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3220
- }
3221
-
3222
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3223
- height: 100%;
3224
- }
3225
-
3226
3037
  .e-listbox-wrapper,
3227
3038
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3228
3039
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3283,13 +3094,6 @@ ejs-listbox {
3283
3094
  color: #fff;
3284
3095
  }
3285
3096
 
3286
- .e-listbox-wrapper .e-list-item.e-selected,
3287
- .e-listbox-container .e-list-item.e-selected,
3288
- .e-listboxtool-wrapper .e-list-item.e-selected {
3289
- background-color: #343a40;
3290
- color: rgba(255, 255, 255, 0.87);
3291
- }
3292
-
3293
3097
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3294
3098
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3295
3099
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3297,11 +3101,13 @@ ejs-listbox {
3297
3101
  color: #fff;
3298
3102
  }
3299
3103
 
3300
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3104
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
3301
3105
  .e-listbox-container .e-list-item.e-focused,
3302
3106
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3107
+ .e-listbox-container .e-list-item.e-selected,
3303
3108
  .e-listboxtool-wrapper .e-list-item.e-focused,
3304
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3109
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3110
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3305
3111
  background-color: #343a40;
3306
3112
  color: rgba(255, 255, 255, 0.87);
3307
3113
  }
@@ -3391,8 +3197,8 @@ ejs-listbox {
3391
3197
  height: 40px;
3392
3198
  left: 0;
3393
3199
  position: absolute;
3394
- top: 0;
3395
3200
  width: 40px;
3201
+ left: 0;
3396
3202
  }
3397
3203
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3398
3204
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3410,18 +3216,15 @@ ejs-listbox {
3410
3216
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3411
3217
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3412
3218
  height: 40px;
3219
+ left: 0;
3413
3220
  position: absolute;
3414
- right: 0;
3415
- top: 0;
3416
3221
  width: 40px;
3222
+ right: 0;
3417
3223
  }
3418
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3224
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3419
3225
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3420
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3421
- top: 0;
3422
- }
3423
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3424
3226
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3227
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3425
3228
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3426
3229
  top: 0;
3427
3230
  }
@@ -3460,23 +3263,17 @@ ejs-listbox {
3460
3263
  text-overflow: ellipsis;
3461
3264
  white-space: nowrap;
3462
3265
  }
3463
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3266
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3464
3267
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3465
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3466
- color: #fff;
3467
- }
3468
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3469
3268
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3269
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3470
3270
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3471
3271
  color: #fff;
3472
3272
  }
3473
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3273
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3474
3274
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3475
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3476
- color: rgba(255, 255, 255, 0.87);
3477
- }
3478
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3479
3275
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3276
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3480
3277
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3481
3278
  color: rgba(255, 255, 255, 0.87);
3482
3279
  }
@@ -3523,15 +3320,7 @@ ejs-listbox {
3523
3320
  padding-right: 16px;
3524
3321
  }
3525
3322
 
3526
- .e-listbox-container.e-filter-list .e-list-parent {
3527
- height: 100%;
3528
- }
3529
-
3530
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3531
- height: 100%;
3532
- }
3533
-
3534
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3323
+ .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
3535
3324
  height: 100%;
3536
3325
  }
3537
3326
 
@@ -3547,22 +3336,4 @@ ejs-listbox {
3547
3336
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3548
3337
  }
3549
3338
 
3550
- /* stylelint-disable-line no-empty-source */
3551
- /* stylelint-disable property-no-vendor-prefix */
3552
- @keyframes material-spinner-rotate {
3553
- 0% {
3554
- transform: rotate(0);
3555
- }
3556
- 100% {
3557
- transform: rotate(360deg);
3558
- }
3559
- }
3560
- @keyframes fabric-spinner-rotate {
3561
- 0% {
3562
- transform: rotate(0);
3563
- }
3564
- 100% {
3565
- transform: rotate(360deg);
3566
- }
3567
- }
3568
3339
  /* stylelint-disable-line no-empty-source */