@syncfusion/ej2-dropdowns 20.2.39 → 20.2.43-1234

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 (381) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +123 -2
  3. package/GitLeaksReport.json +1 -0
  4. package/{README.md → ReadMe.md} +1 -1
  5. package/dist/ej2-dropdowns.min.js +1 -0
  6. package/dist/ej2-dropdowns.umd.min.js +1 -10
  7. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es2015.js +2260 -446
  9. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  10. package/dist/es6/ej2-dropdowns.es5.js +2303 -459
  11. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  12. package/dist/global/ej2-dropdowns.min.js +1 -10
  13. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  14. package/dist/global/index.d.ts +0 -9
  15. package/gitleaks-ci/gitleaks +0 -0
  16. package/gitleaks-ci.tar.gz +0 -0
  17. package/mention.d.ts +4 -0
  18. package/mention.js +4 -0
  19. package/package.json +76 -76
  20. package/src/auto-complete/auto-complete-model.d.ts +12 -11
  21. package/src/auto-complete/auto-complete.d.ts +20 -18
  22. package/src/auto-complete/auto-complete.js +67 -37
  23. package/src/combo-box/combo-box-model.d.ts +17 -17
  24. package/src/combo-box/combo-box.d.ts +33 -33
  25. package/src/combo-box/combo-box.js +33 -29
  26. package/src/common/incremental-search.d.ts +3 -4
  27. package/src/common/incremental-search.js +22 -7
  28. package/src/drop-down-base/drop-down-base-model.d.ts +13 -31
  29. package/src/drop-down-base/drop-down-base.d.ts +22 -41
  30. package/src/drop-down-base/drop-down-base.js +75 -59
  31. package/src/drop-down-list/drop-down-list-model.d.ts +19 -1
  32. package/src/drop-down-list/drop-down-list.d.ts +35 -11
  33. package/src/drop-down-list/drop-down-list.js +196 -90
  34. package/src/drop-down-tree/drop-down-tree-model.d.ts +16 -2
  35. package/src/drop-down-tree/drop-down-tree.d.ts +15 -1
  36. package/src/drop-down-tree/drop-down-tree.js +51 -15
  37. package/src/index.d.ts +1 -0
  38. package/src/index.js +1 -0
  39. package/src/list-box/list-box-model.d.ts +18 -0
  40. package/src/list-box/list-box.d.ts +22 -0
  41. package/src/list-box/list-box.js +86 -31
  42. package/src/mention/index.d.ts +5 -0
  43. package/src/mention/index.js +4 -0
  44. package/src/mention/mention-model.d.ts +285 -0
  45. package/src/mention/mention.d.ts +457 -0
  46. package/src/mention/mention.js +1465 -0
  47. package/src/multi-select/checkbox-selection.js +11 -12
  48. package/src/multi-select/float-label.js +4 -2
  49. package/src/multi-select/multi-select-model.d.ts +1 -1
  50. package/src/multi-select/multi-select.d.ts +10 -5
  51. package/src/multi-select/multi-select.js +313 -189
  52. package/styles/auto-complete/_all.scss +1 -1
  53. package/styles/auto-complete/_bootstrap-dark-definition.scss +1 -1
  54. package/styles/auto-complete/_bootstrap-definition.scss +1 -1
  55. package/styles/auto-complete/_bootstrap4-definition.scss +2 -2
  56. package/styles/auto-complete/_bootstrap5-definition.scss +1 -1
  57. package/styles/auto-complete/_fabric-dark-definition.scss +1 -1
  58. package/styles/auto-complete/_fabric-definition.scss +1 -1
  59. package/styles/auto-complete/_fluent-definition.scss +1 -1
  60. package/styles/auto-complete/_fusionnew-definition.scss +1 -1
  61. package/styles/auto-complete/_highcontrast-definition.scss +1 -1
  62. package/styles/auto-complete/_highcontrast-light-definition.scss +1 -1
  63. package/styles/auto-complete/_material-dark-definition.scss +1 -1
  64. package/styles/auto-complete/_material-definition.scss +1 -1
  65. package/styles/auto-complete/_material3-definition.scss +1 -1
  66. package/styles/auto-complete/_tailwind-definition.scss +1 -1
  67. package/styles/auto-complete/bootstrap-dark.css +3 -1
  68. package/styles/auto-complete/bootstrap.css +3 -1
  69. package/styles/auto-complete/bootstrap4.css +3 -1
  70. package/styles/auto-complete/bootstrap5-dark.css +3 -1
  71. package/styles/auto-complete/bootstrap5.css +3 -1
  72. package/styles/auto-complete/fabric-dark.css +3 -1
  73. package/styles/auto-complete/fabric.css +3 -1
  74. package/styles/auto-complete/fluent-dark.css +3 -1
  75. package/styles/auto-complete/fluent.css +3 -1
  76. package/styles/auto-complete/highcontrast-light.css +3 -1
  77. package/styles/auto-complete/highcontrast.css +3 -1
  78. package/styles/auto-complete/material-dark.css +3 -1
  79. package/styles/auto-complete/material.css +3 -1
  80. package/styles/auto-complete/tailwind-dark.css +3 -1
  81. package/styles/auto-complete/tailwind.css +3 -1
  82. package/styles/bootstrap-dark.css +121 -44
  83. package/styles/bootstrap-dark.scss +1 -0
  84. package/styles/bootstrap.css +121 -44
  85. package/styles/bootstrap.scss +1 -0
  86. package/styles/bootstrap4.css +134 -55
  87. package/styles/bootstrap4.scss +1 -0
  88. package/styles/bootstrap5-dark.css +135 -50
  89. package/styles/bootstrap5-dark.scss +1 -0
  90. package/styles/bootstrap5.css +135 -50
  91. package/styles/bootstrap5.scss +1 -0
  92. package/styles/combo-box/_all.scss +1 -1
  93. package/styles/combo-box/_bootstrap-dark-definition.scss +1 -1
  94. package/styles/combo-box/_bootstrap-definition.scss +1 -1
  95. package/styles/combo-box/_bootstrap4-definition.scss +2 -2
  96. package/styles/combo-box/_bootstrap5-definition.scss +1 -1
  97. package/styles/combo-box/_fabric-dark-definition.scss +1 -1
  98. package/styles/combo-box/_fabric-definition.scss +1 -1
  99. package/styles/combo-box/_fluent-definition.scss +1 -1
  100. package/styles/combo-box/_fusionnew-definition.scss +1 -1
  101. package/styles/combo-box/_highcontrast-definition.scss +1 -1
  102. package/styles/combo-box/_highcontrast-light-definition.scss +1 -1
  103. package/styles/combo-box/_material-dark-definition.scss +1 -1
  104. package/styles/combo-box/_material-definition.scss +1 -1
  105. package/styles/combo-box/_material3-definition.scss +1 -1
  106. package/styles/combo-box/_tailwind-definition.scss +1 -1
  107. package/styles/combo-box/bootstrap-dark.css +3 -1
  108. package/styles/combo-box/bootstrap.css +3 -1
  109. package/styles/combo-box/bootstrap4.css +3 -1
  110. package/styles/combo-box/bootstrap5-dark.css +3 -1
  111. package/styles/combo-box/bootstrap5.css +3 -1
  112. package/styles/combo-box/fabric-dark.css +3 -1
  113. package/styles/combo-box/fabric.css +3 -1
  114. package/styles/combo-box/fluent-dark.css +3 -1
  115. package/styles/combo-box/fluent.css +3 -1
  116. package/styles/combo-box/highcontrast-light.css +3 -1
  117. package/styles/combo-box/highcontrast.css +3 -1
  118. package/styles/combo-box/material-dark.css +3 -1
  119. package/styles/combo-box/material.css +3 -1
  120. package/styles/combo-box/tailwind-dark.css +3 -1
  121. package/styles/combo-box/tailwind.css +3 -1
  122. package/styles/drop-down-base/_all.scss +1 -1
  123. package/styles/drop-down-base/_bootstrap-dark-definition.scss +9 -2
  124. package/styles/drop-down-base/_bootstrap-definition.scss +7 -1
  125. package/styles/drop-down-base/_bootstrap4-definition.scss +7 -1
  126. package/styles/drop-down-base/_bootstrap5-definition.scss +9 -3
  127. package/styles/drop-down-base/_fabric-dark-definition.scss +7 -1
  128. package/styles/drop-down-base/_fabric-definition.scss +7 -1
  129. package/styles/drop-down-base/_fluent-definition.scss +9 -2
  130. package/styles/drop-down-base/_fusionnew-definition.scss +9 -3
  131. package/styles/drop-down-base/_highcontrast-definition.scss +17 -6
  132. package/styles/drop-down-base/_highcontrast-light-definition.scss +19 -7
  133. package/styles/drop-down-base/_layout.scss +44 -3
  134. package/styles/drop-down-base/_material-dark-definition.scss +8 -1
  135. package/styles/drop-down-base/_material-definition.scss +7 -0
  136. package/styles/drop-down-base/_material3-definition.scss +9 -3
  137. package/styles/drop-down-base/_tailwind-definition.scss +9 -3
  138. package/styles/drop-down-base/_theme.scss +4 -4
  139. package/styles/drop-down-base/bootstrap-dark.css +42 -1
  140. package/styles/drop-down-base/bootstrap.css +42 -1
  141. package/styles/drop-down-base/bootstrap4.css +42 -1
  142. package/styles/drop-down-base/bootstrap5-dark.css +42 -1
  143. package/styles/drop-down-base/bootstrap5.css +42 -1
  144. package/styles/drop-down-base/fabric-dark.css +42 -1
  145. package/styles/drop-down-base/fabric.css +42 -1
  146. package/styles/drop-down-base/fluent-dark.css +42 -1
  147. package/styles/drop-down-base/fluent.css +42 -1
  148. package/styles/drop-down-base/highcontrast-light.css +42 -1
  149. package/styles/drop-down-base/highcontrast.css +42 -1
  150. package/styles/drop-down-base/material-dark.css +42 -1
  151. package/styles/drop-down-base/material.css +42 -1
  152. package/styles/drop-down-base/tailwind-dark.css +42 -1
  153. package/styles/drop-down-base/tailwind.css +42 -1
  154. package/styles/drop-down-list/_all.scss +2 -1
  155. package/styles/drop-down-list/_bootstrap-dark-definition.scss +2 -1
  156. package/styles/drop-down-list/_bootstrap-definition.scss +2 -1
  157. package/styles/drop-down-list/_bootstrap4-definition.scss +3 -1
  158. package/styles/drop-down-list/_bootstrap5-definition.scss +3 -3
  159. package/styles/drop-down-list/_fabric-dark-definition.scss +2 -1
  160. package/styles/drop-down-list/_fabric-definition.scss +2 -0
  161. package/styles/drop-down-list/_fluent-definition.scss +2 -1
  162. package/styles/drop-down-list/_fusionnew-definition.scss +3 -3
  163. package/styles/drop-down-list/_highcontrast-definition.scss +21 -10
  164. package/styles/drop-down-list/_highcontrast-light-definition.scss +22 -11
  165. package/styles/drop-down-list/_layout.scss +11 -9
  166. package/styles/drop-down-list/_material-dark-definition.scss +2 -2
  167. package/styles/drop-down-list/_material-definition.scss +1 -0
  168. package/styles/drop-down-list/_material3-definition.scss +3 -3
  169. package/styles/drop-down-list/_tailwind-definition.scss +1 -0
  170. package/styles/drop-down-list/_theme.scss +3 -3
  171. package/styles/drop-down-list/bootstrap-dark.css +8 -0
  172. package/styles/drop-down-list/bootstrap.css +8 -0
  173. package/styles/drop-down-list/bootstrap4.css +8 -0
  174. package/styles/drop-down-list/bootstrap5-dark.css +9 -0
  175. package/styles/drop-down-list/bootstrap5.css +9 -0
  176. package/styles/drop-down-list/fabric-dark.css +8 -0
  177. package/styles/drop-down-list/fabric.css +8 -0
  178. package/styles/drop-down-list/fluent-dark.css +9 -0
  179. package/styles/drop-down-list/fluent.css +9 -0
  180. package/styles/drop-down-list/highcontrast-light.css +8 -0
  181. package/styles/drop-down-list/highcontrast.css +8 -0
  182. package/styles/drop-down-list/icons/_bootstrap.scss +0 -1
  183. package/styles/drop-down-list/icons/_fabric.scss +0 -1
  184. package/styles/drop-down-list/icons/_material.scss +0 -1
  185. package/styles/drop-down-list/material-dark.css +8 -0
  186. package/styles/drop-down-list/material.css +8 -0
  187. package/styles/drop-down-list/tailwind-dark.css +9 -0
  188. package/styles/drop-down-list/tailwind.css +9 -0
  189. package/styles/drop-down-tree/_all.scss +1 -1
  190. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +1 -1
  191. package/styles/drop-down-tree/_bootstrap-definition.scss +1 -1
  192. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -1
  193. package/styles/drop-down-tree/_bootstrap5-definition.scss +2 -2
  194. package/styles/drop-down-tree/_fabric-dark-definition.scss +1 -1
  195. package/styles/drop-down-tree/_fabric-definition.scss +2 -2
  196. package/styles/drop-down-tree/_fluent-definition.scss +2 -2
  197. package/styles/drop-down-tree/_fusionnew-definition.scss +2 -2
  198. package/styles/drop-down-tree/_highcontrast-definition.scss +1 -1
  199. package/styles/drop-down-tree/_highcontrast-light-definition.scss +1 -1
  200. package/styles/drop-down-tree/_layout.scss +10 -3
  201. package/styles/drop-down-tree/_material-dark-definition.scss +2 -2
  202. package/styles/drop-down-tree/_material-definition.scss +2 -2
  203. package/styles/drop-down-tree/_material3-definition.scss +2 -2
  204. package/styles/drop-down-tree/_tailwind-definition.scss +2 -2
  205. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  206. package/styles/drop-down-tree/bootstrap.css +4 -0
  207. package/styles/drop-down-tree/bootstrap4.css +4 -0
  208. package/styles/drop-down-tree/bootstrap5-dark.css +9 -1
  209. package/styles/drop-down-tree/bootstrap5.css +9 -1
  210. package/styles/drop-down-tree/fabric-dark.css +4 -0
  211. package/styles/drop-down-tree/fabric.css +4 -0
  212. package/styles/drop-down-tree/fluent-dark.css +5 -0
  213. package/styles/drop-down-tree/fluent.css +5 -0
  214. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  215. package/styles/drop-down-tree/highcontrast.css +4 -0
  216. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -1
  217. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -1
  218. package/styles/drop-down-tree/icons/_fabric.scss +0 -1
  219. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -1
  220. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -1
  221. package/styles/drop-down-tree/icons/_material-dark.scss +0 -1
  222. package/styles/drop-down-tree/icons/_material.scss +0 -1
  223. package/styles/drop-down-tree/material-dark.css +4 -0
  224. package/styles/drop-down-tree/material.css +4 -0
  225. package/styles/drop-down-tree/tailwind-dark.css +5 -0
  226. package/styles/drop-down-tree/tailwind.css +5 -0
  227. package/styles/fabric-dark.css +129 -52
  228. package/styles/fabric-dark.scss +1 -0
  229. package/styles/fabric.css +129 -52
  230. package/styles/fabric.scss +1 -0
  231. package/styles/fluent-dark.css +129 -47
  232. package/styles/fluent-dark.scss +1 -0
  233. package/styles/fluent.css +129 -47
  234. package/styles/fluent.scss +1 -0
  235. package/styles/highcontrast-light.css +124 -44
  236. package/styles/highcontrast-light.scss +1 -0
  237. package/styles/highcontrast.css +133 -53
  238. package/styles/highcontrast.scss +1 -0
  239. package/styles/list-box/_all.scss +1 -1
  240. package/styles/list-box/_bootstrap-dark-definition.scss +2 -0
  241. package/styles/list-box/_bootstrap-definition.scss +1 -0
  242. package/styles/list-box/_bootstrap4-definition.scss +1 -0
  243. package/styles/list-box/_bootstrap5-definition.scss +3 -0
  244. package/styles/list-box/_fabric-dark-definition.scss +3 -1
  245. package/styles/list-box/_fabric-definition.scss +1 -0
  246. package/styles/list-box/_fluent-definition.scss +3 -0
  247. package/styles/list-box/_fusionnew-definition.scss +1 -0
  248. package/styles/list-box/_highcontrast-definition.scss +1 -0
  249. package/styles/list-box/_highcontrast-light-definition.scss +3 -1
  250. package/styles/list-box/_layout.scss +8 -17
  251. package/styles/list-box/_material-dark-definition.scss +2 -0
  252. package/styles/list-box/_material-definition.scss +1 -0
  253. package/styles/list-box/_material3-definition.scss +1 -0
  254. package/styles/list-box/_tailwind-definition.scss +3 -0
  255. package/styles/list-box/_theme.scss +11 -25
  256. package/styles/list-box/bootstrap-dark.css +12 -33
  257. package/styles/list-box/bootstrap.css +14 -35
  258. package/styles/list-box/bootstrap4.css +14 -35
  259. package/styles/list-box/bootstrap5-dark.css +15 -36
  260. package/styles/list-box/bootstrap5.css +15 -36
  261. package/styles/list-box/fabric-dark.css +12 -33
  262. package/styles/list-box/fabric.css +14 -35
  263. package/styles/list-box/fluent-dark.css +15 -36
  264. package/styles/list-box/fluent.css +15 -36
  265. package/styles/list-box/highcontrast-light.css +12 -33
  266. package/styles/list-box/highcontrast.css +14 -35
  267. package/styles/list-box/icons/_bootstrap-dark.scss +2 -2
  268. package/styles/list-box/icons/_bootstrap.scss +1 -1
  269. package/styles/list-box/icons/_bootstrap4.scss +1 -1
  270. package/styles/list-box/icons/_bootstrap5.scss +1 -1
  271. package/styles/list-box/icons/_fabric-dark.scss +1 -1
  272. package/styles/list-box/icons/_fabric.scss +1 -1
  273. package/styles/list-box/icons/_fluent.scss +1 -1
  274. package/styles/list-box/icons/_fusionnew.scss +1 -1
  275. package/styles/list-box/icons/_highcontrast-light.scss +1 -1
  276. package/styles/list-box/icons/_highcontrast.scss +1 -1
  277. package/styles/list-box/icons/_material-dark.scss +1 -1
  278. package/styles/list-box/icons/_material.scss +2 -2
  279. package/styles/list-box/icons/_material3.scss +1 -1
  280. package/styles/list-box/icons/_tailwind-dark.scss +1 -1
  281. package/styles/list-box/icons/_tailwind.scss +1 -1
  282. package/styles/list-box/material-dark.css +12 -33
  283. package/styles/list-box/material.css +14 -35
  284. package/styles/list-box/tailwind-dark.css +15 -36
  285. package/styles/list-box/tailwind.css +15 -36
  286. package/styles/material-dark.css +120 -43
  287. package/styles/material-dark.scss +1 -0
  288. package/styles/material.css +120 -43
  289. package/styles/material.scss +1 -0
  290. package/styles/mention/_all.scss +1 -0
  291. package/styles/mention/_bootstrap-dark-definition.scss +3 -0
  292. package/styles/mention/_bootstrap-definition.scss +3 -0
  293. package/styles/mention/_bootstrap4-definition.scss +3 -0
  294. package/styles/mention/_bootstrap5-dark-definition.scss +1 -0
  295. package/styles/mention/_bootstrap5-definition.scss +1 -0
  296. package/styles/mention/_fabric-dark-definition.scss +2 -0
  297. package/styles/mention/_fabric-definition.scss +3 -0
  298. package/styles/mention/_fluent-dark-definition.scss +1 -0
  299. package/styles/mention/_fluent-definition.scss +1 -0
  300. package/styles/mention/_fusionnew-definition.scss +1 -0
  301. package/styles/mention/_highcontrast-definition.scss +3 -0
  302. package/styles/mention/_highcontrast-light-definition.scss +3 -0
  303. package/styles/mention/_layout.scss +6 -0
  304. package/styles/mention/_material-dark-definition.scss +3 -0
  305. package/styles/mention/_material-definition.scss +3 -0
  306. package/styles/mention/_material3-definition.scss +1 -0
  307. package/styles/mention/_tailwind-dark-definition.scss +1 -0
  308. package/styles/mention/_tailwind-definition.scss +1 -0
  309. package/styles/mention/bootstrap-dark.css +29 -0
  310. package/styles/mention/bootstrap-dark.scss +6 -0
  311. package/styles/mention/bootstrap.css +29 -0
  312. package/styles/mention/bootstrap.scss +6 -0
  313. package/styles/mention/bootstrap4.css +47 -0
  314. package/styles/mention/bootstrap4.scss +6 -0
  315. package/styles/mention/bootstrap5-dark.css +58 -0
  316. package/styles/mention/bootstrap5-dark.scss +6 -0
  317. package/styles/mention/bootstrap5.css +58 -0
  318. package/styles/mention/bootstrap5.scss +6 -0
  319. package/styles/mention/fabric-dark.css +29 -0
  320. package/styles/mention/fabric-dark.scss +6 -0
  321. package/styles/mention/fabric.css +29 -0
  322. package/styles/mention/fabric.scss +6 -0
  323. package/styles/mention/fluent-dark.css +58 -0
  324. package/styles/mention/fluent-dark.scss +6 -0
  325. package/styles/mention/fluent.css +58 -0
  326. package/styles/mention/fluent.scss +6 -0
  327. package/styles/mention/highcontrast-light.css +43 -0
  328. package/styles/mention/highcontrast-light.scss +6 -0
  329. package/styles/mention/highcontrast.css +43 -0
  330. package/styles/mention/highcontrast.scss +6 -0
  331. package/styles/mention/material-dark.css +29 -0
  332. package/styles/mention/material-dark.scss +6 -0
  333. package/styles/mention/material.css +29 -0
  334. package/styles/mention/material.scss +6 -0
  335. package/styles/mention/tailwind-dark.css +68 -0
  336. package/styles/mention/tailwind-dark.scss +6 -0
  337. package/styles/mention/tailwind.css +68 -0
  338. package/styles/mention/tailwind.scss +6 -0
  339. package/styles/multi-select/_all.scss +1 -1
  340. package/styles/multi-select/_bootstrap-dark-definition.scss +11 -1
  341. package/styles/multi-select/_bootstrap-definition.scss +9 -0
  342. package/styles/multi-select/_bootstrap4-definition.scss +20 -9
  343. package/styles/multi-select/_bootstrap5-definition.scss +11 -3
  344. package/styles/multi-select/_fabric-dark-definition.scss +16 -7
  345. package/styles/multi-select/_fabric-definition.scss +15 -6
  346. package/styles/multi-select/_fluent-definition.scss +11 -2
  347. package/styles/multi-select/_fusionnew-definition.scss +10 -2
  348. package/styles/multi-select/_highcontrast-definition.scss +59 -29
  349. package/styles/multi-select/_highcontrast-light-definition.scss +55 -25
  350. package/styles/multi-select/_layout.scss +91 -78
  351. package/styles/multi-select/_material-dark-definition.scss +10 -1
  352. package/styles/multi-select/_material-definition.scss +8 -0
  353. package/styles/multi-select/_material3-definition.scss +9 -2
  354. package/styles/multi-select/_tailwind-definition.scss +11 -4
  355. package/styles/multi-select/_theme.scss +20 -21
  356. package/styles/multi-select/bootstrap-dark.css +34 -8
  357. package/styles/multi-select/bootstrap.css +34 -8
  358. package/styles/multi-select/bootstrap4.css +46 -19
  359. package/styles/multi-select/bootstrap5-dark.css +38 -11
  360. package/styles/multi-select/bootstrap5.css +38 -11
  361. package/styles/multi-select/fabric-dark.css +42 -16
  362. package/styles/multi-select/fabric.css +42 -16
  363. package/styles/multi-select/fluent-dark.css +36 -9
  364. package/styles/multi-select/fluent.css +36 -9
  365. package/styles/multi-select/highcontrast-light.css +37 -8
  366. package/styles/multi-select/highcontrast.css +46 -17
  367. package/styles/multi-select/icons/_bootstrap5.scss +0 -1
  368. package/styles/multi-select/icons/_fluent.scss +0 -1
  369. package/styles/multi-select/icons/_fusionnew.scss +0 -1
  370. package/styles/multi-select/icons/_material-dark.scss +53 -54
  371. package/styles/multi-select/icons/_material.scss +53 -54
  372. package/styles/multi-select/icons/_material3.scss +0 -1
  373. package/styles/multi-select/icons/_tailwind.scss +0 -1
  374. package/styles/multi-select/material-dark.css +33 -7
  375. package/styles/multi-select/material.css +33 -7
  376. package/styles/multi-select/tailwind-dark.css +38 -9
  377. package/styles/multi-select/tailwind.css +38 -9
  378. package/styles/tailwind-dark.css +132 -47
  379. package/styles/tailwind-dark.scss +1 -0
  380. package/styles/tailwind.css +132 -47
  381. package/styles/tailwind.scss +1 -0
@@ -1 +1 @@
1
- 
1
+ /* stylelint-disable-line no-empty-source */
@@ -1,3 +1,3 @@
1
- //default
1
+ //default
2
2
  //undefined
3
3
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,10 +1,10 @@
1
1
  //default
2
2
 
3
- .e-input-group.e-ddl .e-control.e-autocomplete~.e-ddl-icon {
3
+ .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
4
4
  font-size: 8px;
5
5
  }
6
6
 
7
- .e-bigger .e-input-group.e-ddl .e-control.e-autocomplete~.e-ddl-icon {
7
+ .e-bigger .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
8
8
  font-size: 10px;
9
9
  }
10
10
 
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -1,2 +1,2 @@
1
- //default
1
+ //default
2
2
  //enddefault
@@ -101,4 +101,6 @@
101
101
 
102
102
  .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
103
103
  min-height: 34px;
104
- }
104
+ }
105
+
106
+ /* stylelint-disable-line no-empty-source */
@@ -101,4 +101,6 @@
101
101
 
102
102
  .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
103
103
  min-height: 34px;
104
- }
104
+ }
105
+
106
+ /* stylelint-disable-line no-empty-source */
@@ -143,4 +143,6 @@
143
143
 
144
144
  .e-bigger .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
145
145
  font-size: 10px;
146
- }
146
+ }
147
+
148
+ /* stylelint-disable-line no-empty-source */
@@ -142,4 +142,6 @@
142
142
 
143
143
  .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
144
144
  min-height: 34px;
145
- }
145
+ }
146
+
147
+ /* stylelint-disable-line no-empty-source */
@@ -142,4 +142,6 @@
142
142
 
143
143
  .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
144
144
  min-height: 34px;
145
- }
145
+ }
146
+
147
+ /* stylelint-disable-line no-empty-source */
@@ -77,4 +77,6 @@
77
77
  .e-ddl.e-popup .e-bigger.e-small .e-input-group input,
78
78
  .e-ddl.e-popup .e-bigger.e-small .e-input-group input.e-input {
79
79
  height: 34px;
80
- }
80
+ }
81
+
82
+ /* stylelint-disable-line no-empty-source */
@@ -70,4 +70,6 @@
70
70
 
71
71
  .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
72
72
  height: 34px;
73
- }
73
+ }
74
+
75
+ /* stylelint-disable-line no-empty-source */
@@ -122,4 +122,6 @@
122
122
 
123
123
  .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
124
124
  min-height: 34px;
125
- }
125
+ }
126
+
127
+ /* stylelint-disable-line no-empty-source */
@@ -122,4 +122,6 @@
122
122
 
123
123
  .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
124
124
  min-height: 34px;
125
- }
125
+ }
126
+
127
+ /* stylelint-disable-line no-empty-source */
@@ -74,4 +74,6 @@
74
74
  }
75
75
  .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
76
76
  height: 34px;
77
- }
77
+ }
78
+
79
+ /* stylelint-disable-line no-empty-source */
@@ -74,4 +74,6 @@
74
74
  }
75
75
  .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
76
76
  height: 34px;
77
- }
77
+ }
78
+
79
+ /* stylelint-disable-line no-empty-source */
@@ -103,4 +103,6 @@
103
103
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
104
104
  .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
105
105
  padding: 5px 5px 5px 12px;
106
- }
106
+ }
107
+
108
+ /* stylelint-disable-line no-empty-source */
@@ -128,4 +128,6 @@
128
128
 
129
129
  .e-ddl.e-popup.e-outline .e-filter-parent {
130
130
  padding: 4px 8px;
131
- }
131
+ }
132
+
133
+ /* stylelint-disable-line no-empty-source */
@@ -91,4 +91,6 @@
91
91
 
92
92
  .e-ddl.e-popup.e-outline .e-filter-parent {
93
93
  padding: 4px 8px;
94
- }
94
+ }
95
+
96
+ /* stylelint-disable-line no-empty-source */
@@ -91,4 +91,6 @@
91
91
 
92
92
  .e-ddl.e-popup.e-outline .e-filter-parent {
93
93
  padding: 4px 8px;
94
- }
94
+ }
95
+
96
+ /* stylelint-disable-line no-empty-source */
@@ -77,7 +77,8 @@
77
77
  position: relative;
78
78
  }
79
79
 
80
- .e-popup.e-ddl .e-dropdownbase.e-nodata {
80
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
81
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
81
82
  color: #a4a4a4;
82
83
  cursor: default;
83
84
  font-family: inherit;
@@ -86,6 +87,45 @@
86
87
  text-align: center;
87
88
  }
88
89
 
90
+ .e-mention.e-popup {
91
+ background: #6e6e6e;
92
+ border: 0;
93
+ box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
94
+ margin-top: 2px;
95
+ position: absolute;
96
+ }
97
+
98
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
99
+ display: inline;
100
+ font-weight: bold;
101
+ vertical-align: baseline;
102
+ }
103
+
104
+ .e-mention .e-mention-chip,
105
+ .e-mention .e-mention-chip:hover {
106
+ background: #2a2a2a;
107
+ border-radius: 2px;
108
+ border: none;
109
+ color: #0070f0;
110
+ cursor: default;
111
+ }
112
+
113
+ .e-mention .e-mention-chip::selection {
114
+ color: #fff;
115
+ background: #0070f0;
116
+ }
117
+
118
+ .e-mention.e-editable-element {
119
+ border: 2px solid #414141;
120
+ height: auto;
121
+ min-height: 120px;
122
+ width: 100%;
123
+ }
124
+
125
+ .e-form-mirror-div {
126
+ white-space: pre-wrap;
127
+ }
128
+
89
129
  .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
90
130
  padding-right: 30px;
91
131
  }
@@ -148,6 +188,7 @@
148
188
  border-color: #414141;
149
189
  }
150
190
  .e-dropdownbase .e-list-item {
191
+ /* stylelint-disable property-no-vendor-prefix */
151
192
  -webkit-tap-highlight-color: transparent;
152
193
  background-color: #2a2a2a;
153
194
  border-bottom: 1px;
@@ -334,6 +375,8 @@
334
375
  color: #f0f0f0;
335
376
  }
336
377
 
378
+ /* stylelint-disable property-no-vendor-prefix */
379
+ /* stylelint-disable property-no-vendor-prefix */
337
380
  @keyframes material-spinner-rotate {
338
381
  0% {
339
382
  transform: rotate(0);
@@ -504,6 +547,9 @@
504
547
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
505
548
  margin: 0;
506
549
  }
550
+ .e-popup-full-page .e-popup-full-page.e-ios {
551
+ position: fixed;
552
+ }
507
553
 
508
554
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
509
555
  position: relative;
@@ -517,6 +563,7 @@
517
563
  background-color: #6e6e6e;
518
564
  }
519
565
 
566
+ /* stylelint-disable property-no-vendor-prefix */
520
567
  .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
521
568
  display: none;
522
569
  pointer-events: none;
@@ -525,6 +572,7 @@
525
572
  visibility: hidden;
526
573
  }
527
574
 
575
+ /* stylelint-enable property-no-vendor-prefix */
528
576
  .e-filter-parent {
529
577
  border: #414141;
530
578
  border-top-width: 0;
@@ -568,6 +616,7 @@
568
616
  cursor: default;
569
617
  }
570
618
 
619
+ /* stylelint-disable property-no-vendor-prefix */
571
620
  .e-ddl.e-input-group .e-ddl-hidden,
572
621
  .e-ddl.e-float-input .e-ddl-hidden {
573
622
  -webkit-appearance: initial;
@@ -710,6 +759,8 @@ ejs-dropdownlist {
710
759
  color: #fff;
711
760
  }
712
761
 
762
+ /* stylelint-disable property-no-vendor-prefix */
763
+ /* stylelint-disable property-no-vendor-prefix */
713
764
  @keyframes material-spinner-rotate {
714
765
  0% {
715
766
  transform: rotate(0);
@@ -726,6 +777,8 @@ ejs-dropdownlist {
726
777
  transform: rotate(360deg);
727
778
  }
728
779
  }
780
+ /* stylelint-disable */
781
+ /* stylelint-disable */
729
782
  .e-ddt .e-ddt-icon::before {
730
783
  content: "\e969";
731
784
  }
@@ -1117,6 +1170,9 @@ ejs-dropdownlist {
1117
1170
  color: #f0f0f0;
1118
1171
  }
1119
1172
 
1173
+ /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1174
+ /* stylelint-disable property-no-vendor-prefix */
1175
+ /* stylelint-disable property-no-vendor-prefix */
1120
1176
  @keyframes material-spinner-rotate {
1121
1177
  0% {
1122
1178
  transform: rotate(0);
@@ -1426,6 +1482,10 @@ ejs-dropdownlist {
1426
1482
  width: 30px;
1427
1483
  }
1428
1484
 
1485
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
1486
+ margin: 0 0 0;
1487
+ }
1488
+
1429
1489
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1430
1490
  margin: 1px 0 0;
1431
1491
  }
@@ -1465,12 +1525,12 @@ ejs-dropdownlist {
1465
1525
  border: 0;
1466
1526
  font-family: inherit;
1467
1527
  font-size: 15px;
1468
- font-weight: 400;
1528
+ font-weight: normal;
1469
1529
  height: 32px;
1470
1530
  min-height: 32px;
1471
1531
  outline: none;
1472
- padding: 0;
1473
- text-indent: 6px;
1532
+ padding: 0 0 0 12px;
1533
+ text-indent: 0;
1474
1534
  }
1475
1535
 
1476
1536
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1479,7 +1539,7 @@ ejs-dropdownlist {
1479
1539
  color: inherit;
1480
1540
  font-family: inherit;
1481
1541
  font-size: 14px;
1482
- font-weight: 400;
1542
+ font-weight: normal;
1483
1543
  height: 32px;
1484
1544
  min-height: 32px;
1485
1545
  outline: none;
@@ -1502,6 +1562,7 @@ ejs-dropdownlist {
1502
1562
  min-height: 38px;
1503
1563
  }
1504
1564
 
1565
+ /* stylelint-disable property-no-vendor-prefix */
1505
1566
  .e-multi-select-wrapper input[type=text]::-ms-clear {
1506
1567
  display: none;
1507
1568
  }
@@ -2126,6 +2187,20 @@ ejs-multiselect {
2126
2187
  display: none;
2127
2188
  }
2128
2189
 
2190
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2191
+ margin-right: 0;
2192
+ }
2193
+
2194
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2195
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2196
+ cursor: not-allowed;
2197
+ }
2198
+
2199
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2200
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2201
+ cursor: pointer;
2202
+ }
2203
+
2129
2204
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2130
2205
  color: #f0f0f0;
2131
2206
  }
@@ -2142,6 +2217,7 @@ ejs-multiselect {
2142
2217
  box-sizing: border-box;
2143
2218
  }
2144
2219
 
2220
+ /* stylelint-disable property-no-vendor-prefix */
2145
2221
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
2146
2222
  -webkit-text-fill-color: #f0f0f0;
2147
2223
  color: #f0f0f0;
@@ -2270,19 +2346,19 @@ ejs-multiselect {
2270
2346
  border: 1px solid transparent;
2271
2347
  }
2272
2348
 
2273
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
2349
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2274
2350
  color: #767676;
2275
2351
  }
2276
2352
 
2277
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
2353
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2278
2354
  color: #767676;
2279
2355
  }
2280
2356
 
2281
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
2357
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2282
2358
  color: #767676;
2283
2359
  }
2284
2360
 
2285
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
2361
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2286
2362
  color: #767676;
2287
2363
  }
2288
2364
 
@@ -2319,6 +2395,10 @@ ejs-multiselect {
2319
2395
  left: 8px;
2320
2396
  }
2321
2397
 
2398
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2399
+ left: 8px;
2400
+ }
2401
+
2322
2402
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2323
2403
  height: 28px;
2324
2404
  }
@@ -2360,6 +2440,7 @@ ejs-multiselect {
2360
2440
  content: "\e656";
2361
2441
  }
2362
2442
 
2443
+ /* stylelint-disable property-no-vendor-prefix */
2363
2444
  .e-listbox-wrapper,
2364
2445
  .e-listbox-container {
2365
2446
  -webkit-overflow-scrolling: touch;
@@ -2378,7 +2459,7 @@ ejs-multiselect {
2378
2459
  }
2379
2460
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2380
2461
  .e-listbox-container.e-listboxtool-container .e-list-wrap {
2381
- width: 86% !important;
2462
+ width: 86% !important; /* stylelint-disable-line declaration-no-important */
2382
2463
  }
2383
2464
  .e-listbox-wrapper:focus,
2384
2465
  .e-listbox-container:focus {
@@ -2737,16 +2818,6 @@ ejs-listbox {
2737
2818
  top: 30%;
2738
2819
  }
2739
2820
 
2740
- .e-listboxtool-container .e-left {
2741
- -ms-flex-direction: row-reverse;
2742
- flex-direction: row-reverse;
2743
- }
2744
-
2745
- .e-listboxtool-wrapper .e-left {
2746
- -ms-flex-direction: column-reverse;
2747
- flex-direction: column-reverse;
2748
- }
2749
-
2750
2821
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2751
2822
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2752
2823
  margin-right: 15px;
@@ -2760,7 +2831,7 @@ ejs-listbox {
2760
2831
  .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2761
2832
  .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2762
2833
  .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2763
- width: 85% !important;
2834
+ width: 85% !important; /* stylelint-disable-line declaration-no-important */
2764
2835
  }
2765
2836
  .e-bigger .e-listbox-wrapper .e-list-item,
2766
2837
  .e-listbox-wrapper.e-bigger .e-list-item,
@@ -2849,30 +2920,16 @@ ejs-listbox {
2849
2920
  .e-listbox-container.e-bigger .e-list-header .e-text {
2850
2921
  font-size: 15px;
2851
2922
  }
2852
- .e-listbox-wrapper.e-filter-list .e-list-parent {
2853
- height: calc(100% - 52px);
2854
- }
2855
-
2856
- .e-listbox-container.e-filter-list .e-list-wrap {
2857
- height: calc(100% - 52px) !important;
2858
- }
2859
-
2860
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2923
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2924
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
2861
2925
  height: calc(100% - 46px);
2862
2926
  }
2863
2927
 
2864
- .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2865
- height: calc(100% - 46px) !important;
2866
- }
2867
-
2868
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2928
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2929
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2869
2930
  height: calc(100% - 58px);
2870
2931
  }
2871
2932
 
2872
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2873
- height: calc(100% - 58px) !important;
2874
- }
2875
-
2876
2933
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2877
2934
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2878
2935
  height: calc(100% - 106px);
@@ -2883,14 +2940,11 @@ ejs-listbox {
2883
2940
  height: calc(100% - 48px);
2884
2941
  }
2885
2942
 
2886
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2943
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2944
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2887
2945
  height: calc(100% - 54px);
2888
2946
  }
2889
2947
 
2890
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2891
- height: calc(100% - 54px) !important;
2892
- }
2893
-
2894
2948
  .e-listbox-wrapper,
2895
2949
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2896
2950
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2910,6 +2964,11 @@ ejs-listbox {
2910
2964
  font-size: 14px;
2911
2965
  }
2912
2966
 
2967
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
2968
+ .e-listbox-container.e-filter-list .e-list-parent {
2969
+ height: calc(100% - 52px);
2970
+ }
2971
+
2913
2972
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2914
2973
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2915
2974
  height: calc(100% - 92px);
@@ -3145,4 +3204,22 @@ ejs-listbox {
3145
3204
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3146
3205
  padding-left: 3.9285em;
3147
3206
  padding-right: 1.0714em;
3207
+ }
3208
+
3209
+ /* stylelint-disable property-no-vendor-prefix */
3210
+ @keyframes material-spinner-rotate {
3211
+ 0% {
3212
+ transform: rotate(0);
3213
+ }
3214
+ 100% {
3215
+ transform: rotate(360deg);
3216
+ }
3217
+ }
3218
+ @keyframes fabric-spinner-rotate {
3219
+ 0% {
3220
+ transform: rotate(0);
3221
+ }
3222
+ 100% {
3223
+ transform: rotate(360deg);
3224
+ }
3148
3225
  }
@@ -5,3 +5,4 @@
5
5
  @import 'auto-complete/bootstrap-dark.scss';
6
6
  @import 'multi-select/bootstrap-dark.scss';
7
7
  @import 'list-box/bootstrap-dark.scss';
8
+ @import 'mention/bootstrap-dark.scss';