@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
@@ -695,6 +695,11 @@
695
695
  pointer-events: none;
696
696
  }
697
697
 
698
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
699
+ opacity: 0.7;
700
+ pointer-events: none;
701
+ }
702
+
698
703
  ejs-autocomplete,
699
704
  ejs-combobox,
700
705
  ejs-dropdownlist {
@@ -763,30 +768,6 @@ ejs-dropdownlist {
763
768
  color: #00b0ff;
764
769
  }
765
770
 
766
- /* stylelint-disable property-no-vendor-prefix */
767
- @keyframes e-input-ripple {
768
- 100% {
769
- opacity: 0;
770
- transform: scale(4);
771
- }
772
- }
773
- /* stylelint-disable property-no-vendor-prefix */
774
- @keyframes material-spinner-rotate {
775
- 0% {
776
- transform: rotate(0deg);
777
- }
778
- 100% {
779
- transform: rotate(360deg);
780
- }
781
- }
782
- @keyframes fabric-spinner-rotate {
783
- 0% {
784
- transform: rotate(0deg);
785
- }
786
- 100% {
787
- transform: rotate(360deg);
788
- }
789
- }
790
771
  /* stylelint-disable */
791
772
  /* stylelint-disable */
792
773
  .e-ddt .e-ddt-icon::before {
@@ -853,9 +834,9 @@ ejs-dropdownlist {
853
834
  width: 100%;
854
835
  }
855
836
  .e-ddt.e-show-chip .e-chips-close {
856
- line-height: 16px;
857
837
  min-height: 16px;
858
838
  min-width: 16px;
839
+ line-height: 16px;
859
840
  text-align: center;
860
841
  }
861
842
  .e-ddt.e-show-chip .e-chips-close::before {
@@ -897,9 +878,7 @@ ejs-dropdownlist {
897
878
  .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 {
898
879
  min-height: 20px;
899
880
  }
900
- .e-ddt.e-outline.e-show-chip .e-overflow {
901
- padding: 4px 12px;
902
- }
881
+ .e-ddt.e-outline.e-show-chip .e-overflow,
903
882
  .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
904
883
  padding: 4px 12px;
905
884
  }
@@ -925,11 +904,6 @@ ejs-dropdownlist {
925
904
  bottom: 9px;
926
905
  right: 10px;
927
906
  }
928
- .e-ddt.e-filled .e-chips-wrapper .e-chips,
929
- .e-ddt.e-filled .e-overflow .e-chips {
930
- margin-top: 8px;
931
- padding: 0 8px;
932
- }
933
907
  .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
934
908
  .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
935
909
  padding-top: 8px;
@@ -949,6 +923,11 @@ ejs-dropdownlist {
949
923
  height: 12px;
950
924
  width: 12px;
951
925
  }
926
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
927
+ .e-ddt.e-filled .e-overflow .e-chips {
928
+ margin-top: 8px;
929
+ padding: 0 8px;
930
+ }
952
931
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
953
932
  line-height: 39px;
954
933
  padding: 0;
@@ -971,8 +950,8 @@ ejs-dropdownlist {
971
950
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
972
951
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
973
952
  font-size: 14px;
974
- height: 14px;
975
- width: 14px;
953
+ height: 12px;
954
+ width: 12px;
976
955
  }
977
956
  .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 {
978
957
  bottom: 10px;
@@ -1037,6 +1016,7 @@ ejs-dropdownlist {
1037
1016
  .e-ddt .e-dropdowntree.e-chip-input,
1038
1017
  .e-ddt input[readonly].e-input.e-chip-input {
1039
1018
  width: 0;
1019
+ visibility: hidden;
1040
1020
  }
1041
1021
  .e-ddt.e-popup {
1042
1022
  border: 1px solid transparent;
@@ -1066,14 +1046,15 @@ ejs-dropdownlist {
1066
1046
  font-size: 14px;
1067
1047
  margin: 10px;
1068
1048
  }
1069
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1070
- padding: 8px 16px 8px;
1071
- }
1072
1049
  .e-ddt.e-popup .e-filter-wrap {
1073
- border: 0;
1074
1050
  border-top-width: 0;
1075
1051
  display: block;
1076
1052
  padding: 0;
1053
+ border: 0;
1054
+ }
1055
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1056
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1057
+ padding: 8px 16px 8px;
1077
1058
  }
1078
1059
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1079
1060
  margin-bottom: 0;
@@ -1095,8 +1076,8 @@ ejs-dropdownlist {
1095
1076
  cursor: default;
1096
1077
  font-family: inherit;
1097
1078
  font-size: 14px;
1098
- padding: 14px 16px;
1099
1079
  text-align: center;
1080
+ padding: 14px 16px;
1100
1081
  }
1101
1082
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1102
1083
  display: none;
@@ -1188,16 +1169,16 @@ ejs-dropdownlist {
1188
1169
  right: auto;
1189
1170
  }
1190
1171
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1191
- margin-left: 18px;
1192
1172
  margin-right: 1px;
1173
+ margin-left: 18px;
1193
1174
  }
1194
1175
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1195
- margin-left: 26px;
1196
1176
  margin-right: 1px;
1177
+ margin-left: 26px;
1197
1178
  }
1198
1179
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1199
- margin-left: 45px;
1200
1180
  margin-right: 1px;
1181
+ margin-left: 45px;
1201
1182
  }
1202
1183
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1203
1184
  .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,
@@ -1245,11 +1226,8 @@ ejs-dropdownlist {
1245
1226
  .e-ddt.e-bigger .e-overflow.e-show-text {
1246
1227
  padding: 11px 0 0 0;
1247
1228
  }
1248
- .e-bigger .e-ddt.e-outline .e-overflow.e-show-text,
1249
- .e-ddt.e-bigger.e-outline .e-overflow.e-show-text {
1250
- padding: 15px 16px;
1251
- }
1252
- .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1229
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1230
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
1253
1231
  .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
1254
1232
  padding: 15px 16px;
1255
1233
  }
@@ -1447,18 +1425,18 @@ ejs-dropdownlist {
1447
1425
  }
1448
1426
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1449
1427
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1450
- margin-left: 20px;
1451
1428
  margin-right: 1px;
1429
+ margin-left: 20px;
1452
1430
  }
1453
1431
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1454
1432
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1455
- margin-left: 32px;
1456
1433
  margin-right: 1px;
1434
+ margin-left: 32px;
1457
1435
  }
1458
1436
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1459
1437
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1460
- margin-left: 52px;
1461
- margin-right: 1px;
1438
+ margin-right: 52px;
1439
+ margin-left: 1px;
1462
1440
  }
1463
1441
  .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,
1464
1442
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1476,12 +1454,6 @@ ejs-dropdownlist {
1476
1454
  .e-ddt .e-chips > .e-chipcontent {
1477
1455
  color: #fff;
1478
1456
  }
1479
- .e-ddt .e-chips:hover {
1480
- background-color: rgba(255, 255, 255, 0.1);
1481
- }
1482
- .e-ddt .e-chips:hover > .e-chipcontent {
1483
- color: #fff;
1484
- }
1485
1457
  .e-ddt.e-filled .e-chips {
1486
1458
  background-color: #424242;
1487
1459
  }
@@ -1498,35 +1470,14 @@ ejs-dropdownlist {
1498
1470
  .e-ddt.e-popup .e-selectall-parent {
1499
1471
  border-bottom-color: rgba(0, 0, 0, 0.12);
1500
1472
  }
1473
+ .e-ddt.e-popup .e-selectall-parent:focus {
1474
+ background: rgba(255, 255, 255, 0.1);
1475
+ }
1501
1476
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1502
1477
  color: #fff;
1503
1478
  }
1504
1479
 
1505
1480
  /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1506
- /* stylelint-disable property-no-vendor-prefix */
1507
- @keyframes e-input-ripple {
1508
- 100% {
1509
- opacity: 0;
1510
- transform: scale(4);
1511
- }
1512
- }
1513
- /* stylelint-disable property-no-vendor-prefix */
1514
- @keyframes material-spinner-rotate {
1515
- 0% {
1516
- transform: rotate(0deg);
1517
- }
1518
- 100% {
1519
- transform: rotate(360deg);
1520
- }
1521
- }
1522
- @keyframes fabric-spinner-rotate {
1523
- 0% {
1524
- transform: rotate(0deg);
1525
- }
1526
- 100% {
1527
- transform: rotate(360deg);
1528
- }
1529
- }
1530
1481
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
1531
1482
  padding: 1px 0;
1532
1483
  }
@@ -3410,7 +3361,10 @@ ejs-multiselect {
3410
3361
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3411
3362
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3412
3363
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3413
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3364
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3365
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
3366
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3367
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3414
3368
  height: 24px;
3415
3369
  }
3416
3370
 
@@ -3419,10 +3373,6 @@ ejs-multiselect {
3419
3373
  height: 32px;
3420
3374
  }
3421
3375
 
3422
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
3423
- height: 24px;
3424
- }
3425
-
3426
3376
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3427
3377
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3428
3378
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -3478,11 +3428,6 @@ ejs-multiselect {
3478
3428
  margin: 4px 0 0 4px;
3479
3429
  }
3480
3430
 
3481
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3482
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3483
- height: 24px;
3484
- }
3485
-
3486
3431
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
3487
3432
  .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,
3488
3433
  .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,
@@ -3965,20 +3910,6 @@ ejs-multiselect {
3965
3910
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3966
3911
  text-align: center;
3967
3912
  }
3968
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3969
- .e-listbox-wrapper .e-list-nrt,
3970
- .e-listbox-wrapper .e-selectall-parent,
3971
- .e-listbox-container:not(.e-list-template) .e-list-item,
3972
- .e-listbox-container .e-list-nrt,
3973
- .e-listbox-container .e-selectall-parent,
3974
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
3975
- .e-listboxtool-wrapper .e-list-nrt,
3976
- .e-listboxtool-wrapper .e-selectall-parent {
3977
- height: 36px;
3978
- line-height: 1;
3979
- padding: 11px 16px;
3980
- position: relative;
3981
- }
3982
3913
  .e-listbox-wrapper .e-list-parent,
3983
3914
  .e-listbox-container .e-list-parent,
3984
3915
  .e-listboxtool-wrapper .e-list-parent {
@@ -4007,9 +3938,11 @@ ejs-multiselect {
4007
3938
  margin: 0;
4008
3939
  padding: 0;
4009
3940
  }
4010
- .e-listbox-wrapper .e-list-header .e-text.header,
3941
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4011
3942
  .e-listbox-container .e-list-header .e-text.header,
4012
- .e-listboxtool-wrapper .e-list-header .e-text.header {
3943
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3944
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
3945
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4013
3946
  display: none;
4014
3947
  }
4015
3948
  .e-listbox-wrapper .e-icon-back,
@@ -4017,11 +3950,6 @@ ejs-multiselect {
4017
3950
  .e-listboxtool-wrapper .e-icon-back {
4018
3951
  margin-top: 2px;
4019
3952
  }
4020
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4021
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4022
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4023
- display: none;
4024
- }
4025
3953
  .e-listbox-wrapper .e-list-header,
4026
3954
  .e-listbox-container .e-list-header,
4027
3955
  .e-listboxtool-wrapper .e-list-header {
@@ -4125,18 +4053,12 @@ ejs-multiselect {
4125
4053
  white-space: nowrap;
4126
4054
  width: 100%;
4127
4055
  }
4128
- .e-listbox-wrapper .e-list-icon + .e-list-text,
4056
+ .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,
4129
4057
  .e-listbox-container .e-list-icon + .e-list-text,
4130
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
4131
- width: calc(100% - 60px);
4132
- }
4133
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
4134
4058
  .e-listbox-container .e-icon-wrapper .e-list-text,
4135
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
4136
- width: calc(100% - 60px);
4137
- }
4138
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4139
4059
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4060
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
4061
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
4140
4062
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
4141
4063
  width: calc(100% - 60px);
4142
4064
  }
@@ -4200,8 +4122,11 @@ ejs-multiselect {
4200
4122
  margin-top: -2px;
4201
4123
  }
4202
4124
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4125
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4203
4126
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
4204
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
4127
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
4128
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4129
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4205
4130
  margin: -2px 0 0 10px;
4206
4131
  }
4207
4132
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -4209,11 +4134,6 @@ ejs-multiselect {
4209
4134
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
4210
4135
  margin: -2px 10px 0 0;
4211
4136
  }
4212
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4213
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
4214
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4215
- margin: -2px 0 0 10px;
4216
- }
4217
4137
  .e-listbox-wrapper .e-checkbox-wrapper,
4218
4138
  .e-listbox-container .e-checkbox-wrapper,
4219
4139
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -4258,10 +4178,7 @@ ejs-listbox {
4258
4178
  display: block;
4259
4179
  }
4260
4180
 
4261
- .e-listbox-wrapper:not(.e-listbox-container) {
4262
- overflow: auto;
4263
- }
4264
-
4181
+ .e-listbox-wrapper:not(.e-listbox-container),
4265
4182
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4266
4183
  overflow: auto;
4267
4184
  }
@@ -4276,6 +4193,7 @@ ejs-listbox {
4276
4193
  .e-listbox-container.e-sortableclone .e-list-item,
4277
4194
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4278
4195
  list-style-type: none;
4196
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
4279
4197
  }
4280
4198
  .e-listbox-wrapper.e-sortableclone .e-ripple,
4281
4199
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -4328,7 +4246,9 @@ ejs-listbox {
4328
4246
  pointer-events: none;
4329
4247
  }
4330
4248
  .e-listboxtool-wrapper .e-listbox-wrapper,
4331
- .e-listboxtool-container .e-listbox-wrapper {
4249
+ .e-listboxtool-wrapper .e-list-wrap,
4250
+ .e-listboxtool-container .e-listbox-wrapper,
4251
+ .e-listboxtool-container .e-list-wrap {
4332
4252
  -ms-flex: 1;
4333
4253
  flex: 1;
4334
4254
  }
@@ -4368,115 +4288,26 @@ ejs-listbox {
4368
4288
  margin-left: 15px;
4369
4289
  }
4370
4290
 
4371
- .e-bigger .e-listbox-wrapper .e-list-item,
4372
- .e-listbox-wrapper.e-bigger .e-list-item,
4373
- .e-bigger .e-listbox-container .e-list-item,
4374
- .e-listbox-container.e-bigger .e-list-item {
4375
- border-bottom: 0 solid transparent;
4376
- border-left: 0 solid transparent;
4377
- border-right: 0 solid transparent;
4378
- border-top: 0 solid transparent;
4379
- }
4380
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4381
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
4382
- .e-bigger .e-listbox-wrapper .e-list-group-item,
4383
- .e-bigger .e-listbox-wrapper .e-list-header,
4384
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
4385
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
4386
- .e-listbox-wrapper.e-bigger .e-list-group-item,
4387
- .e-listbox-wrapper.e-bigger .e-list-header,
4388
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
4389
- .e-bigger .e-listbox-container .e-selectall-parent,
4390
- .e-bigger .e-listbox-container .e-list-group-item,
4391
- .e-bigger .e-listbox-container .e-list-header,
4392
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
4393
- .e-listbox-container.e-bigger .e-selectall-parent,
4394
- .e-listbox-container.e-bigger .e-list-group-item,
4395
- .e-listbox-container.e-bigger .e-list-header {
4396
- padding: 12px 16px;
4397
- }
4398
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4399
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
4400
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
4401
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
4402
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
4403
- .e-bigger .e-listbox-container .e-selectall-parent,
4404
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
4405
- .e-listbox-container.e-bigger .e-selectall-parent {
4406
- height: 48px;
4407
- line-height: 1.6;
4291
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4292
+ .e-listbox-wrapper .e-list-nrt,
4293
+ .e-listbox-wrapper .e-selectall-parent,
4294
+ .e-listbox-container:not(.e-list-template) .e-list-item,
4295
+ .e-listbox-container .e-list-nrt,
4296
+ .e-listbox-container .e-selectall-parent,
4297
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4298
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4299
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4300
+ height: 36px;
4301
+ line-height: 1;
4302
+ padding: 11px 16px;
4408
4303
  position: relative;
4409
4304
  }
4410
- .e-bigger .e-listbox-wrapper .e-list-parent,
4411
- .e-listbox-wrapper.e-bigger .e-list-parent,
4412
- .e-bigger .e-listbox-container .e-list-parent,
4413
- .e-listbox-container.e-bigger .e-list-parent {
4414
- min-height: 48px;
4415
- }
4416
- .e-bigger .e-listbox-wrapper .e-text-content,
4417
- .e-listbox-wrapper.e-bigger .e-text-content,
4418
- .e-bigger .e-listbox-container .e-text-content,
4419
- .e-listbox-container.e-bigger .e-text-content {
4420
- font-size: 15px;
4421
- }
4422
- .e-bigger .e-listbox-wrapper .e-list-group-item,
4423
- .e-listbox-wrapper.e-bigger .e-list-group-item,
4424
- .e-bigger .e-listbox-container .e-list-group-item,
4425
- .e-listbox-container.e-bigger .e-list-group-item {
4426
- height: 48px;
4427
- line-height: 25px;
4428
- }
4429
- .e-bigger .e-listbox-wrapper .e-list-header,
4430
- .e-listbox-wrapper.e-bigger .e-list-header,
4431
- .e-bigger .e-listbox-container .e-list-header,
4432
- .e-listbox-container.e-bigger .e-list-header {
4433
- -ms-flex-align: center;
4434
- align-items: center;
4435
- display: -ms-flexbox;
4436
- display: flex;
4437
- font-weight: bold;
4438
- height: 64px;
4439
- }
4440
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
4441
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
4442
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
4443
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
4444
- display: none;
4445
- }
4446
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4447
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
4448
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4449
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
4450
- display: none;
4451
- }
4452
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
4453
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
4454
- .e-bigger .e-listbox-container .e-list-header .e-text,
4455
- .e-listbox-container.e-bigger .e-list-header .e-text {
4456
- font-size: 20px;
4457
- }
4305
+
4458
4306
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4459
4307
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4460
4308
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4461
4309
  }
4462
4310
 
4463
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4464
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4465
- }
4466
-
4467
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4468
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4469
- }
4470
-
4471
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4472
- height: 100%;
4473
- }
4474
-
4475
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4476
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4477
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4478
- }
4479
-
4480
4311
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4481
4312
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4482
4313
  }
@@ -4485,40 +4316,10 @@ ejs-listbox {
4485
4316
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4486
4317
  }
4487
4318
 
4488
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4489
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4490
- }
4491
-
4492
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4493
- height: 100%;
4494
- }
4495
-
4496
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4497
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4498
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4499
- }
4500
-
4501
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4502
- height: 100%;
4503
- }
4504
-
4505
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4506
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4507
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4508
- }
4509
-
4510
4319
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4511
4320
  height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
4512
4321
  }
4513
4322
 
4514
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4515
- height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4516
- }
4517
-
4518
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4519
- height: 100%;
4520
- }
4521
-
4522
4323
  .e-listbox-wrapper,
4523
4324
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4524
4325
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4558,12 +4359,6 @@ ejs-listbox {
4558
4359
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4559
4360
  }
4560
4361
 
4561
- .e-listbox-wrapper .e-icons,
4562
- .e-listbox-container .e-icons,
4563
- .e-listboxtool-wrapper .e-icons {
4564
- color: #fff;
4565
- }
4566
-
4567
4362
  .e-listbox-wrapper .e-list-item,
4568
4363
  .e-listbox-container .e-list-item,
4569
4364
  .e-listboxtool-wrapper .e-list-item {
@@ -4585,13 +4380,6 @@ ejs-listbox {
4585
4380
  color: #fff;
4586
4381
  }
4587
4382
 
4588
- .e-listbox-wrapper .e-list-item.e-selected,
4589
- .e-listbox-container .e-list-item.e-selected,
4590
- .e-listboxtool-wrapper .e-list-item.e-selected {
4591
- background-color: #616161;
4592
- color: #fff;
4593
- }
4594
-
4595
4383
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
4596
4384
  .e-listbox-container .e-list-item.e-selected.e-checklist,
4597
4385
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -4599,11 +4387,13 @@ ejs-listbox {
4599
4387
  color: #fff;
4600
4388
  }
4601
4389
 
4602
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4390
+ .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,
4603
4391
  .e-listbox-container .e-list-item.e-focused,
4604
4392
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
4393
+ .e-listbox-container .e-list-item.e-selected,
4605
4394
  .e-listboxtool-wrapper .e-list-item.e-focused,
4606
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
4395
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4396
+ .e-listboxtool-wrapper .e-list-item.e-selected {
4607
4397
  background-color: #616161;
4608
4398
  color: #fff;
4609
4399
  }
@@ -4693,8 +4483,8 @@ ejs-listbox {
4693
4483
  height: 2.6667em;
4694
4484
  left: 1.0667em;
4695
4485
  position: absolute;
4696
- top: 0.2666em;
4697
4486
  width: 2.6667em;
4487
+ left: 1.0667em;
4698
4488
  }
4699
4489
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4700
4490
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -4712,18 +4502,15 @@ ejs-listbox {
4712
4502
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4713
4503
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4714
4504
  height: 2.6667em;
4505
+ left: 1.0667em;
4715
4506
  position: absolute;
4716
- right: 1.0667em;
4717
- top: 0.2666em;
4718
4507
  width: 2.6667em;
4508
+ right: 1.0667em;
4719
4509
  }
4720
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4510
+ .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,
4721
4511
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4722
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
4723
- top: 1.0666em;
4724
- }
4725
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4726
4512
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4513
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4727
4514
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4728
4515
  top: 1.0666em;
4729
4516
  }
@@ -4762,23 +4549,17 @@ ejs-listbox {
4762
4549
  text-overflow: ellipsis;
4763
4550
  white-space: nowrap;
4764
4551
  }
4765
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4552
+ .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,
4766
4553
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4767
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
4768
- color: #fff;
4769
- }
4770
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4771
4554
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4555
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4772
4556
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4773
4557
  color: #fff;
4774
4558
  }
4775
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4559
+ .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,
4776
4560
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
4777
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
4778
- color: #fff;
4779
- }
4780
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
4781
4561
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
4562
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4782
4563
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
4783
4564
  color: #fff;
4784
4565
  }
@@ -4825,15 +4606,7 @@ ejs-listbox {
4825
4606
  padding-right: 1.0666em;
4826
4607
  }
4827
4608
 
4828
- .e-listbox-container.e-filter-list .e-list-parent {
4829
- height: 100%;
4830
- }
4831
-
4832
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4833
- height: 100%;
4834
- }
4835
-
4836
- .e-listbox-container .e-selectall-parent + .e-list-parent {
4609
+ .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 {
4837
4610
  height: 100%;
4838
4611
  }
4839
4612
 
@@ -4847,22 +4620,4 @@ ejs-listbox {
4847
4620
 
4848
4621
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
4849
4622
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4850
- }
4851
-
4852
- /* stylelint-disable property-no-vendor-prefix */
4853
- @keyframes material-spinner-rotate {
4854
- 0% {
4855
- transform: rotate(0deg);
4856
- }
4857
- 100% {
4858
- transform: rotate(360deg);
4859
- }
4860
- }
4861
- @keyframes fabric-spinner-rotate {
4862
- 0% {
4863
- transform: rotate(0deg);
4864
- }
4865
- 100% {
4866
- transform: rotate(360deg);
4867
- }
4868
4623
  }