@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
@@ -0,0 +1,4 @@
1
+ @import 'ej2-base/styles/definition/fluent2.scss';
2
+ @import '../drop-down-list/fluent2-definition.scss';
3
+ @import 'fluent2-definition.scss';
4
+ @import 'all.scss';
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -1,4 +1,4 @@
1
-
1
+ @import 'ej2-base/styles/definition/material3-dark.scss';
2
2
 
3
3
  @import '../drop-down-list/material3-dark-definition.scss';
4
4
  @import 'material3-dark-definition.scss';
@@ -100,7 +100,7 @@
100
100
  --color-sf-on-warning: 99, 52, 0;
101
101
  --color-sf-on-warning-container: 255, 220, 193;
102
102
  --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
103
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
104
  --color-sf-success-text: 0, 0, 0;
105
105
  --color-sf-warning-text: 0, 0, 0;
106
106
  --color-sf-info-text: 0, 0, 0;
@@ -1,4 +1,4 @@
1
-
1
+ @import 'ej2-base/styles/definition/material3.scss';
2
2
 
3
3
  @import '../drop-down-list/material3-definition.scss';
4
4
  @import 'material3-definition.scss';
@@ -689,6 +689,11 @@
689
689
  pointer-events: none;
690
690
  }
691
691
 
692
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
693
+ opacity: 0.7;
694
+ pointer-events: none;
695
+ }
696
+
692
697
  ejs-autocomplete,
693
698
  ejs-combobox,
694
699
  ejs-dropdownlist {
@@ -757,24 +762,6 @@ ejs-dropdownlist {
757
762
  color: #fff;
758
763
  }
759
764
 
760
- /* stylelint-disable property-no-vendor-prefix */
761
- /* stylelint-disable property-no-vendor-prefix */
762
- @keyframes material-spinner-rotate {
763
- 0% {
764
- transform: rotate(0);
765
- }
766
- 100% {
767
- transform: rotate(360deg);
768
- }
769
- }
770
- @keyframes fabric-spinner-rotate {
771
- 0% {
772
- transform: rotate(0);
773
- }
774
- 100% {
775
- transform: rotate(360deg);
776
- }
777
- }
778
765
  /* stylelint-disable */
779
766
  /* stylelint-disable */
780
767
  .e-ddt .e-ddt-icon::before {
@@ -841,13 +828,15 @@ ejs-dropdownlist {
841
828
  width: 100%;
842
829
  }
843
830
  .e-ddt.e-show-chip .e-chips-close {
844
- line-height: 30px;
845
831
  min-height: 30px;
846
832
  min-width: 30px;
833
+ line-height: 30px;
847
834
  text-align: center;
848
835
  }
849
836
  .e-ddt.e-show-chip .e-chips-close::before {
850
837
  font-size: 10px;
838
+ }
839
+ .e-ddt.e-show-chip .e-chips-close::before {
851
840
  vertical-align: middle;
852
841
  }
853
842
  .e-ddt.e-show-chip .e-chips {
@@ -925,6 +914,7 @@ ejs-dropdownlist {
925
914
  .e-ddt .e-dropdowntree.e-chip-input,
926
915
  .e-ddt input[readonly].e-input.e-chip-input {
927
916
  width: 0;
917
+ visibility: hidden;
928
918
  }
929
919
  .e-ddt.e-popup {
930
920
  border: 1px solid #414141;
@@ -954,18 +944,17 @@ ejs-dropdownlist {
954
944
  font-size: 14px;
955
945
  margin: 10px;
956
946
  }
957
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
958
- padding: 0 12px;
959
- }
960
947
  .e-ddt.e-popup .e-filter-wrap {
961
- border: #414141;
962
948
  border-top-width: 0;
963
949
  display: block;
964
950
  padding: 5px 8px;
965
- }
966
- .e-ddt.e-popup .e-filter-wrap {
951
+ border: #414141;
967
952
  border-bottom: 1px solid #484848;
968
953
  }
954
+ .e-ddt.e-popup .e-filter-wrap .e-input,
955
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
956
+ padding: 0 12px;
957
+ }
969
958
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
970
959
  margin-bottom: 0;
971
960
  }
@@ -980,8 +969,8 @@ ejs-dropdownlist {
980
969
  cursor: default;
981
970
  font-family: inherit;
982
971
  font-size: 14px;
983
- padding: 14px 16px;
984
972
  text-align: center;
973
+ padding: 14px 16px;
985
974
  }
986
975
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
987
976
  display: none;
@@ -1035,16 +1024,16 @@ ejs-dropdownlist {
1035
1024
  padding: 6px 12px 0 12px;
1036
1025
  }
1037
1026
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1038
- margin-left: 32px;
1039
1027
  margin-right: 1px;
1028
+ margin-left: 32px;
1040
1029
  }
1041
1030
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1042
- margin-left: 32px;
1043
1031
  margin-right: 1px;
1032
+ margin-left: 32px;
1044
1033
  }
1045
1034
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1046
- margin-left: 64px;
1047
1035
  margin-right: 1px;
1036
+ margin-left: 64px;
1048
1037
  }
1049
1038
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1050
1039
  .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,
@@ -1117,18 +1106,18 @@ ejs-dropdownlist {
1117
1106
  }
1118
1107
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1119
1108
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1120
- margin-left: 38px;
1121
1109
  margin-right: 1px;
1110
+ margin-left: 38px;
1122
1111
  }
1123
1112
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1124
1113
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1125
- margin-left: 38px;
1126
1114
  margin-right: 1px;
1115
+ margin-left: 38px;
1127
1116
  }
1128
1117
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1129
1118
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1130
- margin-left: 76px;
1131
- margin-right: 1px;
1119
+ margin-right: 76px;
1120
+ margin-left: 1px;
1132
1121
  }
1133
1122
  .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,
1134
1123
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1146,12 +1135,6 @@ ejs-dropdownlist {
1146
1135
  .e-ddt .e-chips > .e-chipcontent {
1147
1136
  color: #f0f0f0;
1148
1137
  }
1149
- .e-ddt .e-chips:hover {
1150
- background-color: #484848;
1151
- }
1152
- .e-ddt .e-chips:hover > .e-chipcontent {
1153
- color: #f0f0f0;
1154
- }
1155
1138
  .e-ddt .e-overflow .e-remain {
1156
1139
  color: #8d8d8d;
1157
1140
  }
@@ -1168,29 +1151,14 @@ ejs-dropdownlist {
1168
1151
  .e-ddt.e-popup .e-selectall-parent {
1169
1152
  border-bottom-color: #484848;
1170
1153
  }
1154
+ .e-ddt.e-popup .e-selectall-parent:focus {
1155
+ background: #414141;
1156
+ }
1171
1157
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1172
1158
  color: #f0f0f0;
1173
1159
  }
1174
1160
 
1175
1161
  /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1176
- /* stylelint-disable property-no-vendor-prefix */
1177
- /* stylelint-disable property-no-vendor-prefix */
1178
- @keyframes material-spinner-rotate {
1179
- 0% {
1180
- transform: rotate(0);
1181
- }
1182
- 100% {
1183
- transform: rotate(360deg);
1184
- }
1185
- }
1186
- @keyframes fabric-spinner-rotate {
1187
- 0% {
1188
- transform: rotate(0);
1189
- }
1190
- 100% {
1191
- transform: rotate(360deg);
1192
- }
1193
- }
1194
1162
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1195
1163
  line-height: 30px;
1196
1164
  top: 0;
@@ -2061,7 +2029,10 @@ ejs-multiselect {
2061
2029
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2062
2030
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2063
2031
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2064
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2032
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2033
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2034
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2035
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2065
2036
  height: 24px;
2066
2037
  }
2067
2038
 
@@ -2070,10 +2041,6 @@ ejs-multiselect {
2070
2041
  height: 32px;
2071
2042
  }
2072
2043
 
2073
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2074
- height: 24px;
2075
- }
2076
-
2077
2044
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2078
2045
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2079
2046
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2129,11 +2096,6 @@ ejs-multiselect {
2129
2096
  margin: 4px 0 0 4px;
2130
2097
  }
2131
2098
 
2132
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2133
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2134
- height: 24px;
2135
- }
2136
-
2137
2099
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2138
2100
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2139
2101
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2499,20 +2461,6 @@ ejs-multiselect {
2499
2461
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2500
2462
  text-align: center;
2501
2463
  }
2502
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2503
- .e-listbox-wrapper .e-list-nrt,
2504
- .e-listbox-wrapper .e-selectall-parent,
2505
- .e-listbox-container:not(.e-list-template) .e-list-item,
2506
- .e-listbox-container .e-list-nrt,
2507
- .e-listbox-container .e-selectall-parent,
2508
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2509
- .e-listboxtool-wrapper .e-list-nrt,
2510
- .e-listboxtool-wrapper .e-selectall-parent {
2511
- height: 40px;
2512
- line-height: 1;
2513
- padding: 13px 16px;
2514
- position: relative;
2515
- }
2516
2464
  .e-listbox-wrapper .e-list-parent,
2517
2465
  .e-listbox-container .e-list-parent,
2518
2466
  .e-listboxtool-wrapper .e-list-parent {
@@ -2541,9 +2489,11 @@ ejs-multiselect {
2541
2489
  margin: 0;
2542
2490
  padding: 0;
2543
2491
  }
2544
- .e-listbox-wrapper .e-list-header .e-text.header,
2492
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2545
2493
  .e-listbox-container .e-list-header .e-text.header,
2546
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2494
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2495
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2496
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2547
2497
  display: none;
2548
2498
  }
2549
2499
  .e-listbox-wrapper .e-icon-back,
@@ -2551,11 +2501,6 @@ ejs-multiselect {
2551
2501
  .e-listboxtool-wrapper .e-icon-back {
2552
2502
  margin-top: -2px;
2553
2503
  }
2554
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2555
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2556
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2557
- display: none;
2558
- }
2559
2504
  .e-listbox-wrapper .e-list-header,
2560
2505
  .e-listbox-container .e-list-header,
2561
2506
  .e-listboxtool-wrapper .e-list-header {
@@ -2659,18 +2604,12 @@ ejs-multiselect {
2659
2604
  white-space: nowrap;
2660
2605
  width: 100%;
2661
2606
  }
2662
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2607
+ .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,
2663
2608
  .e-listbox-container .e-list-icon + .e-list-text,
2664
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2665
- width: calc(100% - 60px);
2666
- }
2667
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2668
2609
  .e-listbox-container .e-icon-wrapper .e-list-text,
2669
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2670
- width: calc(100% - 60px);
2671
- }
2672
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2673
2610
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2611
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2612
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2674
2613
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2675
2614
  width: calc(100% - 60px);
2676
2615
  }
@@ -2734,8 +2673,11 @@ ejs-multiselect {
2734
2673
  margin-top: -1px;
2735
2674
  }
2736
2675
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2676
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2737
2677
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2738
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2678
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2679
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2680
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2739
2681
  margin: -4px 0 0 10px;
2740
2682
  }
2741
2683
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2743,11 +2685,6 @@ ejs-multiselect {
2743
2685
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2744
2686
  margin: -4px 10px 0 0;
2745
2687
  }
2746
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2747
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2748
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2749
- margin: -4px 0 0 10px;
2750
- }
2751
2688
  .e-listbox-wrapper .e-checkbox-wrapper,
2752
2689
  .e-listbox-container .e-checkbox-wrapper,
2753
2690
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2792,10 +2729,7 @@ ejs-listbox {
2792
2729
  display: block;
2793
2730
  }
2794
2731
 
2795
- .e-listbox-wrapper:not(.e-listbox-container) {
2796
- overflow: auto;
2797
- }
2798
-
2732
+ .e-listbox-wrapper:not(.e-listbox-container),
2799
2733
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2800
2734
  overflow: auto;
2801
2735
  }
@@ -2810,6 +2744,7 @@ ejs-listbox {
2810
2744
  .e-listbox-container.e-sortableclone .e-list-item,
2811
2745
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2812
2746
  list-style-type: none;
2747
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2813
2748
  }
2814
2749
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2815
2750
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2862,7 +2797,9 @@ ejs-listbox {
2862
2797
  pointer-events: none;
2863
2798
  }
2864
2799
  .e-listboxtool-wrapper .e-listbox-wrapper,
2865
- .e-listboxtool-container .e-listbox-wrapper {
2800
+ .e-listboxtool-wrapper .e-list-wrap,
2801
+ .e-listboxtool-container .e-listbox-wrapper,
2802
+ .e-listboxtool-container .e-list-wrap {
2866
2803
  -ms-flex: 1;
2867
2804
  flex: 1;
2868
2805
  }
@@ -2902,115 +2839,26 @@ ejs-listbox {
2902
2839
  margin-left: 15px;
2903
2840
  }
2904
2841
 
2905
- .e-bigger .e-listbox-wrapper .e-list-item,
2906
- .e-listbox-wrapper.e-bigger .e-list-item,
2907
- .e-bigger .e-listbox-container .e-list-item,
2908
- .e-listbox-container.e-bigger .e-list-item {
2909
- border-bottom: 1px solid #414141;
2910
- border-left: 0 solid transparent;
2911
- border-right: 0 solid transparent;
2912
- border-top: 0 solid transparent;
2913
- }
2914
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2915
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
2916
- .e-bigger .e-listbox-wrapper .e-list-group-item,
2917
- .e-bigger .e-listbox-wrapper .e-list-header,
2918
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
2919
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
2920
- .e-listbox-wrapper.e-bigger .e-list-group-item,
2921
- .e-listbox-wrapper.e-bigger .e-list-header,
2922
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
2923
- .e-bigger .e-listbox-container .e-selectall-parent,
2924
- .e-bigger .e-listbox-container .e-list-group-item,
2925
- .e-bigger .e-listbox-container .e-list-header,
2926
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
2927
- .e-listbox-container.e-bigger .e-selectall-parent,
2928
- .e-listbox-container.e-bigger .e-list-group-item,
2929
- .e-listbox-container.e-bigger .e-list-header {
2930
- padding: 12px 16px;
2931
- }
2932
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2933
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
2934
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
2935
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
2936
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
2937
- .e-bigger .e-listbox-container .e-selectall-parent,
2938
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
2939
- .e-listbox-container.e-bigger .e-selectall-parent {
2940
- height: 48px;
2941
- line-height: 1.6;
2842
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2843
+ .e-listbox-wrapper .e-list-nrt,
2844
+ .e-listbox-wrapper .e-selectall-parent,
2845
+ .e-listbox-container:not(.e-list-template) .e-list-item,
2846
+ .e-listbox-container .e-list-nrt,
2847
+ .e-listbox-container .e-selectall-parent,
2848
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2849
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
2850
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
2851
+ height: 40px;
2852
+ line-height: 1;
2853
+ padding: 13px 16px;
2942
2854
  position: relative;
2943
2855
  }
2944
- .e-bigger .e-listbox-wrapper .e-list-parent,
2945
- .e-listbox-wrapper.e-bigger .e-list-parent,
2946
- .e-bigger .e-listbox-container .e-list-parent,
2947
- .e-listbox-container.e-bigger .e-list-parent {
2948
- min-height: 48px;
2949
- }
2950
- .e-bigger .e-listbox-wrapper .e-text-content,
2951
- .e-listbox-wrapper.e-bigger .e-text-content,
2952
- .e-bigger .e-listbox-container .e-text-content,
2953
- .e-listbox-container.e-bigger .e-text-content {
2954
- font-size: 15px;
2955
- }
2956
- .e-bigger .e-listbox-wrapper .e-list-group-item,
2957
- .e-listbox-wrapper.e-bigger .e-list-group-item,
2958
- .e-bigger .e-listbox-container .e-list-group-item,
2959
- .e-listbox-container.e-bigger .e-list-group-item {
2960
- height: 48px;
2961
- line-height: 45px;
2962
- }
2963
- .e-bigger .e-listbox-wrapper .e-list-header,
2964
- .e-listbox-wrapper.e-bigger .e-list-header,
2965
- .e-bigger .e-listbox-container .e-list-header,
2966
- .e-listbox-container.e-bigger .e-list-header {
2967
- -ms-flex-align: center;
2968
- align-items: center;
2969
- display: -ms-flexbox;
2970
- display: flex;
2971
- font-weight: bold;
2972
- height: 48px;
2973
- }
2974
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
2975
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2976
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
2977
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
2978
- display: none;
2979
- }
2980
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2981
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
2982
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2983
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
2984
- display: none;
2985
- }
2986
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
2987
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
2988
- .e-bigger .e-listbox-container .e-list-header .e-text,
2989
- .e-listbox-container.e-bigger .e-list-header .e-text {
2990
- font-size: 15px;
2991
- }
2856
+
2992
2857
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2993
2858
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2994
2859
  height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
2995
2860
  }
2996
2861
 
2997
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2998
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2999
- }
3000
-
3001
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3002
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3003
- }
3004
-
3005
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3006
- height: 100%;
3007
- }
3008
-
3009
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3010
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3011
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3012
- }
3013
-
3014
2862
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3015
2863
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3016
2864
  }
@@ -3019,40 +2867,10 @@ ejs-listbox {
3019
2867
  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3020
2868
  }
3021
2869
 
3022
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3023
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3024
- }
3025
-
3026
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3027
- height: 100%;
3028
- }
3029
-
3030
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3031
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3032
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3033
- }
3034
-
3035
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3036
- height: 100%;
3037
- }
3038
-
3039
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3040
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3041
- height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
3042
- }
3043
-
3044
2870
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3045
2871
  height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
3046
2872
  }
3047
2873
 
3048
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3049
- height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3050
- }
3051
-
3052
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3053
- height: 100%;
3054
- }
3055
-
3056
2874
  .e-listbox-wrapper,
3057
2875
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3058
2876
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3092,12 +2910,6 @@ ejs-listbox {
3092
2910
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3093
2911
  }
3094
2912
 
3095
- .e-listbox-wrapper .e-icons,
3096
- .e-listbox-container .e-icons,
3097
- .e-listboxtool-wrapper .e-icons {
3098
- color: #f0f0f0;
3099
- }
3100
-
3101
2913
  .e-listbox-wrapper .e-list-item,
3102
2914
  .e-listbox-container .e-list-item,
3103
2915
  .e-listboxtool-wrapper .e-list-item {
@@ -3119,13 +2931,6 @@ ejs-listbox {
3119
2931
  color: rgba(255, 255, 255, 0.87);
3120
2932
  }
3121
2933
 
3122
- .e-listbox-wrapper .e-list-item.e-selected,
3123
- .e-listbox-container .e-list-item.e-selected,
3124
- .e-listboxtool-wrapper .e-list-item.e-selected {
3125
- background-color: #414141;
3126
- color: rgba(255, 255, 255, 0.87);
3127
- }
3128
-
3129
2934
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3130
2935
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3131
2936
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3133,11 +2938,13 @@ ejs-listbox {
3133
2938
  color: #f0f0f0;
3134
2939
  }
3135
2940
 
3136
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2941
+ .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,
3137
2942
  .e-listbox-container .e-list-item.e-focused,
3138
2943
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2944
+ .e-listbox-container .e-list-item.e-selected,
3139
2945
  .e-listboxtool-wrapper .e-list-item.e-focused,
3140
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
2946
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2947
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3141
2948
  background-color: #414141;
3142
2949
  color: rgba(255, 255, 255, 0.87);
3143
2950
  }
@@ -3227,8 +3034,8 @@ ejs-listbox {
3227
3034
  height: 2.8571em;
3228
3035
  left: 1.0667em;
3229
3036
  position: absolute;
3230
- top: 0.7142em;
3231
3037
  width: 2.8571em;
3038
+ left: 1.0667em;
3232
3039
  }
3233
3040
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3234
3041
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3246,18 +3053,15 @@ ejs-listbox {
3246
3053
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3247
3054
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3248
3055
  height: 2.8571em;
3056
+ left: 1.0667em;
3249
3057
  position: absolute;
3250
- right: 1.0667em;
3251
- top: 0.7142em;
3252
3058
  width: 2.8571em;
3059
+ right: 1.0667em;
3253
3060
  }
3254
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3061
+ .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,
3255
3062
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3256
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3257
- top: 0.7142em;
3258
- }
3259
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3260
3063
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3064
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3261
3065
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3262
3066
  top: 0.7142em;
3263
3067
  }
@@ -3296,23 +3100,17 @@ ejs-listbox {
3296
3100
  text-overflow: ellipsis;
3297
3101
  white-space: nowrap;
3298
3102
  }
3299
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3103
+ .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,
3300
3104
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3301
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3302
- color: rgba(255, 255, 255, 0.87);
3303
- }
3304
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3305
3105
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3106
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3306
3107
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3307
3108
  color: rgba(255, 255, 255, 0.87);
3308
3109
  }
3309
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3110
+ .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,
3310
3111
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3311
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3312
- color: rgba(255, 255, 255, 0.87);
3313
- }
3314
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3315
3112
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3113
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3316
3114
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3317
3115
  color: rgba(255, 255, 255, 0.87);
3318
3116
  }
@@ -3359,15 +3157,7 @@ ejs-listbox {
3359
3157
  padding-right: 1.0714em;
3360
3158
  }
3361
3159
 
3362
- .e-listbox-container.e-filter-list .e-list-parent {
3363
- height: 100%;
3364
- }
3365
-
3366
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3367
- height: 100%;
3368
- }
3369
-
3370
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3160
+ .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 {
3371
3161
  height: 100%;
3372
3162
  }
3373
3163
 
@@ -3381,22 +3171,4 @@ ejs-listbox {
3381
3171
 
3382
3172
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3383
3173
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3384
- }
3385
-
3386
- /* stylelint-disable property-no-vendor-prefix */
3387
- @keyframes material-spinner-rotate {
3388
- 0% {
3389
- transform: rotate(0);
3390
- }
3391
- 100% {
3392
- transform: rotate(360deg);
3393
- }
3394
- }
3395
- @keyframes fabric-spinner-rotate {
3396
- 0% {
3397
- transform: rotate(0);
3398
- }
3399
- 100% {
3400
- transform: rotate(360deg);
3401
- }
3402
3174
  }