@syncfusion/ej2-angular-dropdowns 21.2.10 → 22.1.34-ngcc

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