@syncfusion/ej2-dropdowns 20.2.50 → 20.3.48

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 (361) hide show
  1. package/CHANGELOG.md +18 -24
  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 +1424 -51
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +1450 -55
  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 +2 -2
  16. package/src/combo-box/combo-box.js +0 -3
  17. package/src/drop-down-base/drop-down-base.d.ts +2 -0
  18. package/src/drop-down-base/drop-down-base.js +8 -2
  19. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  20. package/src/drop-down-list/drop-down-list.js +23 -22
  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 +452 -0
  28. package/src/mention/mention.js +1383 -0
  29. package/src/multi-select/checkbox-selection.js +1 -4
  30. package/src/multi-select/multi-select.d.ts +1 -0
  31. package/src/multi-select/multi-select.js +20 -11
  32. package/styles/auto-complete/_all.scss +1 -1
  33. package/styles/auto-complete/_bootstrap-dark-definition.scss +1 -1
  34. package/styles/auto-complete/_bootstrap-definition.scss +1 -1
  35. package/styles/auto-complete/_bootstrap4-definition.scss +2 -2
  36. package/styles/auto-complete/_bootstrap5-definition.scss +1 -1
  37. package/styles/auto-complete/_fabric-dark-definition.scss +1 -1
  38. package/styles/auto-complete/_fabric-definition.scss +1 -1
  39. package/styles/auto-complete/_fluent-definition.scss +1 -1
  40. package/styles/auto-complete/_fusionnew-definition.scss +1 -1
  41. package/styles/auto-complete/_highcontrast-definition.scss +1 -1
  42. package/styles/auto-complete/_highcontrast-light-definition.scss +1 -1
  43. package/styles/auto-complete/_material-dark-definition.scss +1 -1
  44. package/styles/auto-complete/_material-definition.scss +1 -1
  45. package/styles/auto-complete/_material3-definition.scss +1 -1
  46. package/styles/auto-complete/_tailwind-definition.scss +1 -1
  47. package/styles/auto-complete/bootstrap-dark.css +3 -1
  48. package/styles/auto-complete/bootstrap.css +3 -1
  49. package/styles/auto-complete/bootstrap4.css +3 -1
  50. package/styles/auto-complete/bootstrap5-dark.css +3 -1
  51. package/styles/auto-complete/bootstrap5.css +3 -1
  52. package/styles/auto-complete/fabric-dark.css +3 -1
  53. package/styles/auto-complete/fabric.css +3 -1
  54. package/styles/auto-complete/fluent-dark.css +3 -1
  55. package/styles/auto-complete/fluent.css +3 -1
  56. package/styles/auto-complete/highcontrast-light.css +3 -1
  57. package/styles/auto-complete/highcontrast.css +3 -1
  58. package/styles/auto-complete/material-dark.css +3 -1
  59. package/styles/auto-complete/material.css +3 -1
  60. package/styles/auto-complete/tailwind-dark.css +3 -1
  61. package/styles/auto-complete/tailwind.css +3 -1
  62. package/styles/bootstrap-dark.css +94 -42
  63. package/styles/bootstrap-dark.scss +1 -0
  64. package/styles/bootstrap.css +94 -42
  65. package/styles/bootstrap.scss +1 -0
  66. package/styles/bootstrap4.css +95 -42
  67. package/styles/bootstrap4.scss +1 -0
  68. package/styles/bootstrap5-dark.css +101 -44
  69. package/styles/bootstrap5-dark.scss +1 -0
  70. package/styles/bootstrap5.css +101 -44
  71. package/styles/bootstrap5.scss +1 -0
  72. package/styles/combo-box/_all.scss +1 -1
  73. package/styles/combo-box/_bootstrap-dark-definition.scss +1 -1
  74. package/styles/combo-box/_bootstrap-definition.scss +1 -1
  75. package/styles/combo-box/_bootstrap4-definition.scss +2 -2
  76. package/styles/combo-box/_bootstrap5-definition.scss +1 -1
  77. package/styles/combo-box/_fabric-dark-definition.scss +1 -1
  78. package/styles/combo-box/_fabric-definition.scss +1 -1
  79. package/styles/combo-box/_fluent-definition.scss +1 -1
  80. package/styles/combo-box/_fusionnew-definition.scss +1 -1
  81. package/styles/combo-box/_highcontrast-definition.scss +1 -1
  82. package/styles/combo-box/_highcontrast-light-definition.scss +1 -1
  83. package/styles/combo-box/_material-dark-definition.scss +1 -1
  84. package/styles/combo-box/_material-definition.scss +1 -1
  85. package/styles/combo-box/_material3-definition.scss +1 -1
  86. package/styles/combo-box/_tailwind-definition.scss +1 -1
  87. package/styles/combo-box/bootstrap-dark.css +3 -1
  88. package/styles/combo-box/bootstrap.css +3 -1
  89. package/styles/combo-box/bootstrap4.css +3 -1
  90. package/styles/combo-box/bootstrap5-dark.css +3 -1
  91. package/styles/combo-box/bootstrap5.css +3 -1
  92. package/styles/combo-box/fabric-dark.css +3 -1
  93. package/styles/combo-box/fabric.css +3 -1
  94. package/styles/combo-box/fluent-dark.css +3 -1
  95. package/styles/combo-box/fluent.css +3 -1
  96. package/styles/combo-box/highcontrast-light.css +3 -1
  97. package/styles/combo-box/highcontrast.css +3 -1
  98. package/styles/combo-box/material-dark.css +3 -1
  99. package/styles/combo-box/material.css +3 -1
  100. package/styles/combo-box/tailwind-dark.css +3 -1
  101. package/styles/combo-box/tailwind.css +3 -1
  102. package/styles/drop-down-base/_all.scss +1 -1
  103. package/styles/drop-down-base/_bootstrap-dark-definition.scss +8 -2
  104. package/styles/drop-down-base/_bootstrap-definition.scss +6 -1
  105. package/styles/drop-down-base/_bootstrap4-definition.scss +6 -1
  106. package/styles/drop-down-base/_bootstrap5-definition.scss +8 -3
  107. package/styles/drop-down-base/_fabric-dark-definition.scss +6 -1
  108. package/styles/drop-down-base/_fabric-definition.scss +6 -1
  109. package/styles/drop-down-base/_fluent-definition.scss +8 -2
  110. package/styles/drop-down-base/_fusionnew-definition.scss +8 -3
  111. package/styles/drop-down-base/_highcontrast-definition.scss +16 -6
  112. package/styles/drop-down-base/_highcontrast-light-definition.scss +18 -7
  113. package/styles/drop-down-base/_layout.scss +44 -3
  114. package/styles/drop-down-base/_material-dark-definition.scss +7 -1
  115. package/styles/drop-down-base/_material-definition.scss +6 -0
  116. package/styles/drop-down-base/_material3-definition.scss +8 -3
  117. package/styles/drop-down-base/_tailwind-definition.scss +8 -3
  118. package/styles/drop-down-base/_theme.scss +4 -4
  119. package/styles/drop-down-base/bootstrap-dark.css +42 -1
  120. package/styles/drop-down-base/bootstrap.css +42 -1
  121. package/styles/drop-down-base/bootstrap4.css +42 -1
  122. package/styles/drop-down-base/bootstrap5-dark.css +42 -1
  123. package/styles/drop-down-base/bootstrap5.css +42 -1
  124. package/styles/drop-down-base/fabric-dark.css +42 -1
  125. package/styles/drop-down-base/fabric.css +42 -1
  126. package/styles/drop-down-base/fluent-dark.css +42 -1
  127. package/styles/drop-down-base/fluent.css +42 -1
  128. package/styles/drop-down-base/highcontrast-light.css +42 -1
  129. package/styles/drop-down-base/highcontrast.css +42 -1
  130. package/styles/drop-down-base/material-dark.css +42 -1
  131. package/styles/drop-down-base/material.css +42 -1
  132. package/styles/drop-down-base/tailwind-dark.css +42 -1
  133. package/styles/drop-down-base/tailwind.css +42 -1
  134. package/styles/drop-down-list/_all.scss +2 -1
  135. package/styles/drop-down-list/_bootstrap-dark-definition.scss +2 -1
  136. package/styles/drop-down-list/_bootstrap-definition.scss +2 -1
  137. package/styles/drop-down-list/_bootstrap4-definition.scss +3 -1
  138. package/styles/drop-down-list/_bootstrap5-definition.scss +3 -3
  139. package/styles/drop-down-list/_fabric-dark-definition.scss +2 -1
  140. package/styles/drop-down-list/_fabric-definition.scss +2 -0
  141. package/styles/drop-down-list/_fluent-definition.scss +2 -1
  142. package/styles/drop-down-list/_fusionnew-definition.scss +3 -3
  143. package/styles/drop-down-list/_highcontrast-definition.scss +21 -10
  144. package/styles/drop-down-list/_highcontrast-light-definition.scss +22 -11
  145. package/styles/drop-down-list/_layout.scss +8 -9
  146. package/styles/drop-down-list/_material-dark-definition.scss +2 -2
  147. package/styles/drop-down-list/_material-definition.scss +1 -0
  148. package/styles/drop-down-list/_material3-definition.scss +3 -3
  149. package/styles/drop-down-list/_tailwind-definition.scss +1 -0
  150. package/styles/drop-down-list/_theme.scss +3 -3
  151. package/styles/drop-down-list/bootstrap-dark.css +5 -0
  152. package/styles/drop-down-list/bootstrap.css +5 -0
  153. package/styles/drop-down-list/bootstrap4.css +5 -0
  154. package/styles/drop-down-list/bootstrap5-dark.css +6 -0
  155. package/styles/drop-down-list/bootstrap5.css +6 -0
  156. package/styles/drop-down-list/fabric-dark.css +5 -0
  157. package/styles/drop-down-list/fabric.css +5 -0
  158. package/styles/drop-down-list/fluent-dark.css +6 -0
  159. package/styles/drop-down-list/fluent.css +6 -0
  160. package/styles/drop-down-list/highcontrast-light.css +5 -0
  161. package/styles/drop-down-list/highcontrast.css +5 -0
  162. package/styles/drop-down-list/icons/_bootstrap.scss +0 -1
  163. package/styles/drop-down-list/icons/_fabric.scss +0 -1
  164. package/styles/drop-down-list/icons/_material.scss +0 -1
  165. package/styles/drop-down-list/material-dark.css +5 -0
  166. package/styles/drop-down-list/material.css +5 -0
  167. package/styles/drop-down-list/tailwind-dark.css +6 -0
  168. package/styles/drop-down-list/tailwind.css +6 -0
  169. package/styles/drop-down-tree/_all.scss +1 -1
  170. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +1 -1
  171. package/styles/drop-down-tree/_bootstrap-definition.scss +1 -1
  172. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -1
  173. package/styles/drop-down-tree/_bootstrap5-definition.scss +2 -2
  174. package/styles/drop-down-tree/_fabric-dark-definition.scss +1 -1
  175. package/styles/drop-down-tree/_fabric-definition.scss +2 -2
  176. package/styles/drop-down-tree/_fluent-definition.scss +2 -2
  177. package/styles/drop-down-tree/_fusionnew-definition.scss +2 -2
  178. package/styles/drop-down-tree/_highcontrast-definition.scss +1 -1
  179. package/styles/drop-down-tree/_highcontrast-light-definition.scss +1 -1
  180. package/styles/drop-down-tree/_layout.scss +1 -2
  181. package/styles/drop-down-tree/_material-dark-definition.scss +2 -2
  182. package/styles/drop-down-tree/_material-definition.scss +2 -2
  183. package/styles/drop-down-tree/_material3-definition.scss +2 -2
  184. package/styles/drop-down-tree/_tailwind-definition.scss +2 -2
  185. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  186. package/styles/drop-down-tree/bootstrap.css +4 -0
  187. package/styles/drop-down-tree/bootstrap4.css +4 -0
  188. package/styles/drop-down-tree/bootstrap5-dark.css +5 -0
  189. package/styles/drop-down-tree/bootstrap5.css +5 -0
  190. package/styles/drop-down-tree/fabric-dark.css +4 -0
  191. package/styles/drop-down-tree/fabric.css +4 -0
  192. package/styles/drop-down-tree/fluent-dark.css +5 -0
  193. package/styles/drop-down-tree/fluent.css +5 -0
  194. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  195. package/styles/drop-down-tree/highcontrast.css +4 -0
  196. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -1
  197. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -1
  198. package/styles/drop-down-tree/icons/_fabric.scss +0 -1
  199. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -1
  200. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -1
  201. package/styles/drop-down-tree/icons/_material-dark.scss +0 -1
  202. package/styles/drop-down-tree/icons/_material.scss +0 -1
  203. package/styles/drop-down-tree/material-dark.css +4 -0
  204. package/styles/drop-down-tree/material.css +4 -0
  205. package/styles/drop-down-tree/tailwind-dark.css +5 -0
  206. package/styles/drop-down-tree/tailwind.css +5 -0
  207. package/styles/fabric-dark.css +94 -42
  208. package/styles/fabric-dark.scss +1 -0
  209. package/styles/fabric.css +94 -42
  210. package/styles/fabric.scss +1 -0
  211. package/styles/fluent-dark.css +101 -44
  212. package/styles/fluent-dark.scss +1 -0
  213. package/styles/fluent.css +101 -44
  214. package/styles/fluent.scss +1 -0
  215. package/styles/highcontrast-light.css +97 -42
  216. package/styles/highcontrast-light.scss +1 -0
  217. package/styles/highcontrast.css +97 -42
  218. package/styles/highcontrast.scss +1 -0
  219. package/styles/list-box/_all.scss +1 -1
  220. package/styles/list-box/_bootstrap-dark-definition.scss +2 -0
  221. package/styles/list-box/_bootstrap-definition.scss +1 -0
  222. package/styles/list-box/_bootstrap4-definition.scss +1 -0
  223. package/styles/list-box/_bootstrap5-definition.scss +3 -0
  224. package/styles/list-box/_fabric-dark-definition.scss +3 -1
  225. package/styles/list-box/_fabric-definition.scss +1 -0
  226. package/styles/list-box/_fluent-definition.scss +3 -0
  227. package/styles/list-box/_fusionnew-definition.scss +1 -0
  228. package/styles/list-box/_highcontrast-definition.scss +1 -0
  229. package/styles/list-box/_highcontrast-light-definition.scss +3 -1
  230. package/styles/list-box/_layout.scss +8 -17
  231. package/styles/list-box/_material-dark-definition.scss +2 -0
  232. package/styles/list-box/_material-definition.scss +1 -0
  233. package/styles/list-box/_material3-definition.scss +1 -0
  234. package/styles/list-box/_tailwind-definition.scss +3 -0
  235. package/styles/list-box/_theme.scss +11 -25
  236. package/styles/list-box/bootstrap-dark.css +12 -33
  237. package/styles/list-box/bootstrap.css +14 -35
  238. package/styles/list-box/bootstrap4.css +14 -35
  239. package/styles/list-box/bootstrap5-dark.css +15 -36
  240. package/styles/list-box/bootstrap5.css +15 -36
  241. package/styles/list-box/fabric-dark.css +12 -33
  242. package/styles/list-box/fabric.css +14 -35
  243. package/styles/list-box/fluent-dark.css +15 -36
  244. package/styles/list-box/fluent.css +15 -36
  245. package/styles/list-box/highcontrast-light.css +12 -33
  246. package/styles/list-box/highcontrast.css +14 -35
  247. package/styles/list-box/icons/_bootstrap-dark.scss +2 -2
  248. package/styles/list-box/icons/_bootstrap.scss +1 -1
  249. package/styles/list-box/icons/_bootstrap4.scss +1 -1
  250. package/styles/list-box/icons/_bootstrap5.scss +1 -1
  251. package/styles/list-box/icons/_fabric-dark.scss +1 -1
  252. package/styles/list-box/icons/_fabric.scss +1 -1
  253. package/styles/list-box/icons/_fluent.scss +1 -1
  254. package/styles/list-box/icons/_fusionnew.scss +1 -1
  255. package/styles/list-box/icons/_highcontrast-light.scss +1 -1
  256. package/styles/list-box/icons/_highcontrast.scss +1 -1
  257. package/styles/list-box/icons/_material-dark.scss +1 -1
  258. package/styles/list-box/icons/_material.scss +2 -2
  259. package/styles/list-box/icons/_material3.scss +1 -1
  260. package/styles/list-box/icons/_tailwind-dark.scss +1 -1
  261. package/styles/list-box/icons/_tailwind.scss +1 -1
  262. package/styles/list-box/material-dark.css +12 -33
  263. package/styles/list-box/material.css +14 -35
  264. package/styles/list-box/tailwind-dark.css +15 -36
  265. package/styles/list-box/tailwind.css +15 -36
  266. package/styles/material-dark.css +94 -42
  267. package/styles/material-dark.scss +1 -0
  268. package/styles/material.css +94 -42
  269. package/styles/material.scss +1 -0
  270. package/styles/mention/_all.scss +1 -0
  271. package/styles/mention/_bootstrap-dark-definition.scss +3 -0
  272. package/styles/mention/_bootstrap-definition.scss +3 -0
  273. package/styles/mention/_bootstrap4-definition.scss +3 -0
  274. package/styles/mention/_bootstrap5-dark-definition.scss +1 -0
  275. package/styles/mention/_bootstrap5-definition.scss +1 -0
  276. package/styles/mention/_fabric-dark-definition.scss +2 -0
  277. package/styles/mention/_fabric-definition.scss +3 -0
  278. package/styles/mention/_fluent-dark-definition.scss +1 -0
  279. package/styles/mention/_fluent-definition.scss +1 -0
  280. package/styles/mention/_fusionnew-definition.scss +1 -0
  281. package/styles/mention/_highcontrast-definition.scss +3 -0
  282. package/styles/mention/_highcontrast-light-definition.scss +3 -0
  283. package/styles/mention/_layout.scss +6 -0
  284. package/styles/mention/_material-dark-definition.scss +3 -0
  285. package/styles/mention/_material-definition.scss +3 -0
  286. package/styles/mention/_material3-definition.scss +1 -0
  287. package/styles/mention/_tailwind-dark-definition.scss +1 -0
  288. package/styles/mention/_tailwind-definition.scss +1 -0
  289. package/styles/mention/bootstrap-dark.css +29 -0
  290. package/styles/mention/bootstrap-dark.scss +6 -0
  291. package/styles/mention/bootstrap.css +29 -0
  292. package/styles/mention/bootstrap.scss +6 -0
  293. package/styles/mention/bootstrap4.css +47 -0
  294. package/styles/mention/bootstrap4.scss +6 -0
  295. package/styles/mention/bootstrap5-dark.css +58 -0
  296. package/styles/mention/bootstrap5-dark.scss +6 -0
  297. package/styles/mention/bootstrap5.css +58 -0
  298. package/styles/mention/bootstrap5.scss +6 -0
  299. package/styles/mention/fabric-dark.css +29 -0
  300. package/styles/mention/fabric-dark.scss +6 -0
  301. package/styles/mention/fabric.css +29 -0
  302. package/styles/mention/fabric.scss +6 -0
  303. package/styles/mention/fluent-dark.css +58 -0
  304. package/styles/mention/fluent-dark.scss +6 -0
  305. package/styles/mention/fluent.css +58 -0
  306. package/styles/mention/fluent.scss +6 -0
  307. package/styles/mention/highcontrast-light.css +43 -0
  308. package/styles/mention/highcontrast-light.scss +6 -0
  309. package/styles/mention/highcontrast.css +43 -0
  310. package/styles/mention/highcontrast.scss +6 -0
  311. package/styles/mention/material-dark.css +29 -0
  312. package/styles/mention/material-dark.scss +6 -0
  313. package/styles/mention/material.css +29 -0
  314. package/styles/mention/material.scss +6 -0
  315. package/styles/mention/tailwind-dark.css +68 -0
  316. package/styles/mention/tailwind-dark.scss +6 -0
  317. package/styles/mention/tailwind.css +68 -0
  318. package/styles/mention/tailwind.scss +6 -0
  319. package/styles/multi-select/_all.scss +1 -1
  320. package/styles/multi-select/_bootstrap-dark-definition.scss +4 -1
  321. package/styles/multi-select/_bootstrap-definition.scss +2 -0
  322. package/styles/multi-select/_bootstrap4-definition.scss +5 -2
  323. package/styles/multi-select/_bootstrap5-definition.scss +2 -2
  324. package/styles/multi-select/_fabric-dark-definition.scss +5 -3
  325. package/styles/multi-select/_fabric-definition.scss +4 -2
  326. package/styles/multi-select/_fluent-definition.scss +2 -1
  327. package/styles/multi-select/_fusionnew-definition.scss +2 -2
  328. package/styles/multi-select/_highcontrast-definition.scss +47 -24
  329. package/styles/multi-select/_highcontrast-light-definition.scss +48 -25
  330. package/styles/multi-select/_layout.scss +59 -71
  331. package/styles/multi-select/_material-dark-definition.scss +3 -1
  332. package/styles/multi-select/_material-definition.scss +1 -0
  333. package/styles/multi-select/_material3-definition.scss +2 -2
  334. package/styles/multi-select/_tailwind-definition.scss +2 -3
  335. package/styles/multi-select/_theme.scss +16 -21
  336. package/styles/multi-select/bootstrap-dark.css +10 -6
  337. package/styles/multi-select/bootstrap.css +10 -6
  338. package/styles/multi-select/bootstrap4.css +10 -6
  339. package/styles/multi-select/bootstrap5-dark.css +11 -6
  340. package/styles/multi-select/bootstrap5.css +11 -6
  341. package/styles/multi-select/fabric-dark.css +10 -6
  342. package/styles/multi-select/fabric.css +10 -6
  343. package/styles/multi-select/fluent-dark.css +11 -6
  344. package/styles/multi-select/fluent.css +11 -6
  345. package/styles/multi-select/highcontrast-light.css +13 -6
  346. package/styles/multi-select/highcontrast.css +13 -6
  347. package/styles/multi-select/icons/_bootstrap5.scss +0 -1
  348. package/styles/multi-select/icons/_fluent.scss +0 -1
  349. package/styles/multi-select/icons/_fusionnew.scss +0 -1
  350. package/styles/multi-select/icons/_material-dark.scss +53 -54
  351. package/styles/multi-select/icons/_material.scss +53 -54
  352. package/styles/multi-select/icons/_material3.scss +0 -1
  353. package/styles/multi-select/icons/_tailwind.scss +0 -1
  354. package/styles/multi-select/material-dark.css +10 -6
  355. package/styles/multi-select/material.css +10 -6
  356. package/styles/multi-select/tailwind-dark.css +11 -6
  357. package/styles/multi-select/tailwind.css +11 -6
  358. package/styles/tailwind-dark.css +102 -44
  359. package/styles/tailwind-dark.scss +1 -0
  360. package/styles/tailwind.css +102 -44
  361. package/styles/tailwind.scss +1 -0
@@ -1,4 +1,4 @@
1
- //default
1
+ //default
2
2
  $ddl-chip-mobile-close-font: 16px !default;
3
3
  $ddl-multiselect-skin-name: 'highcontrast' !default;
4
4
  $ddl-delim-font-size: 14px !default;
@@ -129,6 +129,7 @@ $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
129
129
  $ddl-multiselect-group-list-group-item-rtl-padding-right: 10px !default;
130
130
  $ddl-multiselect-label-position: 15px !default;
131
131
  $multiselect-disable-font-color: $disable !default;
132
+
132
133
  // Small size
133
134
  $ddl-select-all-height-small: 26px !default;
134
135
  $ddl-small-chip-height: 20px !default;
@@ -141,6 +142,7 @@ $ddl-delim-small-font-size: 13px !default;
141
142
  $ddl-small-closer-margin-top: -2.9em !default;
142
143
  $ddl-chip-close-hooker-small-left: 7px !default;
143
144
  $ddl-delimviewheight-small: 24px !default;
145
+
144
146
  // Touch Small size
145
147
  $ddl-select-all-height-bigger-small: 40px !default;
146
148
  $ddl-bigger-small-chip-height: 26px !default;
@@ -161,95 +163,116 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
161
163
  color: $content-font;
162
164
  top: 12px;
163
165
  }
164
- }.e-multiselect #{if(&, '&', '*')} {
166
+ }
167
+ .e-multiselect #{if(&, '&', '*')} {
165
168
  #{if(&, '&', '*')} input {
166
- // sass-lint:disable no-vendor-prefixes
169
+ /* stylelint-disable property-no-vendor-prefix */
167
170
  #{if(&, '&', '*')}.e-dropdownbase:-moz-placeholder {
168
171
  color: $content-font-alt;
169
172
  font-family: inherit;
170
173
  font-size: 14px;
171
174
  font-style: italic;
172
- }#{if(&, '&', '*')}.e-dropdownbase::-moz-placeholder {
175
+ }
176
+ #{if(&, '&', '*')}.e-dropdownbase::-moz-placeholder {
173
177
  color: $content-font-alt;
174
178
  font-family: inherit;
175
179
  font-size: 14px;
176
180
  font-style: italic;
177
- }#{if(&, '&', '*')}.e-dropdownbase:-ms-input-placeholder {
181
+ }
182
+ #{if(&, '&', '*')}.e-dropdownbase:-ms-input-placeholder {
178
183
  color: $content-font-alt;
179
184
  font-family: inherit;
180
185
  font-size: 14px;
181
186
  font-style: italic;
182
- }#{if(&, '&', '*')}.e-dropdownbase::-webkit-input-placeholder {
187
+ }
188
+ #{if(&, '&', '*')}.e-dropdownbase::-webkit-input-placeholder {
183
189
  color: $content-font-alt;
184
190
  font-family: inherit;
185
191
  font-size: 14px;
186
192
  font-style: italic;
187
193
  }
188
194
  }
189
- }#{if(&, '&', '*')} .e-chips-collection {
195
+ }
196
+ #{if(&, '&', '*')} .e-chips-collection {
190
197
  #{if(&, '&', '*')} .e-chips {
191
198
  #{if(&, '&', '*')}:hover {
192
199
  #{if(&, '&', '*')} .e-chipcontent {
193
200
  color: $content-font;
194
- }#{if(&, '&', '*')} .e-chips-close.e-icon::before {
201
+ }
202
+ #{if(&, '&', '*')} .e-chips-close.e-icon::before {
195
203
  color: $content-font;
196
204
  }
197
- }#{if(&, '&', '*')} .e-chips-close.e-icon::before {
205
+ }
206
+ #{if(&, '&', '*')} .e-chips-close.e-icon::before {
198
207
  line-height: 26px;
199
208
  top: 0;
200
209
  }
201
210
  }
202
- }#{if(&, '&', '*')} .e-delim-values {
211
+ }
212
+ #{if(&, '&', '*')} .e-delim-values {
203
213
  #{if(&, '&', '*')}.e-delim-view {
204
214
  color: $border-fg;
205
215
  }
206
- }#{if(&, '&', '*')}.e-delimiter {
216
+ }
217
+ #{if(&, '&', '*')}.e-delimiter {
207
218
  #{if(&, '&', '*')} .e-delim-values {
208
219
  color: $border-fg;
209
220
  }
210
- }#{if(&, '&', '*')} .e-searcher input[type='text'] {
221
+ }
222
+ #{if(&, '&', '*')} .e-searcher input[type='text'] {
211
223
  color: $content-font;
212
224
  height: 100%;
213
- min-height: 28px;#{if(&, '&', '*')}::selection {
225
+ min-height: 28px;
226
+ #{if(&, '&', '*')}::selection {
214
227
  background-color: $selection-bg;
215
- }
216
228
  }
217
- }#{&}.e-popup {
229
+ }
230
+ }
231
+ #{&}.e-popup {
218
232
  #{if(&, '&', '*')}.e-multi-select-list-wrapper {
219
233
  #{if(&, '&', '*')}.e-ddl,
220
234
  .e-bigger #{if(&, '&', '*')}.e-ddl {
221
235
  #{if(&, '&', '*')}.e-checkbox .e-filter-parent .e-clear-icon {
222
236
  padding-left: 0;
223
237
  }
224
- }#{if(&, '&', '*')}.e-checkbox {
238
+ }
239
+ #{if(&, '&', '*')}.e-checkbox {
225
240
  #{if(&, '&', '*')} .e-selectall-parent {
226
241
  border-bottom: 1px solid $content-font;
227
- }#{if(&, '&', '*')} .e-list-parent {
242
+ }
243
+ #{if(&, '&', '*')} .e-list-parent {
228
244
  #{if(&, '&', '*')} .e-list-item.e-item-focus.e-active.e-hover {
229
245
  background-color: $selection-bg;
230
- }#{if(&, '&', '*')} .e-list-item.e-item-focus.e-active {
246
+ }
247
+ #{if(&, '&', '*')} .e-list-item.e-item-focus.e-active {
231
248
  border: 2px solid $selection-bg;
232
- }#{if(&, '&', '*')} .e-list-item.e-active.e-hover:not(.e-item-focus) {
249
+ }
250
+ #{if(&, '&', '*')} .e-list-item.e-active.e-hover:not(.e-item-focus) {
233
251
  border-bottom: 2px solid $content-font;
234
252
  border-left: 2px solid $content-font;
235
253
  border-right: 2px solid $content-font;
236
254
  border-top: 2px solid $content-font;
237
255
  }
238
- }
239
- }#{if(&, '&', '*')} .e-list-parent {
256
+ }
257
+ }
258
+ #{if(&, '&', '*')} .e-list-parent {
240
259
  #{if(&, '&', '*')} .e-list-item.e-item-focus {
241
260
  border: 2px solid $hover-bg;
242
- }#{if(&, '&', '*')} .e-list-item.e-active.e-hover {
261
+ }
262
+ #{if(&, '&', '*')} .e-list-item.e-active.e-hover {
243
263
  background-color: $content-font;
244
264
  border-bottom: $ddl-popup-active-border-width solid $content-font;
245
265
  border-left: $ddl-popup-active-border-width solid $content-font;
246
266
  border-right: $ddl-popup-active-border-width solid $content-font;
247
267
  border-top: $ddl-popup-active-border-width solid $content-font;
248
- }#{if(&, '&', '*')} .e-list-item.e-hover:not(.e-active) {
268
+ }
269
+ #{if(&, '&', '*')} .e-list-item.e-hover:not(.e-active) {
249
270
  border: 2px solid $hover-border;
250
- }#{if(&, '&', '*')} .e-list-item:not(.e-hover):not(.e-item-focus) {
271
+ }
272
+ #{if(&, '&', '*')} .e-list-item:not(.e-hover):not(.e-item-focus) {
251
273
  border: 2px solid $bg-base-0;
252
- }#{if(&, '&', '*')} .e-list-item.e-active {
274
+ }
275
+ #{if(&, '&', '*')} .e-list-item.e-active {
253
276
  border: 2px solid $selection-border;
254
277
  }
255
278
  }
@@ -1,4 +1,4 @@
1
- .e-multi-select-wrapper {
1
+ .e-multi-select-wrapper {
2
2
  box-sizing: border-box;
3
3
  cursor: text;
4
4
  line-height: normal;
@@ -12,7 +12,8 @@
12
12
  #{if(&, '&', '*')} .e-searcher,
13
13
  #{if(&, '&', '*')} .e-multi-searcher {
14
14
  height: 27px;
15
- vertical-align: middle;#{if(&, '&', '*')} .e-dropdownbase {
15
+ vertical-align: middle;
16
+ #{if(&, '&', '*')} .e-dropdownbase {
16
17
  height: 100%;
17
18
  min-height: 100%;
18
19
  }
@@ -51,14 +52,13 @@
51
52
  .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
52
53
  width: 0;
53
54
 
54
- input[type='text'] {
55
+ input[type = 'text'] {
55
56
  height: 1px;
56
57
  min-height: 1px;
57
58
  }
58
-
59
59
  }
60
60
 
61
- .e-chips.e-mob-chip>.e-chipcontent {
61
+ .e-chips.e-mob-chip > .e-chipcontent {
62
62
  max-width: 100%;
63
63
  }
64
64
  }
@@ -218,7 +218,7 @@
218
218
  margin: $ddl-chip-margin-bigger;
219
219
  }
220
220
 
221
- .e-multi-select-wrapper .e-chips>.e-chipcontent {
221
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
222
222
  max-width: 100%;
223
223
  overflow: hidden;
224
224
  padding: $ddl-chip-content-padding;
@@ -237,12 +237,12 @@
237
237
  }
238
238
  }
239
239
 
240
- .e-multi-select-wrapper .e-mob-chip.e-chips>.e-chipcontent,
241
- .e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
240
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
241
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
242
242
  padding: $ddl-chip-mobile-content-padding;
243
243
  }
244
244
 
245
- .e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
245
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
246
246
  @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' {
247
247
  padding: $ddl-chip-bigger-content-padding;
248
248
  }
@@ -279,7 +279,6 @@
279
279
  right: $ddl-chip-hooker-right;
280
280
  top: $ddl-closer-hooker-top;
281
281
  width: $ddl-chip-hooker-square;
282
-
283
282
  }
284
283
 
285
284
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -408,12 +407,12 @@
408
407
  }
409
408
  }
410
409
 
411
- .e-multi-select-wrapper input[type='text'] {
410
+ .e-multi-select-wrapper input[type = 'text'] {
412
411
  background: none;
413
412
  border: 0;
414
413
  font-family: $ddl-chip-font-family;
415
414
  font-size: $ddl-chip-font-size;
416
- font-weight: 400;
415
+ font-weight: normal;
417
416
  height: $ddl-input-height;
418
417
  min-height: $ddl-input-height;
419
418
  outline: none;
@@ -421,13 +420,13 @@
421
420
  text-indent: $ddl-input-text-indent;
422
421
  }
423
422
 
424
- .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
423
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
425
424
  background: none;
426
425
  border: 0;
427
426
  color: inherit;
428
427
  font-family: $ddl-chip-font-family;
429
428
  font-size: $ddl-delim-font-size;
430
- font-weight: 400;
429
+ font-weight: normal;
431
430
  height: $ddl-input-height;
432
431
  min-height: $ddl-input-height;
433
432
  outline: none;
@@ -435,17 +434,17 @@
435
434
  text-indent: $ddl-input-text-indent;
436
435
  }
437
436
 
438
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
437
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
439
438
  padding: 5px;
440
439
  }
441
440
 
442
- .e-bigger .e-multi-select-wrapper input[type='text'],
443
- .e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
441
+ .e-bigger .e-multi-select-wrapper input[type = 'text'],
442
+ .e-multi-select-wrapper.e-mob-wrapper input[type = 'text'] {
444
443
  height: $ddl-input-height;
445
444
  min-height: $ddl-input-height;
446
445
  }
447
446
 
448
- .e-bigger .e-multi-select-wrapper input[type='text'] {
447
+ .e-bigger .e-multi-select-wrapper input[type = 'text'] {
449
448
  @if $ddl-multiselect-skin-name == 'bootstrap4' {
450
449
  font-size: $ddl-chip-bigger-font-size;
451
450
  }
@@ -456,8 +455,8 @@
456
455
  min-height: $ddl-input-bigger-height;
457
456
  }
458
457
 
459
- // sass-lint:disable no-vendor-prefixes
460
- .e-multi-select-wrapper input[type='text']::-ms-clear {
458
+ /* stylelint-disable property-no-vendor-prefix */
459
+ .e-multi-select-wrapper input[type = 'text']::-ms-clear {
461
460
  display: none;
462
461
  }
463
462
 
@@ -662,7 +661,7 @@
662
661
  .e-chipcontent {
663
662
  padding: $ddl-rtl-mob-sel-chip-content-padding;
664
663
  }
665
- }
664
+ }
666
665
 
667
666
  .e-chips-close.e-close-hooker {
668
667
  left: $ddl-close-icon-left;
@@ -671,16 +670,15 @@
671
670
  @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'tailwind' {
672
671
  left: 0;
673
672
  }
674
- }
673
+ }
675
674
 
676
675
  .e-close-hooker::before {
677
676
  left: $ddl-rtl-hooker-left;
678
- }
677
+ }
679
678
 
680
679
  .e-delim-values .e-remain {
681
680
  padding-right: $ddl-remains-padding-left;
682
681
  }
683
-
684
682
  }
685
683
  }
686
684
 
@@ -981,7 +979,7 @@
981
979
  opacity: .7;
982
980
  }
983
981
 
984
- .e-multi-select-wrapper input[readonly='true'] {
982
+ .e-multi-select-wrapper input[readonly = 'true'] {
985
983
  pointer-events: none;
986
984
  }
987
985
 
@@ -1006,7 +1004,6 @@ ejs-multiselect {
1006
1004
  }
1007
1005
  }
1008
1006
 
1009
-
1010
1007
  // small size
1011
1008
  .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1012
1009
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
@@ -1047,7 +1044,7 @@ ejs-multiselect {
1047
1044
  }
1048
1045
  }
1049
1046
 
1050
- .e-small .e-multi-select-wrapper input[type='text'] {
1047
+ .e-small .e-multi-select-wrapper input[type = 'text'] {
1051
1048
  @if $ddl-multiselect-skin-name == 'tailwind' {
1052
1049
  font-size: $ddl-chip-small-font-size;
1053
1050
  }
@@ -1070,7 +1067,7 @@ ejs-multiselect {
1070
1067
  }
1071
1068
  }
1072
1069
 
1073
- .e-small .e-multi-select-wrapper .e-chips>.e-chipcontent {
1070
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1074
1071
  @if $ddl-multiselect-skin-name == 'bootstrap4' {
1075
1072
  padding: $ddl-chip-small-content-padding;
1076
1073
  }
@@ -1095,7 +1092,7 @@ ejs-multiselect {
1095
1092
  min-height: $ddl-control-bigger-small-height;
1096
1093
  }
1097
1094
 
1098
- .e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
1095
+ .e-bigger.e-small .e-multi-select-wrapper input[type = 'text'] {
1099
1096
  @if $ddl-multiselect-skin-name == 'tailwind' {
1100
1097
  font-size: $ddl-chip-bigger-small-font-size;
1101
1098
  }
@@ -1124,7 +1121,7 @@ ejs-multiselect {
1124
1121
  }
1125
1122
  }
1126
1123
 
1127
- .e-small.e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
1124
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1128
1125
  @if $ddl-multiselect-skin-name == 'bootstrap4' {
1129
1126
  padding: $ddl-chip-bigger-content-padding;
1130
1127
  }
@@ -1143,7 +1140,7 @@ ejs-multiselect {
1143
1140
 
1144
1141
  // Outline textbox configuration
1145
1142
 
1146
- .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
1143
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1147
1144
  color: inherit;
1148
1145
  @if $ddl-multiselect-skin-name == 'material' {
1149
1146
  font-size: inherit;
@@ -1152,14 +1149,14 @@ ejs-multiselect {
1152
1149
  }
1153
1150
  }
1154
1151
 
1155
- .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
1152
+ .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
1156
1153
  @if $ddl-multiselect-skin-name == 'material' {
1157
1154
  padding: 8px 12px 9px;
1158
1155
  }
1159
1156
  }
1160
1157
 
1161
- .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1162
- .e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
1158
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1159
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1163
1160
  @if $ddl-multiselect-skin-name == 'material' {
1164
1161
  font-size: inherit;
1165
1162
  min-height: $outline-multiselect-small-inner-input-height;
@@ -1167,17 +1164,17 @@ ejs-multiselect {
1167
1164
  }
1168
1165
  }
1169
1166
 
1170
- .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
1171
- .e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
1167
+ .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1168
+ .e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
1172
1169
  @if $ddl-multiselect-skin-name == 'material' {
1173
1170
  padding: 7px 10px;
1174
1171
  }
1175
1172
  }
1176
1173
 
1177
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1178
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1179
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1180
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
1174
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1175
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1176
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1177
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1181
1178
  @if $ddl-multiselect-skin-name == 'material' {
1182
1179
  font-size: inherit;
1183
1180
  min-height: $outline-multiselect-inner-input-height;
@@ -1185,17 +1182,17 @@ ejs-multiselect {
1185
1182
  }
1186
1183
  }
1187
1184
 
1188
- .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
1189
- .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
1190
- .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
1191
- .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
1185
+ .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1186
+ .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1187
+ .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1188
+ .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
1192
1189
  @if $ddl-multiselect-skin-name == 'material' {
1193
1190
  padding: 8px 12px 9px;
1194
1191
  }
1195
1192
  }
1196
1193
 
1197
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1198
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
1194
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1195
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1199
1196
  @if $ddl-multiselect-skin-name == 'material' {
1200
1197
  font-size: inherit;
1201
1198
  min-height: $outline-multiselect-bigger-inner-input-height;
@@ -1594,7 +1591,6 @@ ejs-multiselect {
1594
1591
  }
1595
1592
  }
1596
1593
 
1597
-
1598
1594
  .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1599
1595
  .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1600
1596
  .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -1608,7 +1604,6 @@ ejs-multiselect {
1608
1604
  }
1609
1605
  }
1610
1606
 
1611
-
1612
1607
  // Filled theme specifications
1613
1608
 
1614
1609
  // Multiselect wrapper
@@ -1658,26 +1653,26 @@ ejs-multiselect {
1658
1653
 
1659
1654
  // Searchable input
1660
1655
 
1661
- .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1662
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1663
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1664
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1665
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
1656
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1657
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1658
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1659
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1660
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
1666
1661
  @if $ddl-multiselect-skin-name == 'material' {
1667
1662
  min-height: $ddl-multiselect-filled-input-min-height;
1668
1663
  padding-right: 10px;
1669
1664
  }
1670
1665
  }
1671
1666
 
1672
- .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1673
- .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
1667
+ .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1668
+ .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
1674
1669
  @if $ddl-multiselect-skin-name == 'material' {
1675
1670
  min-height: $ddl-multiselect-filled-input-min-height-small;
1676
1671
  }
1677
1672
  }
1678
1673
 
1679
- .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'],
1680
- .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] {
1674
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
1675
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
1681
1676
  @if $ddl-multiselect-skin-name == 'material' {
1682
1677
  height: $ddl-multiselect-filled-float-input-min-height-small;
1683
1678
  min-height: $ddl-multiselect-filled-float-input-min-height-small;
@@ -1685,15 +1680,15 @@ ejs-multiselect {
1685
1680
  }
1686
1681
  }
1687
1682
 
1688
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1689
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
1683
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1684
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
1690
1685
  @if $ddl-multiselect-skin-name == 'material' {
1691
1686
  min-height: $ddl-multiselect-filled-input-min-height-bigger;
1692
1687
  }
1693
1688
  }
1694
1689
 
1695
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'],
1696
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] {
1690
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
1691
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
1697
1692
  @if $ddl-multiselect-skin-name == 'material' {
1698
1693
  min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
1699
1694
  }
@@ -1734,16 +1729,15 @@ ejs-multiselect {
1734
1729
  }
1735
1730
 
1736
1731
  .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1737
- .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher
1738
- .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1732
+ .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1739
1733
  .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1740
1734
  @if $ddl-multiselect-skin-name == 'material' {
1741
1735
  height: $ddl-multiselect-filled-float-input-min-height;
1742
1736
  }
1743
1737
  }
1744
1738
 
1745
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'],
1746
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'] {
1739
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'],
1740
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'] {
1747
1741
  padding: 5px 0;
1748
1742
  }
1749
1743
 
@@ -1815,7 +1809,6 @@ ejs-multiselect {
1815
1809
  }
1816
1810
  }
1817
1811
 
1818
-
1819
1812
  // Chip specifications
1820
1813
 
1821
1814
  .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
@@ -1833,7 +1826,6 @@ ejs-multiselect {
1833
1826
  height: 24px;
1834
1827
  }
1835
1828
 
1836
-
1837
1829
  .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1838
1830
  .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1839
1831
  height: 32px;
@@ -1983,10 +1975,6 @@ ejs-multiselect {
1983
1975
  padding-right: 8px;
1984
1976
  }
1985
1977
 
1986
-
1987
-
1988
-
1989
-
1990
1978
  // Clear icon styles
1991
1979
 
1992
1980
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
@@ -1,4 +1,4 @@
1
- //default
1
+ //default
2
2
  $ddl-chip-mobile-close-font: 16px !default;
3
3
  $ddl-multiselect-skin-name: 'material' !default;
4
4
  $ddl-delim-font-size: 14px !default;
@@ -154,6 +154,7 @@ $ddl-bigger-small-input-height: 34px !default;
154
154
  $ddl-delim-bigger-small-font-size: 13px !default;
155
155
  $ddl-delimviewheight-bigger-small: 34px !default;
156
156
  $ddl-closer-margin-top-bigger-small: -2.5em !default;
157
+
157
158
  //enddefault
158
159
 
159
160
  $ddl-outline-multiselect-height: 34px !default;
@@ -211,6 +212,7 @@ $ddl-multiselect-filled-input-min-height-small: 32px !default;
211
212
  $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
212
213
  $ddl-multiselect-filled-floatlabel-fontsize-small: 10px !default;
213
214
  $ddl-multiselect-filled-chip-clear-icon-size-small: 10px !default;
215
+
214
216
  // Touch
215
217
  $ddl-multiselect-filled-input-min-height-bigger: 52px !default;
216
218
  $ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
@@ -132,6 +132,7 @@ $ddl-multiselect-filled-input-min-height: 39px !default;
132
132
  $ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
133
133
  $ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
134
134
  $multiselect-disable-font-color: rgba($grey-light-font, .42) !default;
135
+
135
136
  // Small size
136
137
  $ddl-select-all-height-small: 26px !default;
137
138
  $ddl-small-chip-height: 20px !default;
@@ -116,6 +116,7 @@ $ddl-multiselect-filled-input-min-height: 39px !default;
116
116
  $ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
117
117
  $ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
118
118
  $multiselect-disable-font-color: $content-text-color-alt1 !default;
119
+
119
120
  // Small size
120
121
  $ddl-select-all-height-small: 26px !default;
121
122
  $ddl-small-chip-height: 20px !default;
@@ -207,7 +208,7 @@ $ddl-close-down-icon-left: 35px !default;
207
208
  width: $ddl-chip-hooker-square;
208
209
  }
209
210
 
210
- .e-multi-select-wrapper .e-searcher input[type='text'] {
211
+ .e-multi-select-wrapper .e-searcher input[type = 'text'] {
211
212
  color: $content-text-color;
212
213
  height: 100%;
213
214
  }
@@ -216,4 +217,3 @@ $ddl-close-down-icon-left: 35px !default;
216
217
  border-left-width: 0;
217
218
  }
218
219
  }
219
-
@@ -128,6 +128,7 @@ $ddl-bigger-small-clear-icon-height: 32px !default;
128
128
  $ddl-bigger-small-clear-icon-width: 32px !default;
129
129
  $ddl-bigger-chip-close-square: $text-xl !default;
130
130
  $ddl-bigger-chip-close-font: $text-xl !default;
131
+
131
132
  // Small size
132
133
  $ddl-select-all-height-small: 24px !default;
133
134
  $ddl-small-chip-height: 18px !default;
@@ -189,7 +190,6 @@ $ddl-delim-font-color: $content-text-color !default;
189
190
  $ddl-close-icon-color: $icon-color !default;
190
191
  $ddl-close-icon-hover-color: $icon-color-hover !default;
191
192
 
192
-
193
193
  @include export-module('multiselect-tailwind') {
194
194
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
195
195
  line-height: 30px;
@@ -217,9 +217,8 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
217
217
  width: $ddl-chip-hooker-square;
218
218
  }
219
219
 
220
- .e-multi-select-wrapper .e-searcher input[type='text'] {
220
+ .e-multi-select-wrapper .e-searcher input[type = 'text'] {
221
221
  color: $content-text-color;
222
222
  height: 100%;
223
223
  }
224
224
  }
225
-