@syncfusion/ej2-dropdowns 20.4.52 → 20.4.54-54740

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 (516) hide show
  1. package/CHANGELOG.md +2085 -2063
  2. package/{README.md → ReadMe.md} +119 -119
  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 +66 -53
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +184 -171
  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 +78 -78
  17. package/src/auto-complete/auto-complete-model.d.ts +187 -187
  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 +221 -221
  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/incremental-search.js +1 -1
  24. package/src/drop-down-base/drop-down-base-model.d.ts +196 -196
  25. package/src/drop-down-base/drop-down-base.d.ts +15 -15
  26. package/src/drop-down-base/drop-down-base.js +20 -20
  27. package/src/drop-down-list/drop-down-list-model.d.ts +194 -194
  28. package/src/drop-down-list/drop-down-list.d.ts +4 -4
  29. package/src/drop-down-list/drop-down-list.js +34 -21
  30. package/src/drop-down-tree/drop-down-tree-model.d.ts +445 -445
  31. package/src/drop-down-tree/drop-down-tree.js +21 -22
  32. package/src/global.d.ts +1 -0
  33. package/src/list-box/list-box-model.d.ts +194 -194
  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 +259 -259
  37. package/src/mention/mention.js +19 -19
  38. package/src/multi-select/multi-select-model.d.ts +505 -505
  39. package/src/multi-select/multi-select.js +20 -19
  40. package/styles/auto-complete/_all.scss +1 -1
  41. package/styles/auto-complete/_bds-definition.scss +2 -0
  42. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  43. package/styles/auto-complete/_bootstrap-definition.scss +2 -2
  44. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  45. package/styles/auto-complete/_bootstrap5-definition.scss +2 -2
  46. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  47. package/styles/auto-complete/_fabric-definition.scss +2 -2
  48. package/styles/auto-complete/_fluent-definition.scss +2 -2
  49. package/styles/auto-complete/_fusionnew-definition.scss +2 -2
  50. package/styles/auto-complete/_highcontrast-definition.scss +2 -2
  51. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  52. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  53. package/styles/auto-complete/_material-definition.scss +2 -2
  54. package/styles/auto-complete/_material3-dark-definition.scss +1 -0
  55. package/styles/auto-complete/_material3-definition.scss +2 -2
  56. package/styles/auto-complete/_tailwind-definition.scss +2 -2
  57. package/styles/auto-complete/bootstrap-dark.scss +1 -1
  58. package/styles/auto-complete/bootstrap.scss +1 -1
  59. package/styles/auto-complete/bootstrap4.css +13 -2
  60. package/styles/auto-complete/bootstrap4.scss +1 -1
  61. package/styles/auto-complete/bootstrap5-dark.scss +1 -1
  62. package/styles/auto-complete/bootstrap5.scss +1 -1
  63. package/styles/auto-complete/fabric-dark.scss +1 -1
  64. package/styles/auto-complete/fabric.scss +1 -1
  65. package/styles/auto-complete/fluent-dark.scss +1 -1
  66. package/styles/auto-complete/fluent.scss +1 -1
  67. package/styles/auto-complete/highcontrast-light.scss +1 -1
  68. package/styles/auto-complete/highcontrast.scss +1 -1
  69. package/styles/auto-complete/material-dark.css +0 -1
  70. package/styles/auto-complete/material-dark.scss +1 -1
  71. package/styles/auto-complete/material.css +0 -1
  72. package/styles/auto-complete/material.scss +1 -1
  73. package/styles/auto-complete/material3-dark.css +197 -0
  74. package/styles/auto-complete/material3-dark.scss +5 -0
  75. package/styles/auto-complete/material3.css +253 -0
  76. package/styles/auto-complete/material3.scss +5 -0
  77. package/styles/auto-complete/tailwind-dark.css +0 -1
  78. package/styles/auto-complete/tailwind-dark.scss +1 -1
  79. package/styles/auto-complete/tailwind.css +0 -1
  80. package/styles/auto-complete/tailwind.scss +1 -1
  81. package/styles/bootstrap-dark.css +309 -138
  82. package/styles/bootstrap.css +306 -129
  83. package/styles/bootstrap4.css +340 -141
  84. package/styles/bootstrap5-dark.css +310 -133
  85. package/styles/bootstrap5.css +310 -133
  86. package/styles/combo-box/_all.scss +1 -1
  87. package/styles/combo-box/_bds-definition.scss +2 -0
  88. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  89. package/styles/combo-box/_bootstrap-definition.scss +2 -2
  90. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  91. package/styles/combo-box/_bootstrap5-definition.scss +2 -2
  92. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  93. package/styles/combo-box/_fabric-definition.scss +2 -2
  94. package/styles/combo-box/_fluent-definition.scss +2 -2
  95. package/styles/combo-box/_fusionnew-definition.scss +2 -2
  96. package/styles/combo-box/_highcontrast-definition.scss +2 -2
  97. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  98. package/styles/combo-box/_material-dark-definition.scss +2 -2
  99. package/styles/combo-box/_material-definition.scss +2 -2
  100. package/styles/combo-box/_material3-dark-definition.scss +1 -0
  101. package/styles/combo-box/_material3-definition.scss +2 -2
  102. package/styles/combo-box/_tailwind-definition.scss +2 -2
  103. package/styles/combo-box/bootstrap-dark.scss +1 -1
  104. package/styles/combo-box/bootstrap.scss +1 -1
  105. package/styles/combo-box/bootstrap4.css +13 -2
  106. package/styles/combo-box/bootstrap4.scss +1 -1
  107. package/styles/combo-box/bootstrap5-dark.scss +1 -1
  108. package/styles/combo-box/bootstrap5.scss +1 -1
  109. package/styles/combo-box/fabric-dark.scss +1 -1
  110. package/styles/combo-box/fabric.scss +1 -1
  111. package/styles/combo-box/fluent-dark.scss +1 -1
  112. package/styles/combo-box/fluent.scss +1 -1
  113. package/styles/combo-box/highcontrast-light.scss +1 -1
  114. package/styles/combo-box/highcontrast.scss +1 -1
  115. package/styles/combo-box/material-dark.css +0 -1
  116. package/styles/combo-box/material-dark.scss +1 -1
  117. package/styles/combo-box/material.css +0 -1
  118. package/styles/combo-box/material.scss +1 -1
  119. package/styles/combo-box/material3-dark.css +197 -0
  120. package/styles/combo-box/material3-dark.scss +5 -0
  121. package/styles/combo-box/material3.css +253 -0
  122. package/styles/combo-box/material3.scss +5 -0
  123. package/styles/combo-box/tailwind-dark.css +0 -1
  124. package/styles/combo-box/tailwind-dark.scss +1 -1
  125. package/styles/combo-box/tailwind.css +0 -1
  126. package/styles/combo-box/tailwind.scss +1 -1
  127. package/styles/drop-down-base/_all.scss +2 -2
  128. package/styles/drop-down-base/_bds-definition.scss +134 -0
  129. package/styles/drop-down-base/_bootstrap-dark-definition.scss +83 -83
  130. package/styles/drop-down-base/_bootstrap-definition.scss +83 -83
  131. package/styles/drop-down-base/_bootstrap4-definition.scss +90 -98
  132. package/styles/drop-down-base/_bootstrap5-definition.scss +117 -117
  133. package/styles/drop-down-base/_definition.scss +23 -23
  134. package/styles/drop-down-base/_fabric-dark-definition.scss +86 -86
  135. package/styles/drop-down-base/_fabric-definition.scss +84 -84
  136. package/styles/drop-down-base/_fluent-definition.scss +121 -121
  137. package/styles/drop-down-base/_fusionnew-definition.scss +117 -117
  138. package/styles/drop-down-base/_highcontrast-definition.scss +105 -105
  139. package/styles/drop-down-base/_highcontrast-light-definition.scss +105 -105
  140. package/styles/drop-down-base/_layout.scss +187 -193
  141. package/styles/drop-down-base/_material-dark-definition.scss +86 -86
  142. package/styles/drop-down-base/_material-definition.scss +85 -85
  143. package/styles/drop-down-base/_material3-dark-definition.scss +1 -0
  144. package/styles/drop-down-base/_material3-definition.scss +87 -117
  145. package/styles/drop-down-base/_tailwind-definition.scss +129 -129
  146. package/styles/drop-down-base/_theme.scss +391 -328
  147. package/styles/drop-down-base/bootstrap-dark.css +6 -10
  148. package/styles/drop-down-base/bootstrap-dark.scss +1 -1
  149. package/styles/drop-down-base/bootstrap.css +6 -10
  150. package/styles/drop-down-base/bootstrap.scss +1 -1
  151. package/styles/drop-down-base/bootstrap4.css +6 -18
  152. package/styles/drop-down-base/bootstrap4.scss +1 -1
  153. package/styles/drop-down-base/bootstrap5-dark.css +6 -10
  154. package/styles/drop-down-base/bootstrap5-dark.scss +1 -1
  155. package/styles/drop-down-base/bootstrap5.css +6 -10
  156. package/styles/drop-down-base/bootstrap5.scss +1 -1
  157. package/styles/drop-down-base/fabric-dark.css +6 -10
  158. package/styles/drop-down-base/fabric-dark.scss +1 -1
  159. package/styles/drop-down-base/fabric.css +6 -10
  160. package/styles/drop-down-base/fabric.scss +1 -1
  161. package/styles/drop-down-base/fluent-dark.css +6 -10
  162. package/styles/drop-down-base/fluent-dark.scss +1 -1
  163. package/styles/drop-down-base/fluent.css +6 -10
  164. package/styles/drop-down-base/fluent.scss +1 -1
  165. package/styles/drop-down-base/highcontrast-light.css +6 -10
  166. package/styles/drop-down-base/highcontrast-light.scss +1 -1
  167. package/styles/drop-down-base/highcontrast.css +6 -10
  168. package/styles/drop-down-base/highcontrast.scss +1 -1
  169. package/styles/drop-down-base/material-dark.css +6 -11
  170. package/styles/drop-down-base/material-dark.scss +1 -1
  171. package/styles/drop-down-base/material.css +6 -11
  172. package/styles/drop-down-base/material.scss +1 -1
  173. package/styles/drop-down-base/material3-dark.css +430 -0
  174. package/styles/drop-down-base/material3-dark.scss +4 -0
  175. package/styles/drop-down-base/material3.css +486 -0
  176. package/styles/drop-down-base/material3.scss +4 -0
  177. package/styles/drop-down-base/tailwind-dark.css +6 -11
  178. package/styles/drop-down-base/tailwind-dark.scss +1 -1
  179. package/styles/drop-down-base/tailwind.css +6 -11
  180. package/styles/drop-down-base/tailwind.scss +1 -1
  181. package/styles/drop-down-list/_all.scss +3 -3
  182. package/styles/drop-down-list/_bds-definition.scss +134 -0
  183. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  184. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  185. package/styles/drop-down-list/_bootstrap4-definition.scss +202 -191
  186. package/styles/drop-down-list/_bootstrap5-definition.scss +201 -201
  187. package/styles/drop-down-list/_fabric-dark-definition.scss +128 -128
  188. package/styles/drop-down-list/_fabric-definition.scss +124 -124
  189. package/styles/drop-down-list/_fluent-definition.scss +185 -185
  190. package/styles/drop-down-list/_fusionnew-definition.scss +201 -201
  191. package/styles/drop-down-list/_highcontrast-definition.scss +142 -142
  192. package/styles/drop-down-list/_highcontrast-light-definition.scss +144 -144
  193. package/styles/drop-down-list/_layout.scss +315 -299
  194. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  195. package/styles/drop-down-list/_material-definition.scss +167 -167
  196. package/styles/drop-down-list/_material3-dark-definition.scss +1 -0
  197. package/styles/drop-down-list/_material3-definition.scss +180 -201
  198. package/styles/drop-down-list/_tailwind-definition.scss +134 -134
  199. package/styles/drop-down-list/_theme.scss +10 -10
  200. package/styles/drop-down-list/bootstrap-dark.css +5 -3
  201. package/styles/drop-down-list/bootstrap-dark.scss +1 -1
  202. package/styles/drop-down-list/bootstrap.css +5 -3
  203. package/styles/drop-down-list/bootstrap.scss +1 -1
  204. package/styles/drop-down-list/bootstrap4.css +19 -14
  205. package/styles/drop-down-list/bootstrap4.scss +1 -1
  206. package/styles/drop-down-list/bootstrap5-dark.css +5 -3
  207. package/styles/drop-down-list/bootstrap5-dark.scss +1 -1
  208. package/styles/drop-down-list/bootstrap5.css +5 -3
  209. package/styles/drop-down-list/bootstrap5.scss +1 -1
  210. package/styles/drop-down-list/fabric-dark.css +5 -3
  211. package/styles/drop-down-list/fabric-dark.scss +1 -1
  212. package/styles/drop-down-list/fabric.css +5 -3
  213. package/styles/drop-down-list/fabric.scss +1 -1
  214. package/styles/drop-down-list/fluent-dark.css +5 -3
  215. package/styles/drop-down-list/fluent-dark.scss +1 -1
  216. package/styles/drop-down-list/fluent.css +5 -3
  217. package/styles/drop-down-list/fluent.scss +1 -1
  218. package/styles/drop-down-list/highcontrast-light.css +5 -3
  219. package/styles/drop-down-list/highcontrast-light.scss +1 -1
  220. package/styles/drop-down-list/highcontrast.css +5 -3
  221. package/styles/drop-down-list/highcontrast.scss +1 -1
  222. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  223. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  224. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  225. package/styles/drop-down-list/icons/_bootstrap5.scss +14 -14
  226. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  227. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  228. package/styles/drop-down-list/icons/_fluent.scss +14 -14
  229. package/styles/drop-down-list/icons/_fusionnew.scss +14 -14
  230. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  231. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  232. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  233. package/styles/drop-down-list/icons/_material.scss +14 -14
  234. package/styles/drop-down-list/icons/_material3-dark.scss +1 -0
  235. package/styles/drop-down-list/icons/_material3.scss +14 -14
  236. package/styles/drop-down-list/icons/_tailwind.scss +14 -14
  237. package/styles/drop-down-list/material-dark.css +6 -4
  238. package/styles/drop-down-list/material-dark.scss +1 -1
  239. package/styles/drop-down-list/material.css +5 -4
  240. package/styles/drop-down-list/material.scss +1 -1
  241. package/styles/drop-down-list/material3-dark.css +507 -0
  242. package/styles/drop-down-list/material3-dark.scss +9 -0
  243. package/styles/drop-down-list/material3.css +563 -0
  244. package/styles/drop-down-list/material3.scss +9 -0
  245. package/styles/drop-down-list/tailwind-dark.css +6 -5
  246. package/styles/drop-down-list/tailwind-dark.scss +1 -1
  247. package/styles/drop-down-list/tailwind.css +6 -5
  248. package/styles/drop-down-list/tailwind.scss +1 -1
  249. package/styles/drop-down-tree/_all.scss +2 -2
  250. package/styles/drop-down-tree/_bds-definition.scss +61 -0
  251. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +71 -71
  252. package/styles/drop-down-tree/_bootstrap-definition.scss +70 -70
  253. package/styles/drop-down-tree/_bootstrap4-definition.scss +71 -71
  254. package/styles/drop-down-tree/_bootstrap5-definition.scss +59 -59
  255. package/styles/drop-down-tree/_fabric-dark-definition.scss +71 -71
  256. package/styles/drop-down-tree/_fabric-definition.scss +71 -71
  257. package/styles/drop-down-tree/_fluent-definition.scss +65 -65
  258. package/styles/drop-down-tree/_fusionnew-definition.scss +59 -59
  259. package/styles/drop-down-tree/_highcontrast-definition.scss +71 -71
  260. package/styles/drop-down-tree/_highcontrast-light-definition.scss +71 -71
  261. package/styles/drop-down-tree/_layout.scss +1423 -1386
  262. package/styles/drop-down-tree/_material-dark-definition.scss +72 -72
  263. package/styles/drop-down-tree/_material-definition.scss +72 -72
  264. package/styles/drop-down-tree/_material3-dark-definition.scss +1 -0
  265. package/styles/drop-down-tree/_material3-definition.scss +76 -60
  266. package/styles/drop-down-tree/_tailwind-definition.scss +61 -61
  267. package/styles/drop-down-tree/_theme.scss +132 -120
  268. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  269. package/styles/drop-down-tree/bootstrap-dark.scss +1 -1
  270. package/styles/drop-down-tree/bootstrap.css +4 -0
  271. package/styles/drop-down-tree/bootstrap.scss +1 -1
  272. package/styles/drop-down-tree/bootstrap4.css +4 -8
  273. package/styles/drop-down-tree/bootstrap4.scss +1 -1
  274. package/styles/drop-down-tree/bootstrap5-dark.css +4 -0
  275. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -1
  276. package/styles/drop-down-tree/bootstrap5.css +4 -0
  277. package/styles/drop-down-tree/bootstrap5.scss +1 -1
  278. package/styles/drop-down-tree/fabric-dark.css +4 -0
  279. package/styles/drop-down-tree/fabric-dark.scss +1 -1
  280. package/styles/drop-down-tree/fabric.css +4 -0
  281. package/styles/drop-down-tree/fabric.scss +1 -1
  282. package/styles/drop-down-tree/fluent-dark.css +6 -0
  283. package/styles/drop-down-tree/fluent-dark.scss +1 -1
  284. package/styles/drop-down-tree/fluent.css +6 -0
  285. package/styles/drop-down-tree/fluent.scss +1 -1
  286. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  287. package/styles/drop-down-tree/highcontrast-light.scss +1 -1
  288. package/styles/drop-down-tree/highcontrast.css +4 -0
  289. package/styles/drop-down-tree/highcontrast.scss +1 -1
  290. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  291. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  292. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  293. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  294. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  295. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  296. package/styles/drop-down-tree/icons/_fluent.scss +11 -11
  297. package/styles/drop-down-tree/icons/_fusionnew.scss +11 -11
  298. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  299. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  300. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  301. package/styles/drop-down-tree/icons/_material.scss +11 -11
  302. package/styles/drop-down-tree/icons/_material3-dark.scss +1 -0
  303. package/styles/drop-down-tree/icons/_material3.scss +11 -11
  304. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  305. package/styles/drop-down-tree/icons/_tailwind.scss +11 -11
  306. package/styles/drop-down-tree/material-dark.css +5 -1
  307. package/styles/drop-down-tree/material-dark.scss +1 -1
  308. package/styles/drop-down-tree/material.css +4 -1
  309. package/styles/drop-down-tree/material.scss +1 -1
  310. package/styles/drop-down-tree/material3-dark.css +469 -0
  311. package/styles/drop-down-tree/material3-dark.scss +10 -0
  312. package/styles/drop-down-tree/material3.css +525 -0
  313. package/styles/drop-down-tree/material3.scss +10 -0
  314. package/styles/drop-down-tree/tailwind-dark.css +4 -1
  315. package/styles/drop-down-tree/tailwind-dark.scss +1 -1
  316. package/styles/drop-down-tree/tailwind.css +4 -1
  317. package/styles/drop-down-tree/tailwind.scss +1 -1
  318. package/styles/fabric-dark.css +310 -139
  319. package/styles/fabric.css +307 -130
  320. package/styles/fluent-dark.css +315 -135
  321. package/styles/fluent.css +315 -135
  322. package/styles/highcontrast-light.css +311 -138
  323. package/styles/highcontrast.css +324 -135
  324. package/styles/list-box/_all.scss +2 -2
  325. package/styles/list-box/_bds-definition.scss +136 -0
  326. package/styles/list-box/_bootstrap-dark-definition.scss +126 -125
  327. package/styles/list-box/_bootstrap-definition.scss +119 -118
  328. package/styles/list-box/_bootstrap4-definition.scss +124 -123
  329. package/styles/list-box/_bootstrap5-definition.scss +120 -121
  330. package/styles/list-box/_fabric-dark-definition.scss +126 -125
  331. package/styles/list-box/_fabric-definition.scss +119 -118
  332. package/styles/list-box/_fluent-definition.scss +120 -121
  333. package/styles/list-box/_fusionnew-definition.scss +111 -114
  334. package/styles/list-box/_highcontrast-definition.scss +119 -118
  335. package/styles/list-box/_highcontrast-light-definition.scss +126 -125
  336. package/styles/list-box/_layout.scss +542 -534
  337. package/styles/list-box/_material-dark-definition.scss +126 -125
  338. package/styles/list-box/_material-definition.scss +119 -118
  339. package/styles/list-box/_material3-dark-definition.scss +1 -0
  340. package/styles/list-box/_material3-definition.scss +119 -120
  341. package/styles/list-box/_tailwind-definition.scss +119 -120
  342. package/styles/list-box/_theme.scss +382 -316
  343. package/styles/list-box/bootstrap-dark.css +276 -113
  344. package/styles/list-box/bootstrap-dark.scss +1 -1
  345. package/styles/list-box/bootstrap.css +278 -114
  346. package/styles/list-box/bootstrap.scss +1 -1
  347. package/styles/list-box/bootstrap4.css +279 -123
  348. package/styles/list-box/bootstrap4.scss +1 -1
  349. package/styles/list-box/bootstrap5-dark.css +277 -114
  350. package/styles/list-box/bootstrap5-dark.scss +1 -1
  351. package/styles/list-box/bootstrap5.css +277 -114
  352. package/styles/list-box/bootstrap5.scss +1 -1
  353. package/styles/list-box/fabric-dark.css +276 -113
  354. package/styles/list-box/fabric-dark.scss +1 -1
  355. package/styles/list-box/fabric.css +278 -114
  356. package/styles/list-box/fabric.scss +1 -1
  357. package/styles/list-box/fluent-dark.css +279 -115
  358. package/styles/list-box/fluent-dark.scss +1 -1
  359. package/styles/list-box/fluent.css +279 -115
  360. package/styles/list-box/fluent.scss +1 -1
  361. package/styles/list-box/highcontrast-light.css +276 -113
  362. package/styles/list-box/highcontrast-light.scss +1 -1
  363. package/styles/list-box/highcontrast.css +278 -114
  364. package/styles/list-box/highcontrast.scss +1 -1
  365. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  366. package/styles/list-box/icons/_bootstrap.scss +25 -25
  367. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  368. package/styles/list-box/icons/_bootstrap5.scss +25 -25
  369. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  370. package/styles/list-box/icons/_fabric.scss +25 -25
  371. package/styles/list-box/icons/_fluent.scss +25 -25
  372. package/styles/list-box/icons/_fusionnew.scss +25 -25
  373. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  374. package/styles/list-box/icons/_highcontrast.scss +25 -25
  375. package/styles/list-box/icons/_material-dark.scss +25 -25
  376. package/styles/list-box/icons/_material.scss +25 -25
  377. package/styles/list-box/icons/_material3-dark.scss +1 -0
  378. package/styles/list-box/icons/_material3.scss +25 -25
  379. package/styles/list-box/icons/_tailwind-dark.scss +25 -25
  380. package/styles/list-box/icons/_tailwind.scss +25 -25
  381. package/styles/list-box/material-dark.css +277 -115
  382. package/styles/list-box/material-dark.scss +1 -1
  383. package/styles/list-box/material.css +279 -116
  384. package/styles/list-box/material.scss +1 -1
  385. package/styles/list-box/material3-dark.css +1010 -0
  386. package/styles/list-box/material3-dark.scss +6 -0
  387. package/styles/list-box/material3.css +1066 -0
  388. package/styles/list-box/material3.scss +6 -0
  389. package/styles/list-box/tailwind-dark.css +279 -116
  390. package/styles/list-box/tailwind-dark.scss +1 -1
  391. package/styles/list-box/tailwind.css +279 -116
  392. package/styles/list-box/tailwind.scss +1 -1
  393. package/styles/material-dark.css +311 -144
  394. package/styles/material.css +311 -135
  395. package/styles/material3-dark.css +4723 -0
  396. package/styles/material3-dark.scss +10 -0
  397. package/styles/material3.css +4779 -0
  398. package/styles/material3.scss +10 -0
  399. package/styles/mention/_all.scss +1 -1
  400. package/styles/mention/_bds-definition.scss +1 -0
  401. package/styles/mention/_bootstrap-dark-definition.scss +3 -3
  402. package/styles/mention/_bootstrap-definition.scss +3 -3
  403. package/styles/mention/_bootstrap4-definition.scss +3 -3
  404. package/styles/mention/_bootstrap5-definition.scss +1 -1
  405. package/styles/mention/_fabric-dark-definition.scss +2 -2
  406. package/styles/mention/_fabric-definition.scss +3 -3
  407. package/styles/mention/_fluent-definition.scss +1 -1
  408. package/styles/mention/_fusionnew-definition.scss +1 -1
  409. package/styles/mention/_highcontrast-definition.scss +3 -3
  410. package/styles/mention/_highcontrast-light-definition.scss +3 -3
  411. package/styles/mention/_layout.scss +6 -6
  412. package/styles/mention/_material-dark-definition.scss +3 -3
  413. package/styles/mention/_material-definition.scss +3 -3
  414. package/styles/mention/_material3-dark-definition.scss +1 -0
  415. package/styles/mention/_material3-definition.scss +1 -1
  416. package/styles/mention/_tailwind-definition.scss +1 -1
  417. package/styles/mention/bootstrap-dark.scss +1 -1
  418. package/styles/mention/bootstrap.scss +1 -1
  419. package/styles/mention/bootstrap4.css +0 -8
  420. package/styles/mention/bootstrap4.scss +1 -1
  421. package/styles/mention/bootstrap5-dark.scss +1 -1
  422. package/styles/mention/bootstrap5.scss +1 -1
  423. package/styles/mention/fabric-dark.scss +1 -1
  424. package/styles/mention/fabric.scss +1 -1
  425. package/styles/mention/fluent-dark.scss +1 -1
  426. package/styles/mention/fluent.scss +1 -1
  427. package/styles/mention/highcontrast-light.scss +1 -1
  428. package/styles/mention/highcontrast.scss +1 -1
  429. package/styles/mention/material-dark.css +0 -1
  430. package/styles/mention/material-dark.scss +1 -1
  431. package/styles/mention/material.css +0 -1
  432. package/styles/mention/material.scss +1 -1
  433. package/styles/mention/material3-dark.css +86 -0
  434. package/styles/mention/material3-dark.scss +7 -0
  435. package/styles/mention/material3.css +142 -0
  436. package/styles/mention/material3.scss +7 -0
  437. package/styles/mention/tailwind-dark.css +0 -1
  438. package/styles/mention/tailwind-dark.scss +1 -1
  439. package/styles/mention/tailwind.css +0 -1
  440. package/styles/mention/tailwind.scss +1 -1
  441. package/styles/multi-select/_all.scss +2 -2
  442. package/styles/multi-select/_bds-definition.scss +235 -0
  443. package/styles/multi-select/_bootstrap-dark-definition.scss +203 -196
  444. package/styles/multi-select/_bootstrap-definition.scss +192 -190
  445. package/styles/multi-select/_bootstrap4-definition.scss +278 -257
  446. package/styles/multi-select/_bootstrap5-definition.scss +230 -227
  447. package/styles/multi-select/_fabric-dark-definition.scss +192 -185
  448. package/styles/multi-select/_fabric-definition.scss +183 -181
  449. package/styles/multi-select/_fluent-definition.scss +241 -238
  450. package/styles/multi-select/_fusionnew-definition.scss +227 -227
  451. package/styles/multi-select/_highcontrast-definition.scss +303 -294
  452. package/styles/multi-select/_highcontrast-light-definition.scss +297 -293
  453. package/styles/multi-select/_layout.scss +2199 -2016
  454. package/styles/multi-select/_material-dark-definition.scss +230 -228
  455. package/styles/multi-select/_material-definition.scss +223 -221
  456. package/styles/multi-select/_material3-dark-definition.scss +1 -0
  457. package/styles/multi-select/_material3-definition.scss +246 -226
  458. package/styles/multi-select/_tailwind-definition.scss +235 -232
  459. package/styles/multi-select/_theme.scss +586 -492
  460. package/styles/multi-select/bootstrap-dark.css +18 -2
  461. package/styles/multi-select/bootstrap-dark.scss +1 -1
  462. package/styles/multi-select/bootstrap.css +13 -2
  463. package/styles/multi-select/bootstrap.scss +1 -1
  464. package/styles/multi-select/bootstrap4.css +32 -10
  465. package/styles/multi-select/bootstrap4.scss +1 -1
  466. package/styles/multi-select/bootstrap5-dark.css +18 -6
  467. package/styles/multi-select/bootstrap5-dark.scss +1 -1
  468. package/styles/multi-select/bootstrap5.css +18 -6
  469. package/styles/multi-select/bootstrap5.scss +1 -1
  470. package/styles/multi-select/fabric-dark.css +19 -3
  471. package/styles/multi-select/fabric-dark.scss +1 -1
  472. package/styles/multi-select/fabric.css +14 -3
  473. package/styles/multi-select/fabric.scss +1 -1
  474. package/styles/multi-select/fluent-dark.css +19 -7
  475. package/styles/multi-select/fluent-dark.scss +1 -1
  476. package/styles/multi-select/fluent.css +19 -7
  477. package/styles/multi-select/fluent.scss +1 -1
  478. package/styles/multi-select/highcontrast-light.css +20 -2
  479. package/styles/multi-select/highcontrast-light.scss +1 -1
  480. package/styles/multi-select/highcontrast.css +31 -8
  481. package/styles/multi-select/highcontrast.scss +1 -1
  482. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  483. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  484. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  485. package/styles/multi-select/icons/_bootstrap5.scss +26 -26
  486. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  487. package/styles/multi-select/icons/_fabric.scss +26 -26
  488. package/styles/multi-select/icons/_fluent.scss +55 -55
  489. package/styles/multi-select/icons/_fusionnew.scss +26 -26
  490. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  491. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  492. package/styles/multi-select/icons/_material-dark.scss +693 -693
  493. package/styles/multi-select/icons/_material.scss +693 -693
  494. package/styles/multi-select/icons/_material3-dark.scss +1 -0
  495. package/styles/multi-select/icons/_material3.scss +692 -26
  496. package/styles/multi-select/icons/_tailwind.scss +26 -26
  497. package/styles/multi-select/material-dark.css +17 -7
  498. package/styles/multi-select/material-dark.scss +1 -1
  499. package/styles/multi-select/material.css +17 -7
  500. package/styles/multi-select/material.scss +1 -1
  501. package/styles/multi-select/material3-dark.css +2550 -0
  502. package/styles/multi-select/material3-dark.scss +10 -0
  503. package/styles/multi-select/material3.css +2606 -0
  504. package/styles/multi-select/material3.scss +10 -0
  505. package/styles/multi-select/tailwind-dark.css +17 -5
  506. package/styles/multi-select/tailwind-dark.scss +1 -1
  507. package/styles/multi-select/tailwind.css +17 -5
  508. package/styles/multi-select/tailwind.scss +1 -1
  509. package/styles/tailwind-dark.css +312 -141
  510. package/styles/tailwind.css +312 -141
  511. package/.eslintrc.json +0 -259
  512. package/dist/ej2-dropdowns.min.js +0 -10
  513. package/dist/global/ej2-dropdowns.min.js +0 -11
  514. package/dist/global/ej2-dropdowns.min.js.map +0 -1
  515. package/dist/global/index.d.ts +0 -14
  516. package/tslint.json +0 -111
@@ -1,119 +1,119 @@
1
- # ej2-dropdowns
2
-
3
- Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
4
-
5
- ![](ReadMe_Images/gif.gif)
6
-
7
- >Note: This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
8
-
9
- >A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers..
10
-
11
- ## 1. Setup To install this package and its dependent packages, use the following command
12
-
13
- Use the following command to install drop-down components and its dependent packages
14
-
15
- ```
16
- npm install @syncfusion/ej2-dropdowns
17
- ```
18
-
19
- ## 2. Components included
20
-
21
- * DropDownList - A textbox component that allows users to select a non-editable single value from the list of predefined values.
22
- * [GettingStarted](https://ej2.syncfusion.com/documentation/drop-down-list/getting-started.html?lang=typescript)
23
- * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/drop-down-list/default.html)
24
- * [Product Page](https://www.syncfusion.com/products/javascript/dropdownlist)
25
- * ComboBox - A textbox component that allows users to type a value or choose an option from the list of predefined options.
26
- * [GettingStarted](https://ej2.syncfusion.com/documentation/combo-box/getting-started.html?lang=typescript)
27
- * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/combo-box/default.html)
28
- * [Product Page](https://www.syncfusion.com/products/javascript/combobox)
29
- * Autocomplete - A textbox component that provides a list of suggestions to select based on the text typed by the users.
30
- * [GettingStarted](https://ej2.syncfusion.com/documentation/auto-complete/getting-started.html?lang=typescript)
31
- * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/auto-complete/default.html)
32
- * [Product Page](https://www.syncfusion.com/products/javascript/autocomplete)
33
- * MultiSelect - A textbox component that allows users to type or choose multiple values from the list of predefined options.
34
- * [GettingStarted](https://ej2.syncfusion.com/documentation/multi-select/getting-started.html?lang=typescript)
35
- * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/multi-select/default.html)
36
- * [Product Page](https://www.syncfusion.com/products/javascript/multiselect)
37
- * ListBox - ListBox is a graphical user interface component used to display a list of items. Users can select one or more items in the list using a checkbox or by keyboard selection. It supports sorting, grouping, reordering, and drag and drop of items.
38
- * [GettingStarted](https://ej2.syncfusion.com/documentation/list-box/getting-started.html?lang=typescript)
39
- * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/list-box/default.html)
40
- * [Product Page](https://www.syncfusion.com/products/javascript/listbox)
41
-
42
- ## 3. Supported frameworks
43
-
44
- Drop-down components also supports the following frameworks:
45
- 1. [Angular](https://ej2.syncfusion.com/angular/demos/#/material)
46
- 2. [React](https://ej2.syncfusion.com/react/demos/#/material)
47
- 3. [Vue.js](https://ej2.syncfusion.com/vue/demos/#/material)
48
- 4. [ASP.NET Core](https://ej2.syncfusion.com/aspnetcore/)
49
- 5. [ASP.NET MVC](https://ej2.syncfusion.com/aspnetmvc/)
50
- 6. [JavaScript (ES5)](https://ej2.syncfusion.com/javascript/demos/#/material)
51
-
52
- ## 4. Use-case samples / Showcase samples
53
-
54
- * Expanse Tracker ([Source](https://github.com/syncfusion/ej2-showcase-ts-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=dropdown#/dashboard))
55
- * Loan Calculator ([Source](https://github.com/syncfusion/ej2-showcase-ts-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=dropdwonlist#/default))
56
- * Web Mail ([Source](https://github.com/syncfusion/ej2-showcase-ts-webmail), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/#/home))
57
-
58
-
59
- ## 5. Key features
60
- * DropDownList
61
- * [Data binding](https://ej2.syncfusion.com/demos/#/material/drop-down-list/data-binding.html): Binds and accesses the list of items from the local or server-side data source.
62
- * [Grouping](https://ej2.syncfusion.com/demos/#/material/drop-down-list/grouping-icon.html): Groups the logically related items under a single or specific category.
63
- * [Sorting](https://ej2.syncfusion.com/documentation/api/drop-down-list#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
64
- * [Filtering](https://ej2.syncfusion.com/demos/#/material/drop-down-list/filtering.html): Filters the list items based on a character typed in the search box.
65
- * [Templates](https://ej2.syncfusion.com/demos/#/material/drop-down-list/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
66
- * [Accessibility](https://ej2.syncfusion.com/documentation/drop-down-list/accessibility): Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
67
-
68
-
69
- * ComboBox
70
- * [Data binding](https://ej2.syncfusion.com/demos/#/material/combo-box/data-binding.html): Binds and accesses the list of items from local or server-side data source.
71
- * [Custom values](https://ej2.syncfusion.com/demos/#/material/combo-box/custom-value.html): Sets user-defined values that is not in the pop-up list.
72
- * [Grouping](https://ej2.syncfusion.com/demos/#/material/combo-box/grouping-icon.html): Groups the logically related items under a single or specific category.
73
- * [Sorting](https://ej2.syncfusion.com/documentation/api/combo-box#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
74
- * [Filtering](https://ej2.syncfusion.com/demos/#/material/combo-box/filtering.html): Filters the list items based on a character typed in the component.
75
- * [Templates](https://ej2.syncfusion.com/demos/#/material/combo-box/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
76
- * [Accessibility](https://ej2.syncfusion.com/documentation/combo-box/accessibility): Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
77
-
78
-
79
- * AutoComplete
80
- * [Data binding](https://ej2.syncfusion.com/demos/#/material/auto-complete/data-binding.html): Binds and accesses the list of items from local or server-side data source.
81
- * [Grouping](https://ej2.syncfusion.com/demos/#/material/auto-complete/grouping-icon.html): Groups the logically related items under a single or specific category.
82
- * [Sorting](https://ej2.syncfusion.com/documentation/api/auto-complete#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
83
- * [Highlight search](https://ej2.syncfusion.com/demos/#/material/auto-complete/highlight.html): Highlights the typed text in the suggestion list.
84
- * [Templates](https://ej2.syncfusion.com/demos/#/material/auto-complete/template.html): Customizes the list item, header, footer, category group header, no records, and action failure content.
85
- * [Accessibility](https://ej2.syncfusion.com/documentation/auto-complete/accessibility): Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
86
-
87
-
88
- * MultiSelect
89
- * [Data binding](https://ej2.syncfusion.com/demos/#/material/multi-select/data-binding.html): Binds and accesses the list of items from local or server-side data source.
90
- * [Grouping](https://ej2.syncfusion.com/demos/#/material/multi-select/grouping-icon.html): Groups the logically related items under a single or specific category.
91
- * [Templates](https://ej2.syncfusion.com/demos/#/material/multi-select/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
92
- * [Sorting](https://ej2.syncfusion.com/documentation/api/multi-select#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
93
- * [Filtering](https://ej2.syncfusion.com/demos/#/material/multi-select/filtering.html): Filters the list items based on a character typed in the search box.
94
- * [Custom value](https://ej2.syncfusion.com/demos/#/material/multi-select/custom-value.html): Allows users to select a new custom value.
95
- * [Accessibility](https://ej2.syncfusion.com/documentation/multi-select/accessibility): Provided with built-in accessibility support that helps to access all the DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
96
-
97
- * ListBox
98
- * **Data binding**: Binds and accesses the list of items from local or server-side data source.
99
- * **Dual ListBox**: Allows transferring and reordering the list item between two ListBoxes.
100
- * **Drag and Drop**: Allows drag and drop the list item with the same/multiple ListBox.
101
- * **Grouping**: Groups the logically related items under a single or specific category.
102
- * **Templates**: Customizes the list items.
103
- * **Sorting**: Sorts the list items in alphabetical order (either ascending or descending).
104
- * **Accessibility**: Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.
105
-
106
- ## 6. Support
107
- Product support can be obtained through the following mediums:
108
- * Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=dropdwon) support system or [Community forum.](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=dropdwon)
109
- * New [GitHub issue.](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new)
110
- * Ask your query in Stack Overflow with tag ‘syncfusion’, ‘ej2’.
111
-
112
-
113
- ## 7. License
114
- Check the license details [here.](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown)
115
-
116
- ## 8. Change log
117
- Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/dropdowns/CHANGELOG.md)
118
-
119
- © Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
1
+ # ej2-dropdowns
2
+
3
+ Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
4
+
5
+ ![](ReadMe_Images/gif.gif)
6
+
7
+ >Note: This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
8
+
9
+ >A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers..
10
+
11
+ ## 1. Setup To install this package and its dependent packages, use the following command
12
+
13
+ Use the following command to install drop-down components and its dependent packages
14
+
15
+ ```
16
+ npm install @syncfusion/ej2-dropdowns
17
+ ```
18
+
19
+ ## 2. Components included
20
+
21
+ * DropDownList - A textbox component that allows users to select a non-editable single value from the list of predefined values.
22
+ * [GettingStarted](https://ej2.syncfusion.com/documentation/drop-down-list/getting-started.html?lang=typescript)
23
+ * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/drop-down-list/default.html)
24
+ * [Product Page](https://www.syncfusion.com/products/javascript/dropdownlist)
25
+ * ComboBox - A textbox component that allows users to type a value or choose an option from the list of predefined options.
26
+ * [GettingStarted](https://ej2.syncfusion.com/documentation/combo-box/getting-started.html?lang=typescript)
27
+ * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/combo-box/default.html)
28
+ * [Product Page](https://www.syncfusion.com/products/javascript/combobox)
29
+ * Autocomplete - A textbox component that provides a list of suggestions to select based on the text typed by the users.
30
+ * [GettingStarted](https://ej2.syncfusion.com/documentation/auto-complete/getting-started.html?lang=typescript)
31
+ * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/auto-complete/default.html)
32
+ * [Product Page](https://www.syncfusion.com/products/javascript/autocomplete)
33
+ * MultiSelect - A textbox component that allows users to type or choose multiple values from the list of predefined options.
34
+ * [GettingStarted](https://ej2.syncfusion.com/documentation/multi-select/getting-started.html?lang=typescript)
35
+ * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/multi-select/default.html)
36
+ * [Product Page](https://www.syncfusion.com/products/javascript/multiselect)
37
+ * ListBox - ListBox is a graphical user interface component used to display a list of items. Users can select one or more items in the list using a checkbox or by keyboard selection. It supports sorting, grouping, reordering, and drag and drop of items.
38
+ * [GettingStarted](https://ej2.syncfusion.com/documentation/list-box/getting-started.html?lang=typescript)
39
+ * [View Online Demos](https://ej2.syncfusion.com/javascript/demos/#/material/list-box/default.html)
40
+ * [Product Page](https://www.syncfusion.com/products/javascript/listbox)
41
+
42
+ ## 3. Supported frameworks
43
+
44
+ Drop-down components also supports the following frameworks:
45
+ 1. [Angular](https://ej2.syncfusion.com/angular/demos/#/material)
46
+ 2. [React](https://ej2.syncfusion.com/react/demos/#/material)
47
+ 3. [Vue.js](https://ej2.syncfusion.com/vue/demos/#/material)
48
+ 4. [ASP.NET Core](https://ej2.syncfusion.com/aspnetcore/)
49
+ 5. [ASP.NET MVC](https://ej2.syncfusion.com/aspnetmvc/)
50
+ 6. [JavaScript (ES5)](https://ej2.syncfusion.com/javascript/demos/#/material)
51
+
52
+ ## 4. Use-case samples / Showcase samples
53
+
54
+ * Expanse Tracker ([Source](https://github.com/syncfusion/ej2-showcase-ts-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=dropdown#/dashboard))
55
+ * Loan Calculator ([Source](https://github.com/syncfusion/ej2-showcase-ts-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=dropdwonlist#/default))
56
+ * Web Mail ([Source](https://github.com/syncfusion/ej2-showcase-ts-webmail), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/#/home))
57
+
58
+
59
+ ## 5. Key features
60
+ * DropDownList
61
+ * [Data binding](https://ej2.syncfusion.com/demos/#/material/drop-down-list/data-binding.html): Binds and accesses the list of items from the local or server-side data source.
62
+ * [Grouping](https://ej2.syncfusion.com/demos/#/material/drop-down-list/grouping-icon.html): Groups the logically related items under a single or specific category.
63
+ * [Sorting](https://ej2.syncfusion.com/documentation/api/drop-down-list#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
64
+ * [Filtering](https://ej2.syncfusion.com/demos/#/material/drop-down-list/filtering.html): Filters the list items based on a character typed in the search box.
65
+ * [Templates](https://ej2.syncfusion.com/demos/#/material/drop-down-list/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
66
+ * [Accessibility](https://ej2.syncfusion.com/documentation/drop-down-list/accessibility): Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
67
+
68
+
69
+ * ComboBox
70
+ * [Data binding](https://ej2.syncfusion.com/demos/#/material/combo-box/data-binding.html): Binds and accesses the list of items from local or server-side data source.
71
+ * [Custom values](https://ej2.syncfusion.com/demos/#/material/combo-box/custom-value.html): Sets user-defined values that is not in the pop-up list.
72
+ * [Grouping](https://ej2.syncfusion.com/demos/#/material/combo-box/grouping-icon.html): Groups the logically related items under a single or specific category.
73
+ * [Sorting](https://ej2.syncfusion.com/documentation/api/combo-box#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
74
+ * [Filtering](https://ej2.syncfusion.com/demos/#/material/combo-box/filtering.html): Filters the list items based on a character typed in the component.
75
+ * [Templates](https://ej2.syncfusion.com/demos/#/material/combo-box/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
76
+ * [Accessibility](https://ej2.syncfusion.com/documentation/combo-box/accessibility): Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
77
+
78
+
79
+ * AutoComplete
80
+ * [Data binding](https://ej2.syncfusion.com/demos/#/material/auto-complete/data-binding.html): Binds and accesses the list of items from local or server-side data source.
81
+ * [Grouping](https://ej2.syncfusion.com/demos/#/material/auto-complete/grouping-icon.html): Groups the logically related items under a single or specific category.
82
+ * [Sorting](https://ej2.syncfusion.com/documentation/api/auto-complete#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
83
+ * [Highlight search](https://ej2.syncfusion.com/demos/#/material/auto-complete/highlight.html): Highlights the typed text in the suggestion list.
84
+ * [Templates](https://ej2.syncfusion.com/demos/#/material/auto-complete/template.html): Customizes the list item, header, footer, category group header, no records, and action failure content.
85
+ * [Accessibility](https://ej2.syncfusion.com/documentation/auto-complete/accessibility): Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
86
+
87
+
88
+ * MultiSelect
89
+ * [Data binding](https://ej2.syncfusion.com/demos/#/material/multi-select/data-binding.html): Binds and accesses the list of items from local or server-side data source.
90
+ * [Grouping](https://ej2.syncfusion.com/demos/#/material/multi-select/grouping-icon.html): Groups the logically related items under a single or specific category.
91
+ * [Templates](https://ej2.syncfusion.com/demos/#/material/multi-select/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
92
+ * [Sorting](https://ej2.syncfusion.com/documentation/api/multi-select#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
93
+ * [Filtering](https://ej2.syncfusion.com/demos/#/material/multi-select/filtering.html): Filters the list items based on a character typed in the search box.
94
+ * [Custom value](https://ej2.syncfusion.com/demos/#/material/multi-select/custom-value.html): Allows users to select a new custom value.
95
+ * [Accessibility](https://ej2.syncfusion.com/documentation/multi-select/accessibility): Provided with built-in accessibility support that helps to access all the DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
96
+
97
+ * ListBox
98
+ * **Data binding**: Binds and accesses the list of items from local or server-side data source.
99
+ * **Dual ListBox**: Allows transferring and reordering the list item between two ListBoxes.
100
+ * **Drag and Drop**: Allows drag and drop the list item with the same/multiple ListBox.
101
+ * **Grouping**: Groups the logically related items under a single or specific category.
102
+ * **Templates**: Customizes the list items.
103
+ * **Sorting**: Sorts the list items in alphabetical order (either ascending or descending).
104
+ * **Accessibility**: Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.
105
+
106
+ ## 6. Support
107
+ Product support can be obtained through the following mediums:
108
+ * Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=dropdwon) support system or [Community forum.](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=dropdwon)
109
+ * New [GitHub issue.](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new)
110
+ * Ask your query in Stack Overflow with tag ‘syncfusion’, ‘ej2’.
111
+
112
+
113
+ ## 7. License
114
+ Check the license details [here.](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown)
115
+
116
+ ## 8. Change log
117
+ Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/dropdowns/CHANGELOG.md)
118
+
119
+ © Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.