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