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