@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
package/styles/fluent.css CHANGED
@@ -748,6 +748,11 @@
748
748
  pointer-events: none;
749
749
  }
750
750
 
751
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
752
+ opacity: 0.7;
753
+ pointer-events: none;
754
+ }
755
+
751
756
  ejs-autocomplete,
752
757
  ejs-combobox,
753
758
  ejs-dropdownlist {
@@ -816,25 +821,6 @@ ejs-dropdownlist {
816
821
  color: #201f1e;
817
822
  }
818
823
 
819
- /* stylelint-disable property-no-vendor-prefix */
820
- /* stylelint-disable-line no-empty-source */
821
- /* stylelint-disable property-no-vendor-prefix */
822
- @keyframes material-spinner-rotate {
823
- 0% {
824
- transform: rotate(0);
825
- }
826
- 100% {
827
- transform: rotate(360deg);
828
- }
829
- }
830
- @keyframes fabric-spinner-rotate {
831
- 0% {
832
- transform: rotate(0);
833
- }
834
- 100% {
835
- transform: rotate(360deg);
836
- }
837
- }
838
824
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
839
825
  /* stylelint-disable */
840
826
  /* stylelint-disable */
@@ -902,13 +888,15 @@ ejs-dropdownlist {
902
888
  width: 100%;
903
889
  }
904
890
  .e-ddt.e-show-chip .e-chips-close {
905
- line-height: 20px;
906
891
  min-height: 24px;
907
892
  min-width: 24px;
893
+ line-height: 20px;
908
894
  text-align: center;
909
895
  }
910
896
  .e-ddt.e-show-chip .e-chips-close::before {
911
897
  font-size: 10px;
898
+ }
899
+ .e-ddt.e-show-chip .e-chips-close::before {
912
900
  vertical-align: middle;
913
901
  }
914
902
  .e-ddt.e-show-chip .e-chips {
@@ -993,6 +981,7 @@ ejs-dropdownlist {
993
981
  .e-ddt .e-dropdowntree.e-chip-input,
994
982
  .e-ddt input[readonly].e-input.e-chip-input {
995
983
  width: 0;
984
+ visibility: hidden;
996
985
  }
997
986
  .e-ddt.e-popup {
998
987
  border-radius: 2px;
@@ -1025,14 +1014,15 @@ ejs-dropdownlist {
1025
1014
  font-size: 14px;
1026
1015
  margin: 0 12px;
1027
1016
  }
1028
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1029
- padding: 0 20px;
1030
- }
1031
1017
  .e-ddt.e-popup .e-filter-wrap {
1032
- border-bottom: 1px solid #edebe9;
1033
1018
  border-top-width: 0;
1034
1019
  display: block;
1035
1020
  padding: 4px 12px;
1021
+ border-bottom: 1px solid #edebe9;
1022
+ }
1023
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1024
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1025
+ padding: 0 20px;
1036
1026
  }
1037
1027
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1038
1028
  margin-bottom: 0;
@@ -1048,8 +1038,8 @@ ejs-dropdownlist {
1048
1038
  cursor: default;
1049
1039
  font-family: inherit;
1050
1040
  font-size: 14px;
1051
- padding: 14px 16px;
1052
1041
  text-align: center;
1042
+ padding: 14px 16px;
1053
1043
  }
1054
1044
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1055
1045
  display: none;
@@ -1099,16 +1089,16 @@ ejs-dropdownlist {
1099
1089
  padding: 0 8px;
1100
1090
  }
1101
1091
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1102
- margin-left: 18px;
1103
1092
  margin-right: 4px;
1093
+ margin-left: 18px;
1104
1094
  }
1105
1095
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1106
- margin-left: 18px;
1107
1096
  margin-right: 4px;
1097
+ margin-left: 18px;
1108
1098
  }
1109
1099
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1110
- margin-left: 54px;
1111
1100
  margin-right: 4px;
1101
+ margin-left: 54px;
1112
1102
  }
1113
1103
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1114
1104
  .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,
@@ -1163,23 +1153,14 @@ ejs-dropdownlist {
1163
1153
  }
1164
1154
  .e-bigger .e-ddt.e-show-chip .e-chips-close,
1165
1155
  .e-ddt.e-bigger.e-show-chip .e-chips-close {
1166
- line-height: 27px;
1167
1156
  min-height: 32px;
1168
1157
  min-width: 32px;
1158
+ line-height: 27px;
1169
1159
  }
1170
1160
  .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1171
1161
  .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1172
1162
  font-size: 12px;
1173
1163
  }
1174
- .e-bigger .e-ddt .e-overflow.e-show-text,
1175
- .e-ddt.e-bigger .e-overflow.e-show-text {
1176
- padding: 0 12px;
1177
- line-height: 38px;
1178
- }
1179
- .e-bigger .e-ddt .e-overflow .e-remain,
1180
- .e-ddt.e-bigger .e-overflow .e-remain {
1181
- font-size: 18px;
1182
- }
1183
1164
  .e-bigger .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count,
1184
1165
  .e-ddt.e-bigger.e-show-chip .e-overflow .e-remain.e-wrap-count {
1185
1166
  line-height: 38px;
@@ -1190,6 +1171,15 @@ ejs-dropdownlist {
1190
1171
  line-height: 38px;
1191
1172
  padding: 0 8px;
1192
1173
  }
1174
+ .e-bigger .e-ddt .e-overflow.e-show-text,
1175
+ .e-ddt.e-bigger .e-overflow.e-show-text {
1176
+ padding: 0 12px;
1177
+ line-height: 38px;
1178
+ }
1179
+ .e-bigger .e-ddt .e-overflow .e-remain,
1180
+ .e-ddt.e-bigger .e-overflow .e-remain {
1181
+ font-size: 18px;
1182
+ }
1193
1183
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1194
1184
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1195
1185
  margin-right: 38px;
@@ -1243,8 +1233,8 @@ ejs-dropdownlist {
1243
1233
  }
1244
1234
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1245
1235
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1246
- margin-left: 58px;
1247
- margin-right: 4px;
1236
+ margin-right: 58px;
1237
+ margin-left: 4px;
1248
1238
  }
1249
1239
  .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,
1250
1240
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1262,12 +1252,6 @@ ejs-dropdownlist {
1262
1252
  .e-ddt .e-chips > .e-chipcontent {
1263
1253
  color: #201f1e;
1264
1254
  }
1265
- .e-ddt .e-chips:hover {
1266
- background-color: #edebe9;
1267
- }
1268
- .e-ddt .e-chips:hover > .e-chipcontent {
1269
- color: #201f1e;
1270
- }
1271
1255
  .e-ddt .e-overflow .e-remain {
1272
1256
  color: #605e5c;
1273
1257
  }
@@ -1284,30 +1268,14 @@ ejs-dropdownlist {
1284
1268
  .e-ddt.e-popup .e-selectall-parent {
1285
1269
  border-bottom-color: #edebe9;
1286
1270
  }
1271
+ .e-ddt.e-popup .e-selectall-parent:focus {
1272
+ background: #f3f2f1;
1273
+ }
1287
1274
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1288
1275
  color: #201f1e;
1289
1276
  }
1290
1277
 
1291
1278
  /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1292
- /* stylelint-disable property-no-vendor-prefix */
1293
- /* stylelint-disable-line no-empty-source */
1294
- /* stylelint-disable property-no-vendor-prefix */
1295
- @keyframes material-spinner-rotate {
1296
- 0% {
1297
- transform: rotate(0);
1298
- }
1299
- 100% {
1300
- transform: rotate(360deg);
1301
- }
1302
- }
1303
- @keyframes fabric-spinner-rotate {
1304
- 0% {
1305
- transform: rotate(0);
1306
- }
1307
- 100% {
1308
- transform: rotate(360deg);
1309
- }
1310
- }
1311
1279
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1312
1280
  line-height: 30px;
1313
1281
  top: 0;
@@ -1801,7 +1769,6 @@ ejs-dropdownlist {
1801
1769
  max-width: 100%;
1802
1770
  padding-left: 8px;
1803
1771
  padding-right: 6px;
1804
- vertical-align: middle;
1805
1772
  }
1806
1773
 
1807
1774
  .e-bigger .e-multi-select-wrapper .e-delim-values {
@@ -2266,7 +2233,10 @@ ejs-multiselect {
2266
2233
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2267
2234
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2268
2235
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2269
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2236
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2237
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2238
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2239
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2270
2240
  height: 24px;
2271
2241
  }
2272
2242
 
@@ -2275,10 +2245,6 @@ ejs-multiselect {
2275
2245
  height: 32px;
2276
2246
  }
2277
2247
 
2278
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2279
- height: 24px;
2280
- }
2281
-
2282
2248
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2283
2249
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2284
2250
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2334,11 +2300,6 @@ ejs-multiselect {
2334
2300
  margin: 4px 0 0 4px;
2335
2301
  }
2336
2302
 
2337
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2338
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2339
- height: 24px;
2340
- }
2341
-
2342
2303
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2343
2304
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2344
2305
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2737,20 +2698,6 @@ ejs-multiselect {
2737
2698
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2738
2699
  text-align: center;
2739
2700
  }
2740
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2741
- .e-listbox-wrapper .e-list-nrt,
2742
- .e-listbox-wrapper .e-selectall-parent,
2743
- .e-listbox-container:not(.e-list-template) .e-list-item,
2744
- .e-listbox-container .e-list-nrt,
2745
- .e-listbox-container .e-selectall-parent,
2746
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2747
- .e-listboxtool-wrapper .e-list-nrt,
2748
- .e-listboxtool-wrapper .e-selectall-parent {
2749
- height: 36px;
2750
- line-height: 1;
2751
- padding: 10px 12px;
2752
- position: relative;
2753
- }
2754
2701
  .e-listbox-wrapper .e-list-parent,
2755
2702
  .e-listbox-container .e-list-parent,
2756
2703
  .e-listboxtool-wrapper .e-list-parent {
@@ -2779,9 +2726,11 @@ ejs-multiselect {
2779
2726
  margin: 0;
2780
2727
  padding: 0;
2781
2728
  }
2782
- .e-listbox-wrapper .e-list-header .e-text.header,
2729
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2783
2730
  .e-listbox-container .e-list-header .e-text.header,
2784
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2731
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2732
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2733
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2785
2734
  display: none;
2786
2735
  }
2787
2736
  .e-listbox-wrapper .e-icon-back,
@@ -2789,11 +2738,6 @@ ejs-multiselect {
2789
2738
  .e-listboxtool-wrapper .e-icon-back {
2790
2739
  margin-top: 2px;
2791
2740
  }
2792
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2793
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2794
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2795
- display: none;
2796
- }
2797
2741
  .e-listbox-wrapper .e-list-header,
2798
2742
  .e-listbox-container .e-list-header,
2799
2743
  .e-listboxtool-wrapper .e-list-header {
@@ -2897,18 +2841,12 @@ ejs-multiselect {
2897
2841
  white-space: nowrap;
2898
2842
  width: 100%;
2899
2843
  }
2900
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2844
+ .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,
2901
2845
  .e-listbox-container .e-list-icon + .e-list-text,
2902
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2903
- width: calc(100% - 60px);
2904
- }
2905
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2906
2846
  .e-listbox-container .e-icon-wrapper .e-list-text,
2907
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2908
- width: calc(100% - 60px);
2909
- }
2910
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2911
2847
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2848
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2849
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2912
2850
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2913
2851
  width: calc(100% - 60px);
2914
2852
  }
@@ -2972,8 +2910,11 @@ ejs-multiselect {
2972
2910
  margin-top: -2px;
2973
2911
  }
2974
2912
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2913
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2975
2914
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2976
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2915
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2916
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2917
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2977
2918
  margin: -2px 0 0 8px;
2978
2919
  }
2979
2920
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2981,11 +2922,6 @@ ejs-multiselect {
2981
2922
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2982
2923
  margin: -2px 8px 0 0;
2983
2924
  }
2984
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2985
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2986
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2987
- margin: -2px 0 0 8px;
2988
- }
2989
2925
  .e-listbox-wrapper .e-checkbox-wrapper,
2990
2926
  .e-listbox-container .e-checkbox-wrapper,
2991
2927
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -3030,10 +2966,7 @@ ejs-listbox {
3030
2966
  display: block;
3031
2967
  }
3032
2968
 
3033
- .e-listbox-wrapper:not(.e-listbox-container) {
3034
- overflow: auto;
3035
- }
3036
-
2969
+ .e-listbox-wrapper:not(.e-listbox-container),
3037
2970
  .e-listbox-wrapper.e-filter-list .e-list-parent {
3038
2971
  overflow: auto;
3039
2972
  }
@@ -3048,6 +2981,7 @@ ejs-listbox {
3048
2981
  .e-listbox-container.e-sortableclone .e-list-item,
3049
2982
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3050
2983
  list-style-type: none;
2984
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3051
2985
  }
3052
2986
  .e-listbox-wrapper.e-sortableclone .e-ripple,
3053
2987
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -3100,7 +3034,9 @@ ejs-listbox {
3100
3034
  pointer-events: none;
3101
3035
  }
3102
3036
  .e-listboxtool-wrapper .e-listbox-wrapper,
3103
- .e-listboxtool-container .e-listbox-wrapper {
3037
+ .e-listboxtool-wrapper .e-list-wrap,
3038
+ .e-listboxtool-container .e-listbox-wrapper,
3039
+ .e-listboxtool-container .e-list-wrap {
3104
3040
  -ms-flex: 1;
3105
3041
  flex: 1;
3106
3042
  }
@@ -3140,121 +3076,26 @@ ejs-listbox {
3140
3076
  margin-left: 15px;
3141
3077
  }
3142
3078
 
3143
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3144
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3145
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3146
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3147
- width: 80% !important; /* stylelint-disable-line declaration-no-important */
3148
- }
3149
- .e-bigger .e-listbox-wrapper .e-list-item,
3150
- .e-listbox-wrapper.e-bigger .e-list-item,
3151
- .e-bigger .e-listbox-container .e-list-item,
3152
- .e-listbox-container.e-bigger .e-list-item {
3153
- border-bottom: 0 solid transparent;
3154
- border-left: 0 solid transparent;
3155
- border-right: 0 solid transparent;
3156
- border-top: 0 solid transparent;
3157
- }
3158
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3159
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3160
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3161
- .e-bigger .e-listbox-wrapper .e-list-header,
3162
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3163
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3164
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3165
- .e-listbox-wrapper.e-bigger .e-list-header,
3166
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3167
- .e-bigger .e-listbox-container .e-selectall-parent,
3168
- .e-bigger .e-listbox-container .e-list-group-item,
3169
- .e-bigger .e-listbox-container .e-list-header,
3170
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3171
- .e-listbox-container.e-bigger .e-selectall-parent,
3172
- .e-listbox-container.e-bigger .e-list-group-item,
3173
- .e-listbox-container.e-bigger .e-list-header {
3174
- padding: 8px 16px;
3175
- }
3176
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3177
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3178
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3179
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3180
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3181
- .e-bigger .e-listbox-container .e-selectall-parent,
3182
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3183
- .e-listbox-container.e-bigger .e-selectall-parent {
3184
- height: 48px;
3185
- line-height: 2.1;
3079
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3080
+ .e-listbox-wrapper .e-list-nrt,
3081
+ .e-listbox-wrapper .e-selectall-parent,
3082
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3083
+ .e-listbox-container .e-list-nrt,
3084
+ .e-listbox-container .e-selectall-parent,
3085
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3086
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3087
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3088
+ height: 36px;
3089
+ line-height: 1;
3090
+ padding: 10px 12px;
3186
3091
  position: relative;
3187
3092
  }
3188
- .e-bigger .e-listbox-wrapper .e-list-parent,
3189
- .e-listbox-wrapper.e-bigger .e-list-parent,
3190
- .e-bigger .e-listbox-container .e-list-parent,
3191
- .e-listbox-container.e-bigger .e-list-parent {
3192
- min-height: 48px;
3193
- }
3194
- .e-bigger .e-listbox-wrapper .e-text-content,
3195
- .e-listbox-wrapper.e-bigger .e-text-content,
3196
- .e-bigger .e-listbox-container .e-text-content,
3197
- .e-listbox-container.e-bigger .e-text-content {
3198
- font-size: 16px;
3199
- }
3200
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3201
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3202
- .e-bigger .e-listbox-container .e-list-group-item,
3203
- .e-listbox-container.e-bigger .e-list-group-item {
3204
- height: 40px;
3205
- line-height: 25px;
3206
- }
3207
- .e-bigger .e-listbox-wrapper .e-list-header,
3208
- .e-listbox-wrapper.e-bigger .e-list-header,
3209
- .e-bigger .e-listbox-container .e-list-header,
3210
- .e-listbox-container.e-bigger .e-list-header {
3211
- -ms-flex-align: center;
3212
- align-items: center;
3213
- display: -ms-flexbox;
3214
- display: flex;
3215
- font-weight: 600;
3216
- height: 22px;
3217
- }
3218
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3219
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3220
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3221
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3222
- display: none;
3223
- }
3224
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3225
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3226
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3227
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3228
- display: none;
3229
- }
3230
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3231
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3232
- .e-bigger .e-listbox-container .e-list-header .e-text,
3233
- .e-listbox-container.e-bigger .e-list-header .e-text {
3234
- font-size: 14px;
3235
- }
3093
+
3236
3094
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3237
3095
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3238
3096
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3239
3097
  }
3240
3098
 
3241
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3242
- height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3243
- }
3244
-
3245
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3246
- height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3247
- }
3248
-
3249
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3250
- height: 100%;
3251
- }
3252
-
3253
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3254
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3255
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3256
- }
3257
-
3258
3099
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3259
3100
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3260
3101
  }
@@ -3263,40 +3104,10 @@ ejs-listbox {
3263
3104
  height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3264
3105
  }
3265
3106
 
3266
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3267
- height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3268
- }
3269
-
3270
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3271
- height: 100%;
3272
- }
3273
-
3274
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3275
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3276
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3277
- }
3278
-
3279
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3280
- height: 100%;
3281
- }
3282
-
3283
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3284
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3285
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3286
- }
3287
-
3288
3107
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3289
3108
  height: calc(100% - 93px) !important; /* stylelint-disable-line declaration-no-important */
3290
3109
  }
3291
3110
 
3292
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3293
- height: calc(100% - 113px) !important; /* stylelint-disable-line declaration-no-important */
3294
- }
3295
-
3296
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3297
- height: 100%;
3298
- }
3299
-
3300
3111
  .e-listbox-wrapper,
3301
3112
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3302
3113
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3336,12 +3147,6 @@ ejs-listbox {
3336
3147
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3337
3148
  }
3338
3149
 
3339
- .e-listbox-wrapper .e-icons,
3340
- .e-listbox-container .e-icons,
3341
- .e-listboxtool-wrapper .e-icons {
3342
- color: #605e5c;
3343
- }
3344
-
3345
3150
  .e-listbox-wrapper .e-list-item,
3346
3151
  .e-listbox-container .e-list-item,
3347
3152
  .e-listboxtool-wrapper .e-list-item {
@@ -3363,13 +3168,6 @@ ejs-listbox {
3363
3168
  color: #201f1e;
3364
3169
  }
3365
3170
 
3366
- .e-listbox-wrapper .e-list-item.e-selected,
3367
- .e-listbox-container .e-list-item.e-selected,
3368
- .e-listboxtool-wrapper .e-list-item.e-selected {
3369
- background-color: #edebe9;
3370
- color: #201f1e;
3371
- }
3372
-
3373
3171
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3374
3172
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3375
3173
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3377,11 +3175,13 @@ ejs-listbox {
3377
3175
  color: #201f1e;
3378
3176
  }
3379
3177
 
3380
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3178
+ .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,
3381
3179
  .e-listbox-container .e-list-item.e-focused,
3382
3180
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3181
+ .e-listbox-container .e-list-item.e-selected,
3383
3182
  .e-listboxtool-wrapper .e-list-item.e-focused,
3384
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3183
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3184
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3385
3185
  background-color: #edebe9;
3386
3186
  color: #201f1e;
3387
3187
  }
@@ -3471,8 +3271,8 @@ ejs-listbox {
3471
3271
  height: 40px;
3472
3272
  left: 0;
3473
3273
  position: absolute;
3474
- top: 0;
3475
3274
  width: 40px;
3275
+ left: 0;
3476
3276
  }
3477
3277
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3478
3278
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3490,18 +3290,15 @@ ejs-listbox {
3490
3290
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3491
3291
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3492
3292
  height: 40px;
3293
+ left: 0;
3493
3294
  position: absolute;
3494
- right: 0;
3495
- top: 0;
3496
3295
  width: 40px;
3296
+ right: 0;
3497
3297
  }
3498
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3298
+ .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,
3499
3299
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3500
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3501
- top: 0;
3502
- }
3503
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3504
3300
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3301
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3505
3302
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3506
3303
  top: 0;
3507
3304
  }
@@ -3540,23 +3337,17 @@ ejs-listbox {
3540
3337
  text-overflow: ellipsis;
3541
3338
  white-space: nowrap;
3542
3339
  }
3543
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3340
+ .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,
3544
3341
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3545
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3546
- color: #201f1e;
3547
- }
3548
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3549
3342
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3343
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3550
3344
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3551
3345
  color: #201f1e;
3552
3346
  }
3553
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3347
+ .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,
3554
3348
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3555
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3556
- color: #201f1e;
3557
- }
3558
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3559
3349
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3350
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3560
3351
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3561
3352
  color: #201f1e;
3562
3353
  }
@@ -3603,15 +3394,7 @@ ejs-listbox {
3603
3394
  padding-right: 16px;
3604
3395
  }
3605
3396
 
3606
- .e-listbox-container.e-filter-list .e-list-parent {
3607
- height: 100%;
3608
- }
3609
-
3610
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3611
- height: 100%;
3612
- }
3613
-
3614
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3397
+ .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 {
3615
3398
  height: 100%;
3616
3399
  }
3617
3400
 
@@ -3627,22 +3410,4 @@ ejs-listbox {
3627
3410
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3628
3411
  }
3629
3412
 
3630
- /* stylelint-disable-line no-empty-source */
3631
- /* stylelint-disable property-no-vendor-prefix */
3632
- @keyframes material-spinner-rotate {
3633
- 0% {
3634
- transform: rotate(0);
3635
- }
3636
- 100% {
3637
- transform: rotate(360deg);
3638
- }
3639
- }
3640
- @keyframes fabric-spinner-rotate {
3641
- 0% {
3642
- transform: rotate(0);
3643
- }
3644
- 100% {
3645
- transform: rotate(360deg);
3646
- }
3647
- }
3648
3413
  /* stylelint-disable-line no-empty-source */