@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
@@ -727,6 +727,11 @@
727
727
  pointer-events: none;
728
728
  }
729
729
 
730
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
731
+ opacity: 0.7;
732
+ pointer-events: none;
733
+ }
734
+
730
735
  ejs-autocomplete,
731
736
  ejs-combobox,
732
737
  ejs-dropdownlist {
@@ -795,38 +800,6 @@ ejs-dropdownlist {
795
800
  color: #e3165b;
796
801
  }
797
802
 
798
- /* stylelint-disable property-no-vendor-prefix */
799
- @keyframes e-input-ripple {
800
- 100% {
801
- opacity: 0;
802
- transform: scale(4);
803
- }
804
- }
805
- @keyframes slideTopUp {
806
- from {
807
- transform: translate3d(0, 0, 0) scale(1);
808
- }
809
- to {
810
- transform: translate3d(0, 0, 0) scale(1);
811
- }
812
- }
813
- /* stylelint-disable property-no-vendor-prefix */
814
- @keyframes material-spinner-rotate {
815
- 0% {
816
- transform: rotate(0deg);
817
- }
818
- 100% {
819
- transform: rotate(360deg);
820
- }
821
- }
822
- @keyframes fabric-spinner-rotate {
823
- 0% {
824
- transform: rotate(0deg);
825
- }
826
- 100% {
827
- transform: rotate(360deg);
828
- }
829
- }
830
803
  /*! TreeView's material theme wise override definitions and variables */
831
804
  /* stylelint-disable */
832
805
  /* stylelint-disable */
@@ -894,9 +867,9 @@ ejs-dropdownlist {
894
867
  width: 100%;
895
868
  }
896
869
  .e-ddt.e-show-chip .e-chips-close {
897
- line-height: 16px;
898
870
  min-height: 16px;
899
871
  min-width: 16px;
872
+ line-height: 16px;
900
873
  text-align: center;
901
874
  }
902
875
  .e-ddt.e-show-chip .e-chips-close::before {
@@ -938,9 +911,7 @@ ejs-dropdownlist {
938
911
  .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
939
912
  min-height: 20px;
940
913
  }
941
- .e-ddt.e-outline.e-show-chip .e-overflow {
942
- padding: 4px 12px;
943
- }
914
+ .e-ddt.e-outline.e-show-chip .e-overflow,
944
915
  .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
945
916
  padding: 4px 12px;
946
917
  }
@@ -966,11 +937,6 @@ ejs-dropdownlist {
966
937
  bottom: 9px;
967
938
  right: 10px;
968
939
  }
969
- .e-ddt.e-filled .e-chips-wrapper .e-chips,
970
- .e-ddt.e-filled .e-overflow .e-chips {
971
- margin-top: 8px;
972
- padding: 0 8px;
973
- }
974
940
  .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
975
941
  .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
976
942
  padding-top: 8px;
@@ -990,6 +956,11 @@ ejs-dropdownlist {
990
956
  height: 12px;
991
957
  width: 12px;
992
958
  }
959
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
960
+ .e-ddt.e-filled .e-overflow .e-chips {
961
+ margin-top: 8px;
962
+ padding: 0 8px;
963
+ }
993
964
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
994
965
  line-height: 39px;
995
966
  padding: 0;
@@ -1012,8 +983,8 @@ ejs-dropdownlist {
1012
983
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
1013
984
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
1014
985
  font-size: 14px;
1015
- height: 14px;
1016
- width: 14px;
986
+ height: 12px;
987
+ width: 12px;
1017
988
  }
1018
989
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
1019
990
  bottom: 10px;
@@ -1078,6 +1049,7 @@ ejs-dropdownlist {
1078
1049
  .e-ddt .e-dropdowntree.e-chip-input,
1079
1050
  .e-ddt input[readonly].e-input.e-chip-input {
1080
1051
  width: 0;
1052
+ visibility: hidden;
1081
1053
  }
1082
1054
  .e-ddt.e-popup {
1083
1055
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
@@ -1106,21 +1078,15 @@ ejs-dropdownlist {
1106
1078
  font-size: 14px;
1107
1079
  margin: 10px;
1108
1080
  }
1109
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1110
- padding: 8px 16px 8px;
1111
- }
1112
1081
  .e-ddt.e-popup .e-filter-wrap {
1113
- border: 0;
1114
1082
  border-top-width: 0;
1115
1083
  display: block;
1116
1084
  padding: 0;
1085
+ border: 0;
1117
1086
  }
1118
- .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before,
1119
- .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after,
1120
- .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before,
1121
- .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after {
1122
- bottom: -1px;
1123
- height: 1px;
1087
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1088
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1089
+ padding: 8px 16px 8px;
1124
1090
  }
1125
1091
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1126
1092
  margin-bottom: 0;
@@ -1131,6 +1097,10 @@ ejs-dropdownlist {
1131
1097
  min-width: 12px;
1132
1098
  padding: 6px;
1133
1099
  }
1100
+ .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after {
1101
+ bottom: -1px;
1102
+ height: 1px;
1103
+ }
1134
1104
  .e-ddt.e-popup .e-popup-content {
1135
1105
  overflow: auto;
1136
1106
  position: relative;
@@ -1142,8 +1112,8 @@ ejs-dropdownlist {
1142
1112
  cursor: default;
1143
1113
  font-family: inherit;
1144
1114
  font-size: 14px;
1145
- padding: 14px 16px;
1146
1115
  text-align: center;
1116
+ padding: 14px 16px;
1147
1117
  }
1148
1118
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1149
1119
  display: none;
@@ -1235,16 +1205,16 @@ ejs-dropdownlist {
1235
1205
  right: auto;
1236
1206
  }
1237
1207
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1238
- margin-left: 18px;
1239
1208
  margin-right: 1px;
1209
+ margin-left: 18px;
1240
1210
  }
1241
1211
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1242
- margin-left: 26px;
1243
1212
  margin-right: 1px;
1213
+ margin-left: 26px;
1244
1214
  }
1245
1215
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1246
- margin-left: 45px;
1247
1216
  margin-right: 1px;
1217
+ margin-left: 45px;
1248
1218
  }
1249
1219
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1250
1220
  .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,
@@ -1292,11 +1262,8 @@ ejs-dropdownlist {
1292
1262
  .e-ddt.e-bigger .e-overflow.e-show-text {
1293
1263
  padding: 8px 0 0 0;
1294
1264
  }
1295
- .e-bigger .e-ddt.e-outline .e-overflow.e-show-text,
1296
- .e-ddt.e-bigger.e-outline .e-overflow.e-show-text {
1297
- padding: 15px 16px;
1298
- }
1299
- .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1265
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1266
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
1300
1267
  .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
1301
1268
  padding: 15px 16px;
1302
1269
  }
@@ -1494,18 +1461,18 @@ ejs-dropdownlist {
1494
1461
  }
1495
1462
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1496
1463
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1497
- margin-left: 20px;
1498
1464
  margin-right: 1px;
1465
+ margin-left: 20px;
1499
1466
  }
1500
1467
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1501
1468
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1502
- margin-left: 32px;
1503
1469
  margin-right: 1px;
1470
+ margin-left: 32px;
1504
1471
  }
1505
1472
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1506
1473
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1507
- margin-left: 52px;
1508
- margin-right: 1px;
1474
+ margin-right: 52px;
1475
+ margin-left: 1px;
1509
1476
  }
1510
1477
  .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,
1511
1478
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1523,12 +1490,6 @@ ejs-dropdownlist {
1523
1490
  .e-ddt .e-chips > .e-chipcontent {
1524
1491
  color: rgba(0, 0, 0, 0.87);
1525
1492
  }
1526
- .e-ddt .e-chips:hover {
1527
- background-color: #d6d6d6;
1528
- }
1529
- .e-ddt .e-chips:hover > .e-chipcontent {
1530
- color: rgba(0, 0, 0, 0.87);
1531
- }
1532
1493
  .e-ddt.e-filled .e-chips {
1533
1494
  background-color: #cecece;
1534
1495
  }
@@ -1545,43 +1506,14 @@ ejs-dropdownlist {
1545
1506
  .e-ddt.e-popup .e-selectall-parent {
1546
1507
  border-bottom-color: rgba(0, 0, 0, 0.12);
1547
1508
  }
1509
+ .e-ddt.e-popup .e-selectall-parent:focus {
1510
+ background: #f5f5f5;
1511
+ }
1548
1512
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1549
1513
  color: rgba(0, 0, 0, 0.87);
1550
1514
  }
1551
1515
 
1552
1516
  /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1553
- /* stylelint-disable property-no-vendor-prefix */
1554
- @keyframes e-input-ripple {
1555
- 100% {
1556
- opacity: 0;
1557
- transform: scale(4);
1558
- }
1559
- }
1560
- @keyframes slideTopUp {
1561
- from {
1562
- transform: translate3d(0, 0, 0) scale(1);
1563
- }
1564
- to {
1565
- transform: translate3d(0, 0, 0) scale(1);
1566
- }
1567
- }
1568
- /* stylelint-disable property-no-vendor-prefix */
1569
- @keyframes material-spinner-rotate {
1570
- 0% {
1571
- transform: rotate(0deg);
1572
- }
1573
- 100% {
1574
- transform: rotate(360deg);
1575
- }
1576
- }
1577
- @keyframes fabric-spinner-rotate {
1578
- 0% {
1579
- transform: rotate(0deg);
1580
- }
1581
- 100% {
1582
- transform: rotate(360deg);
1583
- }
1584
- }
1585
1517
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
1586
1518
  padding: 1px 0;
1587
1519
  }
@@ -2466,7 +2398,7 @@ ejs-dropdownlist {
2466
2398
  height: 28px;
2467
2399
  min-height: 28px;
2468
2400
  outline: none;
2469
- padding: 4px 0 4px 0;
2401
+ padding: 0;
2470
2402
  text-indent: 0;
2471
2403
  }
2472
2404
 
@@ -3465,7 +3397,10 @@ ejs-multiselect {
3465
3397
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3466
3398
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3467
3399
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3468
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3400
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3401
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
3402
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3403
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3469
3404
  height: 24px;
3470
3405
  }
3471
3406
 
@@ -3474,10 +3409,6 @@ ejs-multiselect {
3474
3409
  height: 32px;
3475
3410
  }
3476
3411
 
3477
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
3478
- height: 24px;
3479
- }
3480
-
3481
3412
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3482
3413
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3483
3414
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -3533,11 +3464,6 @@ ejs-multiselect {
3533
3464
  margin: 4px 0 0 4px;
3534
3465
  }
3535
3466
 
3536
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3537
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3538
- height: 24px;
3539
- }
3540
-
3541
3467
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
3542
3468
  .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
3543
3469
  .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
@@ -4025,20 +3951,6 @@ ejs-multiselect {
4025
3951
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
4026
3952
  text-align: center;
4027
3953
  }
4028
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4029
- .e-listbox-wrapper .e-list-nrt,
4030
- .e-listbox-wrapper .e-selectall-parent,
4031
- .e-listbox-container:not(.e-list-template) .e-list-item,
4032
- .e-listbox-container .e-list-nrt,
4033
- .e-listbox-container .e-selectall-parent,
4034
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
4035
- .e-listboxtool-wrapper .e-list-nrt,
4036
- .e-listboxtool-wrapper .e-selectall-parent {
4037
- height: 36px;
4038
- line-height: 1;
4039
- padding: 11px 16px;
4040
- position: relative;
4041
- }
4042
3954
  .e-listbox-wrapper .e-list-parent,
4043
3955
  .e-listbox-container .e-list-parent,
4044
3956
  .e-listboxtool-wrapper .e-list-parent {
@@ -4067,9 +3979,11 @@ ejs-multiselect {
4067
3979
  margin: 0;
4068
3980
  padding: 0;
4069
3981
  }
4070
- .e-listbox-wrapper .e-list-header .e-text.header,
3982
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4071
3983
  .e-listbox-container .e-list-header .e-text.header,
4072
- .e-listboxtool-wrapper .e-list-header .e-text.header {
3984
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3985
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
3986
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4073
3987
  display: none;
4074
3988
  }
4075
3989
  .e-listbox-wrapper .e-icon-back,
@@ -4077,11 +3991,6 @@ ejs-multiselect {
4077
3991
  .e-listboxtool-wrapper .e-icon-back {
4078
3992
  margin-top: 2px;
4079
3993
  }
4080
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4081
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4082
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4083
- display: none;
4084
- }
4085
3994
  .e-listbox-wrapper .e-list-header,
4086
3995
  .e-listbox-container .e-list-header,
4087
3996
  .e-listboxtool-wrapper .e-list-header {
@@ -4185,18 +4094,12 @@ ejs-multiselect {
4185
4094
  white-space: nowrap;
4186
4095
  width: 100%;
4187
4096
  }
4188
- .e-listbox-wrapper .e-list-icon + .e-list-text,
4097
+ .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,
4189
4098
  .e-listbox-container .e-list-icon + .e-list-text,
4190
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
4191
- width: calc(100% - 60px);
4192
- }
4193
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
4194
4099
  .e-listbox-container .e-icon-wrapper .e-list-text,
4195
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
4196
- width: calc(100% - 60px);
4197
- }
4198
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4199
4100
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4101
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
4102
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
4200
4103
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
4201
4104
  width: calc(100% - 60px);
4202
4105
  }
@@ -4260,8 +4163,11 @@ ejs-multiselect {
4260
4163
  margin-top: -2px;
4261
4164
  }
4262
4165
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4166
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4263
4167
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
4264
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
4168
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
4169
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4170
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4265
4171
  margin: -2px 0 0 10px;
4266
4172
  }
4267
4173
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -4269,11 +4175,6 @@ ejs-multiselect {
4269
4175
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
4270
4176
  margin: -2px 10px 0 0;
4271
4177
  }
4272
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4273
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
4274
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4275
- margin: -2px 0 0 10px;
4276
- }
4277
4178
  .e-listbox-wrapper .e-checkbox-wrapper,
4278
4179
  .e-listbox-container .e-checkbox-wrapper,
4279
4180
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -4318,10 +4219,7 @@ ejs-listbox {
4318
4219
  display: block;
4319
4220
  }
4320
4221
 
4321
- .e-listbox-wrapper:not(.e-listbox-container) {
4322
- overflow: auto;
4323
- }
4324
-
4222
+ .e-listbox-wrapper:not(.e-listbox-container),
4325
4223
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4326
4224
  overflow: auto;
4327
4225
  }
@@ -4336,6 +4234,7 @@ ejs-listbox {
4336
4234
  .e-listbox-container.e-sortableclone .e-list-item,
4337
4235
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4338
4236
  list-style-type: none;
4237
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
4339
4238
  }
4340
4239
  .e-listbox-wrapper.e-sortableclone .e-ripple,
4341
4240
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -4388,7 +4287,9 @@ ejs-listbox {
4388
4287
  pointer-events: none;
4389
4288
  }
4390
4289
  .e-listboxtool-wrapper .e-listbox-wrapper,
4391
- .e-listboxtool-container .e-listbox-wrapper {
4290
+ .e-listboxtool-wrapper .e-list-wrap,
4291
+ .e-listboxtool-container .e-listbox-wrapper,
4292
+ .e-listboxtool-container .e-list-wrap {
4392
4293
  -ms-flex: 1;
4393
4294
  flex: 1;
4394
4295
  }
@@ -4428,121 +4329,26 @@ ejs-listbox {
4428
4329
  margin-left: 15px;
4429
4330
  }
4430
4331
 
4431
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
4432
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
4433
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
4434
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
4435
- width: 85% !important; /* stylelint-disable-line declaration-no-important */
4436
- }
4437
- .e-bigger .e-listbox-wrapper .e-list-item,
4438
- .e-listbox-wrapper.e-bigger .e-list-item,
4439
- .e-bigger .e-listbox-container .e-list-item,
4440
- .e-listbox-container.e-bigger .e-list-item {
4441
- border-bottom: 0 solid transparent;
4442
- border-left: 0 solid transparent;
4443
- border-right: 0 solid transparent;
4444
- border-top: 0 solid transparent;
4445
- }
4446
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4447
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
4448
- .e-bigger .e-listbox-wrapper .e-list-group-item,
4449
- .e-bigger .e-listbox-wrapper .e-list-header,
4450
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
4451
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
4452
- .e-listbox-wrapper.e-bigger .e-list-group-item,
4453
- .e-listbox-wrapper.e-bigger .e-list-header,
4454
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
4455
- .e-bigger .e-listbox-container .e-selectall-parent,
4456
- .e-bigger .e-listbox-container .e-list-group-item,
4457
- .e-bigger .e-listbox-container .e-list-header,
4458
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
4459
- .e-listbox-container.e-bigger .e-selectall-parent,
4460
- .e-listbox-container.e-bigger .e-list-group-item,
4461
- .e-listbox-container.e-bigger .e-list-header {
4462
- padding: 12px 16px;
4463
- }
4464
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4465
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
4466
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
4467
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
4468
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
4469
- .e-bigger .e-listbox-container .e-selectall-parent,
4470
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
4471
- .e-listbox-container.e-bigger .e-selectall-parent {
4472
- height: 48px;
4473
- line-height: 1.6;
4332
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4333
+ .e-listbox-wrapper .e-list-nrt,
4334
+ .e-listbox-wrapper .e-selectall-parent,
4335
+ .e-listbox-container:not(.e-list-template) .e-list-item,
4336
+ .e-listbox-container .e-list-nrt,
4337
+ .e-listbox-container .e-selectall-parent,
4338
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4339
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4340
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4341
+ height: 36px;
4342
+ line-height: 1;
4343
+ padding: 11px 16px;
4474
4344
  position: relative;
4475
4345
  }
4476
- .e-bigger .e-listbox-wrapper .e-list-parent,
4477
- .e-listbox-wrapper.e-bigger .e-list-parent,
4478
- .e-bigger .e-listbox-container .e-list-parent,
4479
- .e-listbox-container.e-bigger .e-list-parent {
4480
- min-height: 48px;
4481
- }
4482
- .e-bigger .e-listbox-wrapper .e-text-content,
4483
- .e-listbox-wrapper.e-bigger .e-text-content,
4484
- .e-bigger .e-listbox-container .e-text-content,
4485
- .e-listbox-container.e-bigger .e-text-content {
4486
- font-size: 15px;
4487
- }
4488
- .e-bigger .e-listbox-wrapper .e-list-group-item,
4489
- .e-listbox-wrapper.e-bigger .e-list-group-item,
4490
- .e-bigger .e-listbox-container .e-list-group-item,
4491
- .e-listbox-container.e-bigger .e-list-group-item {
4492
- height: 48px;
4493
- line-height: 25px;
4494
- }
4495
- .e-bigger .e-listbox-wrapper .e-list-header,
4496
- .e-listbox-wrapper.e-bigger .e-list-header,
4497
- .e-bigger .e-listbox-container .e-list-header,
4498
- .e-listbox-container.e-bigger .e-list-header {
4499
- -ms-flex-align: center;
4500
- align-items: center;
4501
- display: -ms-flexbox;
4502
- display: flex;
4503
- font-weight: bold;
4504
- height: 64px;
4505
- }
4506
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
4507
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
4508
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
4509
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
4510
- display: none;
4511
- }
4512
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4513
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
4514
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4515
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
4516
- display: none;
4517
- }
4518
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
4519
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
4520
- .e-bigger .e-listbox-container .e-list-header .e-text,
4521
- .e-listbox-container.e-bigger .e-list-header .e-text {
4522
- font-size: 20px;
4523
- }
4346
+
4524
4347
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4525
4348
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4526
4349
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4527
4350
  }
4528
4351
 
4529
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4530
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4531
- }
4532
-
4533
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4534
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4535
- }
4536
-
4537
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4538
- height: 100%;
4539
- }
4540
-
4541
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4542
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4543
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4544
- }
4545
-
4546
4352
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4547
4353
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4548
4354
  }
@@ -4551,40 +4357,10 @@ ejs-listbox {
4551
4357
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4552
4358
  }
4553
4359
 
4554
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4555
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4556
- }
4557
-
4558
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4559
- height: 100%;
4560
- }
4561
-
4562
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4563
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4564
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4565
- }
4566
-
4567
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4568
- height: 100%;
4569
- }
4570
-
4571
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4572
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4573
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4574
- }
4575
-
4576
4360
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4577
4361
  height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
4578
4362
  }
4579
4363
 
4580
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4581
- height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4582
- }
4583
-
4584
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4585
- height: 100%;
4586
- }
4587
-
4588
4364
  .e-listbox-wrapper,
4589
4365
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4590
4366
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4624,12 +4400,6 @@ ejs-listbox {
4624
4400
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4625
4401
  }
4626
4402
 
4627
- .e-listbox-wrapper .e-icons,
4628
- .e-listbox-container .e-icons,
4629
- .e-listboxtool-wrapper .e-icons {
4630
- color: rgba(0, 0, 0, 0.54);
4631
- }
4632
-
4633
4403
  .e-listbox-wrapper .e-list-item,
4634
4404
  .e-listbox-container .e-list-item,
4635
4405
  .e-listboxtool-wrapper .e-list-item {
@@ -4651,13 +4421,6 @@ ejs-listbox {
4651
4421
  color: rgba(0, 0, 0, 0.87);
4652
4422
  }
4653
4423
 
4654
- .e-listbox-wrapper .e-list-item.e-selected,
4655
- .e-listbox-container .e-list-item.e-selected,
4656
- .e-listboxtool-wrapper .e-list-item.e-selected {
4657
- background-color: #f5f5f5;
4658
- color: rgba(0, 0, 0, 0.87);
4659
- }
4660
-
4661
4424
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
4662
4425
  .e-listbox-container .e-list-item.e-selected.e-checklist,
4663
4426
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -4665,11 +4428,13 @@ ejs-listbox {
4665
4428
  color: rgba(0, 0, 0, 0.87);
4666
4429
  }
4667
4430
 
4668
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4431
+ .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,
4669
4432
  .e-listbox-container .e-list-item.e-focused,
4670
4433
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
4434
+ .e-listbox-container .e-list-item.e-selected,
4671
4435
  .e-listboxtool-wrapper .e-list-item.e-focused,
4672
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
4436
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4437
+ .e-listboxtool-wrapper .e-list-item.e-selected {
4673
4438
  background-color: #f5f5f5;
4674
4439
  color: rgba(0, 0, 0, 0.87);
4675
4440
  }
@@ -4759,8 +4524,8 @@ ejs-listbox {
4759
4524
  height: 2.6667em;
4760
4525
  left: 1.0667em;
4761
4526
  position: absolute;
4762
- top: 0.2666em;
4763
4527
  width: 2.6667em;
4528
+ left: 1.0667em;
4764
4529
  }
4765
4530
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4766
4531
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -4778,18 +4543,15 @@ ejs-listbox {
4778
4543
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4779
4544
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4780
4545
  height: 2.6667em;
4546
+ left: 1.0667em;
4781
4547
  position: absolute;
4782
- right: 1.0667em;
4783
- top: 0.2666em;
4784
4548
  width: 2.6667em;
4549
+ right: 1.0667em;
4785
4550
  }
4786
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4551
+ .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,
4787
4552
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4788
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
4789
- top: 1.0666em;
4790
- }
4791
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4792
4553
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4554
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4793
4555
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4794
4556
  top: 1.0666em;
4795
4557
  }
@@ -4828,23 +4590,17 @@ ejs-listbox {
4828
4590
  text-overflow: ellipsis;
4829
4591
  white-space: nowrap;
4830
4592
  }
4831
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4593
+ .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,
4832
4594
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4833
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
4834
- color: rgba(0, 0, 0, 0.87);
4835
- }
4836
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4837
4595
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4596
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4838
4597
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4839
4598
  color: rgba(0, 0, 0, 0.87);
4840
4599
  }
4841
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4600
+ .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,
4842
4601
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
4843
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
4844
- color: rgba(0, 0, 0, 0.87);
4845
- }
4846
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
4847
4602
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
4603
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4848
4604
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
4849
4605
  color: rgba(0, 0, 0, 0.87);
4850
4606
  }
@@ -4891,15 +4647,7 @@ ejs-listbox {
4891
4647
  padding-right: 1.0666em;
4892
4648
  }
4893
4649
 
4894
- .e-listbox-container.e-filter-list .e-list-parent {
4895
- height: 100%;
4896
- }
4897
-
4898
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4899
- height: 100%;
4900
- }
4901
-
4902
- .e-listbox-container .e-selectall-parent + .e-list-parent {
4650
+ .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 {
4903
4651
  height: 100%;
4904
4652
  }
4905
4653
 
@@ -4913,22 +4661,4 @@ ejs-listbox {
4913
4661
 
4914
4662
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
4915
4663
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4916
- }
4917
-
4918
- /* stylelint-disable property-no-vendor-prefix */
4919
- @keyframes material-spinner-rotate {
4920
- 0% {
4921
- transform: rotate(0deg);
4922
- }
4923
- 100% {
4924
- transform: rotate(360deg);
4925
- }
4926
- }
4927
- @keyframes fabric-spinner-rotate {
4928
- 0% {
4929
- transform: rotate(0deg);
4930
- }
4931
- 100% {
4932
- transform: rotate(360deg);
4933
- }
4934
4664
  }