@syncfusion/ej2-angular-dropdowns 20.4.38-ngcc → 20.4.38

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 (442) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/auto-complete/autocomplete-all.module.mjs +23 -0
  3. package/esm2020/src/auto-complete/autocomplete.component.mjs +121 -0
  4. package/esm2020/src/auto-complete/autocomplete.module.mjs +25 -0
  5. package/esm2020/src/combo-box/combobox-all.module.mjs +23 -0
  6. package/esm2020/src/combo-box/combobox.component.mjs +121 -0
  7. package/esm2020/src/combo-box/combobox.module.mjs +25 -0
  8. package/esm2020/src/drop-down-list/dropdownlist-all.module.mjs +23 -0
  9. package/esm2020/src/drop-down-list/dropdownlist.component.mjs +127 -0
  10. package/esm2020/src/drop-down-list/dropdownlist.module.mjs +25 -0
  11. package/esm2020/src/drop-down-tree/dropdowntree-all.module.mjs +23 -0
  12. package/esm2020/src/drop-down-tree/dropdowntree.component.mjs +115 -0
  13. package/esm2020/src/drop-down-tree/dropdowntree.module.mjs +25 -0
  14. package/esm2020/src/index.mjs +23 -0
  15. package/esm2020/src/list-box/listbox-all.module.mjs +23 -0
  16. package/esm2020/src/list-box/listbox.component.mjs +103 -0
  17. package/esm2020/src/list-box/listbox.module.mjs +25 -0
  18. package/esm2020/src/mention/mention-all.module.mjs +23 -0
  19. package/esm2020/src/mention/mention.component.mjs +84 -0
  20. package/esm2020/src/mention/mention.module.mjs +25 -0
  21. package/esm2020/src/multi-select/multiselect-all.module.mjs +29 -0
  22. package/esm2020/src/multi-select/multiselect.component.mjs +134 -0
  23. package/esm2020/src/multi-select/multiselect.module.mjs +25 -0
  24. package/esm2020/syncfusion-ej2-angular-dropdowns.mjs +5 -0
  25. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +1052 -0
  26. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +1 -0
  27. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +1052 -0
  28. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +1 -0
  29. package/package.json +27 -13
  30. package/schematics/utils/lib-details.d.ts +2 -2
  31. package/src/auto-complete/autocomplete-all.module.d.ts +6 -0
  32. package/src/auto-complete/autocomplete.component.d.ts +7 -4
  33. package/src/auto-complete/autocomplete.module.d.ts +6 -0
  34. package/src/combo-box/combobox-all.module.d.ts +6 -0
  35. package/src/combo-box/combobox.component.d.ts +7 -4
  36. package/src/combo-box/combobox.module.d.ts +6 -0
  37. package/src/drop-down-list/dropdownlist-all.module.d.ts +6 -0
  38. package/src/drop-down-list/dropdownlist.component.d.ts +5 -2
  39. package/src/drop-down-list/dropdownlist.module.d.ts +6 -0
  40. package/src/drop-down-tree/dropdowntree-all.module.d.ts +6 -0
  41. package/src/drop-down-tree/dropdowntree.component.d.ts +3 -0
  42. package/src/drop-down-tree/dropdowntree.module.d.ts +6 -0
  43. package/src/list-box/listbox-all.module.d.ts +6 -0
  44. package/src/list-box/listbox.component.d.ts +4 -1
  45. package/src/list-box/listbox.module.d.ts +6 -0
  46. package/src/mention/mention-all.module.d.ts +6 -0
  47. package/src/mention/mention.component.d.ts +3 -0
  48. package/src/mention/mention.module.d.ts +6 -0
  49. package/src/multi-select/multiselect-all.module.d.ts +6 -0
  50. package/src/multi-select/multiselect.component.d.ts +3 -0
  51. package/src/multi-select/multiselect.module.d.ts +6 -0
  52. package/styles/auto-complete/_all.scss +1 -0
  53. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -0
  54. package/styles/auto-complete/_bootstrap-definition.scss +2 -0
  55. package/styles/auto-complete/_bootstrap4-definition.scss +11 -0
  56. package/styles/auto-complete/_bootstrap5-dark-definition.scss +1 -0
  57. package/styles/auto-complete/_bootstrap5-definition.scss +2 -0
  58. package/styles/auto-complete/_fabric-dark-definition.scss +2 -0
  59. package/styles/auto-complete/_fabric-definition.scss +2 -0
  60. package/styles/auto-complete/_fluent-dark-definition.scss +1 -0
  61. package/styles/auto-complete/_fluent-definition.scss +2 -0
  62. package/styles/auto-complete/_fusionnew-definition.scss +2 -0
  63. package/styles/auto-complete/_highcontrast-definition.scss +2 -0
  64. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -0
  65. package/styles/auto-complete/_material-dark-definition.scss +2 -0
  66. package/styles/auto-complete/_material-definition.scss +2 -0
  67. package/styles/auto-complete/_material3-definition.scss +2 -0
  68. package/styles/auto-complete/_tailwind-dark-definition.scss +1 -0
  69. package/styles/auto-complete/_tailwind-definition.scss +2 -0
  70. package/styles/auto-complete/bootstrap-dark.scss +4 -1
  71. package/styles/auto-complete/bootstrap.scss +4 -1
  72. package/styles/auto-complete/bootstrap4.scss +4 -1
  73. package/styles/auto-complete/bootstrap5-dark.scss +4 -1
  74. package/styles/auto-complete/bootstrap5.scss +4 -1
  75. package/styles/auto-complete/fabric-dark.scss +4 -1
  76. package/styles/auto-complete/fabric.scss +4 -1
  77. package/styles/auto-complete/fluent-dark.scss +4 -1
  78. package/styles/auto-complete/fluent.scss +4 -1
  79. package/styles/auto-complete/highcontrast-light.scss +4 -1
  80. package/styles/auto-complete/highcontrast.scss +4 -1
  81. package/styles/auto-complete/material-dark.scss +4 -1
  82. package/styles/auto-complete/material.scss +4 -1
  83. package/styles/auto-complete/tailwind-dark.scss +4 -1
  84. package/styles/auto-complete/tailwind.scss +4 -1
  85. package/styles/bootstrap-dark.css +0 -12
  86. package/styles/bootstrap.css +0 -12
  87. package/styles/bootstrap4.css +11 -24
  88. package/styles/bootstrap5-dark.css +1 -16
  89. package/styles/bootstrap5.css +1 -16
  90. package/styles/combo-box/_all.scss +1 -0
  91. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -0
  92. package/styles/combo-box/_bootstrap-definition.scss +2 -0
  93. package/styles/combo-box/_bootstrap4-definition.scss +11 -0
  94. package/styles/combo-box/_bootstrap5-dark-definition.scss +1 -0
  95. package/styles/combo-box/_bootstrap5-definition.scss +2 -0
  96. package/styles/combo-box/_fabric-dark-definition.scss +2 -0
  97. package/styles/combo-box/_fabric-definition.scss +2 -0
  98. package/styles/combo-box/_fluent-dark-definition.scss +1 -0
  99. package/styles/combo-box/_fluent-definition.scss +2 -0
  100. package/styles/combo-box/_fusionnew-definition.scss +2 -0
  101. package/styles/combo-box/_highcontrast-definition.scss +2 -0
  102. package/styles/combo-box/_highcontrast-light-definition.scss +3 -0
  103. package/styles/combo-box/_material-dark-definition.scss +2 -0
  104. package/styles/combo-box/_material-definition.scss +2 -0
  105. package/styles/combo-box/_material3-definition.scss +2 -0
  106. package/styles/combo-box/_tailwind-dark-definition.scss +1 -0
  107. package/styles/combo-box/_tailwind-definition.scss +2 -0
  108. package/styles/combo-box/bootstrap-dark.scss +4 -1
  109. package/styles/combo-box/bootstrap.scss +4 -1
  110. package/styles/combo-box/bootstrap4.scss +4 -1
  111. package/styles/combo-box/bootstrap5-dark.scss +4 -1
  112. package/styles/combo-box/bootstrap5.scss +4 -1
  113. package/styles/combo-box/fabric-dark.scss +4 -1
  114. package/styles/combo-box/fabric.scss +4 -1
  115. package/styles/combo-box/fluent-dark.scss +4 -1
  116. package/styles/combo-box/fluent.scss +4 -1
  117. package/styles/combo-box/highcontrast-light.scss +4 -1
  118. package/styles/combo-box/highcontrast.scss +4 -1
  119. package/styles/combo-box/material-dark.scss +4 -1
  120. package/styles/combo-box/material.scss +4 -1
  121. package/styles/combo-box/tailwind-dark.scss +4 -1
  122. package/styles/combo-box/tailwind.scss +4 -1
  123. package/styles/drop-down-base/_all.scss +2 -0
  124. package/styles/drop-down-base/_bootstrap-dark-definition.scss +82 -0
  125. package/styles/drop-down-base/_bootstrap-definition.scss +82 -0
  126. package/styles/drop-down-base/_bootstrap4-definition.scss +97 -0
  127. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +1 -0
  128. package/styles/drop-down-base/_bootstrap5-definition.scss +116 -0
  129. package/styles/drop-down-base/_definition.scss +23 -0
  130. package/styles/drop-down-base/_fabric-dark-definition.scss +85 -0
  131. package/styles/drop-down-base/_fabric-definition.scss +83 -0
  132. package/styles/drop-down-base/_fluent-dark-definition.scss +1 -0
  133. package/styles/drop-down-base/_fluent-definition.scss +120 -0
  134. package/styles/drop-down-base/_fusionnew-definition.scss +116 -0
  135. package/styles/drop-down-base/_highcontrast-definition.scss +104 -0
  136. package/styles/drop-down-base/_highcontrast-light-definition.scss +104 -0
  137. package/styles/drop-down-base/_layout.scss +193 -0
  138. package/styles/drop-down-base/_material-dark-definition.scss +85 -0
  139. package/styles/drop-down-base/_material-definition.scss +84 -0
  140. package/styles/drop-down-base/_material3-definition.scss +116 -0
  141. package/styles/drop-down-base/_tailwind-dark-definition.scss +1 -0
  142. package/styles/drop-down-base/_tailwind-definition.scss +128 -0
  143. package/styles/drop-down-base/_theme.scss +328 -0
  144. package/styles/drop-down-base/bootstrap-dark.scss +3 -1
  145. package/styles/drop-down-base/bootstrap.scss +3 -1
  146. package/styles/drop-down-base/bootstrap4.scss +3 -1
  147. package/styles/drop-down-base/bootstrap5-dark.scss +3 -1
  148. package/styles/drop-down-base/bootstrap5.scss +3 -1
  149. package/styles/drop-down-base/fabric-dark.scss +3 -1
  150. package/styles/drop-down-base/fabric.css +1 -1
  151. package/styles/drop-down-base/fabric.scss +3 -1
  152. package/styles/drop-down-base/fluent-dark.scss +3 -1
  153. package/styles/drop-down-base/fluent.scss +3 -1
  154. package/styles/drop-down-base/highcontrast-light.scss +3 -1
  155. package/styles/drop-down-base/highcontrast.scss +3 -1
  156. package/styles/drop-down-base/material-dark.css +1 -1
  157. package/styles/drop-down-base/material-dark.scss +3 -1
  158. package/styles/drop-down-base/material.scss +3 -1
  159. package/styles/drop-down-base/tailwind-dark.scss +3 -1
  160. package/styles/drop-down-base/tailwind.scss +3 -1
  161. package/styles/drop-down-list/_all.scss +3 -0
  162. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -0
  163. package/styles/drop-down-list/_bootstrap-definition.scss +156 -0
  164. package/styles/drop-down-list/_bootstrap4-definition.scss +191 -0
  165. package/styles/drop-down-list/_bootstrap5-dark-definition.scss +1 -0
  166. package/styles/drop-down-list/_bootstrap5-definition.scss +201 -0
  167. package/styles/drop-down-list/_fabric-dark-definition.scss +128 -0
  168. package/styles/drop-down-list/_fabric-definition.scss +124 -0
  169. package/styles/drop-down-list/_fluent-dark-definition.scss +1 -0
  170. package/styles/drop-down-list/_fluent-definition.scss +185 -0
  171. package/styles/drop-down-list/_fusionnew-definition.scss +201 -0
  172. package/styles/drop-down-list/_highcontrast-definition.scss +142 -0
  173. package/styles/drop-down-list/_highcontrast-light-definition.scss +144 -0
  174. package/styles/drop-down-list/_layout.scss +296 -0
  175. package/styles/drop-down-list/_material-dark-definition.scss +143 -0
  176. package/styles/drop-down-list/_material-definition.scss +167 -0
  177. package/styles/drop-down-list/_material3-definition.scss +201 -0
  178. package/styles/drop-down-list/_tailwind-dark-definition.scss +1 -0
  179. package/styles/drop-down-list/_tailwind-definition.scss +134 -0
  180. package/styles/drop-down-list/_theme.scss +10 -0
  181. package/styles/drop-down-list/bootstrap-dark.scss +8 -1
  182. package/styles/drop-down-list/bootstrap.scss +8 -1
  183. package/styles/drop-down-list/bootstrap4.scss +8 -1
  184. package/styles/drop-down-list/bootstrap5-dark.scss +8 -1
  185. package/styles/drop-down-list/bootstrap5.scss +8 -1
  186. package/styles/drop-down-list/fabric-dark.scss +8 -1
  187. package/styles/drop-down-list/fabric.scss +8 -1
  188. package/styles/drop-down-list/fluent-dark.scss +8 -1
  189. package/styles/drop-down-list/fluent.scss +8 -1
  190. package/styles/drop-down-list/highcontrast-light.scss +8 -1
  191. package/styles/drop-down-list/highcontrast.scss +8 -1
  192. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -0
  193. package/styles/drop-down-list/icons/_bootstrap.scss +14 -0
  194. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -0
  195. package/styles/drop-down-list/icons/_bootstrap5-dark.scss +1 -0
  196. package/styles/drop-down-list/icons/_bootstrap5.scss +14 -0
  197. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -0
  198. package/styles/drop-down-list/icons/_fabric.scss +14 -0
  199. package/styles/drop-down-list/icons/_fluent-dark.scss +1 -0
  200. package/styles/drop-down-list/icons/_fluent.scss +14 -0
  201. package/styles/drop-down-list/icons/_fusionnew.scss +14 -0
  202. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -0
  203. package/styles/drop-down-list/icons/_highcontrast.scss +14 -0
  204. package/styles/drop-down-list/icons/_material-dark.scss +14 -0
  205. package/styles/drop-down-list/icons/_material.scss +14 -0
  206. package/styles/drop-down-list/icons/_material3.scss +14 -0
  207. package/styles/drop-down-list/icons/_tailwind-dark.scss +1 -0
  208. package/styles/drop-down-list/icons/_tailwind.scss +14 -0
  209. package/styles/drop-down-list/material-dark.scss +8 -1
  210. package/styles/drop-down-list/material.scss +8 -1
  211. package/styles/drop-down-list/tailwind-dark.scss +8 -1
  212. package/styles/drop-down-list/tailwind.scss +8 -1
  213. package/styles/drop-down-tree/_all.scss +2 -0
  214. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +72 -0
  215. package/styles/drop-down-tree/_bootstrap-definition.scss +71 -0
  216. package/styles/drop-down-tree/_bootstrap4-definition.scss +72 -0
  217. package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +1 -0
  218. package/styles/drop-down-tree/_bootstrap5-definition.scss +60 -0
  219. package/styles/drop-down-tree/_fabric-dark-definition.scss +72 -0
  220. package/styles/drop-down-tree/_fabric-definition.scss +72 -0
  221. package/styles/drop-down-tree/_fluent-dark-definition.scss +1 -0
  222. package/styles/drop-down-tree/_fluent-definition.scss +66 -0
  223. package/styles/drop-down-tree/_fusionnew-definition.scss +60 -0
  224. package/styles/drop-down-tree/_highcontrast-definition.scss +72 -0
  225. package/styles/drop-down-tree/_highcontrast-light-definition.scss +72 -0
  226. package/styles/drop-down-tree/_layout.scss +1378 -0
  227. package/styles/drop-down-tree/_material-dark-definition.scss +73 -0
  228. package/styles/drop-down-tree/_material-definition.scss +73 -0
  229. package/styles/drop-down-tree/_material3-definition.scss +60 -0
  230. package/styles/drop-down-tree/_tailwind-dark-definition.scss +1 -0
  231. package/styles/drop-down-tree/_tailwind-definition.scss +61 -0
  232. package/styles/drop-down-tree/_theme.scss +120 -0
  233. package/styles/drop-down-tree/bootstrap-dark.scss +9 -1
  234. package/styles/drop-down-tree/bootstrap.scss +9 -1
  235. package/styles/drop-down-tree/bootstrap4.scss +9 -1
  236. package/styles/drop-down-tree/bootstrap5-dark.css +1 -4
  237. package/styles/drop-down-tree/bootstrap5-dark.scss +9 -1
  238. package/styles/drop-down-tree/bootstrap5.css +1 -4
  239. package/styles/drop-down-tree/bootstrap5.scss +9 -1
  240. package/styles/drop-down-tree/fabric-dark.scss +9 -1
  241. package/styles/drop-down-tree/fabric.scss +9 -1
  242. package/styles/drop-down-tree/fluent-dark.scss +9 -1
  243. package/styles/drop-down-tree/fluent.scss +9 -1
  244. package/styles/drop-down-tree/highcontrast-light.scss +9 -1
  245. package/styles/drop-down-tree/highcontrast.scss +9 -1
  246. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -0
  247. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -0
  248. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -0
  249. package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +1 -0
  250. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -0
  251. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -0
  252. package/styles/drop-down-tree/icons/_fabric.scss +11 -0
  253. package/styles/drop-down-tree/icons/_fluent-dark.scss +1 -0
  254. package/styles/drop-down-tree/icons/_fluent.scss +11 -0
  255. package/styles/drop-down-tree/icons/_fusionnew.scss +11 -0
  256. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -0
  257. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -0
  258. package/styles/drop-down-tree/icons/_material-dark.scss +11 -0
  259. package/styles/drop-down-tree/icons/_material.scss +11 -0
  260. package/styles/drop-down-tree/icons/_material3.scss +11 -0
  261. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -0
  262. package/styles/drop-down-tree/icons/_tailwind.scss +11 -0
  263. package/styles/drop-down-tree/material-dark.scss +9 -1
  264. package/styles/drop-down-tree/material.scss +9 -1
  265. package/styles/drop-down-tree/tailwind-dark.scss +9 -1
  266. package/styles/drop-down-tree/tailwind.scss +9 -1
  267. package/styles/fabric-dark.css +8 -20
  268. package/styles/fabric.css +9 -21
  269. package/styles/fluent-dark.css +1 -13
  270. package/styles/fluent.css +1 -13
  271. package/styles/highcontrast-light.css +0 -12
  272. package/styles/highcontrast.css +9 -21
  273. package/styles/list-box/_all.scss +2 -0
  274. package/styles/list-box/_bootstrap-dark-definition.scss +125 -0
  275. package/styles/list-box/_bootstrap-definition.scss +118 -0
  276. package/styles/list-box/_bootstrap4-definition.scss +123 -0
  277. package/styles/list-box/_bootstrap5-dark-definition.scss +1 -0
  278. package/styles/list-box/_bootstrap5-definition.scss +121 -0
  279. package/styles/list-box/_fabric-dark-definition.scss +125 -0
  280. package/styles/list-box/_fabric-definition.scss +118 -0
  281. package/styles/list-box/_fluent-dark-definition.scss +1 -0
  282. package/styles/list-box/_fluent-definition.scss +121 -0
  283. package/styles/list-box/_fusionnew-definition.scss +114 -0
  284. package/styles/list-box/_highcontrast-definition.scss +118 -0
  285. package/styles/list-box/_highcontrast-light-definition.scss +125 -0
  286. package/styles/list-box/_layout.scss +534 -0
  287. package/styles/list-box/_material-dark-definition.scss +125 -0
  288. package/styles/list-box/_material-definition.scss +118 -0
  289. package/styles/list-box/_material3-definition.scss +120 -0
  290. package/styles/list-box/_tailwind-dark-definition.scss +1 -0
  291. package/styles/list-box/_tailwind-definition.scss +120 -0
  292. package/styles/list-box/_theme.scss +316 -0
  293. package/styles/list-box/bootstrap-dark.scss +5 -1
  294. package/styles/list-box/bootstrap.scss +5 -1
  295. package/styles/list-box/bootstrap4.scss +5 -1
  296. package/styles/list-box/bootstrap5-dark.scss +5 -1
  297. package/styles/list-box/bootstrap5.scss +5 -1
  298. package/styles/list-box/fabric-dark.scss +5 -1
  299. package/styles/list-box/fabric.scss +5 -1
  300. package/styles/list-box/fluent-dark.scss +5 -1
  301. package/styles/list-box/fluent.scss +5 -1
  302. package/styles/list-box/highcontrast-light.scss +5 -1
  303. package/styles/list-box/highcontrast.scss +5 -1
  304. package/styles/list-box/icons/_bootstrap-dark.scss +25 -0
  305. package/styles/list-box/icons/_bootstrap.scss +25 -0
  306. package/styles/list-box/icons/_bootstrap4.scss +25 -0
  307. package/styles/list-box/icons/_bootstrap5-dark.scss +1 -0
  308. package/styles/list-box/icons/_bootstrap5.scss +25 -0
  309. package/styles/list-box/icons/_fabric-dark.scss +25 -0
  310. package/styles/list-box/icons/_fabric.scss +25 -0
  311. package/styles/list-box/icons/_fluent-dark.scss +1 -0
  312. package/styles/list-box/icons/_fluent.scss +25 -0
  313. package/styles/list-box/icons/_fusionnew.scss +25 -0
  314. package/styles/list-box/icons/_highcontrast-light.scss +25 -0
  315. package/styles/list-box/icons/_highcontrast.scss +25 -0
  316. package/styles/list-box/icons/_material-dark.scss +25 -0
  317. package/styles/list-box/icons/_material.scss +25 -0
  318. package/styles/list-box/icons/_material3.scss +25 -0
  319. package/styles/list-box/icons/_tailwind-dark.scss +25 -0
  320. package/styles/list-box/icons/_tailwind.scss +25 -0
  321. package/styles/list-box/material-dark.scss +5 -1
  322. package/styles/list-box/material.scss +5 -1
  323. package/styles/list-box/tailwind-dark.scss +5 -1
  324. package/styles/list-box/tailwind.scss +5 -1
  325. package/styles/material-dark.css +1 -13
  326. package/styles/material.css +0 -12
  327. package/styles/mention/_all.scss +1 -0
  328. package/styles/mention/_bootstrap-dark-definition.scss +3 -0
  329. package/styles/mention/_bootstrap-definition.scss +3 -0
  330. package/styles/mention/_bootstrap4-definition.scss +3 -0
  331. package/styles/mention/_bootstrap5-dark-definition.scss +1 -0
  332. package/styles/mention/_bootstrap5-definition.scss +1 -0
  333. package/styles/mention/_fabric-dark-definition.scss +2 -0
  334. package/styles/mention/_fabric-definition.scss +3 -0
  335. package/styles/mention/_fluent-dark-definition.scss +1 -0
  336. package/styles/mention/_fluent-definition.scss +1 -0
  337. package/styles/mention/_fusionnew-definition.scss +1 -0
  338. package/styles/mention/_highcontrast-definition.scss +3 -0
  339. package/styles/mention/_highcontrast-light-definition.scss +3 -0
  340. package/styles/mention/_layout.scss +6 -0
  341. package/styles/mention/_material-dark-definition.scss +3 -0
  342. package/styles/mention/_material-definition.scss +3 -0
  343. package/styles/mention/_material3-definition.scss +1 -0
  344. package/styles/mention/_tailwind-dark-definition.scss +1 -0
  345. package/styles/mention/_tailwind-definition.scss +1 -0
  346. package/styles/mention/bootstrap-dark.scss +6 -1
  347. package/styles/mention/bootstrap.scss +6 -1
  348. package/styles/mention/bootstrap4.scss +6 -1
  349. package/styles/mention/bootstrap5-dark.scss +6 -1
  350. package/styles/mention/bootstrap5.scss +6 -1
  351. package/styles/mention/fabric-dark.scss +6 -1
  352. package/styles/mention/fabric.scss +6 -1
  353. package/styles/mention/fluent-dark.scss +6 -1
  354. package/styles/mention/fluent.scss +6 -1
  355. package/styles/mention/highcontrast-light.scss +6 -1
  356. package/styles/mention/highcontrast.scss +6 -1
  357. package/styles/mention/material-dark.scss +6 -1
  358. package/styles/mention/material.scss +6 -1
  359. package/styles/mention/tailwind-dark.scss +6 -1
  360. package/styles/mention/tailwind.scss +6 -1
  361. package/styles/multi-select/_all.scss +2 -0
  362. package/styles/multi-select/_bootstrap-dark-definition.scss +189 -0
  363. package/styles/multi-select/_bootstrap-definition.scss +183 -0
  364. package/styles/multi-select/_bootstrap4-definition.scss +249 -0
  365. package/styles/multi-select/_bootstrap5-dark-definition.scss +1 -0
  366. package/styles/multi-select/_bootstrap5-definition.scss +219 -0
  367. package/styles/multi-select/_fabric-dark-definition.scss +178 -0
  368. package/styles/multi-select/_fabric-definition.scss +174 -0
  369. package/styles/multi-select/_fluent-dark-definition.scss +1 -0
  370. package/styles/multi-select/_fluent-definition.scss +230 -0
  371. package/styles/multi-select/_fusionnew-definition.scss +219 -0
  372. package/styles/multi-select/_highcontrast-definition.scss +287 -0
  373. package/styles/multi-select/_highcontrast-light-definition.scss +286 -0
  374. package/styles/multi-select/_layout.scss +1995 -0
  375. package/styles/multi-select/_material-dark-definition.scss +221 -0
  376. package/styles/multi-select/_material-definition.scss +214 -0
  377. package/styles/multi-select/_material3-definition.scss +219 -0
  378. package/styles/multi-select/_tailwind-dark-definition.scss +1 -0
  379. package/styles/multi-select/_tailwind-definition.scss +224 -0
  380. package/styles/multi-select/_theme.scss +488 -0
  381. package/styles/multi-select/bootstrap-dark.css +0 -12
  382. package/styles/multi-select/bootstrap-dark.scss +9 -1
  383. package/styles/multi-select/bootstrap.css +0 -12
  384. package/styles/multi-select/bootstrap.scss +9 -1
  385. package/styles/multi-select/bootstrap4.css +11 -24
  386. package/styles/multi-select/bootstrap4.scss +9 -1
  387. package/styles/multi-select/bootstrap5-dark.css +0 -12
  388. package/styles/multi-select/bootstrap5-dark.scss +9 -1
  389. package/styles/multi-select/bootstrap5.css +0 -12
  390. package/styles/multi-select/bootstrap5.scss +9 -1
  391. package/styles/multi-select/fabric-dark.css +8 -20
  392. package/styles/multi-select/fabric-dark.scss +9 -1
  393. package/styles/multi-select/fabric.css +8 -20
  394. package/styles/multi-select/fabric.scss +9 -1
  395. package/styles/multi-select/fluent-dark.css +1 -13
  396. package/styles/multi-select/fluent-dark.scss +9 -1
  397. package/styles/multi-select/fluent.css +1 -13
  398. package/styles/multi-select/fluent.scss +9 -1
  399. package/styles/multi-select/highcontrast-light.css +0 -12
  400. package/styles/multi-select/highcontrast-light.scss +9 -1
  401. package/styles/multi-select/highcontrast.css +9 -21
  402. package/styles/multi-select/highcontrast.scss +9 -1
  403. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -0
  404. package/styles/multi-select/icons/_bootstrap.scss +26 -0
  405. package/styles/multi-select/icons/_bootstrap4.scss +37 -0
  406. package/styles/multi-select/icons/_bootstrap5-dark.scss +1 -0
  407. package/styles/multi-select/icons/_bootstrap5.scss +26 -0
  408. package/styles/multi-select/icons/_fabric-dark.scss +26 -0
  409. package/styles/multi-select/icons/_fabric.scss +26 -0
  410. package/styles/multi-select/icons/_fluent-dark.scss +1 -0
  411. package/styles/multi-select/icons/_fluent.scss +55 -0
  412. package/styles/multi-select/icons/_fusionnew.scss +26 -0
  413. package/styles/multi-select/icons/_highcontrast-light.scss +26 -0
  414. package/styles/multi-select/icons/_highcontrast.scss +26 -0
  415. package/styles/multi-select/icons/_material-dark.scss +693 -0
  416. package/styles/multi-select/icons/_material.scss +693 -0
  417. package/styles/multi-select/icons/_material3.scss +26 -0
  418. package/styles/multi-select/icons/_tailwind-dark.scss +1 -0
  419. package/styles/multi-select/icons/_tailwind.scss +26 -0
  420. package/styles/multi-select/material-dark.css +0 -12
  421. package/styles/multi-select/material-dark.scss +9 -1
  422. package/styles/multi-select/material.css +0 -12
  423. package/styles/multi-select/material.scss +9 -1
  424. package/styles/multi-select/tailwind-dark.css +0 -12
  425. package/styles/multi-select/tailwind-dark.scss +9 -1
  426. package/styles/multi-select/tailwind.css +0 -12
  427. package/styles/multi-select/tailwind.scss +9 -1
  428. package/styles/tailwind-dark.css +0 -12
  429. package/styles/tailwind.css +0 -12
  430. package/syncfusion-ej2-angular-dropdowns.d.ts +5 -0
  431. package/@syncfusion/ej2-angular-dropdowns.es5.js +0 -1427
  432. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +0 -1
  433. package/@syncfusion/ej2-angular-dropdowns.js +0 -1342
  434. package/@syncfusion/ej2-angular-dropdowns.js.map +0 -1
  435. package/CHANGELOG.md +0 -2334
  436. package/dist/ej2-angular-dropdowns.umd.js +0 -1495
  437. package/dist/ej2-angular-dropdowns.umd.js.map +0 -1
  438. package/dist/ej2-angular-dropdowns.umd.min.js +0 -11
  439. package/dist/ej2-angular-dropdowns.umd.min.js.map +0 -1
  440. package/ej2-angular-dropdowns.d.ts +0 -11
  441. package/ej2-angular-dropdowns.metadata.json +0 -1
  442. package/postinstall/tagchange.js +0 -18
@@ -0,0 +1,1995 @@
1
+ .e-multi-select-wrapper {
2
+ box-sizing: border-box;
3
+ cursor: text;
4
+ line-height: normal;
5
+ min-height: $ddl-control-height;
6
+ padding: $ddl-control-placholder-padding;
7
+ position: relative;
8
+ user-select: none;
9
+ width: 100%;
10
+
11
+ #{if(&, '&', '*')}.e-delimiter {
12
+ #{if(&, '&', '*')} .e-searcher,
13
+ #{if(&, '&', '*')} .e-multi-searcher {
14
+ height: 27px;
15
+ vertical-align: middle;
16
+ #{if(&, '&', '*')} .e-dropdownbase {
17
+ height: 100%;
18
+ min-height: 100%;
19
+ }
20
+ }
21
+ }
22
+
23
+ .e-delim-view {
24
+ white-space: nowrap;
25
+
26
+ #{if(&, '&', '*')}.e-delim-values.e-delim-overflow,
27
+ #{if(&, '&', '*')}.e-delim-values.e-delim-total {
28
+ box-sizing: border-box;
29
+ display: inline-block;
30
+ overflow: hidden;
31
+ text-overflow: ellipsis;
32
+ @if $ddl-multiselect-skin-name == 'tailwind' {
33
+ padding: 0;
34
+ }
35
+ }
36
+ }
37
+
38
+ .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
39
+ color: $ddl-chip-mobile-font;
40
+ font-size: $ddl-chip-close-font;
41
+ left: $ddl-sel-chip-close-mobile-left;
42
+ top: $ddl-sel-chip-close-mobile-top;
43
+ }
44
+
45
+ .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
46
+ background-color: $ddl-chip-mobile-bg;
47
+ color: $ddl-chip-mobile-font;
48
+ padding: $ddl-chip-selected-padding;
49
+ }
50
+
51
+ .e-searcher.e-zero-size:not(.e-multiselect-box),
52
+ .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
53
+ width: 0;
54
+
55
+ input[type = 'text'] {
56
+ height: 1px;
57
+ min-height: 1px;
58
+ }
59
+ }
60
+
61
+ .e-chips.e-mob-chip > .e-chipcontent {
62
+ max-width: 100%;
63
+ }
64
+ }
65
+
66
+ .e-multiselect.e-control-container,
67
+ .e-multiselect.e-control-container.e-input-group {
68
+ .e-multi-select-wrapper .e-multi-searcher {
69
+ display: flex;
70
+ float: left;
71
+ width: auto;
72
+ }
73
+
74
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
75
+ display: inline-flex;
76
+ float: none;
77
+ }
78
+
79
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
80
+ width: 0;
81
+ }
82
+
83
+ .e-multi-select-wrapper .e-delim-values.e-delim-hide,
84
+ .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
85
+ .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
86
+ display: none;
87
+ }
88
+
89
+ .e-multi-select-wrapper.e-down-icon {
90
+ padding: 0 48px 0 0;
91
+ }
92
+
93
+ .e-multi-select-wrapper .e-delim-values {
94
+ align-items: center;
95
+ display: inline;
96
+ max-width: 100%;
97
+ word-break: break-word;
98
+ }
99
+
100
+ .e-multi-select-wrapper .e-clear-icon,
101
+ .e-multi-select-wrapper .e-ddl-icon {
102
+ align-items: center;
103
+ cursor: pointer;
104
+ display: none;
105
+ flex-direction: row;
106
+ margin-top: $ddl-clear-margin-top;
107
+ @if $ddl-multiselect-skin-name == 'tailwind' {
108
+ margin-top: -1.45em;
109
+ }
110
+ outline: 0;
111
+ padding: 0;
112
+ position: absolute;
113
+ right: $ddl-chip-hooker-right;
114
+ top: $ddl-closer-hooker-top;
115
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
116
+ right: $ddl-clear-icon-right;
117
+ top: $ddl-clear-icon-top;
118
+ }
119
+ }
120
+
121
+ :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
122
+ .e-multi-select-wrapper .e-ddl-icon {
123
+ display: flex;
124
+ }
125
+
126
+ .e-multi-select-wrapper .e-ddl-icon {
127
+ margin-right: 0;
128
+ margin-top: $ddl-icon-margin-top;
129
+ right: 0;
130
+ }
131
+
132
+ .e-multi-select-wrapper.e-delimiter {
133
+ @if $ddl-multiselect-skin-name != 'FluentUI' {
134
+ top: -1px;
135
+ }
136
+ }
137
+
138
+ .e-multi-select-wrapper .e-clear-icon {
139
+ font-size: $ddl-closer-hooker-font;
140
+ @if $ddl-multiselect-skin-name != 'bootstrap' {
141
+ height: $ddl-chip-hooker-square;
142
+ width: $ddl-chip-hooker-square;
143
+ }
144
+ }
145
+ }
146
+
147
+ .e-multiselect.e-control-container.e-rtl,
148
+ .e-multiselect.e-control-container.e-input-group.e-rtl {
149
+ .e-multi-select-wrapper .e-multi-searcher {
150
+ float: right;
151
+ }
152
+
153
+ .e-multi-select-wrapper .e-clear-icon,
154
+ .e-multi-select-wrapper .e-ddl-icon {
155
+ left: 0;
156
+ right: auto;
157
+ }
158
+
159
+ .e-multi-select-wrapper.e-down-icon {
160
+ padding: 0 0 0 48px;
161
+ }
162
+ }
163
+
164
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
165
+ margin-top: $ddl-icon-margin-top-bigger;
166
+ }
167
+
168
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
169
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
170
+ opacity: .7;
171
+ pointer-events: none;
172
+ }
173
+
174
+ .e-multiselect.e-input-group,
175
+ .e-multiselect.e-float-input {
176
+ word-wrap: initial;
177
+ }
178
+
179
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
180
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
181
+ top: $ddl-multiselect-label-position;
182
+ }
183
+
184
+ .e-bigger .e-multi-select-wrapper {
185
+ min-height: $ddl-control-bigger-height;
186
+ }
187
+
188
+ .e-multi-select-wrapper.e-close-icon-hide {
189
+ padding-right: 0;
190
+ }
191
+
192
+ .e-multi-select-wrapper .e-chips-collection {
193
+ cursor: default;
194
+ display: block;
195
+ }
196
+
197
+ .e-multi-select-wrapper .e-multi-hidden {
198
+ border: 0;
199
+ height: 0;
200
+ position: absolute;
201
+ visibility: hidden;
202
+ width: 0;
203
+ }
204
+
205
+ .e-multi-select-wrapper .e-chips {
206
+ align-items: center;
207
+ display: inline-flex;
208
+ float: left;
209
+ margin: $ddl-chip-margin;
210
+ max-width: 100%;
211
+ overflow: hidden;
212
+ padding: $ddl-chip-padding;
213
+ text-overflow: ellipsis;
214
+ white-space: nowrap;
215
+ }
216
+
217
+ .e-bigger .e-multi-select-wrapper .e-chips {
218
+ margin: $ddl-chip-margin-bigger;
219
+ }
220
+
221
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
222
+ max-width: 100%;
223
+ overflow: hidden;
224
+ padding: $ddl-chip-content-padding;
225
+ text-indent: 0;
226
+ text-overflow: ellipsis;
227
+ white-space: nowrap;
228
+ @if $ddl-multiselect-skin-name == 'bootstrap5' {
229
+ line-height: 1.5;
230
+ }
231
+ }
232
+
233
+ .e-multi-select-wrapper.e-delimiter {
234
+ .e-searcher {
235
+ display: inline-block;
236
+ float: none;
237
+ }
238
+ }
239
+
240
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
241
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
242
+ padding: $ddl-chip-mobile-content-padding;
243
+ }
244
+
245
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
246
+ @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' {
247
+ padding: $ddl-chip-bigger-content-padding;
248
+ }
249
+ @if $ddl-multiselect-skin-name == 'tailwind' {
250
+ font-size: $ddl-chip-bigger-font-size;
251
+ }
252
+ }
253
+
254
+ #{&}.e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips>.e-chipcontent,
255
+ .e-bigger #{&}.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips>.e-chipcontent {
256
+ padding: $ddl-rtl-chip-mobile-content-padding;
257
+ }
258
+
259
+ .e-multi-select-wrapper .e-chips-close {
260
+ align-self: center;
261
+ display: flex;
262
+ float: right;
263
+ font-family: 'e-icons';
264
+ height: $ddl-chip-close-square;
265
+ margin: $ddl-chip-close-margin;
266
+ width: $ddl-chip-close-square;
267
+ }
268
+
269
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
270
+ margin: $ddl-chip-mobile-close-margin;
271
+ }
272
+
273
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
274
+ cursor: default;
275
+ font-size: $ddl-closer-hooker-font;
276
+ height: $ddl-chip-hooker-square;
277
+ margin-top: $ddl-closer-margin-top;
278
+ position: absolute;
279
+ right: $ddl-chip-hooker-right;
280
+ top: $ddl-closer-hooker-top;
281
+ width: $ddl-chip-hooker-square;
282
+ }
283
+
284
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
285
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
286
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
287
+ right: $ddl-close-icon-left;
288
+ }
289
+
290
+ .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
291
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
292
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
293
+ .e-bigger.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
294
+ .e-bigger.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
295
+ .e-bigger .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
296
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
297
+ font-size: $ddl-bigger-chip-down-icon-font;
298
+ right: $ddl-close-icon-bigger-right;
299
+ }
300
+ }
301
+
302
+ .e-bigger.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
303
+ .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
304
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
305
+ .e-bigger.e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
306
+ .e-bigger.e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
307
+ .e-bigger.e-small .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
308
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
309
+ font-size: $ddl-biggersmall-chip-down-icon-font;
310
+ right: $ddl-close-icon-bigger-right;
311
+ }
312
+ }
313
+
314
+ .e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
315
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
316
+ .e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
317
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
318
+ font-size: $ddl-closer-hooker-font-small;
319
+ }
320
+ }
321
+
322
+ .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
323
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
324
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
325
+ font-size: $ddl-chip-close-font;
326
+ }
327
+ }
328
+
329
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
330
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
331
+ @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
332
+ right: 38px;
333
+ }
334
+ }
335
+
336
+ .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
337
+ @if $ddl-multiselect-skin-name == 'FluentUI' or $ddl-multiselect-skin-name == 'bootstrap5' {
338
+ right: $ddl-close-down-icon-left;
339
+ }
340
+ }
341
+
342
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
343
+ left: $ddl-close-icon-left;
344
+ right: auto;
345
+ }
346
+
347
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
348
+ .e-bigger.e-small.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
349
+ @if $ddl-multiselect-skin-name == 'bootstrap5' {
350
+ left: 45px;
351
+ right: auto;
352
+ }
353
+ }
354
+
355
+ .e-small .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
356
+ .e-small.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
357
+ .e-small.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
358
+ .e-small.e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
359
+ @if $ddl-multiselect-skin-name == 'bootstrap5' {
360
+ left: 12px;
361
+ right: auto;
362
+ }
363
+ }
364
+
365
+ .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
366
+ .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
367
+ @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
368
+ left: 38px;
369
+ right: auto;
370
+ }
371
+ }
372
+
373
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
374
+ margin-top: $ddl-closer-margin-top-bigger;
375
+ @if $ddl-multiselect-skin-name == 'tailwind' {
376
+ height: $ddl-bigger-clear-icon-height;
377
+ width: $ddl-bigger-clear-icon-width;
378
+ }
379
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
380
+ font-size: $ddl-bigger-chip-down-icon-font;
381
+ }
382
+ }
383
+
384
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
385
+ margin-top: $ddl-closer-margin-top-bigger;
386
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
387
+ margin-top: $ddl-bigger-clear-margin-top;
388
+ }
389
+ @if $ddl-multiselect-skin-name == 'bootstrap5' {
390
+ margin-top: -2.15em;
391
+ }
392
+ @if $ddl-multiselect-skin-name == 'tailwind' {
393
+ height: $ddl-bigger-clear-icon-height;
394
+ margin-top: $ddl-clear-margin-top;
395
+ width: $ddl-bigger-clear-icon-width;
396
+ }
397
+ }
398
+
399
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
400
+ .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
401
+ @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'tailwind' {
402
+ font-size: $ddl-closer-hooker-font-bigger;
403
+ margin-top: $ddl-closer-margin-top;
404
+ }
405
+ @if $ddl-multiselect-skin-name == 'tailwind' {
406
+ margin-top: $ddl-closer-margin-top-bigger;
407
+ }
408
+ }
409
+
410
+ .e-multi-select-wrapper input[type = 'text'] {
411
+ background: none;
412
+ border: 0;
413
+ font-family: $ddl-chip-font-family;
414
+ font-size: $ddl-chip-font-size;
415
+ font-weight: normal;
416
+ height: $ddl-input-height;
417
+ min-height: $ddl-input-height;
418
+ outline: none;
419
+ padding: 0;
420
+ text-indent: $ddl-input-text-indent;
421
+ }
422
+
423
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
424
+ background: none;
425
+ border: 0;
426
+ color: inherit;
427
+ font-family: $ddl-chip-font-family;
428
+ font-size: $ddl-delim-font-size;
429
+ font-weight: normal;
430
+ height: $ddl-input-height;
431
+ min-height: $ddl-input-height;
432
+ outline: none;
433
+ padding: 0;
434
+ text-indent: $ddl-input-text-indent;
435
+ }
436
+
437
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
438
+ padding: 5px;
439
+ }
440
+
441
+ .e-bigger .e-multi-select-wrapper input[type = 'text'],
442
+ .e-multi-select-wrapper.e-mob-wrapper input[type = 'text'] {
443
+ height: $ddl-input-height;
444
+ min-height: $ddl-input-height;
445
+ }
446
+
447
+ .e-bigger .e-multi-select-wrapper input[type = 'text'] {
448
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
449
+ font-size: $ddl-chip-bigger-font-size;
450
+ }
451
+ @if $ddl-multiselect-skin-name == 'tailwind' {
452
+ font-size: $ddl-chip-bigger-font-size;
453
+ }
454
+ height: $ddl-input-bigger-height;
455
+ min-height: $ddl-input-bigger-height;
456
+ }
457
+
458
+ /* stylelint-disable property-no-vendor-prefix */
459
+ .e-multi-select-wrapper input[type = 'text']::-ms-clear {
460
+ display: none;
461
+ }
462
+
463
+ .e-multi-select-wrapper .e-searcher {
464
+ display: block;
465
+ float: left;
466
+ width: auto;
467
+ }
468
+
469
+ // bootstrap modal search wrapper width
470
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
471
+ width: $ddl-search-wrapper-width;
472
+ }
473
+
474
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
475
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
476
+ width: $ddl-bigger-search-wrapper-width;
477
+ }
478
+
479
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
480
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
481
+ width: $ddl-small-search-wrapper-width;
482
+ }
483
+
484
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
485
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
486
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
487
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
488
+ width: $ddl-bigger-small-search-wrapper-width;
489
+ }
490
+
491
+ // Outline bootstrap modal search wrapper width
492
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
493
+ @if $ddl-multiselect-skin-name == 'material' {
494
+ width: $ddl-search-wrapper-width;
495
+ }
496
+ }
497
+
498
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
499
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
500
+ @if $ddl-multiselect-skin-name == 'material' {
501
+ width: $ddl-bigger-search-wrapper-width;
502
+ }
503
+ }
504
+
505
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
506
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
507
+ @if $ddl-multiselect-skin-name == 'material' {
508
+ width: $ddl-small-search-wrapper-width;
509
+ }
510
+ }
511
+
512
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
513
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
514
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
515
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
516
+ @if $ddl-multiselect-skin-name == 'material' {
517
+ width: $ddl-bigger-small-search-wrapper-width;
518
+ }
519
+ }
520
+
521
+ .e-multi-select-wrapper .e-delim-values {
522
+ font-family: $ddl-chip-font-family;
523
+ font-size: $ddl-delim-font-size;
524
+ line-height: $ddl-delimviewheight;
525
+ max-width: 100%;
526
+ padding-left: $ddl-delim-text-indent;
527
+ padding-right: $ddl-delim-text-padding-right;
528
+ @if $ddl-multiselect-skin-name != 'bootstrap5' or $ddl-multiselect-skin-name != 'FluentUI' {
529
+ vertical-align: middle;
530
+ }
531
+ }
532
+
533
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
534
+ @if $ddl-multiselect-skin-name == 'tailwind' {
535
+ font-size: $ddl-delim-bigger-font-size;
536
+ }
537
+ line-height: $ddl-delimviewheight-bigger;
538
+ padding-left: $ddl-delimview-bigger-padding-left;
539
+ }
540
+
541
+ .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
542
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
543
+ padding-left: 12px;
544
+ }
545
+ @else if $ddl-multiselect-skin-name == 'bootstrap5' {
546
+ padding-left: 0;
547
+ }
548
+ @if $ddl-multiselect-skin-name == 'tailwind' {
549
+ font-size: $ddl-chip-bigger-font-size;
550
+ }
551
+ }
552
+
553
+ .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
554
+ @if $ddl-multiselect-skin-name == 'tailwind' {
555
+ font-size: $ddl-chip-small-font-size;
556
+ }
557
+ }
558
+
559
+ .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
560
+ @if $ddl-multiselect-skin-name == 'tailwind' {
561
+ font-size: $ddl-chip-bigger-small-font-size;
562
+ }
563
+ }
564
+
565
+ .e-multi-select-list-wrapper .e-hide-listitem,
566
+ .e-multi-select-list-wrapper .e-hide-group-header {
567
+ display: none;
568
+ }
569
+
570
+ .e-multi-select-wrapper .e-delim-values .e-remain {
571
+ color: $ddl-remains-font-color;
572
+ cursor: pointer;
573
+ display: inline-block;
574
+ font-size: $ddl-chip-font-size;
575
+ padding-left: $ddl-remains-padding-left;
576
+ }
577
+
578
+ #{&}.e-multiselect.e-disabled .e-multi-select-wrapper,
579
+ #{&}.e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
580
+ cursor: not-allowed;
581
+ }
582
+
583
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
584
+ height: $ddl-chip-sel-mobile-height;
585
+ left: $ddl-chip-mob-left;
586
+ margin: $ddl-chip-sel-mobile-close-margin;
587
+ margin-left: auto;
588
+ position: relative;
589
+ top: $ddl-chip-close-mob-top;
590
+ width: $ddl-chip-sel-mobile-height;
591
+ }
592
+
593
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
594
+ align-self: center;
595
+ box-shadow: $ddl-chip-selected-shadow-value;
596
+ display: inline-flex;
597
+ padding: $ddl-chip-mob-padding;
598
+ width: 92%;
599
+ }
600
+
601
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
602
+ content: '';
603
+ }
604
+
605
+ #{&}.e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter {
606
+ .e-searcher {
607
+ float: none;
608
+ }
609
+ }
610
+
611
+ #{&}.e-multiselect.e-rtl {
612
+ .e-multi-select-wrapper.e-close-icon-hide {
613
+ padding-left: 0;
614
+ }
615
+
616
+ .e-multi-select-wrapper {
617
+ padding: $ddl-rtl-wrapper;
618
+
619
+ .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
620
+ left: $ddl-rtl-chip-sel-close-left;
621
+ }
622
+
623
+ .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
624
+ margin: 0;
625
+ margin-right: auto;
626
+ }
627
+
628
+ .e-searcher {
629
+ float: right;
630
+ }
631
+
632
+ .e-chips {
633
+ float: right;
634
+ margin: $ddl-rtl-mob-chip-content-margin;
635
+ padding: $ddl-rtl-chip-padding;
636
+
637
+ .e-chipcontent {
638
+ padding: $ddl-rtl-chip-content-padding;
639
+ }
640
+
641
+ .e-chips-close {
642
+ float: left;
643
+ }
644
+
645
+ .e-chips-close::before {
646
+ left: $ddl-rtl-chip-close-left;
647
+ }
648
+ }
649
+
650
+ .e-chips.e-mob-chip {
651
+ padding: $ddl-rtl-mob-chip-padding;
652
+
653
+ .e-chipcontent {
654
+ padding: $ddl-rtl-mob-chip-content-padding;
655
+ }
656
+ }
657
+
658
+ .e-chips.e-mob-chip.e-chip-selected {
659
+ padding: $ddl-rtl-mob-sel-chip-padding;
660
+
661
+ .e-chipcontent {
662
+ padding: $ddl-rtl-mob-sel-chip-content-padding;
663
+ }
664
+ }
665
+
666
+ .e-chips-close.e-close-hooker {
667
+ left: $ddl-close-icon-left;
668
+ position: absolute;
669
+ right: auto;
670
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'tailwind' {
671
+ left: 0;
672
+ }
673
+ }
674
+
675
+ .e-close-hooker::before {
676
+ left: $ddl-rtl-hooker-left;
677
+ }
678
+
679
+ .e-delim-values .e-remain {
680
+ padding-right: $ddl-remains-padding-left;
681
+ }
682
+ }
683
+ }
684
+
685
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
686
+ left: $ddl-close-rtl-icon-left;
687
+ }
688
+
689
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
690
+ left: $ddl-chip-close-rtl-left;
691
+ }
692
+
693
+ .e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
694
+ .e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
695
+ @if ($ddl-multiselect-skin-name == 'bootstrap5') {
696
+ left: $ddl-chip-close-rtl-small-left;
697
+ }
698
+ }
699
+
700
+ .e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
701
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
702
+ @if ($ddl-multiselect-skin-name == 'bootstrap5') {
703
+ left: $ddl-chip-close-rtl-bigger-left;
704
+ }
705
+ }
706
+
707
+ .e-bigger.e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
708
+ .e-bigger.e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
709
+ @if ($ddl-multiselect-skin-name == 'bootstrap5') {
710
+ left: $ddl-chip-close-rtl-small-bigger-left;
711
+ }
712
+ }
713
+
714
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
715
+ bottom: 1px;
716
+ margin-right: $ddl-check-right-margin;
717
+ position: relative;
718
+ text-indent: 0;
719
+ vertical-align: middle;
720
+ }
721
+
722
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
723
+ @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
724
+ padding-left: $ddl-multiselect-group-checkbox-wrapper-padding-left;
725
+ }
726
+ }
727
+
728
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
729
+ @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
730
+ padding-right: $ddl-multiselect-group-list-item-rtl-padding-right;
731
+ }
732
+ }
733
+
734
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
735
+ @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
736
+ padding-right: $ddl-bigger-multiselect-group-list-item-rtl-padding-right;
737
+ }
738
+ }
739
+
740
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
741
+ bottom: 1px;
742
+ @if $ddl-multiselect-skin-name == 'bootstrap5' {
743
+ bottom: 2px;
744
+ }
745
+ margin-right: $ddl-check-right-margin;
746
+ position: relative;
747
+ text-indent: 0;
748
+ vertical-align: middle;
749
+ }
750
+
751
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
752
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
753
+ bottom: 1px;
754
+ @if $ddl-multiselect-skin-name == 'bootstrap5' {
755
+ bottom: 2px;
756
+ }
757
+ margin-right: $ddl-bigger-check-right-margin;
758
+ }
759
+
760
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
761
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
762
+ bottom: 1px;
763
+ @if $ddl-multiselect-skin-name == 'bootstrap5' {
764
+ bottom: 2px;
765
+ }
766
+ margin-right: $ddl-bigger-check-right-margin;
767
+ }
768
+
769
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
770
+ margin-left: 12px;
771
+ margin-right: 0;
772
+ }
773
+
774
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
775
+ margin-left: 12px;
776
+ margin-right: 0;
777
+ }
778
+
779
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
780
+ @if ($ddl-multiselect-skin-name != 'tailwind') {
781
+ padding-right: 0;
782
+ }
783
+ }
784
+
785
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
786
+ @if ($ddl-multiselect-skin-name != 'tailwind') {
787
+ padding-right: $ddl-list-rtl-padding-right;
788
+ }
789
+ }
790
+
791
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
792
+ @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
793
+ padding-right: $ddl-multiselect-group-list-group-item-rtl-padding-right;
794
+ }
795
+ }
796
+
797
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
798
+ @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
799
+ padding-right: $ddl-list-padding-right;
800
+ }
801
+ }
802
+
803
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
804
+ @if ($ddl-multiselect-skin-name != 'tailwind') {
805
+ padding-left: $ddl-multiselect-group-list-group-item-padding-left;
806
+ }
807
+ }
808
+
809
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
810
+ @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
811
+ padding-left: $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left;
812
+ }
813
+ }
814
+
815
+ .e-multi-select-list-wrapper .e-selectall-parent {
816
+ cursor: pointer;
817
+ display: block;
818
+ line-height: $ddl-select-all-height;
819
+ overflow: hidden;
820
+ padding-right: $ddl-list-padding-right;
821
+ position: relative;
822
+ text-indent: $ddl-check-right;
823
+ white-space: nowrap;
824
+ width: 100%;
825
+ }
826
+
827
+ .e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent {
828
+ @if ($ddl-multiselect-skin-name == 'FluentUI') {
829
+ text-indent: $ddl-check-group-right;
830
+ }
831
+ }
832
+
833
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
834
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
835
+ padding-left: $ddl-list-rtl-padding-left;
836
+ padding-right: $ddl-list-rtl-padding-right;
837
+ }
838
+
839
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
840
+ color: $ddl-multi-list-default-font-color;
841
+ font-family: $ddl-chip-font-family;
842
+ font-size: $ddl-selectall-font-size;
843
+ }
844
+
845
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
846
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
847
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
848
+ font-size: $ddl-bigger-selectall-font-size;
849
+ }
850
+ }
851
+
852
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
853
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
854
+ @if $ddl-multiselect-skin-name == 'tailwind' {
855
+ font-size: $ddl-small-selectall-font-size;
856
+ }
857
+ }
858
+
859
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
860
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
861
+ @if $ddl-multiselect-skin-name == 'tailwind' {
862
+ font-size: $ddl-bigger-small-selectall-font-size;
863
+ }
864
+ }
865
+
866
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
867
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
868
+ font-size: $ddl-chip-font-size;
869
+ line-height: $ddl-bigger-select-all-height;
870
+ text-indent: $ddl-bigger-check-right;
871
+ }
872
+
873
+ .e-bigger .e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent,
874
+ .e-bigger.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent {
875
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
876
+ font-size: $ddl-chip-font-size;
877
+ line-height: $ddl-bigger-select-all-height;
878
+ text-indent: $ddl-bigger-check-right;
879
+ }
880
+ }
881
+
882
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
883
+ bottom: 1px;
884
+ margin-right: $ddl-check-right-margin;
885
+ position: relative;
886
+ text-indent: 0;
887
+ vertical-align: middle;
888
+ }
889
+
890
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
891
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
892
+ bottom: 1px;
893
+ @if $ddl-multiselect-skin-name == 'bootstrap5' {
894
+ bottom: 2px;
895
+ }
896
+ margin-right: $ddl-bigger-check-right-margin;
897
+ }
898
+
899
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
900
+ margin-left: $ddl-check-left;
901
+ margin-right: 0;
902
+ }
903
+
904
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
905
+ float: right;
906
+ margin-top: $ddl-check-icon-top;
907
+ }
908
+
909
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
910
+ float: left;
911
+ }
912
+
913
+ .e-multiselect .e-ddl-icon::before {
914
+ @if $ddl-multiselect-skin-name == 'material' {
915
+ transform: rotate(0deg);
916
+ transition: transform 300ms ease;
917
+ }
918
+ }
919
+
920
+ .e-multiselect.e-icon-anim .e-ddl-icon::before {
921
+ @if $ddl-multiselect-skin-name == 'material' {
922
+ transform: rotate(180deg);
923
+ transition: transform 300ms ease;
924
+ }
925
+ }
926
+
927
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
928
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
929
+ padding: 0;
930
+ }
931
+
932
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
933
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
934
+ @if $skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'tailwind' {
935
+ padding: $ddl-filterbar-padding;
936
+ }
937
+ }
938
+
939
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
940
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
941
+ @if $skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'tailwind' {
942
+ padding: $ddl-bigger-filterbar-padding;
943
+ }
944
+ }
945
+
946
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
947
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
948
+ padding-left: 8px;
949
+ @if $ddl-multiselect-skin-name == 'material' {
950
+ padding-right: 8px;
951
+ }
952
+ }
953
+
954
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
955
+ padding: $ddl-back-icon-padding;
956
+ }
957
+
958
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
959
+ @if $ddl-multiselect-skin-name != 'highcontrast' {
960
+ line-height: $ddl-delimviewheight-check-bigger;
961
+ }
962
+ }
963
+
964
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
965
+ line-height: 20px;
966
+ padding-left: 10px;
967
+ @if $ddl-multiselect-skin-name == 'bootstrap5' {
968
+ padding-left: 0;
969
+ }
970
+ }
971
+
972
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
973
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
974
+ opacity: .3;
975
+ }
976
+
977
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
978
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
979
+ opacity: .7;
980
+ }
981
+
982
+ .e-multi-select-wrapper input[readonly = 'true'] {
983
+ pointer-events: none;
984
+ }
985
+
986
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
987
+ pointer-events: none;
988
+ }
989
+
990
+ ejs-multiselect {
991
+ display: block;
992
+ }
993
+
994
+ .e-bigger .e-multi-select-wrapper .e-chips-close {
995
+ @if $ddl-multiselect-skin-name == 'tailwind' {
996
+ height: $ddl-bigger-chip-close-square;
997
+ width: $ddl-bigger-chip-close-square;
998
+ }
999
+ }
1000
+
1001
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1002
+ @if $ddl-multiselect-skin-name == 'tailwind' {
1003
+ font-size: $ddl-bigger-chip-close-font;
1004
+ }
1005
+ }
1006
+
1007
+ // small size
1008
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1009
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
1010
+ line-height: $ddl-select-all-height-small;
1011
+ @if $ddl-multiselect-skin-name == 'tailwind' {
1012
+ font-size: $ddl-chip-small-font-size;
1013
+ text-indent: $ddl-small-check-right;
1014
+ }
1015
+ }
1016
+
1017
+ .e-small .e-multi-select-wrapper .e-chips-close {
1018
+ height: $ddl-small-chip-close-square;
1019
+ width: $ddl-small-chip-close-square;
1020
+ }
1021
+
1022
+ .e-small .e-multi-select-wrapper {
1023
+ min-height: $ddl-control-small-height;
1024
+ }
1025
+
1026
+ .e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
1027
+ .e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1028
+ @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
1029
+ height: $ddl-small-input-height;
1030
+ }
1031
+ }
1032
+
1033
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
1034
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1035
+ @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
1036
+ height: $ddl-bigger-small-input-height;
1037
+ }
1038
+ }
1039
+
1040
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
1041
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1042
+ @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
1043
+ height: $ddl-input-bigger-height;
1044
+ }
1045
+ }
1046
+
1047
+ .e-small .e-multi-select-wrapper input[type = 'text'] {
1048
+ @if $ddl-multiselect-skin-name == 'tailwind' {
1049
+ font-size: $ddl-chip-small-font-size;
1050
+ }
1051
+ height: $ddl-small-input-height;
1052
+ min-height: $ddl-small-input-height;
1053
+ }
1054
+
1055
+ .e-small .e-multi-select-wrapper .e-delim-values {
1056
+ font-size: $ddl-delim-small-font-size;
1057
+ line-height: $ddl-delimviewheight-small;
1058
+ }
1059
+
1060
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1061
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1062
+ margin-top: $ddl-small-closer-margin-top;
1063
+ @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
1064
+ font-size: $ddl-closer-hooker-font-small;
1065
+ height: $ddl-small-clear-icon-height;
1066
+ width: $ddl-small-clear-icon-width;
1067
+ }
1068
+ }
1069
+
1070
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1071
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
1072
+ padding: $ddl-chip-small-content-padding;
1073
+ }
1074
+ }
1075
+
1076
+ // Touch small
1077
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1078
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1079
+ line-height: $ddl-select-all-height-bigger-small;
1080
+ @if $ddl-multiselect-skin-name == 'tailwind' {
1081
+ font-size: $ddl-chip-bigger-small-font-size;
1082
+ text-indent: $ddl-bigger-small-check-right;
1083
+ }
1084
+ }
1085
+
1086
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1087
+ height: $ddl-bigger-small-chip-close-square;
1088
+ width: $ddl-bigger-small-chip-close-square;
1089
+ }
1090
+
1091
+ .e-bigger.e-small .e-multi-select-wrapper {
1092
+ min-height: $ddl-control-bigger-small-height;
1093
+ }
1094
+
1095
+ .e-bigger.e-small .e-multi-select-wrapper input[type = 'text'] {
1096
+ @if $ddl-multiselect-skin-name == 'tailwind' {
1097
+ font-size: $ddl-chip-bigger-small-font-size;
1098
+ }
1099
+ height: $ddl-bigger-small-input-height;
1100
+ min-height: $ddl-bigger-small-input-height;
1101
+ }
1102
+
1103
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
1104
+ font-size: $ddl-delim-bigger-small-font-size;
1105
+ line-height: $ddl-delimviewheight-bigger-small;
1106
+ }
1107
+
1108
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1109
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1110
+ margin-top: $ddl-closer-margin-top-bigger-small;
1111
+ @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'tailwind' {
1112
+ right: $ddl-chip-hooker-right;
1113
+ }
1114
+ @if $ddl-multiselect-skin-name == 'tailwind' {
1115
+ font-size: $ddl-closer-hooker-font-bigger-small;
1116
+ height: $ddl-bigger-small-clear-icon-height;
1117
+ width: $ddl-bigger-small-clear-icon-width;
1118
+ }
1119
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
1120
+ font-size: $ddl-biggersmall-chip-down-icon-font;
1121
+ }
1122
+ }
1123
+
1124
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1125
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
1126
+ padding: $ddl-chip-bigger-content-padding;
1127
+ }
1128
+ }
1129
+
1130
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1131
+ background-size: 300px 33px;
1132
+ min-height: 33px;
1133
+ }
1134
+
1135
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
1136
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1137
+ background-size: 300px 40px;
1138
+ min-height: 40px;
1139
+ }
1140
+
1141
+ // Outline textbox configuration
1142
+
1143
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1144
+ color: inherit;
1145
+ @if $ddl-multiselect-skin-name == 'material' {
1146
+ font-size: inherit;
1147
+ min-height: $outline-multiselect-inner-input-height;
1148
+ padding: 8px 12px 9px;
1149
+ }
1150
+ }
1151
+
1152
+ .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
1153
+ @if $ddl-multiselect-skin-name == 'material' {
1154
+ padding: 8px 12px 9px;
1155
+ }
1156
+ }
1157
+
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'] {
1160
+ @if $ddl-multiselect-skin-name == 'material' {
1161
+ font-size: inherit;
1162
+ min-height: $outline-multiselect-small-inner-input-height;
1163
+ padding: 7px 10px;
1164
+ }
1165
+ }
1166
+
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'] {
1169
+ @if $ddl-multiselect-skin-name == 'material' {
1170
+ padding: 7px 10px;
1171
+ }
1172
+ }
1173
+
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'] {
1178
+ @if $ddl-multiselect-skin-name == 'material' {
1179
+ font-size: inherit;
1180
+ min-height: $outline-multiselect-inner-input-height;
1181
+ padding: 8px 12px 9px;
1182
+ }
1183
+ }
1184
+
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'] {
1189
+ @if $ddl-multiselect-skin-name == 'material' {
1190
+ padding: 8px 12px 9px;
1191
+ }
1192
+ }
1193
+
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'] {
1196
+ @if $ddl-multiselect-skin-name == 'material' {
1197
+ font-size: inherit;
1198
+ min-height: $outline-multiselect-bigger-inner-input-height;
1199
+ }
1200
+ }
1201
+
1202
+ // Multiselect heigh changes
1203
+
1204
+ .e-bigger {
1205
+ .e-multiselect.e-outline .e-multi-select-wrapper,
1206
+ #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
1207
+ @if $ddl-multiselect-skin-name == 'material' {
1208
+ min-height: $outline-multiselect-bigger-height;
1209
+ padding: $outline-multiselect-bigger-overall-padding;
1210
+ }
1211
+ }
1212
+
1213
+ .e-small {
1214
+ #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
1215
+ @if $ddl-multiselect-skin-name == 'material' {
1216
+ min-height: $ddl-outline-multiselect-height;
1217
+ padding: $outline-multiselect-overall-padding;
1218
+ }
1219
+ }
1220
+ }
1221
+
1222
+ #{if(&, '&', '*')}.e-small {
1223
+ .e-multiselect.e-outline .e-multi-select-wrapper,
1224
+ #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
1225
+ @if $ddl-multiselect-skin-name == 'material' {
1226
+ min-height: $ddl-outline-multiselect-height;
1227
+ padding: $outline-multiselect-overall-padding;
1228
+ }
1229
+ }
1230
+ }
1231
+ }
1232
+
1233
+ .e-small {
1234
+ .e-multiselect.e-outline .e-multi-select-wrapper,
1235
+ #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
1236
+ @if $ddl-multiselect-skin-name == 'material' {
1237
+ min-height: $outline-multiselect-small-height;
1238
+ padding: $outline-multiselect-overall-padding;
1239
+ }
1240
+ }
1241
+
1242
+ .e-bigger {
1243
+ #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
1244
+ @if $ddl-multiselect-skin-name == 'material' {
1245
+ min-height: $ddl-outline-multiselect-height;
1246
+ padding: $outline-multiselect-overall-padding;
1247
+ }
1248
+ }
1249
+ }
1250
+
1251
+ #{if(&, '&', '*')}.e-bigger {
1252
+ .e-multiselect.e-outline .e-multi-select-wrapper {
1253
+ @if $ddl-multiselect-skin-name == 'material' {
1254
+ min-height: $ddl-outline-multiselect-height;
1255
+ padding: $outline-multiselect-overall-padding;
1256
+ }
1257
+ }
1258
+ }
1259
+ }
1260
+
1261
+ .e-multiselect.e-outline .e-multi-select-wrapper {
1262
+ @if $ddl-multiselect-skin-name == 'material' {
1263
+ min-height: $ddl-outline-multiselect-height;
1264
+ padding: $outline-multiselect-overall-padding;
1265
+ }
1266
+ }
1267
+
1268
+ .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1269
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1270
+ .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1271
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1272
+ .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1273
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
1274
+ @if $ddl-multiselect-skin-name == 'material' {
1275
+ padding-right: 0;
1276
+ }
1277
+ }
1278
+
1279
+ .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1280
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1281
+ .e-rtl .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1282
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1283
+ .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1284
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1285
+ .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1286
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1287
+ .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1288
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1289
+ .e-rtl.e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1290
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1291
+ .e-small .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1292
+ .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1293
+ .e-rtl .e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1294
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1295
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1296
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1297
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1298
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1299
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1300
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1301
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1302
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1303
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1304
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1305
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1306
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
1307
+ @if $ddl-multiselect-skin-name == 'material' {
1308
+ padding-left: 0;
1309
+ }
1310
+ }
1311
+
1312
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper,
1313
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper,
1314
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1315
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper,
1316
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1317
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1318
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1319
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1320
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1321
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
1322
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1323
+ @if $ddl-multiselect-skin-name == 'material' {
1324
+ padding: $outline-rtl-multiselect-overall-padding;
1325
+ }
1326
+ }
1327
+
1328
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1329
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
1330
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1331
+ @if $ddl-multiselect-skin-name == 'material' {
1332
+ padding: $outline-rtl-multiselect-bigger-overall-padding;
1333
+ }
1334
+ }
1335
+
1336
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1337
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1338
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1339
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1340
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1341
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1342
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1343
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1344
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1345
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1346
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1347
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1348
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1349
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
1350
+ @if $ddl-multiselect-skin-name == 'material' {
1351
+ padding-left: 0;
1352
+ }
1353
+ }
1354
+
1355
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1356
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1357
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1358
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1359
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1360
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1361
+ .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1362
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1363
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
1364
+ @if $ddl-multiselect-skin-name == 'material' {
1365
+ padding-right: 0;
1366
+ }
1367
+ }
1368
+
1369
+ // Delimeter padding and left
1370
+
1371
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1372
+ @if $ddl-multiselect-skin-name == 'material' {
1373
+ height: $ddl-outline-multiselect-height;
1374
+ }
1375
+ }
1376
+
1377
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1378
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1379
+ @if $ddl-multiselect-skin-name == 'material' {
1380
+ height: $outline-multiselect-bigger-height;
1381
+ }
1382
+ }
1383
+
1384
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1385
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1386
+ @if $ddl-multiselect-skin-name == 'material' {
1387
+ height: $outline-multiselect-small-height;
1388
+ }
1389
+ }
1390
+
1391
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1392
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1393
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1394
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1395
+ @if $ddl-multiselect-skin-name == 'material' {
1396
+ height: $ddl-outline-multiselect-height;
1397
+ }
1398
+ }
1399
+
1400
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1401
+ @if $ddl-multiselect-skin-name == 'material' {
1402
+ font-size: 14px;
1403
+ line-height: $ddl-outline-multiselect-height;
1404
+ padding: $outline-multiselect-delimeter-padding;
1405
+ }
1406
+ }
1407
+
1408
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1409
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1410
+ @if $ddl-multiselect-skin-name == 'material' {
1411
+ font-size: 16px;
1412
+ line-height: $outline-multiselect-bigger-height;
1413
+ padding: $outline-multiselect-bigger-delimeter-padding;
1414
+ }
1415
+ }
1416
+
1417
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1418
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1419
+ @if $ddl-multiselect-skin-name == 'material' {
1420
+ font-size: 13px;
1421
+ line-height: $outline-multiselect-small-height;
1422
+ padding: $outline-multiselect-small-delimeter-padding;
1423
+ }
1424
+ }
1425
+
1426
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1427
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1428
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1429
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1430
+ @if $ddl-multiselect-skin-name == 'material' {
1431
+ font-size: 14px;
1432
+ line-height: $ddl-outline-multiselect-height;
1433
+ padding: $outline-multiselect-delimeter-padding;
1434
+ }
1435
+ }
1436
+
1437
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1438
+ @if $ddl-multiselect-skin-name == 'material' {
1439
+ padding: $outline-rtl-multiselect-delimeter-padding;
1440
+ }
1441
+ }
1442
+
1443
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1444
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1445
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1446
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1447
+ .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1448
+ .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1449
+ @if $ddl-multiselect-skin-name == 'material' {
1450
+ padding: $outline-rtl-multiselect-bigger-delimeter-padding;
1451
+ }
1452
+ }
1453
+
1454
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1455
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1456
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1457
+ .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1458
+ .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1459
+ .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1460
+ @if $ddl-multiselect-skin-name == 'material' {
1461
+ padding: $outline-rtl-multiselect-small-delimeter-padding;
1462
+ }
1463
+ }
1464
+
1465
+ .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1466
+ .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1467
+ .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1468
+ .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1469
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1470
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1471
+ .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1472
+ .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1473
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1474
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1475
+ .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1476
+ .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1477
+ @if $ddl-multiselect-skin-name == 'material' {
1478
+ padding: $outline-rtl-multiselect-delimeter-padding;
1479
+ }
1480
+ }
1481
+
1482
+ // Chip size configuration
1483
+
1484
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1485
+ @if $ddl-multiselect-skin-name == 'material' {
1486
+ height: $outline-multiselect-chip-height;
1487
+ margin: $outline-multiselect-chip-margin;
1488
+ padding: $outline-multiselect-chip-padding;
1489
+ }
1490
+ }
1491
+
1492
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1493
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1494
+ @if $ddl-multiselect-skin-name == 'material' {
1495
+ margin: $outline-rtl-multiselect-chip-margin;
1496
+ }
1497
+ }
1498
+
1499
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1500
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1501
+ @if $ddl-multiselect-skin-name == 'material' {
1502
+ height: $outline-multiselect-bigger-chip-height;
1503
+ padding: $outline-multiselect-bigger-chip-padding;
1504
+ }
1505
+ }
1506
+
1507
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1508
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1509
+ @if $ddl-multiselect-skin-name == 'material' {
1510
+ height: $outline-multiselect-small-chip-height;
1511
+ padding: $outline-multiselect-chip-padding;
1512
+ }
1513
+ }
1514
+
1515
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1516
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1517
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1518
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1519
+ @if $ddl-multiselect-skin-name == 'material' {
1520
+ height: $outline-multiselect-chip-height;
1521
+ padding: $outline-multiselect-chip-padding;
1522
+ }
1523
+ }
1524
+
1525
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1526
+ @if $ddl-multiselect-skin-name == 'material' {
1527
+ padding: 0 8px 0 0;
1528
+ }
1529
+ }
1530
+
1531
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1532
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1533
+ @if $ddl-multiselect-skin-name == 'material' {
1534
+ padding: 0 0 0 8px;
1535
+ }
1536
+ }
1537
+
1538
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1539
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1540
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1541
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1542
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1543
+ @if $ddl-multiselect-skin-name == 'material' {
1544
+ font-size: $outline-multiselect-chip-font-size;
1545
+ }
1546
+ }
1547
+
1548
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1549
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1550
+ @if $ddl-multiselect-skin-name == 'material' {
1551
+ font-size: $outline-multiselect-bigger-chip-font-size;
1552
+ }
1553
+ }
1554
+
1555
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1556
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1557
+ @if $ddl-multiselect-skin-name == 'material' {
1558
+ font-size: $outline-multiselect-small-chip-font-size;
1559
+ }
1560
+ }
1561
+
1562
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1563
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1564
+ align-items: normal;
1565
+ }
1566
+
1567
+ //+2 more configutations
1568
+
1569
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1570
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1571
+ @if $ddl-multiselect-skin-name == 'material' {
1572
+ font-size: 14px;
1573
+ }
1574
+ }
1575
+
1576
+ .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1577
+ .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1578
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1579
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1580
+ @if $ddl-multiselect-skin-name == 'material' {
1581
+ font-size: 16px;
1582
+ }
1583
+ }
1584
+
1585
+ .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1586
+ .e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1587
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1588
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1589
+ @if $ddl-multiselect-skin-name == 'material' {
1590
+ font-size: 13px;
1591
+ }
1592
+ }
1593
+
1594
+ .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1595
+ .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1596
+ .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1597
+ .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1598
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1599
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1600
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1601
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1602
+ @if $ddl-multiselect-skin-name == 'material' {
1603
+ font-size: 14px;
1604
+ }
1605
+ }
1606
+
1607
+ // Filled theme specifications
1608
+
1609
+ // Multiselect wrapper
1610
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1611
+ padding: 0 12px 0 8px;
1612
+ }
1613
+
1614
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
1615
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1616
+ padding: 3px 12px 0 4px;
1617
+ }
1618
+
1619
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1620
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1621
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1622
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1623
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
1624
+ padding: 0;
1625
+ }
1626
+
1627
+ .e-filled.e-float-input .e-multi-select-wrapper,
1628
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
1629
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
1630
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1631
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
1632
+ padding: 11px 12px 0;
1633
+ }
1634
+
1635
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1636
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
1637
+ padding: 12px 12px 0 8px;
1638
+ }
1639
+
1640
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
1641
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
1642
+ padding: 19px 12px 0 16px;
1643
+ }
1644
+
1645
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1646
+ padding-top: 3px;
1647
+ }
1648
+
1649
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1650
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
1651
+ padding: 0;
1652
+ }
1653
+
1654
+ // Searchable input
1655
+
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'] {
1661
+ @if $ddl-multiselect-skin-name == 'material' {
1662
+ min-height: $ddl-multiselect-filled-input-min-height;
1663
+ padding-right: 10px;
1664
+ }
1665
+ }
1666
+
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'] {
1669
+ @if $ddl-multiselect-skin-name == 'material' {
1670
+ min-height: $ddl-multiselect-filled-input-min-height-small;
1671
+ }
1672
+ }
1673
+
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'] {
1676
+ @if $ddl-multiselect-skin-name == 'material' {
1677
+ height: $ddl-multiselect-filled-float-input-min-height-small;
1678
+ min-height: $ddl-multiselect-filled-float-input-min-height-small;
1679
+ padding: 2px;
1680
+ }
1681
+ }
1682
+
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'] {
1685
+ @if $ddl-multiselect-skin-name == 'material' {
1686
+ min-height: $ddl-multiselect-filled-input-min-height-bigger;
1687
+ }
1688
+ }
1689
+
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'] {
1692
+ @if $ddl-multiselect-skin-name == 'material' {
1693
+ min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
1694
+ }
1695
+ }
1696
+
1697
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1698
+ @if $ddl-multiselect-skin-name == 'material' {
1699
+ height: $ddl-multiselect-filled-input-min-height;
1700
+ }
1701
+ }
1702
+
1703
+ .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
1704
+ .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1705
+ @if $ddl-multiselect-skin-name == 'material' {
1706
+ height: $ddl-multiselect-filled-input-min-height-small;
1707
+ }
1708
+ }
1709
+
1710
+ .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1711
+ .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1712
+ @if $ddl-multiselect-skin-name == 'material' {
1713
+ height: $ddl-multiselect-filled-float-input-min-height-small;
1714
+ }
1715
+ }
1716
+
1717
+ .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
1718
+ .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1719
+ @if $ddl-multiselect-skin-name == 'material' {
1720
+ height: $ddl-multiselect-filled-input-min-height-bigger;
1721
+ }
1722
+ }
1723
+
1724
+ .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1725
+ .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1726
+ @if $ddl-multiselect-skin-name == 'material' {
1727
+ height: $ddl-multiselect-filled-float-input-min-height-bigger;
1728
+ }
1729
+ }
1730
+
1731
+ .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,
1733
+ .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1734
+ @if $ddl-multiselect-skin-name == 'material' {
1735
+ height: $ddl-multiselect-filled-float-input-min-height;
1736
+ }
1737
+ }
1738
+
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'] {
1741
+ padding: 5px 0;
1742
+ }
1743
+
1744
+ .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1745
+ .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1746
+ .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1747
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1748
+ .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
1749
+ @if $ddl-multiselect-skin-name == 'material' {
1750
+ min-height: $ddl-multiselect-filled-float-input-min-height;
1751
+ }
1752
+ }
1753
+
1754
+ // Delimiter wrapper specifications
1755
+
1756
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1757
+ .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1758
+ .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1759
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1760
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
1761
+ @if $ddl-multiselect-skin-name == 'material' {
1762
+ font-size: 13px;
1763
+ line-height: $ddl-multiselect-filled-input-min-height;
1764
+ }
1765
+ }
1766
+
1767
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1768
+ .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1769
+ .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1770
+ .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1771
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
1772
+ @if $ddl-multiselect-skin-name == 'material' {
1773
+ font-size: 14px;
1774
+ line-height: $ddl-multiselect-filled-float-input-min-height;
1775
+ }
1776
+ }
1777
+
1778
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1779
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1780
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1781
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
1782
+ @if $ddl-multiselect-skin-name == 'material' {
1783
+ font-size: 16px;
1784
+ line-height: $ddl-multiselect-filled-input-min-height-bigger;
1785
+ }
1786
+ }
1787
+
1788
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1789
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
1790
+ @if $ddl-multiselect-skin-name == 'material' {
1791
+ line-height: $ddl-multiselect-filled-float-input-min-height-bigger;
1792
+ }
1793
+ }
1794
+
1795
+ .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1796
+ .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1797
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1798
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
1799
+ @if $ddl-multiselect-skin-name == 'material' {
1800
+ font-size: $ddl-delim-bigger-small-font-size;
1801
+ line-height: $ddl-multiselect-filled-input-min-height-small;
1802
+ }
1803
+ }
1804
+
1805
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1806
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
1807
+ @if $ddl-multiselect-skin-name == 'material' {
1808
+ line-height: $ddl-multiselect-filled-float-input-min-height-small;
1809
+ }
1810
+ }
1811
+
1812
+ // Chip specifications
1813
+
1814
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1815
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1816
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1817
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1818
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1819
+ height: 28px;
1820
+ }
1821
+
1822
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1823
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1824
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1825
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1826
+ height: 24px;
1827
+ }
1828
+
1829
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1830
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1831
+ height: 32px;
1832
+ }
1833
+
1834
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
1835
+ height: 24px;
1836
+ }
1837
+
1838
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1839
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1840
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1841
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1842
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1843
+ height: 18px;
1844
+ }
1845
+
1846
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1847
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1848
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1849
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1850
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1851
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1852
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1853
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1854
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1855
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1856
+ margin: 8px 8px 0 0;
1857
+ padding: 0 8px;
1858
+ }
1859
+
1860
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1861
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1862
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1863
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1864
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1865
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1866
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1867
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1868
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1869
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1870
+ margin: 8px 0 0 8px;
1871
+ padding: 0 8px;
1872
+ }
1873
+
1874
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1875
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1876
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1877
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1878
+ padding-left: 8px;
1879
+ }
1880
+
1881
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
1882
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
1883
+ height: 16px;
1884
+ margin: 4px 4px 0 0;
1885
+ padding-right: 8px;
1886
+ }
1887
+
1888
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1889
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1890
+ margin: 4px 0 0 4px;
1891
+ }
1892
+
1893
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1894
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1895
+ height: 24px;
1896
+ }
1897
+
1898
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1899
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1900
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1901
+ .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1902
+ .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1903
+ .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1904
+ .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1905
+ @if $ddl-multiselect-skin-name == 'material' {
1906
+ height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1907
+ width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1908
+ }
1909
+ }
1910
+
1911
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1912
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1913
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1914
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1915
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1916
+ font-size: 13px;
1917
+ padding: 0 8px 0 0;
1918
+ }
1919
+
1920
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1921
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1922
+ font-size: 12px;
1923
+ }
1924
+
1925
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1926
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1927
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1928
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1929
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1930
+ font-size: 12px;
1931
+ padding: 0 4px 0 0;
1932
+ }
1933
+
1934
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1935
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1936
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1937
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1938
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1939
+ padding: 0 0 0 4px;
1940
+ }
1941
+
1942
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1943
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1944
+ font-size: 10px;
1945
+ }
1946
+
1947
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1948
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1949
+ font-size: 13px;
1950
+ }
1951
+
1952
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
1953
+ font-size: 13px;
1954
+ padding-right: 4px;
1955
+ }
1956
+
1957
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1958
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1959
+ @if $ddl-multiselect-skin-name == 'material' {
1960
+ font-size: $ddl-multiselect-filled-chip-clear-icon-size;
1961
+ }
1962
+ }
1963
+
1964
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1965
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
1966
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1967
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1968
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1969
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
1970
+ padding: 0 12px;
1971
+ }
1972
+
1973
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1974
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1975
+ padding-right: 8px;
1976
+ }
1977
+
1978
+ // Clear icon styles
1979
+
1980
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
1981
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
1982
+ height: 38px;
1983
+ margin-top: -38px;
1984
+ right: 12px;
1985
+ top: 100%;
1986
+ width: 16px;
1987
+ }
1988
+
1989
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1990
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1991
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1992
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1993
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1994
+ display: none;
1995
+ }