@syncfusion/ej2-dropdowns 20.2.48 → 20.3.47

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 (362) hide show
  1. package/CHANGELOG.md +14 -28
  2. package/dist/ej2-dropdowns.min.js +10 -0
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +1437 -47
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +1463 -51
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/mention.d.ts +4 -0
  13. package/mention.js +4 -0
  14. package/package.json +12 -12
  15. package/src/auto-complete/auto-complete.js +6 -2
  16. package/src/combo-box/combo-box.js +1 -3
  17. package/src/drop-down-base/drop-down-base.d.ts +2 -0
  18. package/src/drop-down-base/drop-down-base.js +6 -1
  19. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  20. package/src/drop-down-list/drop-down-list.js +33 -21
  21. package/src/index.d.ts +1 -0
  22. package/src/index.js +1 -0
  23. package/src/list-box/list-box.js +16 -11
  24. package/src/mention/index.d.ts +5 -0
  25. package/src/mention/index.js +4 -0
  26. package/src/mention/mention-model.d.ts +285 -0
  27. package/src/mention/mention.d.ts +451 -0
  28. package/src/mention/mention.js +1369 -0
  29. package/src/multi-select/checkbox-selection.js +1 -4
  30. package/src/multi-select/multi-select-model.d.ts +1 -1
  31. package/src/multi-select/multi-select.d.ts +1 -0
  32. package/src/multi-select/multi-select.js +35 -9
  33. package/styles/auto-complete/_all.scss +1 -1
  34. package/styles/auto-complete/_bootstrap-dark-definition.scss +1 -1
  35. package/styles/auto-complete/_bootstrap-definition.scss +1 -1
  36. package/styles/auto-complete/_bootstrap4-definition.scss +2 -2
  37. package/styles/auto-complete/_bootstrap5-definition.scss +1 -1
  38. package/styles/auto-complete/_fabric-dark-definition.scss +1 -1
  39. package/styles/auto-complete/_fabric-definition.scss +1 -1
  40. package/styles/auto-complete/_fluent-definition.scss +1 -1
  41. package/styles/auto-complete/_fusionnew-definition.scss +1 -1
  42. package/styles/auto-complete/_highcontrast-definition.scss +1 -1
  43. package/styles/auto-complete/_highcontrast-light-definition.scss +1 -1
  44. package/styles/auto-complete/_material-dark-definition.scss +1 -1
  45. package/styles/auto-complete/_material-definition.scss +1 -1
  46. package/styles/auto-complete/_material3-definition.scss +1 -1
  47. package/styles/auto-complete/_tailwind-definition.scss +1 -1
  48. package/styles/auto-complete/bootstrap-dark.css +3 -1
  49. package/styles/auto-complete/bootstrap.css +3 -1
  50. package/styles/auto-complete/bootstrap4.css +3 -1
  51. package/styles/auto-complete/bootstrap5-dark.css +3 -1
  52. package/styles/auto-complete/bootstrap5.css +3 -1
  53. package/styles/auto-complete/fabric-dark.css +3 -1
  54. package/styles/auto-complete/fabric.css +3 -1
  55. package/styles/auto-complete/fluent-dark.css +3 -1
  56. package/styles/auto-complete/fluent.css +3 -1
  57. package/styles/auto-complete/highcontrast-light.css +3 -1
  58. package/styles/auto-complete/highcontrast.css +3 -1
  59. package/styles/auto-complete/material-dark.css +3 -1
  60. package/styles/auto-complete/material.css +3 -1
  61. package/styles/auto-complete/tailwind-dark.css +3 -1
  62. package/styles/auto-complete/tailwind.css +3 -1
  63. package/styles/bootstrap-dark.css +94 -42
  64. package/styles/bootstrap-dark.scss +1 -0
  65. package/styles/bootstrap.css +94 -42
  66. package/styles/bootstrap.scss +1 -0
  67. package/styles/bootstrap4.css +95 -42
  68. package/styles/bootstrap4.scss +1 -0
  69. package/styles/bootstrap5-dark.css +101 -44
  70. package/styles/bootstrap5-dark.scss +1 -0
  71. package/styles/bootstrap5.css +101 -44
  72. package/styles/bootstrap5.scss +1 -0
  73. package/styles/combo-box/_all.scss +1 -1
  74. package/styles/combo-box/_bootstrap-dark-definition.scss +1 -1
  75. package/styles/combo-box/_bootstrap-definition.scss +1 -1
  76. package/styles/combo-box/_bootstrap4-definition.scss +2 -2
  77. package/styles/combo-box/_bootstrap5-definition.scss +1 -1
  78. package/styles/combo-box/_fabric-dark-definition.scss +1 -1
  79. package/styles/combo-box/_fabric-definition.scss +1 -1
  80. package/styles/combo-box/_fluent-definition.scss +1 -1
  81. package/styles/combo-box/_fusionnew-definition.scss +1 -1
  82. package/styles/combo-box/_highcontrast-definition.scss +1 -1
  83. package/styles/combo-box/_highcontrast-light-definition.scss +1 -1
  84. package/styles/combo-box/_material-dark-definition.scss +1 -1
  85. package/styles/combo-box/_material-definition.scss +1 -1
  86. package/styles/combo-box/_material3-definition.scss +1 -1
  87. package/styles/combo-box/_tailwind-definition.scss +1 -1
  88. package/styles/combo-box/bootstrap-dark.css +3 -1
  89. package/styles/combo-box/bootstrap.css +3 -1
  90. package/styles/combo-box/bootstrap4.css +3 -1
  91. package/styles/combo-box/bootstrap5-dark.css +3 -1
  92. package/styles/combo-box/bootstrap5.css +3 -1
  93. package/styles/combo-box/fabric-dark.css +3 -1
  94. package/styles/combo-box/fabric.css +3 -1
  95. package/styles/combo-box/fluent-dark.css +3 -1
  96. package/styles/combo-box/fluent.css +3 -1
  97. package/styles/combo-box/highcontrast-light.css +3 -1
  98. package/styles/combo-box/highcontrast.css +3 -1
  99. package/styles/combo-box/material-dark.css +3 -1
  100. package/styles/combo-box/material.css +3 -1
  101. package/styles/combo-box/tailwind-dark.css +3 -1
  102. package/styles/combo-box/tailwind.css +3 -1
  103. package/styles/drop-down-base/_all.scss +1 -1
  104. package/styles/drop-down-base/_bootstrap-dark-definition.scss +8 -2
  105. package/styles/drop-down-base/_bootstrap-definition.scss +6 -1
  106. package/styles/drop-down-base/_bootstrap4-definition.scss +6 -1
  107. package/styles/drop-down-base/_bootstrap5-definition.scss +8 -3
  108. package/styles/drop-down-base/_fabric-dark-definition.scss +6 -1
  109. package/styles/drop-down-base/_fabric-definition.scss +6 -1
  110. package/styles/drop-down-base/_fluent-definition.scss +8 -2
  111. package/styles/drop-down-base/_fusionnew-definition.scss +8 -3
  112. package/styles/drop-down-base/_highcontrast-definition.scss +16 -6
  113. package/styles/drop-down-base/_highcontrast-light-definition.scss +18 -7
  114. package/styles/drop-down-base/_layout.scss +44 -3
  115. package/styles/drop-down-base/_material-dark-definition.scss +7 -1
  116. package/styles/drop-down-base/_material-definition.scss +6 -0
  117. package/styles/drop-down-base/_material3-definition.scss +8 -3
  118. package/styles/drop-down-base/_tailwind-definition.scss +8 -3
  119. package/styles/drop-down-base/_theme.scss +4 -4
  120. package/styles/drop-down-base/bootstrap-dark.css +42 -1
  121. package/styles/drop-down-base/bootstrap.css +42 -1
  122. package/styles/drop-down-base/bootstrap4.css +42 -1
  123. package/styles/drop-down-base/bootstrap5-dark.css +42 -1
  124. package/styles/drop-down-base/bootstrap5.css +42 -1
  125. package/styles/drop-down-base/fabric-dark.css +42 -1
  126. package/styles/drop-down-base/fabric.css +42 -1
  127. package/styles/drop-down-base/fluent-dark.css +42 -1
  128. package/styles/drop-down-base/fluent.css +42 -1
  129. package/styles/drop-down-base/highcontrast-light.css +42 -1
  130. package/styles/drop-down-base/highcontrast.css +42 -1
  131. package/styles/drop-down-base/material-dark.css +42 -1
  132. package/styles/drop-down-base/material.css +42 -1
  133. package/styles/drop-down-base/tailwind-dark.css +42 -1
  134. package/styles/drop-down-base/tailwind.css +42 -1
  135. package/styles/drop-down-list/_all.scss +2 -1
  136. package/styles/drop-down-list/_bootstrap-dark-definition.scss +2 -1
  137. package/styles/drop-down-list/_bootstrap-definition.scss +2 -1
  138. package/styles/drop-down-list/_bootstrap4-definition.scss +3 -1
  139. package/styles/drop-down-list/_bootstrap5-definition.scss +3 -3
  140. package/styles/drop-down-list/_fabric-dark-definition.scss +2 -1
  141. package/styles/drop-down-list/_fabric-definition.scss +2 -0
  142. package/styles/drop-down-list/_fluent-definition.scss +2 -1
  143. package/styles/drop-down-list/_fusionnew-definition.scss +3 -3
  144. package/styles/drop-down-list/_highcontrast-definition.scss +21 -10
  145. package/styles/drop-down-list/_highcontrast-light-definition.scss +22 -11
  146. package/styles/drop-down-list/_layout.scss +8 -9
  147. package/styles/drop-down-list/_material-dark-definition.scss +2 -2
  148. package/styles/drop-down-list/_material-definition.scss +1 -0
  149. package/styles/drop-down-list/_material3-definition.scss +3 -3
  150. package/styles/drop-down-list/_tailwind-definition.scss +1 -0
  151. package/styles/drop-down-list/_theme.scss +3 -3
  152. package/styles/drop-down-list/bootstrap-dark.css +5 -0
  153. package/styles/drop-down-list/bootstrap.css +5 -0
  154. package/styles/drop-down-list/bootstrap4.css +5 -0
  155. package/styles/drop-down-list/bootstrap5-dark.css +6 -0
  156. package/styles/drop-down-list/bootstrap5.css +6 -0
  157. package/styles/drop-down-list/fabric-dark.css +5 -0
  158. package/styles/drop-down-list/fabric.css +5 -0
  159. package/styles/drop-down-list/fluent-dark.css +6 -0
  160. package/styles/drop-down-list/fluent.css +6 -0
  161. package/styles/drop-down-list/highcontrast-light.css +5 -0
  162. package/styles/drop-down-list/highcontrast.css +5 -0
  163. package/styles/drop-down-list/icons/_bootstrap.scss +0 -1
  164. package/styles/drop-down-list/icons/_fabric.scss +0 -1
  165. package/styles/drop-down-list/icons/_material.scss +0 -1
  166. package/styles/drop-down-list/material-dark.css +5 -0
  167. package/styles/drop-down-list/material.css +5 -0
  168. package/styles/drop-down-list/tailwind-dark.css +6 -0
  169. package/styles/drop-down-list/tailwind.css +6 -0
  170. package/styles/drop-down-tree/_all.scss +1 -1
  171. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +1 -1
  172. package/styles/drop-down-tree/_bootstrap-definition.scss +1 -1
  173. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -1
  174. package/styles/drop-down-tree/_bootstrap5-definition.scss +2 -2
  175. package/styles/drop-down-tree/_fabric-dark-definition.scss +1 -1
  176. package/styles/drop-down-tree/_fabric-definition.scss +2 -2
  177. package/styles/drop-down-tree/_fluent-definition.scss +2 -2
  178. package/styles/drop-down-tree/_fusionnew-definition.scss +2 -2
  179. package/styles/drop-down-tree/_highcontrast-definition.scss +1 -1
  180. package/styles/drop-down-tree/_highcontrast-light-definition.scss +1 -1
  181. package/styles/drop-down-tree/_layout.scss +1 -2
  182. package/styles/drop-down-tree/_material-dark-definition.scss +2 -2
  183. package/styles/drop-down-tree/_material-definition.scss +2 -2
  184. package/styles/drop-down-tree/_material3-definition.scss +2 -2
  185. package/styles/drop-down-tree/_tailwind-definition.scss +2 -2
  186. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  187. package/styles/drop-down-tree/bootstrap.css +4 -0
  188. package/styles/drop-down-tree/bootstrap4.css +4 -0
  189. package/styles/drop-down-tree/bootstrap5-dark.css +5 -0
  190. package/styles/drop-down-tree/bootstrap5.css +5 -0
  191. package/styles/drop-down-tree/fabric-dark.css +4 -0
  192. package/styles/drop-down-tree/fabric.css +4 -0
  193. package/styles/drop-down-tree/fluent-dark.css +5 -0
  194. package/styles/drop-down-tree/fluent.css +5 -0
  195. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  196. package/styles/drop-down-tree/highcontrast.css +4 -0
  197. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -1
  198. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -1
  199. package/styles/drop-down-tree/icons/_fabric.scss +0 -1
  200. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -1
  201. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -1
  202. package/styles/drop-down-tree/icons/_material-dark.scss +0 -1
  203. package/styles/drop-down-tree/icons/_material.scss +0 -1
  204. package/styles/drop-down-tree/material-dark.css +4 -0
  205. package/styles/drop-down-tree/material.css +4 -0
  206. package/styles/drop-down-tree/tailwind-dark.css +5 -0
  207. package/styles/drop-down-tree/tailwind.css +5 -0
  208. package/styles/fabric-dark.css +94 -42
  209. package/styles/fabric-dark.scss +1 -0
  210. package/styles/fabric.css +94 -42
  211. package/styles/fabric.scss +1 -0
  212. package/styles/fluent-dark.css +101 -44
  213. package/styles/fluent-dark.scss +1 -0
  214. package/styles/fluent.css +101 -44
  215. package/styles/fluent.scss +1 -0
  216. package/styles/highcontrast-light.css +97 -42
  217. package/styles/highcontrast-light.scss +1 -0
  218. package/styles/highcontrast.css +97 -42
  219. package/styles/highcontrast.scss +1 -0
  220. package/styles/list-box/_all.scss +1 -1
  221. package/styles/list-box/_bootstrap-dark-definition.scss +2 -0
  222. package/styles/list-box/_bootstrap-definition.scss +1 -0
  223. package/styles/list-box/_bootstrap4-definition.scss +1 -0
  224. package/styles/list-box/_bootstrap5-definition.scss +3 -0
  225. package/styles/list-box/_fabric-dark-definition.scss +3 -1
  226. package/styles/list-box/_fabric-definition.scss +1 -0
  227. package/styles/list-box/_fluent-definition.scss +3 -0
  228. package/styles/list-box/_fusionnew-definition.scss +1 -0
  229. package/styles/list-box/_highcontrast-definition.scss +1 -0
  230. package/styles/list-box/_highcontrast-light-definition.scss +3 -1
  231. package/styles/list-box/_layout.scss +8 -17
  232. package/styles/list-box/_material-dark-definition.scss +2 -0
  233. package/styles/list-box/_material-definition.scss +1 -0
  234. package/styles/list-box/_material3-definition.scss +1 -0
  235. package/styles/list-box/_tailwind-definition.scss +3 -0
  236. package/styles/list-box/_theme.scss +11 -25
  237. package/styles/list-box/bootstrap-dark.css +12 -33
  238. package/styles/list-box/bootstrap.css +14 -35
  239. package/styles/list-box/bootstrap4.css +14 -35
  240. package/styles/list-box/bootstrap5-dark.css +15 -36
  241. package/styles/list-box/bootstrap5.css +15 -36
  242. package/styles/list-box/fabric-dark.css +12 -33
  243. package/styles/list-box/fabric.css +14 -35
  244. package/styles/list-box/fluent-dark.css +15 -36
  245. package/styles/list-box/fluent.css +15 -36
  246. package/styles/list-box/highcontrast-light.css +12 -33
  247. package/styles/list-box/highcontrast.css +14 -35
  248. package/styles/list-box/icons/_bootstrap-dark.scss +2 -2
  249. package/styles/list-box/icons/_bootstrap.scss +1 -1
  250. package/styles/list-box/icons/_bootstrap4.scss +1 -1
  251. package/styles/list-box/icons/_bootstrap5.scss +1 -1
  252. package/styles/list-box/icons/_fabric-dark.scss +1 -1
  253. package/styles/list-box/icons/_fabric.scss +1 -1
  254. package/styles/list-box/icons/_fluent.scss +1 -1
  255. package/styles/list-box/icons/_fusionnew.scss +1 -1
  256. package/styles/list-box/icons/_highcontrast-light.scss +1 -1
  257. package/styles/list-box/icons/_highcontrast.scss +1 -1
  258. package/styles/list-box/icons/_material-dark.scss +1 -1
  259. package/styles/list-box/icons/_material.scss +2 -2
  260. package/styles/list-box/icons/_material3.scss +1 -1
  261. package/styles/list-box/icons/_tailwind-dark.scss +1 -1
  262. package/styles/list-box/icons/_tailwind.scss +1 -1
  263. package/styles/list-box/material-dark.css +12 -33
  264. package/styles/list-box/material.css +14 -35
  265. package/styles/list-box/tailwind-dark.css +15 -36
  266. package/styles/list-box/tailwind.css +15 -36
  267. package/styles/material-dark.css +94 -42
  268. package/styles/material-dark.scss +1 -0
  269. package/styles/material.css +94 -42
  270. package/styles/material.scss +1 -0
  271. package/styles/mention/_all.scss +1 -0
  272. package/styles/mention/_bootstrap-dark-definition.scss +3 -0
  273. package/styles/mention/_bootstrap-definition.scss +3 -0
  274. package/styles/mention/_bootstrap4-definition.scss +3 -0
  275. package/styles/mention/_bootstrap5-dark-definition.scss +1 -0
  276. package/styles/mention/_bootstrap5-definition.scss +1 -0
  277. package/styles/mention/_fabric-dark-definition.scss +2 -0
  278. package/styles/mention/_fabric-definition.scss +3 -0
  279. package/styles/mention/_fluent-dark-definition.scss +1 -0
  280. package/styles/mention/_fluent-definition.scss +1 -0
  281. package/styles/mention/_fusionnew-definition.scss +1 -0
  282. package/styles/mention/_highcontrast-definition.scss +3 -0
  283. package/styles/mention/_highcontrast-light-definition.scss +3 -0
  284. package/styles/mention/_layout.scss +6 -0
  285. package/styles/mention/_material-dark-definition.scss +3 -0
  286. package/styles/mention/_material-definition.scss +3 -0
  287. package/styles/mention/_material3-definition.scss +1 -0
  288. package/styles/mention/_tailwind-dark-definition.scss +1 -0
  289. package/styles/mention/_tailwind-definition.scss +1 -0
  290. package/styles/mention/bootstrap-dark.css +29 -0
  291. package/styles/mention/bootstrap-dark.scss +6 -0
  292. package/styles/mention/bootstrap.css +29 -0
  293. package/styles/mention/bootstrap.scss +6 -0
  294. package/styles/mention/bootstrap4.css +47 -0
  295. package/styles/mention/bootstrap4.scss +6 -0
  296. package/styles/mention/bootstrap5-dark.css +58 -0
  297. package/styles/mention/bootstrap5-dark.scss +6 -0
  298. package/styles/mention/bootstrap5.css +58 -0
  299. package/styles/mention/bootstrap5.scss +6 -0
  300. package/styles/mention/fabric-dark.css +29 -0
  301. package/styles/mention/fabric-dark.scss +6 -0
  302. package/styles/mention/fabric.css +29 -0
  303. package/styles/mention/fabric.scss +6 -0
  304. package/styles/mention/fluent-dark.css +58 -0
  305. package/styles/mention/fluent-dark.scss +6 -0
  306. package/styles/mention/fluent.css +58 -0
  307. package/styles/mention/fluent.scss +6 -0
  308. package/styles/mention/highcontrast-light.css +43 -0
  309. package/styles/mention/highcontrast-light.scss +6 -0
  310. package/styles/mention/highcontrast.css +43 -0
  311. package/styles/mention/highcontrast.scss +6 -0
  312. package/styles/mention/material-dark.css +29 -0
  313. package/styles/mention/material-dark.scss +6 -0
  314. package/styles/mention/material.css +29 -0
  315. package/styles/mention/material.scss +6 -0
  316. package/styles/mention/tailwind-dark.css +68 -0
  317. package/styles/mention/tailwind-dark.scss +6 -0
  318. package/styles/mention/tailwind.css +68 -0
  319. package/styles/mention/tailwind.scss +6 -0
  320. package/styles/multi-select/_all.scss +1 -1
  321. package/styles/multi-select/_bootstrap-dark-definition.scss +4 -1
  322. package/styles/multi-select/_bootstrap-definition.scss +2 -0
  323. package/styles/multi-select/_bootstrap4-definition.scss +5 -2
  324. package/styles/multi-select/_bootstrap5-definition.scss +2 -2
  325. package/styles/multi-select/_fabric-dark-definition.scss +5 -3
  326. package/styles/multi-select/_fabric-definition.scss +4 -2
  327. package/styles/multi-select/_fluent-definition.scss +2 -1
  328. package/styles/multi-select/_fusionnew-definition.scss +2 -2
  329. package/styles/multi-select/_highcontrast-definition.scss +47 -24
  330. package/styles/multi-select/_highcontrast-light-definition.scss +48 -25
  331. package/styles/multi-select/_layout.scss +59 -71
  332. package/styles/multi-select/_material-dark-definition.scss +3 -1
  333. package/styles/multi-select/_material-definition.scss +1 -0
  334. package/styles/multi-select/_material3-definition.scss +2 -2
  335. package/styles/multi-select/_tailwind-definition.scss +2 -3
  336. package/styles/multi-select/_theme.scss +16 -21
  337. package/styles/multi-select/bootstrap-dark.css +10 -6
  338. package/styles/multi-select/bootstrap.css +10 -6
  339. package/styles/multi-select/bootstrap4.css +10 -6
  340. package/styles/multi-select/bootstrap5-dark.css +11 -6
  341. package/styles/multi-select/bootstrap5.css +11 -6
  342. package/styles/multi-select/fabric-dark.css +10 -6
  343. package/styles/multi-select/fabric.css +10 -6
  344. package/styles/multi-select/fluent-dark.css +11 -6
  345. package/styles/multi-select/fluent.css +11 -6
  346. package/styles/multi-select/highcontrast-light.css +13 -6
  347. package/styles/multi-select/highcontrast.css +13 -6
  348. package/styles/multi-select/icons/_bootstrap5.scss +0 -1
  349. package/styles/multi-select/icons/_fluent.scss +0 -1
  350. package/styles/multi-select/icons/_fusionnew.scss +0 -1
  351. package/styles/multi-select/icons/_material-dark.scss +53 -54
  352. package/styles/multi-select/icons/_material.scss +53 -54
  353. package/styles/multi-select/icons/_material3.scss +0 -1
  354. package/styles/multi-select/icons/_tailwind.scss +0 -1
  355. package/styles/multi-select/material-dark.css +10 -6
  356. package/styles/multi-select/material.css +10 -6
  357. package/styles/multi-select/tailwind-dark.css +11 -6
  358. package/styles/multi-select/tailwind.css +11 -6
  359. package/styles/tailwind-dark.css +102 -44
  360. package/styles/tailwind-dark.scss +1 -0
  361. package/styles/tailwind.css +102 -44
  362. package/styles/tailwind.scss +1 -0
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.2.48
3
+ * version : 20.3.47
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/mention.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * mention
3
+ */
4
+ export * from './src/mention/index';
package/mention.js ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * mention
3
+ */
4
+ export * from './src/mention/index';
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-dropdowns@*",
3
- "_id": "@syncfusion/ej2-dropdowns@20.2.46",
3
+ "_id": "@syncfusion/ej2-dropdowns@18.51.0",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-H0MyOJ0tnDT7J6f6MGbkNMPeWogMSdAAAtMMh1MM4uD9WcKoyO4KgeY5EzPxaotUR/qwZbEzFCIsDCG9ryN/HA==",
5
+ "_integrity": "sha512-kxXhjbBwf2fWZ+u/3/Il5zx4gzU1XMJIXxn+TN3UuA+qky6sacaCGrNwlqVch4OE5o2x7XXS+KIWqBj1gGN4GQ==",
6
6
  "_location": "/@syncfusion/ej2-dropdowns",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -33,8 +33,8 @@
33
33
  "/@syncfusion/ej2-spreadsheet",
34
34
  "/@syncfusion/ej2-vue-dropdowns"
35
35
  ],
36
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.2.46.tgz",
37
- "_shasum": "8b2a5885e1032e680776a7c6078f7cd3b6304933",
36
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.51.0.tgz",
37
+ "_shasum": "29ee920ce71820aa1c38fcc934692dd51faa7c2d",
38
38
  "_spec": "@syncfusion/ej2-dropdowns@*",
39
39
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
40
40
  "author": {
@@ -42,17 +42,17 @@
42
42
  },
43
43
  "bundleDependencies": false,
44
44
  "dependencies": {
45
- "@syncfusion/ej2-base": "~20.2.48",
46
- "@syncfusion/ej2-data": "~20.2.45",
47
- "@syncfusion/ej2-inputs": "~20.2.48",
48
- "@syncfusion/ej2-lists": "~20.2.46",
49
- "@syncfusion/ej2-navigations": "~20.2.48",
50
- "@syncfusion/ej2-popups": "~20.2.45"
45
+ "@syncfusion/ej2-base": "~20.3.47",
46
+ "@syncfusion/ej2-data": "~20.3.47",
47
+ "@syncfusion/ej2-inputs": "~20.3.47",
48
+ "@syncfusion/ej2-lists": "~20.3.47",
49
+ "@syncfusion/ej2-navigations": "~20.3.47",
50
+ "@syncfusion/ej2-popups": "~20.3.47"
51
51
  },
52
52
  "deprecated": false,
53
53
  "description": "Essential JS 2 DropDown Components",
54
54
  "devDependencies": {},
55
- "es2015": "./dist/es6/ej2-dropdowns.es2015.js",
55
+ "es2015": "./dist/es6/ej2-dropdowns.es5.js",
56
56
  "keywords": [
57
57
  "ej2",
58
58
  "syncfusion",
@@ -72,6 +72,6 @@
72
72
  "module": "./index.js",
73
73
  "name": "@syncfusion/ej2-dropdowns",
74
74
  "typings": "index.d.ts",
75
- "version": "20.2.48",
75
+ "version": "20.3.47",
76
76
  "sideEffects": false
77
77
  }
@@ -21,7 +21,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
21
21
  /// <reference path='../combo-box/combo-box-model.d.ts'/>
22
22
  import { Property, EventHandler, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
23
23
  import { Event, Complex } from '@syncfusion/ej2-base';
24
- import { removeClass, attributes, NotifyPropertyChanges } from '@syncfusion/ej2-base';
24
+ import { removeClass, NotifyPropertyChanges } from '@syncfusion/ej2-base';
25
25
  import { dropDownListClasses } from '../drop-down-list/drop-down-list';
26
26
  import { ComboBox } from '../combo-box/combo-box';
27
27
  import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';
@@ -191,6 +191,7 @@ var AutoComplete = /** @class */ (function (_super) {
191
191
  };
192
192
  AutoComplete.prototype.setSelection = function (li, e) {
193
193
  if (!this.isValidLI(li)) {
194
+ this.selectedLI = li;
194
195
  return;
195
196
  }
196
197
  if (!isNullOrUndefined(e) && e.type === 'keydown' && e.action !== 'enter'
@@ -206,7 +207,6 @@ var AutoComplete = /** @class */ (function (_super) {
206
207
  e.action === 'home' || e.action === 'end' || e.action === 'pageUp' || e.action === 'pageDown');
207
208
  _super.prototype.setAutoFill.call(this, li, isKeyNavigate);
208
209
  }
209
- attributes(this.inputElement, { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
210
210
  }
211
211
  else {
212
212
  _super.prototype.setSelection.call(this, li, e);
@@ -332,6 +332,10 @@ var AutoComplete = /** @class */ (function (_super) {
332
332
  if (this.showPopupButton) {
333
333
  var button = Input.appendSpan(dropDownListClasses.icon, this.inputWrapper.container, this.createElement);
334
334
  this.inputWrapper.buttons[0] = button;
335
+ Input.calculateWidth(this.inputElement, this.inputWrapper.container);
336
+ if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
337
+ this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
338
+ }
335
339
  if (this.inputWrapper && this.inputWrapper.buttons && this.inputWrapper.buttons[0]) {
336
340
  EventHandler.add(this.inputWrapper.buttons[0], 'click', this.dropDownClick, this);
337
341
  }
@@ -178,15 +178,12 @@ var ComboBox = /** @class */ (function (_super) {
178
178
  };
179
179
  ComboBox.prototype.getAriaAttributes = function () {
180
180
  var ariaAttributes = {
181
- 'aria-owns': this.element.id + '_options',
182
181
  'role': 'combobox',
183
182
  'aria-autocomplete': 'both',
184
183
  'aria-labelledby': this.hiddenElement.id,
185
- 'aria-hasPopup': 'true',
186
184
  'aria-expanded': 'false',
187
185
  'aria-readonly': this.readonly.toString(),
188
186
  'autocomplete': 'off',
189
- 'autocorrect': 'off',
190
187
  'autocapitalize': 'off',
191
188
  'spellcheck': 'false'
192
189
  };
@@ -486,6 +483,7 @@ var ComboBox = /** @class */ (function (_super) {
486
483
  this.preventFocus = false;
487
484
  }
488
485
  this.onFocus(e);
486
+ Input.calculateWidth(this.inputElement, this.inputWrapper.container);
489
487
  };
490
488
  ComboBox.prototype.dropDownClick = function (e) {
491
489
  e.preventDefault();
@@ -203,6 +203,8 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
203
203
  }[] | string[] | boolean[] | number[];
204
204
  protected isGroupChecking: boolean;
205
205
  protected itemTemplateId: string;
206
+ protected displayTemplateId: string;
207
+ protected spinnerTemplateId: string;
206
208
  protected valueTemplateId: string;
207
209
  protected groupTemplateId: string;
208
210
  protected headerTemplateId: string;
@@ -61,6 +61,8 @@ export var dropDownBaseClasses = {
61
61
  grouping: 'e-dd-group'
62
62
  };
63
63
  var ITEMTEMPLATE_PROPERTY = 'ItemTemplate';
64
+ var DISPLAYTEMPLATE_PROPERTY = 'DisplayTemplate';
65
+ var SPINNERTEMPLATE_PROPERTY = 'SpinnerTemplate';
64
66
  var VALUETEMPLATE_PROPERTY = 'ValueTemplate';
65
67
  var GROUPTEMPLATE_PROPERTY = 'GroupTemplate';
66
68
  var HEADERTEMPLATE_PROPERTY = 'HeaderTemplate';
@@ -267,6 +269,7 @@ var DropDownBase = /** @class */ (function (_super) {
267
269
  liElem.textContent = content;
268
270
  ele.appendChild(liElem);
269
271
  liElem.classList.add('e-list-nrt');
272
+ liElem.setAttribute('role', 'option');
270
273
  }
271
274
  else {
272
275
  ele.innerHTML = content;
@@ -360,7 +363,7 @@ var DropDownBase = /** @class */ (function (_super) {
360
363
  * @returns {void}
361
364
  */
362
365
  DropDownBase.prototype.updateDataAttribute = function (value) {
363
- var invalidAttr = ['class', 'style', 'id', 'type'];
366
+ var invalidAttr = ['class', 'style', 'id', 'type', 'aria-expanded', 'aria-autocomplete', 'aria-readonly'];
364
367
  var attr = {};
365
368
  for (var a = 0; a < this.element.attributes.length; a++) {
366
369
  if (invalidAttr.indexOf(this.element.attributes[a].name) === -1 &&
@@ -428,6 +431,8 @@ var DropDownBase = /** @class */ (function (_super) {
428
431
  this.isRequested = false;
429
432
  this.isDataFetched = false;
430
433
  this.itemTemplateId = "" + this.element.id + ITEMTEMPLATE_PROPERTY;
434
+ this.displayTemplateId = "" + this.element.id + DISPLAYTEMPLATE_PROPERTY;
435
+ this.spinnerTemplateId = "" + this.element.id + SPINNERTEMPLATE_PROPERTY;
431
436
  this.valueTemplateId = "" + this.element.id + VALUETEMPLATE_PROPERTY;
432
437
  this.groupTemplateId = "" + this.element.id + GROUPTEMPLATE_PROPERTY;
433
438
  this.headerTemplateId = "" + this.element.id + HEADERTEMPLATE_PROPERTY;
@@ -104,6 +104,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
104
104
  protected isListSearched: boolean;
105
105
  protected preventChange: boolean;
106
106
  protected isAngular: boolean;
107
+ protected selectedElementID: string;
107
108
  /**
108
109
  * Sets CSS classes to the root element of the component that allows customization of appearance.
109
110
  *
@@ -255,8 +255,8 @@ var DropDownList = /** @class */ (function (_super) {
255
255
  this.inputWrapper.container.setAttribute('style', this.htmlAttributes[htmlAttr]);
256
256
  }
257
257
  else {
258
- var defaultAttr = ['title', 'id', 'placeholder', 'aria-placeholder',
259
- 'role', 'autocorrect', 'autocomplete', 'autocapitalize', 'spellcheck', 'minlength', 'maxlength'];
258
+ var defaultAttr = ['title', 'id', 'placeholder',
259
+ 'role', 'autocomplete', 'autocapitalize', 'spellcheck', 'minlength', 'maxlength'];
260
260
  var validateAttr = ['name', 'required'];
261
261
  if (this.getModuleName() === 'autocomplete' || this.getModuleName() === 'combobox') {
262
262
  defaultAttr.push('tabindex');
@@ -285,11 +285,8 @@ var DropDownList = /** @class */ (function (_super) {
285
285
  DropDownList.prototype.getAriaAttributes = function () {
286
286
  return {
287
287
  'aria-disabled': 'false',
288
- 'aria-owns': this.element.id + '_options',
289
288
  'role': 'combobox',
290
- 'aria-haspopup': 'true',
291
289
  'aria-expanded': 'false',
292
- 'aria-activedescendant': 'null',
293
290
  'aria-live': 'polite',
294
291
  'aria-labelledby': this.hiddenElement.id
295
292
  };
@@ -1011,10 +1008,6 @@ var DropDownList = /** @class */ (function (_super) {
1011
1008
  if (this.setValue(e)) {
1012
1009
  return;
1013
1010
  }
1014
- attributes(this.targetElement(), { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
1015
- if (this.isFilterLayout() && this.filterInput) {
1016
- attributes(this.filterInput, { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
1017
- }
1018
1011
  if ((!this.isPopupOpen && !isNullOrUndefined(li)) || (this.isPopupOpen && !isNullOrUndefined(e) &&
1019
1012
  (e.type !== 'keydown' || e.type === 'keydown' && e.action === 'enter'))) {
1020
1013
  this.isSelectCustom = false;
@@ -1025,7 +1018,7 @@ var DropDownList = /** @class */ (function (_super) {
1025
1018
  }
1026
1019
  if (Browser.info.name !== 'mozilla') {
1027
1020
  attributes(this.inputElement, { 'aria-label': this.inputElement.value });
1028
- attributes(this.targetElement(), { 'aria-describedby': this.inputElement.id });
1021
+ attributes(this.targetElement(), { 'aria-describedby': this.inputElement.id != '' ? this.inputElement.id : this.element.id });
1029
1022
  this.targetElement().removeAttribute('aria-live');
1030
1023
  }
1031
1024
  };
@@ -1410,11 +1403,8 @@ var DropDownList = /** @class */ (function (_super) {
1410
1403
  prepend([parentElement], popupElement);
1411
1404
  attributes(this.filterInput, {
1412
1405
  'aria-disabled': 'false',
1413
- 'aria-owns': this.element.id + '_options',
1414
- 'role': 'listbox',
1415
- 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null,
1406
+ 'role': 'combobox',
1416
1407
  'autocomplete': 'off',
1417
- 'autocorrect': 'off',
1418
1408
  'autocapitalize': 'off',
1419
1409
  'spellcheck': 'false'
1420
1410
  });
@@ -1531,7 +1521,7 @@ var DropDownList = /** @class */ (function (_super) {
1531
1521
  && ((this.dataSource instanceof DataManager)
1532
1522
  || (!isNullOrUndefined(this.dataSource) && !isNullOrUndefined(this.dataSource.length) &&
1533
1523
  this.dataSource.length !== 0)))) {
1534
- if (this.itemTemplate && this.element.tagName === 'EJS-COMBOBOX' && this.allowFiltering) {
1524
+ if (this.itemTemplate && (this.element.tagName === 'EJS-COMBOBOX' || this.element.tagName === 'EJS-DROPDOWNLIST') && this.allowFiltering) {
1535
1525
  setTimeout(function () {
1536
1526
  _this.updateActionCompleteDataValues(ulElement, list);
1537
1527
  }, 0);
@@ -1715,7 +1705,12 @@ var DropDownList = /** @class */ (function (_super) {
1715
1705
  _this.unWireListEvents();
1716
1706
  _this.wireListEvents();
1717
1707
  }
1718
- attributes(_this.targetElement(), { 'aria-expanded': 'true' });
1708
+ _this.selectedElementID = _this.selectedLI ? _this.selectedLI.id : null;
1709
+ attributes(_this.targetElement(), { 'aria-expanded': 'true', 'aria-owns': _this.inputElement.id + '_options', 'aria-activedescendant': _this.selectedElementID });
1710
+ _this.inputElement.setAttribute('aria-expanded', 'true');
1711
+ if (_this.selectedElementID == null) {
1712
+ _this.targetElement().removeAttribute('aria-activedescendant');
1713
+ }
1719
1714
  var inputParent = _this.isFiltering() ? _this.filterInput.parentElement : _this.inputWrapper.container;
1720
1715
  addClass([inputParent], [dropDownListClasses.inputFocus]);
1721
1716
  var animModel = { name: 'FadeIn', duration: 100 };
@@ -1991,6 +1986,9 @@ var DropDownList = /** @class */ (function (_super) {
1991
1986
  this.filterInput = null;
1992
1987
  }
1993
1988
  attributes(this.targetElement(), { 'aria-expanded': 'false' });
1989
+ this.inputElement.setAttribute('aria-expanded', 'false');
1990
+ this.targetElement().removeAttribute('aria-owns');
1991
+ this.targetElement().removeAttribute('aria-activedescendant');
1994
1992
  this.inputWrapper.container.classList.remove(dropDownListClasses.iconAnimation);
1995
1993
  if (this.isFiltering()) {
1996
1994
  this.actionCompleteData.isUpdated = false;
@@ -2048,6 +2046,7 @@ var DropDownList = /** @class */ (function (_super) {
2048
2046
  if (isNullOrUndefined(this.inputElement.getAttribute('type'))) {
2049
2047
  this.inputElement.setAttribute('type', 'text');
2050
2048
  }
2049
+ this.inputElement.setAttribute('aria-expanded', 'false');
2051
2050
  }
2052
2051
  else {
2053
2052
  this.inputElement = this.createElement('input', { attrs: { role: 'combobox', type: 'text' } });
@@ -2089,6 +2088,10 @@ var DropDownList = /** @class */ (function (_super) {
2089
2088
  this.setFields();
2090
2089
  this.inputWrapper.container.style.width = formatUnit(this.width);
2091
2090
  this.inputWrapper.container.classList.add('e-ddl');
2091
+ Input.calculateWidth(this.inputElement, this.inputWrapper.container);
2092
+ if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && this.inputWrapper.container.getElementsByClassName('e-float-text-content')[0] && this.floatLabelType !== 'Never') {
2093
+ this.inputWrapper.container.getElementsByClassName('e-float-text-content')[0].classList.add('e-icon');
2094
+ }
2092
2095
  this.wireEvent();
2093
2096
  this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
2094
2097
  this.element.removeAttribute('tabindex');
@@ -2282,6 +2285,7 @@ var DropDownList = /** @class */ (function (_super) {
2282
2285
  break;
2283
2286
  case 'width':
2284
2287
  this_1.setEleWidth(newProp.width);
2288
+ Input.calculateWidth(this_1.inputElement, this_1.inputWrapper.container);
2285
2289
  break;
2286
2290
  case 'placeholder':
2287
2291
  Input.setPlaceholder(newProp.placeholder, this_1.inputElement);
@@ -2299,6 +2303,7 @@ var DropDownList = /** @class */ (function (_super) {
2299
2303
  break;
2300
2304
  case 'cssClass':
2301
2305
  this_1.setCssClass(newProp.cssClass, oldProp.cssClass);
2306
+ Input.calculateWidth(this_1.inputElement, this_1.inputWrapper.container);
2302
2307
  break;
2303
2308
  case 'enableRtl':
2304
2309
  this_1.setEnableRtl();
@@ -2445,6 +2450,9 @@ var DropDownList = /** @class */ (function (_super) {
2445
2450
  case 'floatLabelType':
2446
2451
  Input.removeFloating(this_1.inputWrapper);
2447
2452
  Input.addFloating(this_1.inputElement, newProp.floatLabelType, this_1.placeholder, this_1.createElement);
2453
+ if (!isNullOrUndefined(this_1.inputWrapper.buttons[0]) && this_1.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0] && this_1.floatLabelType !== 'Never') {
2454
+ this_1.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
2455
+ }
2448
2456
  break;
2449
2457
  case 'showClearButton':
2450
2458
  Input.setClearButton(newProp.showClearButton, this_1.inputElement, this_1.inputWrapper, null, this_1.createElement);
@@ -2568,7 +2576,10 @@ var DropDownList = /** @class */ (function (_super) {
2568
2576
  if (!isNullOrUndefined(this.list.children[0]) || this.list.classList.contains(dropDownBaseClasses.noData)) {
2569
2577
  this.renderPopup(e);
2570
2578
  }
2571
- attributes(this.targetElement(), { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
2579
+ attributes(this.targetElement(), { 'aria-activedescendant': this.selectedElementID });
2580
+ if (this.selectedElementID == null) {
2581
+ this.targetElement().removeAttribute('aria-activedescendant');
2582
+ }
2572
2583
  };
2573
2584
  DropDownList.prototype.renderHightSearch = function () {
2574
2585
  // update high light search
@@ -2632,6 +2643,7 @@ var DropDownList = /** @class */ (function (_super) {
2632
2643
  }
2633
2644
  addClass([this.inputWrapper.container], [dropDownListClasses.inputFocus]);
2634
2645
  this.onFocus(e);
2646
+ Input.calculateWidth(this.inputElement, this.inputWrapper.container);
2635
2647
  };
2636
2648
  /**
2637
2649
  * Moves the focus from the component if the component is already focused.
@@ -2649,6 +2661,7 @@ var DropDownList = /** @class */ (function (_super) {
2649
2661
  this.targetElement().blur();
2650
2662
  }
2651
2663
  removeClass([this.inputWrapper.container], [dropDownListClasses.inputFocus]);
2664
+ Input.calculateWidth(this.inputElement, this.inputWrapper.container);
2652
2665
  };
2653
2666
  /**
2654
2667
  * Removes the component from the DOM and detaches all its related event handlers. Also it removes the attributes and classes.
@@ -2672,10 +2685,9 @@ var DropDownList = /** @class */ (function (_super) {
2672
2685
  return;
2673
2686
  }
2674
2687
  if (this.inputElement) {
2675
- var attrArray = ['readonly', 'aria-disabled', 'aria-placeholder',
2676
- 'placeholder', 'aria-owns', 'aria-labelledby', 'aria-haspopup', 'aria-expanded',
2677
- 'aria-activedescendant', 'autocomplete', 'aria-readonly', 'autocorrect',
2678
- 'autocapitalize', 'spellcheck', 'aria-autocomplete', 'aria-live', 'aria-describedby', 'aria-label'];
2688
+ var attrArray = ['readonly', 'aria-disabled', 'placeholder', 'aria-labelledby',
2689
+ 'aria-expanded', 'autocomplete', 'aria-readonly', 'autocapitalize',
2690
+ 'spellcheck', 'aria-autocomplete', 'aria-live', 'aria-describedby', 'aria-label'];
2679
2691
  for (var i = 0; i < attrArray.length; i++) {
2680
2692
  this.inputElement.removeAttribute(attrArray[i]);
2681
2693
  }
package/src/index.d.ts CHANGED
@@ -9,3 +9,4 @@ export * from './combo-box/index';
9
9
  export * from './auto-complete/index';
10
10
  export * from './multi-select/index';
11
11
  export * from './list-box/index';
12
+ export * from './mention/index';
package/src/index.js CHANGED
@@ -9,3 +9,4 @@ export * from './combo-box/index';
9
9
  export * from './auto-complete/index';
10
10
  export * from './multi-select/index';
11
11
  export * from './list-box/index';
12
+ export * from './mention/index';
@@ -164,7 +164,7 @@ var ListBox = /** @class */ (function (_super) {
164
164
  removeClass([this.list], [dropDownBaseClasses.content, dropDownBaseClasses.root]);
165
165
  this.validationAttribute(this.element, hiddenSelect);
166
166
  this.list.setAttribute('role', 'listbox');
167
- attributes(this.list, { 'role': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
167
+ attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
168
168
  this.updateSelectionSettings();
169
169
  };
170
170
  ListBox.prototype.updateSelectionSettings = function () {
@@ -560,10 +560,10 @@ var ListBox = /** @class */ (function (_super) {
560
560
  sortedData.splice(destIdx, 0, droppedData);
561
561
  liColl.splice(destIdx, 0, fLiColl_1.splice(srcIdx, 1)[0]);
562
562
  if (!value) {
563
- var liCollElem = _this.getItems();
564
- for (var i = 0; i < liCollElem.length; i++) {
565
- if (liCollElem[i].getAttribute('data-value') === null && liCollElem[i].classList.contains('e-list-item')) {
566
- li_1 = liCollElem[i];
563
+ var liCollElem_1 = _this.getItems();
564
+ for (var i = 0; i < liCollElem_1.length; i++) {
565
+ if (liCollElem_1[i].getAttribute('data-value') === null && liCollElem_1[i].classList.contains('e-list-item')) {
566
+ li_1 = liCollElem_1[i];
567
567
  break;
568
568
  }
569
569
  }
@@ -613,6 +613,12 @@ var ListBox = /** @class */ (function (_super) {
613
613
  dragArgs = extend(dragArgs, { destination: dragArgs1 });
614
614
  }
615
615
  this.trigger('drop', dragArgs);
616
+ var liCollElem = dragArgs.elements;
617
+ if (liCollElem.length) {
618
+ for (var i = 0; i < liCollElem.length; i++) {
619
+ liCollElem[i].classList.remove('e-grabbed');
620
+ }
621
+ }
616
622
  };
617
623
  ListBox.prototype.updateListItems = function (sourceElem, destElem) {
618
624
  var i = 0;
@@ -1612,15 +1618,14 @@ var ListBox = /** @class */ (function (_super) {
1612
1618
  };
1613
1619
  ListBox.prototype.getGrabbedItems = function () {
1614
1620
  for (var i = 0; i < this.value.length; i++) {
1615
- if (this.value[i] === this.dragValue) {
1616
- var liColl = this.list.querySelectorAll('[aria-selected="true"]');
1617
- for (var i_1 = 0; i_1 < liColl.length; i_1++) {
1618
- liColl[i_1].classList.add('e-grabbed');
1621
+ var liColl = this.list.querySelectorAll('[aria-selected="true"]');
1622
+ for (var j = 0; j < liColl.length; j++) {
1623
+ if (this.value[i] === liColl[j].textContent) {
1624
+ liColl[j].classList.add('e-grabbed');
1619
1625
  }
1620
- break;
1621
1626
  }
1622
1627
  }
1623
- var elems = Array.prototype.slice.call(this.element.querySelectorAll('.e-grabbed'));
1628
+ var elems = Array.prototype.slice.call(this.element.nextElementSibling.querySelectorAll('.e-grabbed'));
1624
1629
  return elems;
1625
1630
  };
1626
1631
  ListBox.prototype.getDragArgs = function (args, isDragEnd) {
@@ -0,0 +1,5 @@
1
+ /**
2
+ * export all modules from current location
3
+ */
4
+ export * from './mention';
5
+ export * from './mention-model';
@@ -0,0 +1,4 @@
1
+ /**
2
+ * export all modules from current location
3
+ */
4
+ export * from './mention';