@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
@@ -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 */