@syncfusion/ej2-dropdowns 25.2.3 → 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 (418) hide show
  1. package/CHANGELOG.md +2186 -2140
  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 +293 -197
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +460 -363
  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 +24 -20
  26. package/src/drop-down-base/drop-down-base.js +60 -39
  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 +53 -31
  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 +29 -25
  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.d.ts +2 -0
  41. package/src/multi-select/multi-select.js +182 -133
  42. package/styles/auto-complete/_all.scss +1 -1
  43. package/styles/auto-complete/_bds-definition.scss +2 -2
  44. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  45. package/styles/auto-complete/_bootstrap-definition.scss +2 -2
  46. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  47. package/styles/auto-complete/_bootstrap5-definition.scss +2 -2
  48. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  49. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  50. package/styles/auto-complete/_fabric-definition.scss +2 -2
  51. package/styles/auto-complete/_fluent-definition.scss +2 -2
  52. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  53. package/styles/auto-complete/_fusionnew-definition.scss +2 -2
  54. package/styles/auto-complete/_highcontrast-definition.scss +2 -2
  55. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  56. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  57. package/styles/auto-complete/_material-definition.scss +2 -2
  58. package/styles/auto-complete/_material3-definition.scss +2 -2
  59. package/styles/auto-complete/_tailwind-definition.scss +2 -2
  60. package/styles/auto-complete/fluent2.css +1129 -0
  61. package/styles/auto-complete/fluent2.scss +4 -0
  62. package/styles/auto-complete/material3-dark.css +1 -1
  63. package/styles/auto-complete/material3-dark.scss +1 -1
  64. package/styles/auto-complete/material3.css +1 -1
  65. package/styles/auto-complete/material3.scss +1 -1
  66. package/styles/bootstrap-dark.css +72 -300
  67. package/styles/bootstrap-dark.scss +28 -8
  68. package/styles/bootstrap.css +72 -306
  69. package/styles/bootstrap.scss +28 -8
  70. package/styles/bootstrap4.css +72 -350
  71. package/styles/bootstrap4.scss +28 -8
  72. package/styles/bootstrap5-dark.css +72 -301
  73. package/styles/bootstrap5-dark.scss +28 -8
  74. package/styles/bootstrap5.css +72 -301
  75. package/styles/bootstrap5.scss +28 -8
  76. package/styles/combo-box/_all.scss +1 -1
  77. package/styles/combo-box/_bds-definition.scss +2 -2
  78. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  79. package/styles/combo-box/_bootstrap-definition.scss +2 -2
  80. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  81. package/styles/combo-box/_bootstrap5-definition.scss +2 -2
  82. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  83. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  84. package/styles/combo-box/_fabric-definition.scss +2 -2
  85. package/styles/combo-box/_fluent-definition.scss +2 -2
  86. package/styles/combo-box/_fluent2-definition.scss +2 -0
  87. package/styles/combo-box/_fusionnew-definition.scss +2 -2
  88. package/styles/combo-box/_highcontrast-definition.scss +2 -2
  89. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  90. package/styles/combo-box/_material-dark-definition.scss +2 -2
  91. package/styles/combo-box/_material-definition.scss +2 -2
  92. package/styles/combo-box/_material3-definition.scss +2 -2
  93. package/styles/combo-box/_tailwind-definition.scss +2 -2
  94. package/styles/combo-box/fluent2.css +1129 -0
  95. package/styles/combo-box/fluent2.scss +4 -0
  96. package/styles/combo-box/material3-dark.css +1 -1
  97. package/styles/combo-box/material3-dark.scss +1 -1
  98. package/styles/combo-box/material3.css +1 -1
  99. package/styles/combo-box/material3.scss +1 -1
  100. package/styles/drop-down-base/_all.scss +2 -2
  101. package/styles/drop-down-base/_bds-definition.scss +134 -134
  102. package/styles/drop-down-base/_bootstrap-dark-definition.scss +83 -83
  103. package/styles/drop-down-base/_bootstrap-definition.scss +83 -83
  104. package/styles/drop-down-base/_bootstrap4-definition.scss +90 -90
  105. package/styles/drop-down-base/_bootstrap5-definition.scss +117 -117
  106. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  107. package/styles/drop-down-base/_definition.scss +23 -23
  108. package/styles/drop-down-base/_fabric-dark-definition.scss +86 -86
  109. package/styles/drop-down-base/_fabric-definition.scss +84 -84
  110. package/styles/drop-down-base/_fluent-definition.scss +121 -121
  111. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  112. package/styles/drop-down-base/_fusionnew-definition.scss +117 -117
  113. package/styles/drop-down-base/_highcontrast-definition.scss +105 -105
  114. package/styles/drop-down-base/_highcontrast-light-definition.scss +105 -105
  115. package/styles/drop-down-base/_layout.scss +197 -187
  116. package/styles/drop-down-base/_material-dark-definition.scss +86 -86
  117. package/styles/drop-down-base/_material-definition.scss +85 -85
  118. package/styles/drop-down-base/_material3-definition.scss +76 -87
  119. package/styles/drop-down-base/_tailwind-definition.scss +129 -129
  120. package/styles/drop-down-base/_theme.scss +382 -391
  121. package/styles/drop-down-base/fluent2.css +1446 -0
  122. package/styles/drop-down-base/fluent2.scss +3 -0
  123. package/styles/drop-down-base/material3-dark.css +1 -1
  124. package/styles/drop-down-base/material3-dark.scss +1 -1
  125. package/styles/drop-down-base/material3.css +1 -1
  126. package/styles/drop-down-base/material3.scss +1 -1
  127. package/styles/drop-down-list/_all.scss +3 -3
  128. package/styles/drop-down-list/_bds-definition.scss +134 -134
  129. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  130. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  131. package/styles/drop-down-list/_bootstrap4-definition.scss +202 -202
  132. package/styles/drop-down-list/_bootstrap5-definition.scss +201 -201
  133. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  134. package/styles/drop-down-list/_fabric-dark-definition.scss +128 -128
  135. package/styles/drop-down-list/_fabric-definition.scss +124 -124
  136. package/styles/drop-down-list/_fluent-definition.scss +185 -185
  137. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  138. package/styles/drop-down-list/_fusionnew-definition.scss +201 -201
  139. package/styles/drop-down-list/_highcontrast-definition.scss +142 -142
  140. package/styles/drop-down-list/_highcontrast-light-definition.scss +144 -144
  141. package/styles/drop-down-list/_layout.scss +317 -315
  142. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  143. package/styles/drop-down-list/_material-definition.scss +167 -167
  144. package/styles/drop-down-list/_material3-definition.scss +172 -180
  145. package/styles/drop-down-list/_tailwind-definition.scss +134 -134
  146. package/styles/drop-down-list/_theme.scss +10 -10
  147. package/styles/drop-down-list/bootstrap-dark.css +5 -0
  148. package/styles/drop-down-list/bootstrap.css +5 -0
  149. package/styles/drop-down-list/bootstrap4.css +5 -0
  150. package/styles/drop-down-list/bootstrap5-dark.css +5 -0
  151. package/styles/drop-down-list/bootstrap5.css +5 -0
  152. package/styles/drop-down-list/fabric-dark.css +5 -0
  153. package/styles/drop-down-list/fabric.css +5 -0
  154. package/styles/drop-down-list/fluent-dark.css +5 -0
  155. package/styles/drop-down-list/fluent.css +5 -0
  156. package/styles/drop-down-list/fluent2.css +1617 -0
  157. package/styles/drop-down-list/fluent2.scss +9 -0
  158. package/styles/drop-down-list/highcontrast-light.css +5 -0
  159. package/styles/drop-down-list/highcontrast.css +5 -0
  160. package/styles/drop-down-list/icons/_bds.scss +14 -14
  161. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  162. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  163. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  164. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  165. package/styles/drop-down-list/icons/_bootstrap5.scss +14 -14
  166. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  167. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  168. package/styles/drop-down-list/icons/_fluent.scss +14 -14
  169. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  170. package/styles/drop-down-list/icons/_fusionnew.scss +14 -14
  171. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  172. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  173. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  174. package/styles/drop-down-list/icons/_material.scss +14 -14
  175. package/styles/drop-down-list/icons/_material3.scss +14 -14
  176. package/styles/drop-down-list/icons/_tailwind.scss +14 -14
  177. package/styles/drop-down-list/material-dark.css +5 -0
  178. package/styles/drop-down-list/material.css +5 -0
  179. package/styles/drop-down-list/material3-dark.css +6 -1
  180. package/styles/drop-down-list/material3-dark.scss +1 -1
  181. package/styles/drop-down-list/material3.css +6 -1
  182. package/styles/drop-down-list/material3.scss +1 -1
  183. package/styles/drop-down-list/tailwind-dark.css +5 -0
  184. package/styles/drop-down-list/tailwind.css +5 -0
  185. package/styles/drop-down-tree/_all.scss +2 -2
  186. package/styles/drop-down-tree/_bds-definition.scss +67 -61
  187. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +73 -72
  188. package/styles/drop-down-tree/_bootstrap-definition.scss +72 -71
  189. package/styles/drop-down-tree/_bootstrap4-definition.scss +74 -72
  190. package/styles/drop-down-tree/_bootstrap5-definition.scss +66 -60
  191. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  192. package/styles/drop-down-tree/_fabric-dark-definition.scss +73 -72
  193. package/styles/drop-down-tree/_fabric-definition.scss +73 -72
  194. package/styles/drop-down-tree/_fluent-definition.scss +71 -66
  195. package/styles/drop-down-tree/_fluent2-definition.scss +76 -0
  196. package/styles/drop-down-tree/_fusionnew-definition.scss +61 -60
  197. package/styles/drop-down-tree/_highcontrast-definition.scss +73 -72
  198. package/styles/drop-down-tree/_highcontrast-light-definition.scss +73 -72
  199. package/styles/drop-down-tree/_layout.scss +1389 -1423
  200. package/styles/drop-down-tree/_material-dark-definition.scss +74 -73
  201. package/styles/drop-down-tree/_material-definition.scss +74 -73
  202. package/styles/drop-down-tree/_material3-definition.scss +75 -76
  203. package/styles/drop-down-tree/_tailwind-definition.scss +67 -61
  204. package/styles/drop-down-tree/_theme.scss +130 -132
  205. package/styles/drop-down-tree/bootstrap-dark.css +20 -21
  206. package/styles/drop-down-tree/bootstrap.css +20 -21
  207. package/styles/drop-down-tree/bootstrap4.css +21 -22
  208. package/styles/drop-down-tree/bootstrap5-dark.css +20 -19
  209. package/styles/drop-down-tree/bootstrap5.css +20 -19
  210. package/styles/drop-down-tree/fabric-dark.css +20 -21
  211. package/styles/drop-down-tree/fabric.css +20 -21
  212. package/styles/drop-down-tree/fluent-dark.css +28 -27
  213. package/styles/drop-down-tree/fluent.css +28 -27
  214. package/styles/drop-down-tree/fluent2.css +1671 -0
  215. package/styles/drop-down-tree/fluent2.scss +9 -0
  216. package/styles/drop-down-tree/highcontrast-light.css +20 -21
  217. package/styles/drop-down-tree/highcontrast.css +20 -15
  218. package/styles/drop-down-tree/icons/_bds.scss +11 -11
  219. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  220. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  221. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  222. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  223. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  224. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  225. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  226. package/styles/drop-down-tree/icons/_fluent.scss +11 -11
  227. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  228. package/styles/drop-down-tree/icons/_fusionnew.scss +11 -11
  229. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  230. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  231. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  232. package/styles/drop-down-tree/icons/_material.scss +11 -11
  233. package/styles/drop-down-tree/icons/_material3.scss +11 -11
  234. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  235. package/styles/drop-down-tree/icons/_tailwind.scss +11 -11
  236. package/styles/drop-down-tree/material-dark.css +28 -34
  237. package/styles/drop-down-tree/material.css +31 -40
  238. package/styles/drop-down-tree/material3-dark.css +17 -21
  239. package/styles/drop-down-tree/material3-dark.scss +1 -1
  240. package/styles/drop-down-tree/material3.css +17 -21
  241. package/styles/drop-down-tree/material3.scss +1 -1
  242. package/styles/drop-down-tree/tailwind-dark.css +29 -20
  243. package/styles/drop-down-tree/tailwind.css +29 -20
  244. package/styles/fabric-dark.css +72 -300
  245. package/styles/fabric-dark.scss +28 -8
  246. package/styles/fabric.css +72 -306
  247. package/styles/fabric.scss +28 -8
  248. package/styles/fluent-dark.css +80 -315
  249. package/styles/fluent-dark.scss +28 -8
  250. package/styles/fluent.css +80 -315
  251. package/styles/fluent.scss +28 -8
  252. package/styles/fluent2.css +4541 -0
  253. package/styles/fluent2.scss +28 -0
  254. package/styles/highcontrast-light.css +72 -300
  255. package/styles/highcontrast-light.scss +28 -8
  256. package/styles/highcontrast.css +72 -300
  257. package/styles/highcontrast.scss +28 -8
  258. package/styles/list-box/_all.scss +2 -2
  259. package/styles/list-box/_bds-definition.scss +136 -136
  260. package/styles/list-box/_bigger.scss +164 -0
  261. package/styles/list-box/_bootstrap-dark-definition.scss +124 -126
  262. package/styles/list-box/_bootstrap-definition.scss +119 -119
  263. package/styles/list-box/_bootstrap4-definition.scss +124 -124
  264. package/styles/list-box/_bootstrap5-definition.scss +121 -120
  265. package/styles/list-box/_bootstrap5.3-definition.scss +121 -0
  266. package/styles/list-box/_fabric-dark-definition.scss +124 -126
  267. package/styles/list-box/_fabric-definition.scss +119 -119
  268. package/styles/list-box/_fluent-definition.scss +120 -120
  269. package/styles/list-box/_fluent2-definition.scss +119 -0
  270. package/styles/list-box/_fusionnew-definition.scss +111 -111
  271. package/styles/list-box/_highcontrast-definition.scss +119 -119
  272. package/styles/list-box/_highcontrast-light-definition.scss +124 -126
  273. package/styles/list-box/_layout.scss +455 -546
  274. package/styles/list-box/_material-dark-definition.scss +124 -126
  275. package/styles/list-box/_material-definition.scss +119 -119
  276. package/styles/list-box/_material3-definition.scss +119 -119
  277. package/styles/list-box/_tailwind-definition.scss +119 -119
  278. package/styles/list-box/_theme.scss +314 -382
  279. package/styles/list-box/bootstrap-dark.css +43 -215
  280. package/styles/list-box/bootstrap.css +43 -221
  281. package/styles/list-box/bootstrap4.css +42 -264
  282. package/styles/list-box/bootstrap5-dark.css +43 -215
  283. package/styles/list-box/bootstrap5.css +43 -215
  284. package/styles/list-box/fabric-dark.css +43 -215
  285. package/styles/list-box/fabric.css +43 -221
  286. package/styles/list-box/fluent-dark.css +43 -221
  287. package/styles/list-box/fluent.css +43 -221
  288. package/styles/list-box/fluent2.css +1896 -0
  289. package/styles/list-box/fluent2.scss +5 -0
  290. package/styles/list-box/highcontrast-light.css +43 -215
  291. package/styles/list-box/highcontrast.css +43 -221
  292. package/styles/list-box/icons/_bds.scss +25 -25
  293. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  294. package/styles/list-box/icons/_bootstrap.scss +25 -25
  295. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  296. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  297. package/styles/list-box/icons/_bootstrap5.scss +25 -25
  298. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  299. package/styles/list-box/icons/_fabric.scss +25 -25
  300. package/styles/list-box/icons/_fluent.scss +25 -25
  301. package/styles/list-box/icons/_fluent2.scss +25 -0
  302. package/styles/list-box/icons/_fusionnew.scss +25 -25
  303. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  304. package/styles/list-box/icons/_highcontrast.scss +25 -25
  305. package/styles/list-box/icons/_material-dark.scss +25 -25
  306. package/styles/list-box/icons/_material.scss +25 -25
  307. package/styles/list-box/icons/_material3.scss +25 -25
  308. package/styles/list-box/icons/_tailwind-dark.scss +25 -25
  309. package/styles/list-box/icons/_tailwind.scss +25 -25
  310. package/styles/list-box/material-dark.css +43 -215
  311. package/styles/list-box/material.css +43 -221
  312. package/styles/list-box/material3-dark.css +44 -216
  313. package/styles/list-box/material3-dark.scss +1 -1
  314. package/styles/list-box/material3.css +44 -216
  315. package/styles/list-box/material3.scss +1 -1
  316. package/styles/list-box/tailwind-dark.css +45 -233
  317. package/styles/list-box/tailwind.css +45 -233
  318. package/styles/material-dark.css +80 -325
  319. package/styles/material-dark.scss +28 -8
  320. package/styles/material.css +84 -354
  321. package/styles/material.scss +28 -8
  322. package/styles/material3-dark.css +79 -337
  323. package/styles/material3-dark.scss +28 -8
  324. package/styles/material3.css +79 -337
  325. package/styles/material3.scss +28 -8
  326. package/styles/mention/_all.scss +1 -1
  327. package/styles/mention/_bds-definition.scss +1 -1
  328. package/styles/mention/_bootstrap-dark-definition.scss +3 -3
  329. package/styles/mention/_bootstrap-definition.scss +3 -3
  330. package/styles/mention/_bootstrap4-definition.scss +3 -3
  331. package/styles/mention/_bootstrap5-definition.scss +1 -1
  332. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  333. package/styles/mention/_fabric-dark-definition.scss +2 -2
  334. package/styles/mention/_fabric-definition.scss +3 -3
  335. package/styles/mention/_fluent-definition.scss +1 -1
  336. package/styles/mention/_fluent2-definition.scss +1 -0
  337. package/styles/mention/_fusionnew-definition.scss +1 -1
  338. package/styles/mention/_highcontrast-definition.scss +3 -3
  339. package/styles/mention/_highcontrast-light-definition.scss +3 -3
  340. package/styles/mention/_layout.scss +6 -6
  341. package/styles/mention/_material-dark-definition.scss +3 -3
  342. package/styles/mention/_material-definition.scss +3 -3
  343. package/styles/mention/_material3-definition.scss +1 -1
  344. package/styles/mention/_tailwind-definition.scss +1 -1
  345. package/styles/mention/fluent2.css +1106 -0
  346. package/styles/mention/fluent2.scss +6 -0
  347. package/styles/mention/material3-dark.css +1 -1
  348. package/styles/mention/material3-dark.scss +1 -1
  349. package/styles/mention/material3.css +1 -1
  350. package/styles/mention/material3.scss +1 -1
  351. package/styles/multi-select/_all.scss +2 -2
  352. package/styles/multi-select/_bds-definition.scss +235 -235
  353. package/styles/multi-select/_bootstrap-dark-definition.scss +207 -207
  354. package/styles/multi-select/_bootstrap-definition.scss +196 -196
  355. package/styles/multi-select/_bootstrap4-definition.scss +278 -278
  356. package/styles/multi-select/_bootstrap5-definition.scss +230 -230
  357. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  358. package/styles/multi-select/_fabric-dark-definition.scss +192 -192
  359. package/styles/multi-select/_fabric-definition.scss +183 -183
  360. package/styles/multi-select/_fluent-definition.scss +246 -246
  361. package/styles/multi-select/_fluent2-definition.scss +237 -0
  362. package/styles/multi-select/_fusionnew-definition.scss +227 -227
  363. package/styles/multi-select/_highcontrast-definition.scss +303 -303
  364. package/styles/multi-select/_highcontrast-light-definition.scss +297 -297
  365. package/styles/multi-select/_layout.scss +2200 -2206
  366. package/styles/multi-select/_material-dark-definition.scss +241 -241
  367. package/styles/multi-select/_material-definition.scss +234 -234
  368. package/styles/multi-select/_material3-definition.scss +231 -246
  369. package/styles/multi-select/_tailwind-definition.scss +235 -235
  370. package/styles/multi-select/_theme.scss +585 -586
  371. package/styles/multi-select/bootstrap-dark.css +4 -10
  372. package/styles/multi-select/bootstrap.css +4 -10
  373. package/styles/multi-select/bootstrap4.css +4 -10
  374. package/styles/multi-select/bootstrap5-dark.css +4 -11
  375. package/styles/multi-select/bootstrap5.css +4 -11
  376. package/styles/multi-select/fabric-dark.css +4 -10
  377. package/styles/multi-select/fabric.css +4 -10
  378. package/styles/multi-select/fluent-dark.css +4 -11
  379. package/styles/multi-select/fluent.css +4 -11
  380. package/styles/multi-select/fluent2.css +2590 -0
  381. package/styles/multi-select/fluent2.scss +9 -0
  382. package/styles/multi-select/highcontrast-light.css +4 -10
  383. package/styles/multi-select/highcontrast.css +4 -10
  384. package/styles/multi-select/icons/_bds.scss +26 -26
  385. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  386. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  387. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  388. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  389. package/styles/multi-select/icons/_bootstrap5.scss +26 -26
  390. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  391. package/styles/multi-select/icons/_fabric.scss +26 -26
  392. package/styles/multi-select/icons/_fluent.scss +55 -55
  393. package/styles/multi-select/icons/_fluent2.scss +692 -0
  394. package/styles/multi-select/icons/_fusionnew.scss +26 -26
  395. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  396. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  397. package/styles/multi-select/icons/_material-dark.scss +693 -693
  398. package/styles/multi-select/icons/_material.scss +693 -693
  399. package/styles/multi-select/icons/_material3.scss +695 -692
  400. package/styles/multi-select/icons/_tailwind.scss +26 -26
  401. package/styles/multi-select/material-dark.css +4 -10
  402. package/styles/multi-select/material.css +5 -11
  403. package/styles/multi-select/material3-dark.css +15 -18
  404. package/styles/multi-select/material3-dark.scss +1 -1
  405. package/styles/multi-select/material3.css +15 -18
  406. package/styles/multi-select/material3.scss +1 -1
  407. package/styles/multi-select/tailwind-dark.css +4 -10
  408. package/styles/multi-select/tailwind.css +4 -10
  409. package/styles/tailwind-dark.css +83 -319
  410. package/styles/tailwind-dark.scss +28 -8
  411. package/styles/tailwind.css +83 -319
  412. package/styles/tailwind.scss +28 -8
  413. package/.eslintrc.json +0 -260
  414. package/dist/ej2-dropdowns.min.js +0 -10
  415. package/dist/global/ej2-dropdowns.min.js +0 -11
  416. package/dist/global/ej2-dropdowns.min.js.map +0 -1
  417. package/dist/global/index.d.ts +0 -14
  418. 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 */