@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
@@ -769,6 +769,11 @@
769
769
  pointer-events: none;
770
770
  }
771
771
 
772
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
773
+ opacity: 0.7;
774
+ pointer-events: none;
775
+ }
776
+
772
777
  ejs-autocomplete,
773
778
  ejs-combobox,
774
779
  ejs-dropdownlist {
@@ -817,25 +822,6 @@ ejs-dropdownlist {
817
822
  color: #111827;
818
823
  }
819
824
 
820
- /* stylelint-disable property-no-vendor-prefix */
821
- /* stylelint-disable-line no-empty-source */
822
- /* stylelint-disable property-no-vendor-prefix */
823
- @keyframes material-spinner-rotate {
824
- 0% {
825
- transform: rotate(0);
826
- }
827
- 100% {
828
- transform: rotate(360deg);
829
- }
830
- }
831
- @keyframes fabric-spinner-rotate {
832
- 0% {
833
- transform: rotate(0);
834
- }
835
- 100% {
836
- transform: rotate(360deg);
837
- }
838
- }
839
825
  /*! TreeView's tailwind theme wise override definitions and variables */
840
826
  /* stylelint-disable */
841
827
  /* stylelint-disable */
@@ -902,13 +888,15 @@ ejs-dropdownlist {
902
888
  width: 100%;
903
889
  }
904
890
  .e-ddt.e-show-chip .e-chips-close {
905
- line-height: 10px;
906
891
  min-height: 16px;
907
892
  min-width: 16px;
893
+ line-height: 10px;
908
894
  text-align: center;
909
895
  }
910
896
  .e-ddt.e-show-chip .e-chips-close::before {
911
897
  font-size: 16px;
898
+ }
899
+ .e-ddt.e-show-chip .e-chips-close::before {
912
900
  vertical-align: middle;
913
901
  }
914
902
  .e-ddt.e-show-chip .e-chips {
@@ -990,11 +978,12 @@ ejs-dropdownlist {
990
978
  .e-ddt .e-dropdowntree.e-chip-input,
991
979
  .e-ddt input[readonly].e-input.e-chip-input {
992
980
  width: 0;
981
+ visibility: hidden;
993
982
  }
994
983
  .e-ddt.e-popup {
995
984
  border: 1px solid #e5e7eb;
996
- border-radius: 4px;
997
985
  margin-top: 4px;
986
+ border-radius: 4px;
998
987
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
999
988
  position: absolute;
1000
989
  }
@@ -1026,10 +1015,10 @@ ejs-dropdownlist {
1026
1015
  line-height: 22px;
1027
1016
  }
1028
1017
  .e-ddt.e-popup .e-filter-wrap {
1029
- border-bottom: 1px solid #e5e7eb;
1030
1018
  border-top-width: 0;
1031
1019
  display: block;
1032
1020
  padding: 4px;
1021
+ border-bottom: 1px solid #e5e7eb;
1033
1022
  }
1034
1023
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1035
1024
  margin-bottom: 0;
@@ -1047,8 +1036,8 @@ ejs-dropdownlist {
1047
1036
  cursor: default;
1048
1037
  font-family: inherit;
1049
1038
  font-size: 14px;
1050
- padding: 8px 16px;
1051
1039
  text-align: center;
1040
+ padding: 8px 16px;
1052
1041
  }
1053
1042
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1054
1043
  display: none;
@@ -1102,16 +1091,16 @@ ejs-dropdownlist {
1102
1091
  padding: 3px 12px;
1103
1092
  }
1104
1093
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1105
- margin-left: 18px;
1106
1094
  margin-right: 4px;
1095
+ margin-left: 18px;
1107
1096
  }
1108
1097
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1109
- margin-left: 18px;
1110
1098
  margin-right: 4px;
1099
+ margin-left: 18px;
1111
1100
  }
1112
1101
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1113
- margin-left: 45px;
1114
1102
  margin-right: 4px;
1103
+ margin-left: 45px;
1115
1104
  }
1116
1105
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1117
1106
  .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,
@@ -1164,22 +1153,14 @@ ejs-dropdownlist {
1164
1153
  }
1165
1154
  .e-bigger .e-ddt.e-show-chip .e-chips-close,
1166
1155
  .e-ddt.e-bigger.e-show-chip .e-chips-close {
1167
- line-height: 18px;
1168
1156
  min-height: 24px;
1169
1157
  min-width: 24px;
1158
+ line-height: 18px;
1170
1159
  }
1171
1160
  .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1172
1161
  .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1173
1162
  font-size: 20px;
1174
1163
  }
1175
- .e-bigger .e-ddt .e-overflow.e-show-text,
1176
- .e-ddt.e-bigger .e-overflow.e-show-text {
1177
- padding: 7px 16px;
1178
- }
1179
- .e-bigger .e-ddt .e-overflow .e-remain,
1180
- .e-ddt.e-bigger .e-overflow .e-remain {
1181
- font-size: 16px;
1182
- }
1183
1164
  .e-bigger .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count,
1184
1165
  .e-ddt.e-bigger.e-show-chip .e-overflow .e-remain.e-wrap-count {
1185
1166
  line-height: 22px;
@@ -1189,6 +1170,14 @@ ejs-dropdownlist {
1189
1170
  .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1190
1171
  padding: 8px 12px;
1191
1172
  }
1173
+ .e-bigger .e-ddt .e-overflow.e-show-text,
1174
+ .e-ddt.e-bigger .e-overflow.e-show-text {
1175
+ padding: 7px 16px;
1176
+ }
1177
+ .e-bigger .e-ddt .e-overflow .e-remain,
1178
+ .e-ddt.e-bigger .e-overflow .e-remain {
1179
+ font-size: 16px;
1180
+ }
1192
1181
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1193
1182
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1194
1183
  max-width: calc(100% - 25px);
@@ -1248,8 +1237,8 @@ ejs-dropdownlist {
1248
1237
  }
1249
1238
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1250
1239
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1251
- margin-left: 52px;
1252
- margin-right: 4px;
1240
+ margin-right: 52px;
1241
+ margin-left: 4px;
1253
1242
  }
1254
1243
  .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,
1255
1244
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1275,10 +1264,13 @@ ejs-dropdownlist {
1275
1264
  .e-ddt .e-chips:hover > .e-chipcontent {
1276
1265
  color: #111827;
1277
1266
  }
1278
- .e-ddt.e-disabled .e-chips {
1267
+ .e-ddt.e-disabled {
1279
1268
  background-color: #e5e7eb;
1280
1269
  }
1281
- .e-ddt.e-disabled .e-chips > .e-chipcontent {
1270
+ .e-ddt.e-disabled .e-chips-close::before {
1271
+ color: #9ca3af;
1272
+ }
1273
+ .e-ddt.e-disabled > .e-chipcontent {
1282
1274
  color: #9ca3af;
1283
1275
  }
1284
1276
  .e-ddt .e-overflow .e-remain {
@@ -1298,30 +1290,14 @@ ejs-dropdownlist {
1298
1290
  .e-ddt.e-popup .e-selectall-parent {
1299
1291
  border-bottom-color: #e5e7eb;
1300
1292
  }
1293
+ .e-ddt.e-popup .e-selectall-parent:focus {
1294
+ background: #f3f4f6;
1295
+ }
1301
1296
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1302
1297
  color: #111827;
1303
1298
  }
1304
1299
 
1305
1300
  /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1306
- /* stylelint-disable property-no-vendor-prefix */
1307
- /* stylelint-disable-line no-empty-source */
1308
- /* stylelint-disable property-no-vendor-prefix */
1309
- @keyframes material-spinner-rotate {
1310
- 0% {
1311
- transform: rotate(0);
1312
- }
1313
- 100% {
1314
- transform: rotate(360deg);
1315
- }
1316
- }
1317
- @keyframes fabric-spinner-rotate {
1318
- 0% {
1319
- transform: rotate(0);
1320
- }
1321
- 100% {
1322
- transform: rotate(360deg);
1323
- }
1324
- }
1325
1301
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1326
1302
  line-height: 30px;
1327
1303
  top: 0;
@@ -2234,7 +2210,10 @@ ejs-multiselect {
2234
2210
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2235
2211
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2236
2212
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2237
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2213
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2214
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2215
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2216
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2238
2217
  height: 24px;
2239
2218
  }
2240
2219
 
@@ -2243,10 +2222,6 @@ ejs-multiselect {
2243
2222
  height: 32px;
2244
2223
  }
2245
2224
 
2246
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2247
- height: 24px;
2248
- }
2249
-
2250
2225
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2251
2226
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2252
2227
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2302,11 +2277,6 @@ ejs-multiselect {
2302
2277
  margin: 4px 0 0 4px;
2303
2278
  }
2304
2279
 
2305
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2306
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2307
- height: 24px;
2308
- }
2309
-
2310
2280
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2311
2281
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2312
2282
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2664,20 +2634,6 @@ ejs-multiselect {
2664
2634
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2665
2635
  text-align: center;
2666
2636
  }
2667
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2668
- .e-listbox-wrapper .e-list-nrt,
2669
- .e-listbox-wrapper .e-selectall-parent,
2670
- .e-listbox-container:not(.e-list-template) .e-list-item,
2671
- .e-listbox-container .e-list-nrt,
2672
- .e-listbox-container .e-selectall-parent,
2673
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2674
- .e-listboxtool-wrapper .e-list-nrt,
2675
- .e-listboxtool-wrapper .e-selectall-parent {
2676
- height: 38px;
2677
- line-height: 1;
2678
- padding: 12px 12px;
2679
- position: relative;
2680
- }
2681
2637
  .e-listbox-wrapper .e-list-parent,
2682
2638
  .e-listbox-container .e-list-parent,
2683
2639
  .e-listboxtool-wrapper .e-list-parent {
@@ -2706,9 +2662,11 @@ ejs-multiselect {
2706
2662
  margin: 0;
2707
2663
  padding: 0;
2708
2664
  }
2709
- .e-listbox-wrapper .e-list-header .e-text.header,
2665
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2710
2666
  .e-listbox-container .e-list-header .e-text.header,
2711
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2667
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2668
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2669
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2712
2670
  display: none;
2713
2671
  }
2714
2672
  .e-listbox-wrapper .e-icon-back,
@@ -2716,11 +2674,6 @@ ejs-multiselect {
2716
2674
  .e-listboxtool-wrapper .e-icon-back {
2717
2675
  margin-top: 2px;
2718
2676
  }
2719
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2720
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2721
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2722
- display: none;
2723
- }
2724
2677
  .e-listbox-wrapper .e-list-header,
2725
2678
  .e-listbox-container .e-list-header,
2726
2679
  .e-listboxtool-wrapper .e-list-header {
@@ -2824,18 +2777,12 @@ ejs-multiselect {
2824
2777
  white-space: nowrap;
2825
2778
  width: 100%;
2826
2779
  }
2827
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2780
+ .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,
2828
2781
  .e-listbox-container .e-list-icon + .e-list-text,
2829
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2830
- width: calc(100% - 60px);
2831
- }
2832
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2833
2782
  .e-listbox-container .e-icon-wrapper .e-list-text,
2834
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2835
- width: calc(100% - 60px);
2836
- }
2837
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2838
2783
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2784
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2785
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2839
2786
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2840
2787
  width: calc(100% - 60px);
2841
2788
  }
@@ -2899,8 +2846,11 @@ ejs-multiselect {
2899
2846
  margin-top: -2px;
2900
2847
  }
2901
2848
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2849
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2902
2850
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2903
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2851
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2852
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2853
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2904
2854
  margin: -2px 0 0 8px;
2905
2855
  }
2906
2856
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2908,11 +2858,6 @@ ejs-multiselect {
2908
2858
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2909
2859
  margin: -2px 8px 0 0;
2910
2860
  }
2911
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2912
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2913
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2914
- margin: -2px 0 0 8px;
2915
- }
2916
2861
  .e-listbox-wrapper .e-checkbox-wrapper,
2917
2862
  .e-listbox-container .e-checkbox-wrapper,
2918
2863
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2947,10 +2892,7 @@ ejs-listbox {
2947
2892
  display: block;
2948
2893
  }
2949
2894
 
2950
- .e-listbox-wrapper:not(.e-listbox-container) {
2951
- overflow: auto;
2952
- }
2953
-
2895
+ .e-listbox-wrapper:not(.e-listbox-container),
2954
2896
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2955
2897
  overflow: auto;
2956
2898
  }
@@ -2965,6 +2907,7 @@ ejs-listbox {
2965
2907
  .e-listbox-container.e-sortableclone .e-list-item,
2966
2908
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2967
2909
  list-style-type: none;
2910
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2968
2911
  }
2969
2912
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2970
2913
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -3017,7 +2960,9 @@ ejs-listbox {
3017
2960
  pointer-events: none;
3018
2961
  }
3019
2962
  .e-listboxtool-wrapper .e-listbox-wrapper,
3020
- .e-listboxtool-container .e-listbox-wrapper {
2963
+ .e-listboxtool-wrapper .e-list-wrap,
2964
+ .e-listboxtool-container .e-listbox-wrapper,
2965
+ .e-listboxtool-container .e-list-wrap {
3021
2966
  -ms-flex: 1;
3022
2967
  flex: 1;
3023
2968
  }
@@ -3057,179 +3002,44 @@ ejs-listbox {
3057
3002
  margin-left: 15px;
3058
3003
  }
3059
3004
 
3060
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3061
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3062
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3063
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3064
- width: 80% !important; /* stylelint-disable-line declaration-no-important */
3065
- }
3066
- .e-bigger .e-listbox-wrapper .e-list-item,
3067
- .e-listbox-wrapper.e-bigger .e-list-item,
3068
- .e-bigger .e-listbox-container .e-list-item,
3069
- .e-listbox-container.e-bigger .e-list-item {
3070
- border-bottom: 0 solid transparent;
3071
- border-left: 0 solid transparent;
3072
- border-right: 0 solid transparent;
3073
- border-top: 0 solid transparent;
3074
- }
3075
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3076
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3077
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3078
- .e-bigger .e-listbox-wrapper .e-list-header,
3079
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3080
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3081
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3082
- .e-listbox-wrapper.e-bigger .e-list-header,
3083
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3084
- .e-bigger .e-listbox-container .e-selectall-parent,
3085
- .e-bigger .e-listbox-container .e-list-group-item,
3086
- .e-bigger .e-listbox-container .e-list-header,
3087
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3088
- .e-listbox-container.e-bigger .e-selectall-parent,
3089
- .e-listbox-container.e-bigger .e-list-group-item,
3090
- .e-listbox-container.e-bigger .e-list-header {
3091
- padding: 12px 16px;
3092
- }
3093
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3094
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3095
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3096
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3097
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3098
- .e-bigger .e-listbox-container .e-selectall-parent,
3099
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3100
- .e-listbox-container.e-bigger .e-selectall-parent {
3101
- height: 48px;
3102
- line-height: 1.6;
3103
- position: relative;
3104
- }
3105
- .e-bigger .e-listbox-wrapper .e-list-parent,
3106
- .e-listbox-wrapper.e-bigger .e-list-parent,
3107
- .e-bigger .e-listbox-container .e-list-parent,
3108
- .e-listbox-container.e-bigger .e-list-parent {
3109
- min-height: 48px;
3110
- }
3111
- .e-bigger .e-listbox-wrapper .e-text-content,
3112
- .e-listbox-wrapper.e-bigger .e-text-content,
3113
- .e-bigger .e-listbox-container .e-text-content,
3114
- .e-listbox-container.e-bigger .e-text-content {
3115
- font-size: 16px;
3116
- }
3117
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3118
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3119
- .e-bigger .e-listbox-container .e-list-group-item,
3120
- .e-listbox-container.e-bigger .e-list-group-item {
3005
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3006
+ .e-listbox-wrapper .e-list-nrt,
3007
+ .e-listbox-wrapper .e-selectall-parent,
3008
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3009
+ .e-listbox-container .e-list-nrt,
3010
+ .e-listbox-container .e-selectall-parent,
3011
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3012
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3013
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3121
3014
  height: 38px;
3122
- line-height: 15px;
3123
- }
3124
- .e-bigger .e-listbox-wrapper .e-list-header,
3125
- .e-listbox-wrapper.e-bigger .e-list-header,
3126
- .e-bigger .e-listbox-container .e-list-header,
3127
- .e-listbox-container.e-bigger .e-list-header {
3128
- -ms-flex-align: center;
3129
- align-items: center;
3130
- display: -ms-flexbox;
3131
- display: flex;
3132
- font-weight: 500;
3133
- height: 22px;
3134
- }
3135
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3136
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3137
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3138
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3139
- display: none;
3140
- }
3141
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3142
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3143
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3144
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3145
- display: none;
3146
- }
3147
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3148
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3149
- .e-bigger .e-listbox-container .e-list-header .e-text,
3150
- .e-listbox-container.e-bigger .e-list-header .e-text {
3151
- font-size: 14px;
3015
+ line-height: 1;
3016
+ padding: 12px 12px;
3017
+ position: relative;
3152
3018
  }
3019
+
3153
3020
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3154
3021
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3155
3022
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3156
3023
  }
3157
3024
 
3158
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3159
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3160
- }
3161
-
3162
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3163
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3164
- }
3165
-
3166
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3167
- height: 100%;
3168
- }
3169
-
3170
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3171
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3172
- height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3173
- }
3174
-
3175
3025
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3176
3026
  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3177
3027
  }
3178
3028
 
3179
3029
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3180
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3181
- }
3182
-
3183
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3184
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3185
- }
3186
-
3187
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3188
- height: 100%;
3189
- }
3190
-
3191
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3192
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3193
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3194
- }
3195
-
3196
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3197
- height: 100%;
3198
- }
3199
-
3200
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3201
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3202
- height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
3030
+ height: calc(100% - 42px) !important; /* stylelint-disable-line declaration-no-important */
3203
3031
  }
3204
3032
 
3205
3033
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3206
3034
  height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3207
3035
  }
3208
3036
 
3209
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3210
- height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3211
- }
3212
-
3213
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3214
- height: 100%;
3215
- }
3216
-
3217
3037
  .e-listbox-wrapper,
3218
3038
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3219
3039
  .e-listboxtool-container.e-listbox-container .e-ul {
3220
3040
  border: 1px solid #e5e7eb;
3221
3041
  }
3222
3042
 
3223
- .e-bigger.e-listbox-wrapper,
3224
- .e-bigger.e-listbox-container {
3225
- font-size: 16px;
3226
- }
3227
- .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
3228
- .e-bigger.e-listbox-container .e-list-header,
3229
- .e-bigger.e-listbox-container .e-list-group-item {
3230
- font-size: 14px;
3231
- }
3232
-
3233
3043
  .e-listbox-wrapper,
3234
3044
  .e-listbox-container,
3235
3045
  .e-listboxtool-wrapper {
@@ -3248,7 +3058,7 @@ ejs-listbox {
3248
3058
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3249
3059
  .e-listbox-container.e-filter-list .e-list-parent,
3250
3060
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3251
- height: calc(100% - 50px);
3061
+ height: calc(100% - 42px);
3252
3062
  }
3253
3063
 
3254
3064
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3263,12 +3073,6 @@ ejs-listbox {
3263
3073
  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3264
3074
  }
3265
3075
 
3266
- .e-listbox-wrapper .e-icons,
3267
- .e-listbox-container .e-icons,
3268
- .e-listboxtool-wrapper .e-icons {
3269
- color: #6b7280;
3270
- }
3271
-
3272
3076
  .e-listbox-wrapper .e-list-item,
3273
3077
  .e-listbox-container .e-list-item,
3274
3078
  .e-listboxtool-wrapper .e-list-item {
@@ -3290,13 +3094,6 @@ ejs-listbox {
3290
3094
  color: #111827;
3291
3095
  }
3292
3096
 
3293
- .e-listbox-wrapper .e-list-item.e-selected,
3294
- .e-listbox-container .e-list-item.e-selected,
3295
- .e-listboxtool-wrapper .e-list-item.e-selected {
3296
- background-color: #f3f4f6;
3297
- color: rgba(17, 24, 39, 0.87);
3298
- }
3299
-
3300
3097
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3301
3098
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3302
3099
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3304,11 +3101,13 @@ ejs-listbox {
3304
3101
  color: #111827;
3305
3102
  }
3306
3103
 
3307
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3104
+ .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,
3308
3105
  .e-listbox-container .e-list-item.e-focused,
3309
3106
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3107
+ .e-listbox-container .e-list-item.e-selected,
3310
3108
  .e-listboxtool-wrapper .e-list-item.e-focused,
3311
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3109
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3110
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3312
3111
  background-color: #f3f4f6;
3313
3112
  color: rgba(17, 24, 39, 0.87);
3314
3113
  }
@@ -3398,8 +3197,8 @@ ejs-listbox {
3398
3197
  height: 40px;
3399
3198
  left: 0;
3400
3199
  position: absolute;
3401
- top: 0;
3402
3200
  width: 40px;
3201
+ left: 0;
3403
3202
  }
3404
3203
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3405
3204
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3417,18 +3216,15 @@ ejs-listbox {
3417
3216
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3418
3217
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3419
3218
  height: 40px;
3219
+ left: 0;
3420
3220
  position: absolute;
3421
- right: 0;
3422
- top: 0;
3423
3221
  width: 40px;
3222
+ right: 0;
3424
3223
  }
3425
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3224
+ .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,
3426
3225
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3427
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3428
- top: 0;
3429
- }
3430
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3431
3226
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3227
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3432
3228
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3433
3229
  top: 0;
3434
3230
  }
@@ -3467,23 +3263,17 @@ ejs-listbox {
3467
3263
  text-overflow: ellipsis;
3468
3264
  white-space: nowrap;
3469
3265
  }
3470
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3266
+ .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,
3471
3267
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3472
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3473
- color: #111827;
3474
- }
3475
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3476
3268
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3269
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3477
3270
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3478
3271
  color: #111827;
3479
3272
  }
3480
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3273
+ .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,
3481
3274
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3482
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3483
- color: rgba(17, 24, 39, 0.87);
3484
- }
3485
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3486
3275
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3276
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3487
3277
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3488
3278
  color: rgba(17, 24, 39, 0.87);
3489
3279
  }
@@ -3530,15 +3320,7 @@ ejs-listbox {
3530
3320
  padding-right: 16px;
3531
3321
  }
3532
3322
 
3533
- .e-listbox-container.e-filter-list .e-list-parent {
3534
- height: 100%;
3535
- }
3536
-
3537
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3538
- height: 100%;
3539
- }
3540
-
3541
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3323
+ .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 {
3542
3324
  height: 100%;
3543
3325
  }
3544
3326
 
@@ -3554,22 +3336,4 @@ ejs-listbox {
3554
3336
  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3555
3337
  }
3556
3338
 
3557
- /* stylelint-disable-line no-empty-source */
3558
- /* stylelint-disable property-no-vendor-prefix */
3559
- @keyframes material-spinner-rotate {
3560
- 0% {
3561
- transform: rotate(0);
3562
- }
3563
- 100% {
3564
- transform: rotate(360deg);
3565
- }
3566
- }
3567
- @keyframes fabric-spinner-rotate {
3568
- 0% {
3569
- transform: rotate(0);
3570
- }
3571
- 100% {
3572
- transform: rotate(360deg);
3573
- }
3574
- }
3575
3339
  /* stylelint-disable-line no-empty-source */