@syncfusion/ej2-dropdowns 34.2.7 → 35.1.37

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 (750) hide show
  1. package/README.md +5 -5
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +493 -116
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +514 -137
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/common/interface.d.ts +1 -1
  14. package/src/common/virtual-scroll.js +8 -1
  15. package/src/drop-down-base/drop-down-base.d.ts +3 -1
  16. package/src/drop-down-base/drop-down-base.js +18 -4
  17. package/src/drop-down-list/drop-down-list.js +5 -3
  18. package/src/mention/mention.js +6 -2
  19. package/src/multi-select/multi-select-model.d.ts +16 -0
  20. package/src/multi-select/multi-select.d.ts +21 -0
  21. package/src/multi-select/multi-select.js +477 -127
  22. package/helpers/e2e/autocomplete.d.ts +0 -16
  23. package/helpers/e2e/autocomplete.js +0 -60
  24. package/helpers/e2e/combobox.d.ts +0 -17
  25. package/helpers/e2e/combobox.js +0 -63
  26. package/helpers/e2e/dropdownlist.d.ts +0 -20
  27. package/helpers/e2e/dropdownlist.js +0 -72
  28. package/helpers/e2e/index.d.ts +0 -4
  29. package/helpers/e2e/index.js +0 -11
  30. package/helpers/e2e/listboxHelper.d.ts +0 -22
  31. package/helpers/e2e/listboxHelper.js +0 -56
  32. package/helpers/e2e/multiselect.d.ts +0 -31
  33. package/helpers/e2e/multiselect.js +0 -105
  34. package/styles/auto-complete/_all.scss +0 -1
  35. package/styles/auto-complete/_bds-definition.scss +0 -2
  36. package/styles/auto-complete/_bootstrap-dark-definition.scss +0 -3
  37. package/styles/auto-complete/_bootstrap-definition.scss +0 -2
  38. package/styles/auto-complete/_bootstrap4-definition.scss +0 -13
  39. package/styles/auto-complete/_bootstrap5-dark-definition.scss +0 -1
  40. package/styles/auto-complete/_bootstrap5-definition.scss +0 -2
  41. package/styles/auto-complete/_bootstrap5.3-definition.scss +0 -2
  42. package/styles/auto-complete/_fabric-dark-definition.scss +0 -2
  43. package/styles/auto-complete/_fabric-definition.scss +0 -2
  44. package/styles/auto-complete/_fluent-dark-definition.scss +0 -1
  45. package/styles/auto-complete/_fluent-definition.scss +0 -2
  46. package/styles/auto-complete/_fluent2-definition.scss +0 -2
  47. package/styles/auto-complete/_fusionnew-definition.scss +0 -2
  48. package/styles/auto-complete/_highcontrast-definition.scss +0 -2
  49. package/styles/auto-complete/_highcontrast-light-definition.scss +0 -2
  50. package/styles/auto-complete/_material-dark-definition.scss +0 -2
  51. package/styles/auto-complete/_material-definition.scss +0 -2
  52. package/styles/auto-complete/_material3-dark-definition.scss +0 -1
  53. package/styles/auto-complete/_material3-definition.scss +0 -2
  54. package/styles/auto-complete/_tailwind-dark-definition.scss +0 -1
  55. package/styles/auto-complete/_tailwind-definition.scss +0 -2
  56. package/styles/auto-complete/_tailwind3-definition.scss +0 -2
  57. package/styles/auto-complete/_variables.scss +0 -2
  58. package/styles/auto-complete/bds.css +0 -1
  59. package/styles/auto-complete/bds.scss +0 -2
  60. package/styles/auto-complete/bootstrap-dark.css +0 -1
  61. package/styles/auto-complete/bootstrap-dark.scss +0 -2
  62. package/styles/auto-complete/bootstrap.css +0 -1
  63. package/styles/auto-complete/bootstrap.scss +0 -2
  64. package/styles/auto-complete/bootstrap4.css +0 -9
  65. package/styles/auto-complete/bootstrap4.scss +0 -2
  66. package/styles/auto-complete/bootstrap5-dark.css +0 -1
  67. package/styles/auto-complete/bootstrap5-dark.scss +0 -2
  68. package/styles/auto-complete/bootstrap5.3.css +0 -1
  69. package/styles/auto-complete/bootstrap5.3.scss +0 -2
  70. package/styles/auto-complete/bootstrap5.css +0 -1
  71. package/styles/auto-complete/bootstrap5.scss +0 -2
  72. package/styles/auto-complete/fabric-dark.css +0 -1
  73. package/styles/auto-complete/fabric-dark.scss +0 -2
  74. package/styles/auto-complete/fabric.css +0 -1
  75. package/styles/auto-complete/fabric.scss +0 -2
  76. package/styles/auto-complete/fluent-dark.css +0 -1
  77. package/styles/auto-complete/fluent-dark.scss +0 -2
  78. package/styles/auto-complete/fluent.css +0 -1
  79. package/styles/auto-complete/fluent.scss +0 -2
  80. package/styles/auto-complete/fluent2.css +0 -1
  81. package/styles/auto-complete/fluent2.scss +0 -2
  82. package/styles/auto-complete/highcontrast-light.css +0 -1
  83. package/styles/auto-complete/highcontrast-light.scss +0 -2
  84. package/styles/auto-complete/highcontrast.css +0 -1
  85. package/styles/auto-complete/highcontrast.scss +0 -2
  86. package/styles/auto-complete/material-dark.css +0 -1
  87. package/styles/auto-complete/material-dark.scss +0 -2
  88. package/styles/auto-complete/material.css +0 -1
  89. package/styles/auto-complete/material.scss +0 -2
  90. package/styles/auto-complete/material3-dark.css +0 -83
  91. package/styles/auto-complete/material3-dark.scss +0 -2
  92. package/styles/auto-complete/material3.css +0 -1
  93. package/styles/auto-complete/material3.scss +0 -2
  94. package/styles/auto-complete/tailwind-dark.css +0 -1
  95. package/styles/auto-complete/tailwind-dark.scss +0 -2
  96. package/styles/auto-complete/tailwind.css +0 -1
  97. package/styles/auto-complete/tailwind.scss +0 -2
  98. package/styles/auto-complete/tailwind3.css +0 -1
  99. package/styles/auto-complete/tailwind3.scss +0 -2
  100. package/styles/bds-lite.css +0 -2877
  101. package/styles/bds-lite.scss +0 -21
  102. package/styles/bds.css +0 -3729
  103. package/styles/bds.scss +0 -26
  104. package/styles/bootstrap-dark-lite.css +0 -2811
  105. package/styles/bootstrap-dark-lite.scss +0 -21
  106. package/styles/bootstrap-dark.css +0 -3506
  107. package/styles/bootstrap-dark.scss +0 -26
  108. package/styles/bootstrap-lite.css +0 -2806
  109. package/styles/bootstrap-lite.scss +0 -21
  110. package/styles/bootstrap.css +0 -3507
  111. package/styles/bootstrap.scss +0 -26
  112. package/styles/bootstrap4-lite.css +0 -2920
  113. package/styles/bootstrap4-lite.scss +0 -21
  114. package/styles/bootstrap4.css +0 -3790
  115. package/styles/bootstrap4.scss +0 -26
  116. package/styles/bootstrap5-dark-lite.css +0 -2887
  117. package/styles/bootstrap5-dark-lite.scss +0 -21
  118. package/styles/bootstrap5-dark.css +0 -3677
  119. package/styles/bootstrap5-dark.scss +0 -26
  120. package/styles/bootstrap5-lite.css +0 -2888
  121. package/styles/bootstrap5-lite.scss +0 -21
  122. package/styles/bootstrap5.3-lite.css +0 -2962
  123. package/styles/bootstrap5.3-lite.scss +0 -21
  124. package/styles/bootstrap5.3.css +0 -3709
  125. package/styles/bootstrap5.3.scss +0 -26
  126. package/styles/bootstrap5.css +0 -3678
  127. package/styles/bootstrap5.scss +0 -26
  128. package/styles/combo-box/_all.scss +0 -1
  129. package/styles/combo-box/_bds-definition.scss +0 -2
  130. package/styles/combo-box/_bootstrap-dark-definition.scss +0 -2
  131. package/styles/combo-box/_bootstrap-definition.scss +0 -2
  132. package/styles/combo-box/_bootstrap4-definition.scss +0 -13
  133. package/styles/combo-box/_bootstrap5-dark-definition.scss +0 -1
  134. package/styles/combo-box/_bootstrap5-definition.scss +0 -2
  135. package/styles/combo-box/_bootstrap5.3-definition.scss +0 -2
  136. package/styles/combo-box/_fabric-dark-definition.scss +0 -2
  137. package/styles/combo-box/_fabric-definition.scss +0 -2
  138. package/styles/combo-box/_fluent-dark-definition.scss +0 -1
  139. package/styles/combo-box/_fluent-definition.scss +0 -2
  140. package/styles/combo-box/_fluent2-definition.scss +0 -2
  141. package/styles/combo-box/_fusionnew-definition.scss +0 -2
  142. package/styles/combo-box/_highcontrast-definition.scss +0 -2
  143. package/styles/combo-box/_highcontrast-light-definition.scss +0 -3
  144. package/styles/combo-box/_material-dark-definition.scss +0 -2
  145. package/styles/combo-box/_material-definition.scss +0 -2
  146. package/styles/combo-box/_material3-dark-definition.scss +0 -1
  147. package/styles/combo-box/_material3-definition.scss +0 -2
  148. package/styles/combo-box/_tailwind-dark-definition.scss +0 -1
  149. package/styles/combo-box/_tailwind-definition.scss +0 -2
  150. package/styles/combo-box/_tailwind3-definition.scss +0 -2
  151. package/styles/combo-box/_variables.scss +0 -2
  152. package/styles/combo-box/bds.css +0 -1
  153. package/styles/combo-box/bds.scss +0 -2
  154. package/styles/combo-box/bootstrap-dark.css +0 -1
  155. package/styles/combo-box/bootstrap-dark.scss +0 -2
  156. package/styles/combo-box/bootstrap.css +0 -1
  157. package/styles/combo-box/bootstrap.scss +0 -2
  158. package/styles/combo-box/bootstrap4.css +0 -9
  159. package/styles/combo-box/bootstrap4.scss +0 -2
  160. package/styles/combo-box/bootstrap5-dark.css +0 -1
  161. package/styles/combo-box/bootstrap5-dark.scss +0 -2
  162. package/styles/combo-box/bootstrap5.3.css +0 -1
  163. package/styles/combo-box/bootstrap5.3.scss +0 -2
  164. package/styles/combo-box/bootstrap5.css +0 -1
  165. package/styles/combo-box/bootstrap5.scss +0 -2
  166. package/styles/combo-box/fabric-dark.css +0 -1
  167. package/styles/combo-box/fabric-dark.scss +0 -2
  168. package/styles/combo-box/fabric.css +0 -1
  169. package/styles/combo-box/fabric.scss +0 -2
  170. package/styles/combo-box/fluent-dark.css +0 -1
  171. package/styles/combo-box/fluent-dark.scss +0 -2
  172. package/styles/combo-box/fluent.css +0 -1
  173. package/styles/combo-box/fluent.scss +0 -2
  174. package/styles/combo-box/fluent2.css +0 -1
  175. package/styles/combo-box/fluent2.scss +0 -2
  176. package/styles/combo-box/highcontrast-light.css +0 -1
  177. package/styles/combo-box/highcontrast-light.scss +0 -2
  178. package/styles/combo-box/highcontrast.css +0 -1
  179. package/styles/combo-box/highcontrast.scss +0 -2
  180. package/styles/combo-box/material-dark.css +0 -1
  181. package/styles/combo-box/material-dark.scss +0 -2
  182. package/styles/combo-box/material.css +0 -1
  183. package/styles/combo-box/material.scss +0 -2
  184. package/styles/combo-box/material3-dark.css +0 -83
  185. package/styles/combo-box/material3-dark.scss +0 -2
  186. package/styles/combo-box/material3.css +0 -1
  187. package/styles/combo-box/material3.scss +0 -2
  188. package/styles/combo-box/tailwind-dark.css +0 -1
  189. package/styles/combo-box/tailwind-dark.scss +0 -2
  190. package/styles/combo-box/tailwind.css +0 -1
  191. package/styles/combo-box/tailwind.scss +0 -2
  192. package/styles/combo-box/tailwind3.css +0 -1
  193. package/styles/combo-box/tailwind3.scss +0 -2
  194. package/styles/drop-down-base/_all.scss +0 -2
  195. package/styles/drop-down-base/_bds-definition.scss +0 -136
  196. package/styles/drop-down-base/_bigger.scss +0 -194
  197. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -99
  198. package/styles/drop-down-base/_bootstrap-definition.scss +0 -98
  199. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -102
  200. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +0 -119
  201. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -119
  202. package/styles/drop-down-base/_bootstrap5.3-definition.scss +0 -122
  203. package/styles/drop-down-base/_definition.scss +0 -24
  204. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -101
  205. package/styles/drop-down-base/_fabric-definition.scss +0 -99
  206. package/styles/drop-down-base/_fluent-dark-definition.scss +0 -122
  207. package/styles/drop-down-base/_fluent-definition.scss +0 -122
  208. package/styles/drop-down-base/_fluent2-definition.scss +0 -150
  209. package/styles/drop-down-base/_fusionnew-definition.scss +0 -118
  210. package/styles/drop-down-base/_highcontrast-definition.scss +0 -116
  211. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -116
  212. package/styles/drop-down-base/_layout.scss +0 -158
  213. package/styles/drop-down-base/_material-dark-definition.scss +0 -104
  214. package/styles/drop-down-base/_material-definition.scss +0 -102
  215. package/styles/drop-down-base/_material3-dark-definition.scss +0 -97
  216. package/styles/drop-down-base/_material3-definition.scss +0 -97
  217. package/styles/drop-down-base/_tailwind-dark-definition.scss +0 -130
  218. package/styles/drop-down-base/_tailwind-definition.scss +0 -130
  219. package/styles/drop-down-base/_tailwind3-definition.scss +0 -121
  220. package/styles/drop-down-base/_theme.scss +0 -310
  221. package/styles/drop-down-base/_variables.scss +0 -2
  222. package/styles/drop-down-base/bds.css +0 -500
  223. package/styles/drop-down-base/bds.scss +0 -3
  224. package/styles/drop-down-base/bootstrap-dark.css +0 -382
  225. package/styles/drop-down-base/bootstrap-dark.scss +0 -3
  226. package/styles/drop-down-base/bootstrap.css +0 -382
  227. package/styles/drop-down-base/bootstrap.scss +0 -3
  228. package/styles/drop-down-base/bootstrap4.css +0 -392
  229. package/styles/drop-down-base/bootstrap4.scss +0 -3
  230. package/styles/drop-down-base/bootstrap5-dark.css +0 -414
  231. package/styles/drop-down-base/bootstrap5-dark.scss +0 -3
  232. package/styles/drop-down-base/bootstrap5.3.css +0 -500
  233. package/styles/drop-down-base/bootstrap5.3.scss +0 -3
  234. package/styles/drop-down-base/bootstrap5.css +0 -414
  235. package/styles/drop-down-base/bootstrap5.scss +0 -3
  236. package/styles/drop-down-base/fabric-dark.css +0 -382
  237. package/styles/drop-down-base/fabric-dark.scss +0 -3
  238. package/styles/drop-down-base/fabric.css +0 -382
  239. package/styles/drop-down-base/fabric.scss +0 -3
  240. package/styles/drop-down-base/fluent-dark.css +0 -430
  241. package/styles/drop-down-base/fluent-dark.scss +0 -3
  242. package/styles/drop-down-base/fluent.css +0 -430
  243. package/styles/drop-down-base/fluent.scss +0 -3
  244. package/styles/drop-down-base/fluent2.css +0 -517
  245. package/styles/drop-down-base/fluent2.scss +0 -3
  246. package/styles/drop-down-base/highcontrast-light.css +0 -394
  247. package/styles/drop-down-base/highcontrast-light.scss +0 -3
  248. package/styles/drop-down-base/highcontrast.css +0 -394
  249. package/styles/drop-down-base/highcontrast.scss +0 -3
  250. package/styles/drop-down-base/material-dark.css +0 -380
  251. package/styles/drop-down-base/material-dark.scss +0 -3
  252. package/styles/drop-down-base/material.css +0 -380
  253. package/styles/drop-down-base/material.scss +0 -3
  254. package/styles/drop-down-base/material3-dark.css +0 -468
  255. package/styles/drop-down-base/material3-dark.scss +0 -3
  256. package/styles/drop-down-base/material3.css +0 -470
  257. package/styles/drop-down-base/material3.scss +0 -3
  258. package/styles/drop-down-base/tailwind-dark.css +0 -491
  259. package/styles/drop-down-base/tailwind-dark.scss +0 -3
  260. package/styles/drop-down-base/tailwind.css +0 -491
  261. package/styles/drop-down-base/tailwind.scss +0 -3
  262. package/styles/drop-down-base/tailwind3.css +0 -467
  263. package/styles/drop-down-base/tailwind3.scss +0 -3
  264. package/styles/drop-down-list/_all.scss +0 -2
  265. package/styles/drop-down-list/_bds-definition.scss +0 -122
  266. package/styles/drop-down-list/_bigger.scss +0 -624
  267. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -118
  268. package/styles/drop-down-list/_bootstrap-definition.scss +0 -117
  269. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -155
  270. package/styles/drop-down-list/_bootstrap5-dark-definition.scss +0 -166
  271. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -166
  272. package/styles/drop-down-list/_bootstrap5.3-definition.scss +0 -166
  273. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -96
  274. package/styles/drop-down-list/_fabric-definition.scss +0 -93
  275. package/styles/drop-down-list/_fluent-dark-definition.scss +0 -152
  276. package/styles/drop-down-list/_fluent-definition.scss +0 -152
  277. package/styles/drop-down-list/_fluent2-definition.scss +0 -158
  278. package/styles/drop-down-list/_fusionnew-definition.scss +0 -159
  279. package/styles/drop-down-list/_highcontrast-definition.scss +0 -107
  280. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -109
  281. package/styles/drop-down-list/_layout.scss +0 -294
  282. package/styles/drop-down-list/_material-dark-definition.scss +0 -134
  283. package/styles/drop-down-list/_material-definition.scss +0 -136
  284. package/styles/drop-down-list/_material3-dark-definition.scss +0 -196
  285. package/styles/drop-down-list/_material3-definition.scss +0 -196
  286. package/styles/drop-down-list/_tailwind-dark-definition.scss +0 -124
  287. package/styles/drop-down-list/_tailwind-definition.scss +0 -124
  288. package/styles/drop-down-list/_tailwind3-definition.scss +0 -160
  289. package/styles/drop-down-list/_theme.scss +0 -18
  290. package/styles/drop-down-list/_variables.scss +0 -2
  291. package/styles/drop-down-list/bds.css +0 -412
  292. package/styles/drop-down-list/bds.scss +0 -4
  293. package/styles/drop-down-list/bootstrap-dark.css +0 -423
  294. package/styles/drop-down-list/bootstrap-dark.scss +0 -4
  295. package/styles/drop-down-list/bootstrap.css +0 -425
  296. package/styles/drop-down-list/bootstrap.scss +0 -4
  297. package/styles/drop-down-list/bootstrap4.css +0 -472
  298. package/styles/drop-down-list/bootstrap4.scss +0 -4
  299. package/styles/drop-down-list/bootstrap5-dark.css +0 -456
  300. package/styles/drop-down-list/bootstrap5-dark.scss +0 -4
  301. package/styles/drop-down-list/bootstrap5.3.css +0 -541
  302. package/styles/drop-down-list/bootstrap5.3.scss +0 -4
  303. package/styles/drop-down-list/bootstrap5.css +0 -456
  304. package/styles/drop-down-list/bootstrap5.scss +0 -4
  305. package/styles/drop-down-list/fabric-dark.css +0 -398
  306. package/styles/drop-down-list/fabric-dark.scss +0 -4
  307. package/styles/drop-down-list/fabric.css +0 -398
  308. package/styles/drop-down-list/fabric.scss +0 -4
  309. package/styles/drop-down-list/fluent-dark.css +0 -429
  310. package/styles/drop-down-list/fluent-dark.scss +0 -4
  311. package/styles/drop-down-list/fluent.css +0 -429
  312. package/styles/drop-down-list/fluent.scss +0 -4
  313. package/styles/drop-down-list/fluent2.css +0 -502
  314. package/styles/drop-down-list/fluent2.scss +0 -4
  315. package/styles/drop-down-list/highcontrast-light.css +0 -387
  316. package/styles/drop-down-list/highcontrast-light.scss +0 -4
  317. package/styles/drop-down-list/highcontrast.css +0 -402
  318. package/styles/drop-down-list/highcontrast.scss +0 -4
  319. package/styles/drop-down-list/icons/_bds.scss +0 -15
  320. package/styles/drop-down-list/icons/_bootstrap-dark.scss +0 -19
  321. package/styles/drop-down-list/icons/_bootstrap.scss +0 -19
  322. package/styles/drop-down-list/icons/_bootstrap4.scss +0 -19
  323. package/styles/drop-down-list/icons/_bootstrap5-dark.scss +0 -1
  324. package/styles/drop-down-list/icons/_bootstrap5.3.scss +0 -19
  325. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -19
  326. package/styles/drop-down-list/icons/_fabric-dark.scss +0 -19
  327. package/styles/drop-down-list/icons/_fabric.scss +0 -19
  328. package/styles/drop-down-list/icons/_fluent-dark.scss +0 -1
  329. package/styles/drop-down-list/icons/_fluent.scss +0 -19
  330. package/styles/drop-down-list/icons/_fluent2.scss +0 -19
  331. package/styles/drop-down-list/icons/_fusionnew.scss +0 -15
  332. package/styles/drop-down-list/icons/_highcontrast-light.scss +0 -15
  333. package/styles/drop-down-list/icons/_highcontrast.scss +0 -19
  334. package/styles/drop-down-list/icons/_material-dark.scss +0 -19
  335. package/styles/drop-down-list/icons/_material.scss +0 -19
  336. package/styles/drop-down-list/icons/_material3-dark.scss +0 -1
  337. package/styles/drop-down-list/icons/_material3.scss +0 -19
  338. package/styles/drop-down-list/icons/_tailwind-dark.scss +0 -1
  339. package/styles/drop-down-list/icons/_tailwind.scss +0 -19
  340. package/styles/drop-down-list/icons/_tailwind3.scss +0 -15
  341. package/styles/drop-down-list/material-dark.css +0 -432
  342. package/styles/drop-down-list/material-dark.scss +0 -4
  343. package/styles/drop-down-list/material.css +0 -451
  344. package/styles/drop-down-list/material.scss +0 -4
  345. package/styles/drop-down-list/material3-dark.css +0 -548
  346. package/styles/drop-down-list/material3-dark.scss +0 -4
  347. package/styles/drop-down-list/material3.css +0 -550
  348. package/styles/drop-down-list/material3.scss +0 -4
  349. package/styles/drop-down-list/tailwind-dark.css +0 -412
  350. package/styles/drop-down-list/tailwind-dark.scss +0 -4
  351. package/styles/drop-down-list/tailwind.css +0 -412
  352. package/styles/drop-down-list/tailwind.scss +0 -4
  353. package/styles/drop-down-list/tailwind3.css +0 -473
  354. package/styles/drop-down-list/tailwind3.scss +0 -4
  355. package/styles/drop-down-tree/_all.scss +0 -2
  356. package/styles/drop-down-tree/_bds-definition.scss +0 -94
  357. package/styles/drop-down-tree/_bigger.scss +0 -589
  358. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +0 -102
  359. package/styles/drop-down-tree/_bootstrap-definition.scss +0 -100
  360. package/styles/drop-down-tree/_bootstrap4-definition.scss +0 -104
  361. package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +0 -93
  362. package/styles/drop-down-tree/_bootstrap5-definition.scss +0 -93
  363. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +0 -92
  364. package/styles/drop-down-tree/_fabric-dark-definition.scss +0 -101
  365. package/styles/drop-down-tree/_fabric-definition.scss +0 -101
  366. package/styles/drop-down-tree/_fluent-dark-definition.scss +0 -97
  367. package/styles/drop-down-tree/_fluent-definition.scss +0 -97
  368. package/styles/drop-down-tree/_fluent2-definition.scss +0 -118
  369. package/styles/drop-down-tree/_fusionnew-definition.scss +0 -88
  370. package/styles/drop-down-tree/_highcontrast-definition.scss +0 -101
  371. package/styles/drop-down-tree/_highcontrast-light-definition.scss +0 -101
  372. package/styles/drop-down-tree/_layout.scss +0 -980
  373. package/styles/drop-down-tree/_material-dark-definition.scss +0 -102
  374. package/styles/drop-down-tree/_material-definition.scss +0 -102
  375. package/styles/drop-down-tree/_material3-dark-definition.scss +0 -106
  376. package/styles/drop-down-tree/_material3-definition.scss +0 -106
  377. package/styles/drop-down-tree/_tailwind-dark-definition.scss +0 -94
  378. package/styles/drop-down-tree/_tailwind-definition.scss +0 -94
  379. package/styles/drop-down-tree/_tailwind3-definition.scss +0 -110
  380. package/styles/drop-down-tree/_theme.scss +0 -144
  381. package/styles/drop-down-tree/_variables.scss +0 -2
  382. package/styles/drop-down-tree/bds.css +0 -513
  383. package/styles/drop-down-tree/bds.scss +0 -4
  384. package/styles/drop-down-tree/bootstrap-dark.css +0 -438
  385. package/styles/drop-down-tree/bootstrap-dark.scss +0 -4
  386. package/styles/drop-down-tree/bootstrap.css +0 -438
  387. package/styles/drop-down-tree/bootstrap.scss +0 -4
  388. package/styles/drop-down-tree/bootstrap4.css +0 -462
  389. package/styles/drop-down-tree/bootstrap4.scss +0 -4
  390. package/styles/drop-down-tree/bootstrap5-dark.css +0 -486
  391. package/styles/drop-down-tree/bootstrap5-dark.scss +0 -4
  392. package/styles/drop-down-tree/bootstrap5.3.css +0 -501
  393. package/styles/drop-down-tree/bootstrap5.3.scss +0 -4
  394. package/styles/drop-down-tree/bootstrap5.css +0 -486
  395. package/styles/drop-down-tree/bootstrap5.scss +0 -4
  396. package/styles/drop-down-tree/fabric-dark.css +0 -440
  397. package/styles/drop-down-tree/fabric-dark.scss +0 -4
  398. package/styles/drop-down-tree/fabric.css +0 -440
  399. package/styles/drop-down-tree/fabric.scss +0 -4
  400. package/styles/drop-down-tree/fluent-dark.css +0 -488
  401. package/styles/drop-down-tree/fluent-dark.scss +0 -4
  402. package/styles/drop-down-tree/fluent.css +0 -488
  403. package/styles/drop-down-tree/fluent.scss +0 -4
  404. package/styles/drop-down-tree/fluent2.css +0 -551
  405. package/styles/drop-down-tree/fluent2.scss +0 -4
  406. package/styles/drop-down-tree/highcontrast-light.css +0 -441
  407. package/styles/drop-down-tree/highcontrast-light.scss +0 -4
  408. package/styles/drop-down-tree/highcontrast.css +0 -450
  409. package/styles/drop-down-tree/highcontrast.scss +0 -4
  410. package/styles/drop-down-tree/icons/_bds.scss +0 -12
  411. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +0 -12
  412. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -12
  413. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -12
  414. package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +0 -1
  415. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +0 -12
  416. package/styles/drop-down-tree/icons/_bootstrap5.scss +0 -12
  417. package/styles/drop-down-tree/icons/_fabric-dark.scss +0 -12
  418. package/styles/drop-down-tree/icons/_fabric.scss +0 -12
  419. package/styles/drop-down-tree/icons/_fluent-dark.scss +0 -1
  420. package/styles/drop-down-tree/icons/_fluent.scss +0 -12
  421. package/styles/drop-down-tree/icons/_fluent2.scss +0 -15
  422. package/styles/drop-down-tree/icons/_fusionnew.scss +0 -12
  423. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -12
  424. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -12
  425. package/styles/drop-down-tree/icons/_material-dark.scss +0 -12
  426. package/styles/drop-down-tree/icons/_material.scss +0 -12
  427. package/styles/drop-down-tree/icons/_material3-dark.scss +0 -1
  428. package/styles/drop-down-tree/icons/_material3.scss +0 -12
  429. package/styles/drop-down-tree/icons/_tailwind-dark.scss +0 -12
  430. package/styles/drop-down-tree/icons/_tailwind.scss +0 -12
  431. package/styles/drop-down-tree/icons/_tailwind3.scss +0 -12
  432. package/styles/drop-down-tree/material-dark.css +0 -748
  433. package/styles/drop-down-tree/material-dark.scss +0 -4
  434. package/styles/drop-down-tree/material.css +0 -751
  435. package/styles/drop-down-tree/material.scss +0 -4
  436. package/styles/drop-down-tree/material3-dark.css +0 -733
  437. package/styles/drop-down-tree/material3-dark.scss +0 -4
  438. package/styles/drop-down-tree/material3.css +0 -735
  439. package/styles/drop-down-tree/material3.scss +0 -4
  440. package/styles/drop-down-tree/tailwind-dark.css +0 -509
  441. package/styles/drop-down-tree/tailwind-dark.scss +0 -4
  442. package/styles/drop-down-tree/tailwind.css +0 -509
  443. package/styles/drop-down-tree/tailwind.scss +0 -4
  444. package/styles/drop-down-tree/tailwind3.css +0 -533
  445. package/styles/drop-down-tree/tailwind3.scss +0 -4
  446. package/styles/fabric-dark-lite.css +0 -2789
  447. package/styles/fabric-dark-lite.scss +0 -21
  448. package/styles/fabric-dark.css +0 -3486
  449. package/styles/fabric-dark.scss +0 -26
  450. package/styles/fabric-lite.css +0 -2784
  451. package/styles/fabric-lite.scss +0 -21
  452. package/styles/fabric.css +0 -3487
  453. package/styles/fabric.scss +0 -26
  454. package/styles/fluent-dark-lite.css +0 -2912
  455. package/styles/fluent-dark-lite.scss +0 -21
  456. package/styles/fluent-dark.css +0 -3712
  457. package/styles/fluent-dark.scss +0 -26
  458. package/styles/fluent-lite.css +0 -2913
  459. package/styles/fluent-lite.scss +0 -21
  460. package/styles/fluent.css +0 -3713
  461. package/styles/fluent.scss +0 -26
  462. package/styles/fluent2-lite.css +0 -3133
  463. package/styles/fluent2-lite.scss +0 -21
  464. package/styles/fluent2.css +0 -3808
  465. package/styles/fluent2.scss +0 -26
  466. package/styles/highcontrast-light-lite.css +0 -2897
  467. package/styles/highcontrast-light-lite.scss +0 -21
  468. package/styles/highcontrast-light.css +0 -3586
  469. package/styles/highcontrast-light.scss +0 -26
  470. package/styles/highcontrast-lite.css +0 -2942
  471. package/styles/highcontrast-lite.scss +0 -21
  472. package/styles/highcontrast.css +0 -3637
  473. package/styles/highcontrast.scss +0 -26
  474. package/styles/list-box/_all.scss +0 -2
  475. package/styles/list-box/_bds-definition.scss +0 -190
  476. package/styles/list-box/_bigger.scss +0 -184
  477. package/styles/list-box/_bootstrap-dark-definition.scss +0 -172
  478. package/styles/list-box/_bootstrap-definition.scss +0 -166
  479. package/styles/list-box/_bootstrap4-definition.scss +0 -174
  480. package/styles/list-box/_bootstrap5-dark-definition.scss +0 -168
  481. package/styles/list-box/_bootstrap5-definition.scss +0 -168
  482. package/styles/list-box/_bootstrap5.3-definition.scss +0 -175
  483. package/styles/list-box/_fabric-dark-definition.scss +0 -171
  484. package/styles/list-box/_fabric-definition.scss +0 -166
  485. package/styles/list-box/_fluent-dark-definition.scss +0 -167
  486. package/styles/list-box/_fluent-definition.scss +0 -167
  487. package/styles/list-box/_fluent2-definition.scss +0 -175
  488. package/styles/list-box/_fusionnew-definition.scss +0 -158
  489. package/styles/list-box/_highcontrast-definition.scss +0 -166
  490. package/styles/list-box/_highcontrast-light-definition.scss +0 -171
  491. package/styles/list-box/_layout.scss +0 -495
  492. package/styles/list-box/_material-dark-definition.scss +0 -171
  493. package/styles/list-box/_material-definition.scss +0 -166
  494. package/styles/list-box/_material3-dark-definition.scss +0 -169
  495. package/styles/list-box/_material3-definition.scss +0 -169
  496. package/styles/list-box/_tailwind-dark-definition.scss +0 -166
  497. package/styles/list-box/_tailwind-definition.scss +0 -166
  498. package/styles/list-box/_tailwind3-definition.scss +0 -184
  499. package/styles/list-box/_theme.scss +0 -334
  500. package/styles/list-box/_variables.scss +0 -2
  501. package/styles/list-box/bds.css +0 -949
  502. package/styles/list-box/bds.scss +0 -4
  503. package/styles/list-box/bootstrap-dark.css +0 -917
  504. package/styles/list-box/bootstrap-dark.scss +0 -4
  505. package/styles/list-box/bootstrap.css +0 -928
  506. package/styles/list-box/bootstrap.scss +0 -4
  507. package/styles/list-box/bootstrap4.css +0 -972
  508. package/styles/list-box/bootstrap4.scss +0 -4
  509. package/styles/list-box/bootstrap5-dark.css +0 -928
  510. package/styles/list-box/bootstrap5-dark.scss +0 -4
  511. package/styles/list-box/bootstrap5.3.css +0 -1025
  512. package/styles/list-box/bootstrap5.3.scss +0 -4
  513. package/styles/list-box/bootstrap5.css +0 -928
  514. package/styles/list-box/bootstrap5.scss +0 -4
  515. package/styles/list-box/fabric-dark.css +0 -917
  516. package/styles/list-box/fabric-dark.scss +0 -4
  517. package/styles/list-box/fabric.css +0 -928
  518. package/styles/list-box/fabric.scss +0 -4
  519. package/styles/list-box/fluent-dark.css +0 -928
  520. package/styles/list-box/fluent-dark.scss +0 -4
  521. package/styles/list-box/fluent.css +0 -928
  522. package/styles/list-box/fluent.scss +0 -4
  523. package/styles/list-box/fluent2.css +0 -1038
  524. package/styles/list-box/fluent2.scss +0 -4
  525. package/styles/list-box/highcontrast-light.css +0 -917
  526. package/styles/list-box/highcontrast-light.scss +0 -4
  527. package/styles/list-box/highcontrast.css +0 -928
  528. package/styles/list-box/highcontrast.scss +0 -4
  529. package/styles/list-box/icons/_bds.scss +0 -26
  530. package/styles/list-box/icons/_bootstrap-dark.scss +0 -26
  531. package/styles/list-box/icons/_bootstrap.scss +0 -26
  532. package/styles/list-box/icons/_bootstrap4.scss +0 -26
  533. package/styles/list-box/icons/_bootstrap5-dark.scss +0 -1
  534. package/styles/list-box/icons/_bootstrap5.3.scss +0 -26
  535. package/styles/list-box/icons/_bootstrap5.scss +0 -26
  536. package/styles/list-box/icons/_fabric-dark.scss +0 -26
  537. package/styles/list-box/icons/_fabric.scss +0 -26
  538. package/styles/list-box/icons/_fluent-dark.scss +0 -1
  539. package/styles/list-box/icons/_fluent.scss +0 -26
  540. package/styles/list-box/icons/_fluent2.scss +0 -26
  541. package/styles/list-box/icons/_fusionnew.scss +0 -26
  542. package/styles/list-box/icons/_highcontrast-light.scss +0 -26
  543. package/styles/list-box/icons/_highcontrast.scss +0 -26
  544. package/styles/list-box/icons/_material-dark.scss +0 -26
  545. package/styles/list-box/icons/_material.scss +0 -26
  546. package/styles/list-box/icons/_material3-dark.scss +0 -1
  547. package/styles/list-box/icons/_material3.scss +0 -26
  548. package/styles/list-box/icons/_tailwind-dark.scss +0 -26
  549. package/styles/list-box/icons/_tailwind.scss +0 -26
  550. package/styles/list-box/icons/_tailwind3.scss +0 -26
  551. package/styles/list-box/material-dark.css +0 -917
  552. package/styles/list-box/material-dark.scss +0 -4
  553. package/styles/list-box/material.css +0 -928
  554. package/styles/list-box/material.scss +0 -4
  555. package/styles/list-box/material3-dark.css +0 -1000
  556. package/styles/list-box/material3-dark.scss +0 -4
  557. package/styles/list-box/material3.css +0 -1002
  558. package/styles/list-box/material3.scss +0 -4
  559. package/styles/list-box/tailwind-dark.css +0 -928
  560. package/styles/list-box/tailwind-dark.scss +0 -4
  561. package/styles/list-box/tailwind.css +0 -928
  562. package/styles/list-box/tailwind.scss +0 -4
  563. package/styles/list-box/tailwind3.css +0 -1062
  564. package/styles/list-box/tailwind3.scss +0 -4
  565. package/styles/material-dark-lite.css +0 -3555
  566. package/styles/material-dark-lite.scss +0 -21
  567. package/styles/material-dark.css +0 -5028
  568. package/styles/material-dark.scss +0 -26
  569. package/styles/material-lite.css +0 -3565
  570. package/styles/material-lite.scss +0 -21
  571. package/styles/material.css +0 -5065
  572. package/styles/material.scss +0 -26
  573. package/styles/material3-dark-lite.css +0 -3990
  574. package/styles/material3-dark-lite.scss +0 -21
  575. package/styles/material3-dark.css +0 -5391
  576. package/styles/material3-dark.scss +0 -26
  577. package/styles/material3-lite.css +0 -3993
  578. package/styles/material3-lite.scss +0 -21
  579. package/styles/material3.css +0 -5394
  580. package/styles/material3.scss +0 -26
  581. package/styles/mention/_all.scss +0 -1
  582. package/styles/mention/_bds-definition.scss +0 -1
  583. package/styles/mention/_bootstrap-dark-definition.scss +0 -3
  584. package/styles/mention/_bootstrap-definition.scss +0 -3
  585. package/styles/mention/_bootstrap4-definition.scss +0 -3
  586. package/styles/mention/_bootstrap5-dark-definition.scss +0 -1
  587. package/styles/mention/_bootstrap5-definition.scss +0 -1
  588. package/styles/mention/_bootstrap5.3-definition.scss +0 -1
  589. package/styles/mention/_fabric-dark-definition.scss +0 -2
  590. package/styles/mention/_fabric-definition.scss +0 -3
  591. package/styles/mention/_fluent-dark-definition.scss +0 -1
  592. package/styles/mention/_fluent-definition.scss +0 -1
  593. package/styles/mention/_fluent2-definition.scss +0 -1
  594. package/styles/mention/_fusionnew-definition.scss +0 -1
  595. package/styles/mention/_highcontrast-definition.scss +0 -3
  596. package/styles/mention/_highcontrast-light-definition.scss +0 -3
  597. package/styles/mention/_layout.scss +0 -6
  598. package/styles/mention/_material-dark-definition.scss +0 -3
  599. package/styles/mention/_material-definition.scss +0 -3
  600. package/styles/mention/_material3-dark-definition.scss +0 -1
  601. package/styles/mention/_material3-definition.scss +0 -1
  602. package/styles/mention/_tailwind-dark-definition.scss +0 -1
  603. package/styles/mention/_tailwind-definition.scss +0 -1
  604. package/styles/mention/_tailwind3-definition.scss +0 -1
  605. package/styles/mention/_variables.scss +0 -2
  606. package/styles/mention/bds.css +0 -8
  607. package/styles/mention/bds.scss +0 -2
  608. package/styles/mention/bootstrap-dark.css +0 -3
  609. package/styles/mention/bootstrap-dark.scss +0 -2
  610. package/styles/mention/bootstrap.css +0 -3
  611. package/styles/mention/bootstrap.scss +0 -2
  612. package/styles/mention/bootstrap4.css +0 -3
  613. package/styles/mention/bootstrap4.scss +0 -2
  614. package/styles/mention/bootstrap5-dark.css +0 -3
  615. package/styles/mention/bootstrap5-dark.scss +0 -2
  616. package/styles/mention/bootstrap5.3.css +0 -88
  617. package/styles/mention/bootstrap5.3.scss +0 -2
  618. package/styles/mention/bootstrap5.css +0 -4
  619. package/styles/mention/bootstrap5.scss +0 -2
  620. package/styles/mention/fabric-dark.css +0 -3
  621. package/styles/mention/fabric-dark.scss +0 -2
  622. package/styles/mention/fabric.css +0 -3
  623. package/styles/mention/fabric.scss +0 -2
  624. package/styles/mention/fluent-dark.css +0 -3
  625. package/styles/mention/fluent-dark.scss +0 -2
  626. package/styles/mention/fluent.css +0 -4
  627. package/styles/mention/fluent.scss +0 -2
  628. package/styles/mention/fluent2.css +0 -90
  629. package/styles/mention/fluent2.scss +0 -2
  630. package/styles/mention/highcontrast-light.css +0 -3
  631. package/styles/mention/highcontrast-light.scss +0 -2
  632. package/styles/mention/highcontrast.css +0 -3
  633. package/styles/mention/highcontrast.scss +0 -2
  634. package/styles/mention/material-dark.css +0 -3
  635. package/styles/mention/material-dark.scss +0 -2
  636. package/styles/mention/material.css +0 -3
  637. package/styles/mention/material.scss +0 -2
  638. package/styles/mention/material3-dark.css +0 -85
  639. package/styles/mention/material3-dark.scss +0 -2
  640. package/styles/mention/material3.css +0 -88
  641. package/styles/mention/material3.scss +0 -2
  642. package/styles/mention/tailwind-dark.css +0 -3
  643. package/styles/mention/tailwind-dark.scss +0 -2
  644. package/styles/mention/tailwind.css +0 -4
  645. package/styles/mention/tailwind.scss +0 -2
  646. package/styles/mention/tailwind3.css +0 -78
  647. package/styles/mention/tailwind3.scss +0 -2
  648. package/styles/multi-select/_all.scss +0 -2
  649. package/styles/multi-select/_bds-definition.scss +0 -309
  650. package/styles/multi-select/_bigger.scss +0 -1578
  651. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -276
  652. package/styles/multi-select/_bootstrap-definition.scss +0 -265
  653. package/styles/multi-select/_bootstrap4-definition.scss +0 -313
  654. package/styles/multi-select/_bootstrap5-dark-definition.scss +0 -313
  655. package/styles/multi-select/_bootstrap5-definition.scss +0 -313
  656. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -312
  657. package/styles/multi-select/_fabric-dark-definition.scss +0 -268
  658. package/styles/multi-select/_fabric-definition.scss +0 -259
  659. package/styles/multi-select/_fluent-dark-definition.scss +0 -314
  660. package/styles/multi-select/_fluent-definition.scss +0 -314
  661. package/styles/multi-select/_fluent2-definition.scss +0 -423
  662. package/styles/multi-select/_fusionnew-definition.scss +0 -300
  663. package/styles/multi-select/_highcontrast-definition.scss +0 -383
  664. package/styles/multi-select/_highcontrast-light-definition.scss +0 -377
  665. package/styles/multi-select/_layout.scss +0 -1337
  666. package/styles/multi-select/_material-dark-definition.scss +0 -380
  667. package/styles/multi-select/_material-definition.scss +0 -380
  668. package/styles/multi-select/_material3-dark-definition.scss +0 -651
  669. package/styles/multi-select/_material3-definition.scss +0 -651
  670. package/styles/multi-select/_tailwind-dark-definition.scss +0 -309
  671. package/styles/multi-select/_tailwind-definition.scss +0 -309
  672. package/styles/multi-select/_tailwind3-definition.scss +0 -305
  673. package/styles/multi-select/_theme.scss +0 -566
  674. package/styles/multi-select/_variables.scss +0 -2
  675. package/styles/multi-select/bds.css +0 -1360
  676. package/styles/multi-select/bds.scss +0 -4
  677. package/styles/multi-select/bootstrap-dark.css +0 -1336
  678. package/styles/multi-select/bootstrap-dark.scss +0 -4
  679. package/styles/multi-select/bootstrap.css +0 -1324
  680. package/styles/multi-select/bootstrap.scss +0 -4
  681. package/styles/multi-select/bootstrap4.css +0 -1466
  682. package/styles/multi-select/bootstrap4.scss +0 -4
  683. package/styles/multi-select/bootstrap5-dark.css +0 -1383
  684. package/styles/multi-select/bootstrap5-dark.scss +0 -4
  685. package/styles/multi-select/bootstrap5.3.css +0 -1467
  686. package/styles/multi-select/bootstrap5.3.scss +0 -4
  687. package/styles/multi-select/bootstrap5.css +0 -1383
  688. package/styles/multi-select/bootstrap5.scss +0 -4
  689. package/styles/multi-select/fabric-dark.css +0 -1339
  690. package/styles/multi-select/fabric-dark.scss +0 -4
  691. package/styles/multi-select/fabric.css +0 -1329
  692. package/styles/multi-select/fabric.scss +0 -4
  693. package/styles/multi-select/fluent-dark.css +0 -1427
  694. package/styles/multi-select/fluent-dark.scss +0 -4
  695. package/styles/multi-select/fluent.css +0 -1427
  696. package/styles/multi-select/fluent.scss +0 -4
  697. package/styles/multi-select/fluent2.css +0 -1533
  698. package/styles/multi-select/fluent2.scss +0 -4
  699. package/styles/multi-select/highcontrast-light.css +0 -1437
  700. package/styles/multi-select/highcontrast-light.scss +0 -4
  701. package/styles/multi-select/highcontrast.css +0 -1453
  702. package/styles/multi-select/highcontrast.scss +0 -4
  703. package/styles/multi-select/icons/_bds.scss +0 -27
  704. package/styles/multi-select/icons/_bootstrap-dark.scss +0 -31
  705. package/styles/multi-select/icons/_bootstrap.scss +0 -31
  706. package/styles/multi-select/icons/_bootstrap4.scss +0 -34
  707. package/styles/multi-select/icons/_bootstrap5-dark.scss +0 -1
  708. package/styles/multi-select/icons/_bootstrap5.3.scss +0 -32
  709. package/styles/multi-select/icons/_bootstrap5.scss +0 -32
  710. package/styles/multi-select/icons/_fabric-dark.scss +0 -32
  711. package/styles/multi-select/icons/_fabric.scss +0 -32
  712. package/styles/multi-select/icons/_fluent-dark.scss +0 -1
  713. package/styles/multi-select/icons/_fluent.scss +0 -40
  714. package/styles/multi-select/icons/_fluent2.scss +0 -349
  715. package/styles/multi-select/icons/_fusionnew.scss +0 -28
  716. package/styles/multi-select/icons/_highcontrast-light.scss +0 -28
  717. package/styles/multi-select/icons/_highcontrast.scss +0 -32
  718. package/styles/multi-select/icons/_material-dark.scss +0 -350
  719. package/styles/multi-select/icons/_material.scss +0 -350
  720. package/styles/multi-select/icons/_material3-dark.scss +0 -1
  721. package/styles/multi-select/icons/_material3.scss +0 -352
  722. package/styles/multi-select/icons/_tailwind-dark.scss +0 -1
  723. package/styles/multi-select/icons/_tailwind.scss +0 -32
  724. package/styles/multi-select/icons/_tailwind3.scss +0 -28
  725. package/styles/multi-select/material-dark.css +0 -2541
  726. package/styles/multi-select/material-dark.scss +0 -4
  727. package/styles/multi-select/material.css +0 -2545
  728. package/styles/multi-select/material.scss +0 -4
  729. package/styles/multi-select/material3-dark.css +0 -2960
  730. package/styles/multi-select/material3-dark.scss +0 -4
  731. package/styles/multi-select/material3.css +0 -2962
  732. package/styles/multi-select/material3.scss +0 -4
  733. package/styles/multi-select/tailwind-dark.css +0 -1360
  734. package/styles/multi-select/tailwind-dark.scss +0 -4
  735. package/styles/multi-select/tailwind.css +0 -1360
  736. package/styles/multi-select/tailwind.scss +0 -4
  737. package/styles/multi-select/tailwind3.css +0 -1397
  738. package/styles/multi-select/tailwind3.scss +0 -4
  739. package/styles/tailwind-dark-lite.css +0 -2858
  740. package/styles/tailwind-dark-lite.scss +0 -21
  741. package/styles/tailwind-dark.css +0 -3710
  742. package/styles/tailwind-dark.scss +0 -26
  743. package/styles/tailwind-lite.css +0 -2859
  744. package/styles/tailwind-lite.scss +0 -21
  745. package/styles/tailwind.css +0 -3711
  746. package/styles/tailwind.scss +0 -26
  747. package/styles/tailwind3-lite.css +0 -2971
  748. package/styles/tailwind3-lite.scss +0 -21
  749. package/styles/tailwind3.css +0 -3647
  750. package/styles/tailwind3.scss +0 -26
@@ -1,1578 +0,0 @@
1
- @use 'variables' as *;
2
- @include export-module('multiselect-bigger') {
3
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
4
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
5
- @if $ddl-multiselect-skin-name != 'Material3' {
6
- margin-top: $ddl-icon-margin-top-bigger;
7
- }
8
- @if $ddl-multiselect-skin-name == 'fluent2' {
9
- padding: $multi-bigger-input-padding;
10
- }
11
- }
12
-
13
- .e-bigger .e-multi-select-wrapper {
14
- min-height: $ddl-control-bigger-height;
15
- }
16
-
17
- .e-bigger .e-multi-select-wrapper .e-chips {
18
- margin: $ddl-chip-margin-bigger;
19
- }
20
-
21
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
22
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
23
- padding: $ddl-chip-bigger-content-padding;
24
- }
25
- @if $ddl-multiselect-skin-name == 'tailwind' {
26
- font-size: $ddl-chip-bigger-font-size;
27
- }
28
- }
29
-
30
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
31
- padding: $ddl-chip-mobile-content-padding;
32
- }
33
-
34
- .e-bigger #{&}.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips>.e-chipcontent {
35
- padding: $ddl-rtl-chip-mobile-content-padding;
36
- }
37
-
38
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
39
- @if $ddl-multiselect-skin-name == 'Material3' {
40
- right: $ddl-close-icon-bigger-right;
41
- }
42
- }
43
-
44
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
45
- @if $ddl-multiselect-skin-name == 'Material3' {
46
- right: $multi-bigger-down-icon-close-right;
47
- }
48
- }
49
-
50
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
51
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
52
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
53
- .e-bigger.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
54
- .e-bigger.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
55
- .e-bigger .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
56
- @if $ddl-multiselect-skin-name == 'FluentUI' {
57
- font-size: $ddl-bigger-chip-down-icon-font;
58
- right: $ddl-close-icon-bigger-right;
59
- }
60
- }
61
-
62
- .e-bigger.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
63
- .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
64
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
65
- .e-bigger.e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
66
- .e-bigger.e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
67
- .e-bigger.e-small .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
68
- @if $ddl-multiselect-skin-name == 'FluentUI' {
69
- font-size: $ddl-biggersmall-chip-down-icon-font;
70
- right: $ddl-close-icon-bigger-right;
71
- }
72
- }
73
-
74
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
75
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
76
- @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
77
- right: 38px;
78
- }
79
- }
80
-
81
- .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
82
- @if $ddl-multiselect-skin-name == 'FluentUI' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
83
- right: $ddl-close-down-icon-left;
84
- }
85
- }
86
-
87
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
88
- .e-bigger.e-small.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
89
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
90
- left: $multi-bgr-small-clear-icon-left;
91
- right: $multi-auto-width;
92
- }
93
- }
94
-
95
- .e-small.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
96
- .e-small.e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
97
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
98
- left: $multi-bgr-small-chips-clear-icon-left;
99
- right: $multi-auto-width;
100
- }
101
- }
102
-
103
- .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
104
- .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
105
- @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
106
- left: 38px;
107
- right: auto;
108
- }
109
- }
110
-
111
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
112
- @if $ddl-multiselect-skin-name != 'Material3' {
113
- margin-top: $ddl-closer-margin-top-bigger;
114
- }
115
- @if $ddl-multiselect-skin-name == 'tailwind' {
116
- height: $ddl-bigger-clear-icon-height;
117
- width: $ddl-bigger-clear-icon-width;
118
- }
119
- @if $ddl-multiselect-skin-name == 'FluentUI' {
120
- font-size: $ddl-bigger-chip-down-icon-font;
121
- }
122
- @if $ddl-multiselect-skin-name == 'Material3' {
123
- margin-top: $multi-bgr-chip-close-hooker-margin-top;
124
- font-size: $ddl-bigger-chip-down-icon-font;
125
- top: $multi-full-width;
126
- border-radius: $ddl-bigger-closer-hooker-border-radius;
127
- width: $ddl-bigger-closer-hooker-width;
128
- height: $ddl-bigger-closer-hooker-height;
129
- line-height: $multi-bgr-chip-close-hooker-line-height;
130
- }
131
- }
132
-
133
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
134
- @if $ddl-multiselect-skin-name == 'Material3' {
135
- background: $ddl-bigger-closer-hooker-bg-color;
136
- border: 1px;
137
- }
138
- }
139
-
140
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
141
- @if $ddl-multiselect-skin-name == 'Material3' {
142
- height: $ddl-bigger-small-closer-hooker-height;
143
- width: $ddl-bigger-small-closer-hooker-width;
144
- margin-top: $ddl-closer-margin-top-bigger-small;
145
- }
146
- }
147
-
148
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
149
- @if $ddl-multiselect-skin-name == 'Material3' {
150
- width: $ddl-bigger-closer-hooker-width;
151
- height: $ddl-bigger-closer-hooker-width;
152
- }
153
- }
154
-
155
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
156
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
157
- @if $ddl-multiselect-skin-name != 'fluent2' {
158
- margin-top: $ddl-closer-margin-top-bigger;
159
- }
160
- @if $ddl-multiselect-skin-name == 'fluent2' {
161
- margin-top: $ddl-multi-clear-icon-margin-top;
162
- }
163
- @if $ddl-multiselect-skin-name == 'FluentUI' {
164
- margin-top: $ddl-bigger-clear-margin-top;
165
- }
166
- @if $ddl-multiselect-skin-name == 'bootstrap' {
167
- margin-top: -3.7em;
168
- }
169
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
170
- margin-top: $ddl-multi-clear-icon-margin-top;
171
- }
172
- @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
173
- margin-top: -3.2em;
174
- }
175
- @if $ddl-multiselect-skin-name == 'tailwind' {
176
- height: $ddl-bigger-clear-icon-height;
177
- margin-top: $ddl-clear-margin-top;
178
- width: $ddl-bigger-clear-icon-width;
179
- }
180
- }
181
-
182
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
183
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
184
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'tailwind' {
185
- font-size: $ddl-closer-hooker-font-bigger;
186
- margin-top: $ddl-closer-margin-top;
187
- }
188
- @if $ddl-multiselect-skin-name == 'tailwind' {
189
- margin-top: $ddl-closer-margin-top-bigger;
190
- }
191
- }
192
-
193
- .e-bigger .e-multi-select-wrapper input[type = 'text'],
194
- .e-multi-select-wrapper.e-mob-wrapper input[type = 'text'] {
195
- height: $ddl-input-height;
196
- min-height: $ddl-input-height;
197
- }
198
-
199
- .e-bigger .e-multi-select-wrapper input[type = 'text'] {
200
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
201
- font-size: $ddl-chip-bigger-font-size;
202
- }
203
- @if $ddl-multiselect-skin-name == 'tailwind' {
204
- font-size: $ddl-chip-bigger-font-size;
205
- }
206
- height: $ddl-input-bigger-height;
207
- min-height: $ddl-input-bigger-height;
208
- }
209
-
210
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
211
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
212
- width: $ddl-bigger-search-wrapper-width;
213
- }
214
-
215
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
216
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
217
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
218
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
219
- width: $ddl-bigger-small-search-wrapper-width;
220
- }
221
-
222
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
223
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
224
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
225
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
226
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
227
- width: $ddl-bigger-small-search-wrapper-width;
228
- }
229
- }
230
-
231
- .e-bigger .e-multi-select-wrapper .e-delim-values {
232
- @if $ddl-multiselect-skin-name == 'tailwind' {
233
- font-size: $ddl-delim-bigger-font-size;
234
- }
235
- line-height: $ddl-delimviewheight-bigger;
236
- padding-left: $ddl-delimview-bigger-padding-left;
237
- }
238
-
239
- .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
240
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
241
- padding-left: 12px;
242
- }
243
- @else if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
244
- padding-left: $ddl-zero-margin-padding;
245
- }
246
- @if $ddl-multiselect-skin-name == 'tailwind' {
247
- font-size: $ddl-chip-bigger-font-size;
248
- }
249
- }
250
-
251
- .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
252
- @if $ddl-multiselect-skin-name == 'tailwind' {
253
- font-size: $ddl-chip-bigger-small-font-size;
254
- }
255
- }
256
-
257
- .e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
258
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
259
- @if ($ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3') {
260
- left: $ddl-chip-close-rtl-bigger-left;
261
- }
262
- }
263
-
264
- .e-bigger.e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
265
- .e-bigger.e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
266
- @if ($ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3') {
267
- left: $ddl-chip-close-rtl-small-bigger-left;
268
- }
269
- }
270
-
271
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
272
- @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
273
- padding-right: $ddl-bigger-multiselect-group-list-item-rtl-padding-right;
274
- }
275
- }
276
-
277
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
278
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
279
- bottom: $multi-one-width;
280
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
281
- bottom: $ddl-multi-select-list-item-bottom;
282
- }
283
- margin-right: $ddl-bigger-check-right-margin;
284
- }
285
-
286
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
287
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
288
- bottom: $multi-one-width;
289
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
290
- bottom: $ddl-multi-select-list-item-bottom;
291
- }
292
- margin-right: $ddl-bigger-check-right-margin;
293
- }
294
-
295
- .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 {
296
- @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
297
- padding-right: $ddl-list-padding-right;
298
- }
299
- }
300
-
301
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
302
- @if ($ddl-multiselect-skin-name != 'tailwind') {
303
- padding-left: $ddl-multiselect-group-list-group-item-padding-left;
304
- }
305
- }
306
-
307
- .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 {
308
- @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
309
- padding-left: $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left;
310
- }
311
- }
312
-
313
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
314
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
315
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' or $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
316
- font-size: $ddl-bigger-selectall-font-size;
317
- }
318
- }
319
-
320
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
321
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
322
- @if $ddl-multiselect-skin-name == 'tailwind' {
323
- font-size: $ddl-bigger-small-selectall-font-size;
324
- }
325
- }
326
-
327
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
328
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
329
- font-size: $ddl-chip-font-size;
330
- line-height: $ddl-bigger-select-all-height;
331
- text-indent: $ddl-bigger-check-right;
332
- }
333
-
334
- .e-bigger .e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent,
335
- .e-bigger.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent {
336
- @if $ddl-multiselect-skin-name == 'FluentUI' {
337
- font-size: $ddl-chip-font-size;
338
- line-height: $ddl-bigger-select-all-height;
339
- text-indent: $ddl-bigger-check-right;
340
- }
341
- }
342
-
343
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
344
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
345
- bottom: $multi-one-width;
346
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
347
- bottom: $ddl-multi-select-list-item-bottom;
348
- }
349
- margin-right: $ddl-bigger-check-right-margin;
350
- }
351
-
352
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
353
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
354
- @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'Material3' {
355
- padding: $ddl-bigger-filterbar-padding;
356
- }
357
- }
358
-
359
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
360
- @if $ddl-multiselect-skin-name != 'Material3' {
361
- padding-left: $multi-bgr-list-wrapper-padding-left;
362
- }
363
- @if $ddl-multiselect-skin-name == 'material' {
364
- padding-right: 8px;
365
- }
366
- }
367
-
368
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
369
- @if $ddl-multiselect-skin-name != 'highcontrast' {
370
- line-height: $ddl-delimviewheight-check-bigger;
371
- }
372
- }
373
-
374
- .e-bigger .e-multi-select-wrapper .e-chips-close {
375
- @if $ddl-multiselect-skin-name == 'tailwind' {
376
- height: $ddl-bigger-chip-close-square;
377
- width: $ddl-bigger-chip-close-width;
378
- }
379
- }
380
-
381
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
382
- @if $ddl-multiselect-skin-name == 'tailwind' {
383
- font-size: $ddl-bigger-chip-close-font;
384
- }
385
- }
386
-
387
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
388
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
389
- @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
390
- height: $ddl-bigger-small-input-height;
391
- }
392
- }
393
-
394
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
395
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
396
- @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
397
- height: $ddl-input-bigger-height;
398
- }
399
- }
400
-
401
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
402
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
403
- line-height: $ddl-select-all-height-bigger-small;
404
- @if $ddl-multiselect-skin-name == 'tailwind' {
405
- font-size: $ddl-chip-bigger-small-font-size;
406
- text-indent: $ddl-bigger-small-check-right;
407
- }
408
- }
409
-
410
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
411
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
412
- @if $ddl-multiselect-skin-name == 'Material3' {
413
- margin-top: $ddl-bigger-small-ddl-icon-top;
414
- top: $multi-full-width;
415
- }
416
- }
417
-
418
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
419
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
420
- margin-top: $ddl-bigger-small-ddl-icon-top;
421
- }
422
-
423
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
424
- height: $ddl-bigger-small-chip-close-square;
425
- width: $ddl-bigger-small-chip-close-width;
426
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
427
- margin: 3px 10px 10px 0;
428
- }
429
- }
430
-
431
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
432
- @if $ddl-multiselect-skin-name == 'Material3' {
433
- min-height: $ddl-bigger-small-close-hooker-height;
434
- min-width: $ddl-bigger-small-close-hooker-width;
435
- }
436
- }
437
-
438
- .e-bigger.e-small .e-multi-select-wrapper {
439
- min-height: $ddl-control-bigger-small-height;
440
- }
441
-
442
- .e-bigger.e-small .e-multi-select-wrapper input[type = 'text'] {
443
- @if $ddl-multiselect-skin-name == 'tailwind' {
444
- font-size: $ddl-chip-bigger-small-font-size;
445
- }
446
- height: $ddl-bigger-small-input-height;
447
- min-height: $ddl-bigger-small-input-height;
448
- }
449
-
450
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
451
- font-size: $ddl-delim-bigger-small-font-size;
452
- line-height: $ddl-delimviewheight-bigger-small;
453
- }
454
-
455
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
456
- @if $ddl-multiselect-skin-name == 'Material3' {
457
- right: $ddl-close-icon-bigger-small-right;
458
- }
459
- }
460
-
461
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
462
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
463
- margin-top: $ddl-closer-margin-top-bigger-small;
464
- @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'tailwind3' {
465
- right: $ddl-chip-hooker-right;
466
- }
467
- @if $ddl-multiselect-skin-name == 'Material3' or $ddl-multiselect-skin-name == 'tailwind3' {
468
- right: $ddl-chip-hooker-bigger-small-right;
469
- }
470
- @if $ddl-multiselect-skin-name == 'tailwind' {
471
- font-size: $ddl-closer-hooker-font-bigger-small;
472
- height: $ddl-bigger-small-clear-icon-height;
473
- width: $ddl-bigger-small-clear-icon-width;
474
- }
475
- @if $ddl-multiselect-skin-name == 'FluentUI' {
476
- font-size: $ddl-biggersmall-chip-down-icon-font;
477
- }
478
- }
479
-
480
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
481
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
482
- padding: $ddl-chip-bigger-content-padding;
483
- }
484
- }
485
-
486
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
487
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
488
- background-size: 300px 40px;
489
- min-height: 40px;
490
- }
491
-
492
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
493
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
494
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
495
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
496
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
497
- font-size: inherit;
498
- min-height: $outline-multiselect-inner-input-height;
499
- padding: $ddl-multi-bgr-small-outline-input-padding;
500
- }
501
- }
502
-
503
- .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
504
- .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
505
- .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
506
- .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
507
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
508
- padding: $ddl-multi-bgr-small-outline-input-padding;
509
- }
510
- }
511
-
512
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
513
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
514
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
515
- font-size: inherit;
516
- min-height: $outline-multiselect-bigger-inner-input-height;
517
- }
518
- }
519
-
520
- .e-bigger {
521
- .e-multiselect.e-outline .e-multi-select-wrapper,
522
- &.e-multiselect.e-outline .e-multi-select-wrapper {
523
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
524
- min-height: $outline-multiselect-bigger-height;
525
- padding: $outline-multiselect-bigger-overall-padding;
526
- }
527
- }
528
-
529
- .e-small {
530
- &.e-multiselect.e-outline .e-multi-select-wrapper {
531
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
532
- min-height: $ddl-outline-multiselect-height;
533
- padding: $outline-multiselect-overall-padding;
534
- }
535
- }
536
- }
537
-
538
- &.e-small {
539
- .e-multiselect.e-outline .e-multi-select-wrapper,
540
- &.e-multiselect.e-outline .e-multi-select-wrapper {
541
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
542
- min-height: $ddl-outline-multiselect-height;
543
- padding: $outline-multiselect-overall-padding;
544
- }
545
- }
546
- }
547
- }
548
-
549
- .e-small {
550
- .e-bigger {
551
- &.e-multiselect.e-outline .e-multi-select-wrapper {
552
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
553
- min-height: $ddl-outline-multiselect-height;
554
- padding: $outline-multiselect-overall-padding;
555
- }
556
- }
557
- }
558
-
559
- &.e-bigger {
560
- .e-multiselect.e-outline .e-multi-select-wrapper {
561
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
562
- min-height: $ddl-outline-multiselect-height;
563
- padding: $outline-multiselect-overall-padding;
564
- }
565
- }
566
- }
567
- }
568
-
569
- .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
570
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
571
- .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
572
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
573
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
574
- padding-right: $ddl-zero-margin-padding;
575
- }
576
- }
577
-
578
- .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
579
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
580
- .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
581
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
582
- .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
583
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
584
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
585
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
586
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
587
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
588
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
589
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
590
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
591
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
592
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
593
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
594
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
595
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
596
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
597
- padding-left: $ddl-zero-margin-padding;
598
- }
599
- }
600
-
601
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
602
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
603
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
604
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
605
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
606
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
607
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
608
- padding: $outline-rtl-multiselect-overall-padding;
609
- }
610
- }
611
-
612
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
613
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
614
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
615
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
616
- padding: $outline-rtl-multiselect-bigger-overall-padding;
617
- }
618
- }
619
-
620
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
621
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
622
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
623
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
624
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
625
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
626
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
627
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
628
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
629
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
630
- padding-left: $ddl-zero-margin-padding;
631
- }
632
- }
633
-
634
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
635
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
636
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
637
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
638
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
639
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
640
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
641
- padding-right: $ddl-zero-margin-padding;
642
- }
643
- }
644
-
645
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
646
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
647
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
648
- height: $outline-multiselect-bigger-height;
649
- }
650
- }
651
-
652
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
653
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
654
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
655
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
656
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
657
- height: $ddl-outline-multiselect-height;
658
- }
659
- }
660
-
661
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
662
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
663
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
664
- font-size: $ddl-multi-bigger-delim-value-font-size;
665
- line-height: $outline-multiselect-bigger-height;
666
- padding: $outline-multiselect-bigger-delimeter-padding;
667
- }
668
- }
669
-
670
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
671
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
672
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
673
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
674
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
675
- font-size: $ddl-multi-bigger-small-delim-value-font-size;
676
- line-height: $ddl-outline-multiselect-height;
677
- padding: $outline-multiselect-delimeter-padding;
678
- }
679
- }
680
-
681
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
682
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
683
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
684
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
685
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
686
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
687
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
688
- padding: $outline-rtl-multiselect-bigger-delimeter-padding;
689
- }
690
- }
691
-
692
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
693
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
694
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
695
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
696
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
697
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
698
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
699
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
700
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
701
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
702
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
703
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
704
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
705
- padding: $outline-rtl-multiselect-delimeter-padding;
706
- }
707
- }
708
-
709
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
710
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
711
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
712
- height: $outline-multiselect-bigger-chip-height;
713
- padding: $outline-multiselect-bigger-chip-padding;
714
- }
715
- }
716
-
717
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
718
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
719
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
720
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
721
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
722
- height: $outline-multiselect-chip-height;
723
- padding: $outline-multiselect-chip-padding;
724
- }
725
- }
726
-
727
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
728
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
729
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
730
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
731
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
732
- font-size: $outline-multiselect-chip-font-size;
733
- }
734
- }
735
-
736
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
737
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
738
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
739
- font-size: $outline-multiselect-bigger-chip-font-size;
740
- }
741
- }
742
-
743
- .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
744
- .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
745
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
746
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
747
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
748
- font-size: $ddl-multi-bigger-delim-value-font-size;
749
- }
750
- }
751
-
752
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
753
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
754
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
755
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
756
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
757
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
758
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
759
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
760
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
761
- font-size: $ddl-multi-bigger-small-delim-value-font-size;
762
- }
763
- }
764
-
765
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
766
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
767
- padding: $ddl-small-float-input-wrapper;
768
- }
769
-
770
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
771
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
772
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
773
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
774
- padding: $ddl-multiselect-zero-padding-margin;
775
- }
776
-
777
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
778
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
779
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
780
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
781
- padding: $ddl-bgr-small-filled-float-wrapper-padding;
782
- }
783
-
784
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
785
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
786
- padding: $ddl-bgr-filled-float-input-wrapper-padding;
787
- }
788
-
789
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
790
- padding-top: $ddl-bigger-filled-wrapper-padding-top;
791
- }
792
-
793
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
794
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
795
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
796
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
797
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
798
- min-height: $ddl-multiselect-filled-input-min-height;
799
- padding-right: $ddl-multi-bgr-small-filled-padding-right;
800
- }
801
- }
802
-
803
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
804
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
805
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
806
- min-height: $ddl-multiselect-filled-input-min-height-bigger;
807
- }
808
- }
809
-
810
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
811
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
812
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
813
- min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
814
- }
815
- }
816
-
817
- .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
818
- .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
819
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
820
- height: $ddl-multiselect-filled-input-min-height-bigger;
821
- }
822
- }
823
-
824
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
825
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
826
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
827
- height: $ddl-multiselect-filled-float-input-min-height-bigger;
828
- }
829
- }
830
-
831
- .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
832
- .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,
833
- .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
834
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
835
- height: $ddl-multiselect-filled-float-input-min-height;
836
- }
837
- }
838
-
839
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'],
840
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'] {
841
- padding: $ddl-bigger-filled-float-wrapper-delimiter-input-padding;
842
- }
843
-
844
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
845
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
846
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
847
- .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
848
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
849
- min-height: $ddl-multiselect-filled-float-input-min-height;
850
- }
851
- }
852
-
853
- .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
854
- .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
855
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
856
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
857
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
858
- font-size: $bigger-small-multi-float-font-size;
859
- line-height: $ddl-multiselect-filled-input-min-height;
860
- }
861
- }
862
-
863
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
864
- .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
865
- .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
866
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
867
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
868
- font-size: $bigger-small-multi-filled-float-font-size;
869
- line-height: $ddl-multiselect-filled-float-input-min-height;
870
- }
871
- }
872
-
873
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
874
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
875
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
876
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
877
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
878
- font-size: $multi-bgr-filled-delim-value-font-size;
879
- line-height: $ddl-multiselect-filled-input-min-height-bigger;
880
- }
881
- }
882
-
883
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
884
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
885
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
886
- line-height: $ddl-multiselect-filled-float-input-min-height-bigger;
887
- }
888
- }
889
-
890
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
891
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
892
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
893
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
894
- height: $ddl-bigger-small-filled-chip-height;
895
- }
896
-
897
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
898
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
899
- height: $ddl-bigger-filled-chip-height;
900
- }
901
-
902
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
903
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
904
- height: $ddl-bigger-filled-not-chip-height;
905
- }
906
-
907
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
908
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
909
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
910
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
911
- height: $ddl-bigger-small-filled-input-chip-height;
912
- }
913
-
914
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
915
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
916
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
917
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
918
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
919
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
920
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
921
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
922
- margin: $ddl-bgr-small-filled-wrapper-chip-margin;
923
- padding: $ddl-bgr-small-filled-wrapper-chip-padding;
924
- }
925
-
926
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
927
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
928
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
929
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
930
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
931
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
932
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
933
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
934
- margin: $ddl-rtl-bgr-small-filled-chip-margin;
935
- padding: $ddl-rtl-bgr-small-filled-chip-padding;
936
- }
937
-
938
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
939
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
940
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
941
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
942
- padding-left: $ddl-small-bgr-filled-float-chip-padding-left;
943
- }
944
-
945
- .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,
946
- .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,
947
- .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
948
- .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
949
- .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
950
- .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
951
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
952
- height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
953
- width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
954
- }
955
- }
956
-
957
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
958
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
959
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
960
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
961
- font-size: $ddl-bgr-small-filled-wrapper-chip-font-size;
962
- padding: $ddl-bgr-small-filled-wrapper-chip-padding;
963
- }
964
-
965
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
966
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
967
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
968
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
969
- font-size: $ddl-bigger-small-filled-float-wrapper-chip-font-size;
970
- padding: $ddl-bigger-small-filled-float-wrapper-chip-padding;
971
- }
972
-
973
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
974
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
975
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
976
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
977
- padding: $ddl-rtl-bigger-small-wrapper-chips-padding;
978
- }
979
-
980
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
981
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
982
- font-size: $ddl-bgr-filled-float-wrapper-chip-font-size;
983
- }
984
-
985
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
986
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
987
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
988
- font-size: $ddl-multiselect-filled-chip-clear-icon-size;
989
- }
990
- }
991
-
992
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
993
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
994
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
995
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
996
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
997
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
998
- padding: $ddl-bigger-filled-wrapper-chip-padding;
999
- }
1000
-
1001
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1002
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1003
- padding-right: $ddl-bigger-filled-float-wrapper-chip-padding-right;
1004
- }
1005
-
1006
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1007
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' or $ddl-multiselect-skin-name == 'FluentUI' {
1008
- font-size: $ddl-bigger-chip-close-font;
1009
- }
1010
- }
1011
-
1012
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1013
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
1014
- left: $ddl-chip-close-bigger-left;
1015
- top: $ddl-chip-close-bigger-top;
1016
- }
1017
- font-size: $ddl-bigger-small-chip-close-font;
1018
- }
1019
-
1020
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
1021
- height: $ddl-bigger-small-chip-height;
1022
- }
1023
-
1024
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1025
- font-size: $ddl-chip-bigger-small-font-size;
1026
- }
1027
-
1028
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1029
- left: $ddl-chip-close-hooker-small-bigger-left;
1030
- }
1031
-
1032
- .e-bigger .e-multi-select-wrapper .e-chips {
1033
- height: $ddl-chip-mobile-height;
1034
- }
1035
-
1036
- .e-bigger .e-multiselect.e-input-group .e-ddl-icon::before {
1037
- @if $skin-name == 'bootstrap4' {
1038
- font-size: 10px;
1039
- }
1040
- }
1041
-
1042
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1043
- @if $skin-name == 'bootstrap4' {
1044
- font-size: 18px;
1045
- top: $ddl-bigger-close-top;
1046
- }
1047
- }
1048
-
1049
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
1050
- .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
1051
- @if $skin-name == 'bootstrap4' {
1052
- top: 5px;
1053
- }
1054
- }
1055
-
1056
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1057
- @if $skin-name == 'bootstrap4' {
1058
- top: 4px;
1059
- }
1060
- }
1061
-
1062
- .e-small.e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1063
- @if $skin-name == 'bootstrap4' {
1064
- top: 5px;
1065
- }
1066
- }
1067
-
1068
- .e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1069
- @if $skin-name == 'bootstrap4' {
1070
- top: 11px;
1071
- }
1072
- }
1073
-
1074
- .e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1075
- @if $skin-name == 'bootstrap4' {
1076
- top: 11px;
1077
- }
1078
- }
1079
-
1080
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1081
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1082
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1083
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1084
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1085
- height: $multi-bgr-small-close-height;
1086
- margin-top: $multi-bgr-small-close-margin-top;
1087
- right: $multi-bgr-small-close-right;
1088
- top: $multi-full-width;
1089
- width: $multi-bgr-small-close-width;
1090
- }
1091
- }
1092
-
1093
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1094
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1095
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1096
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1097
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1098
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1099
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1100
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1101
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1102
- right: $ddl-multi-select-bgr-small-down-icon-right;
1103
- }
1104
- }
1105
-
1106
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1107
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1108
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
1109
- height: 54px;
1110
- margin-top: -55px;
1111
- right: 16px;
1112
- top: $multi-full-width;
1113
- width: 20px;
1114
- }
1115
- }
1116
-
1117
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1118
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1119
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1120
- right: $bigger-multi-select-mat-right;
1121
- }
1122
- }
1123
-
1124
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1125
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1126
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1127
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1128
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1129
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1130
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1131
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1132
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1133
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1134
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1135
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1136
- .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1137
- .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1138
- .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1139
- .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1140
- .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1141
- .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1142
- .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1143
- .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1144
- .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1145
- .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1146
- .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1147
- .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1148
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1149
- left: $multi-bgr-small-rtl-filled-left;
1150
- right: $multi-auto-width;
1151
- }
1152
- }
1153
-
1154
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1155
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1156
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1157
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1158
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1159
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1160
- .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1161
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1162
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1163
- .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1164
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1165
- .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1166
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1167
- left: $bigger-multi-select-mat-right;
1168
- right: $multi-auto-width;
1169
- }
1170
- }
1171
-
1172
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1173
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1174
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1175
- content: '\e208';
1176
- font-size: $multi-bigger-close-hooker-font-size;
1177
- height: $multi-bigger-close-hooker-height;
1178
- left: $multi-zero-width;
1179
- margin-top: $multi-bigger-close-hooker-margin-top;
1180
- top: $multi-half-width;
1181
- }
1182
- }
1183
-
1184
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1185
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1186
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1187
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1188
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1189
- content: '\e208';
1190
- font-size: $multi-bigger-small-close-hooker-font-size;
1191
- height: $multi-bigger-small-close-hooker-height;
1192
- left: $multi-zero-width;
1193
- margin-top: $multi-bigger-small-close-hooker-margin-top;
1194
- top: $multi-half-width;
1195
- }
1196
- }
1197
-
1198
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1199
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1200
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1201
- font-size: $multi-bgr-filled-delim-value-font-size;
1202
- }
1203
- }
1204
-
1205
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1206
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1207
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1208
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1209
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1210
- font-size: $bigger-small-multi-filled-float-font-size;
1211
- }
1212
- }
1213
-
1214
- .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1215
- .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1216
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1217
- .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1218
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1219
- margin: $multiselect-bgr-ddl-icon-margin;
1220
- }
1221
- }
1222
-
1223
- .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1224
- .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1225
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1226
- .e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1227
- .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1228
- .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1229
- .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1230
- .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1231
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1232
- margin: $multiselect-bgr-small-ddl-icon-margin;
1233
- }
1234
- }
1235
-
1236
- .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1237
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1238
- .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1239
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1240
- .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1241
- .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1242
- .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1243
- .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1244
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1245
- margin: $multiselect-rtl-bgr-ddl-icon-margin;
1246
- }
1247
- }
1248
-
1249
- .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1250
- .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1251
- .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1252
- .e-small.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1253
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1254
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1255
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1256
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1257
- .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1258
- .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1259
- .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1260
- .e-rtl.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1261
- .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1262
- .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1263
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1264
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1265
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1266
- margin: $multiselect-rtl-bgr-small-ddl-icon-margin;
1267
- }
1268
- }
1269
-
1270
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1271
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1272
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1273
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1274
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1275
- height: $multi-mat-bgr-small-close-hooker-height;
1276
- margin-top: $multi-mat-bgr-small-close-hooker-margin-top;
1277
- right: $multi-mat-bgr-small-close-hooker-right;
1278
- width: $multi-mat-bgr-small-close-hooker-width;
1279
- }
1280
- }
1281
-
1282
- .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1283
- .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1284
- .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1285
- .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1286
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1287
- height: $multi-mat-bgr-small-close-hooker-height;
1288
- margin-top: $multi-mat-bgr-small-filled-close-hooker-margin-top;
1289
- right: $multi-mat-bgr-small-filled-close-hooker-right;
1290
- width: $multi-mat-bgr-small-close-hooker-width;
1291
- }
1292
- }
1293
-
1294
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1295
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1296
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1297
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1298
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1299
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1300
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1301
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1302
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1303
- margin-top: $multi-mat-bgr-small-float-input-margin-top;
1304
- }
1305
- }
1306
-
1307
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1308
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1309
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1310
- height: $multi-mat-bgr-filled-close-hooker-height;
1311
- width: $multi-mat-bgr-filled-close-hooker-width;
1312
- }
1313
- }
1314
-
1315
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1316
- .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1317
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1318
- margin-top: $ddl-multi-mat-bgr-float-close-margin-top;
1319
- }
1320
- }
1321
-
1322
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1323
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1324
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1325
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1326
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1327
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1328
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1329
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1330
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1331
- margin-top: $multi-ddl-bgr-small-close-icon-margin-top;
1332
- right: $multi-ddl-bgr-small-close-icon-right;
1333
- }
1334
- }
1335
-
1336
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1337
- .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1338
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1339
- margin-top: $ddl-multi-filled-icon-close-margin-top;
1340
- }
1341
- }
1342
-
1343
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1344
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1345
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1346
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1347
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1348
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1349
- }
1350
- }
1351
-
1352
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1353
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1354
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1355
- height: $ddl-multi-chips-height;
1356
- width: $ddl-multi-chips-width;
1357
- }
1358
- }
1359
-
1360
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1361
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1362
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1363
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
1364
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1365
- font-size: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1366
- height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1367
- width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1368
- }
1369
- }
1370
-
1371
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1372
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1373
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1374
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1375
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1376
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
1377
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1378
- font-size: $ddl-multiselect-filled-chip-clear-icon-size;
1379
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1380
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1381
- }
1382
- }
1383
-
1384
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1385
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1386
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1387
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1388
- @if $ddl-multiselect-skin-name == 'material-dark' {
1389
- content: '\e208';
1390
- font-size: 16px;
1391
- height: 16px;
1392
- padding: 0;
1393
- text-align: center;
1394
- vertical-align: middle;
1395
- width: 16px;
1396
- }
1397
- }
1398
-
1399
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1400
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1401
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1402
- font-size: $ddl-multi-mat-filled-before-font-size;
1403
- height: $ddl-multi-mat-filled-before-height;
1404
- width: $ddl-multi-mat-filled-before-width;
1405
- }
1406
- }
1407
-
1408
- .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1409
- .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1410
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1411
- left: $ddl-mat-bigger-rtl-close-left;
1412
- right: $multi-auto-width;
1413
- }
1414
- }
1415
-
1416
- .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1417
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1418
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1419
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1420
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1421
- left: $ddl-mat-bigger-rtl-close-hooker-left;
1422
- right: $multi-auto-width;
1423
- }
1424
- }
1425
-
1426
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1427
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1428
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1429
- height: $multi-mat-bgr-filled-close-hooker-height;
1430
- margin: $ddl-multi-select-icon-margin;
1431
- padding: $ddl-zero-margin-padding;
1432
- width: $multi-mat-bgr-filled-close-hooker-width;
1433
- }
1434
- }
1435
-
1436
- .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1437
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1438
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1439
- margin: $ddl-zero-margin-padding;
1440
- }
1441
- }
1442
-
1443
- .e-bigger.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1444
- .e-bigger.e-small .e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1445
- .e-bigger .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1446
- .e-small .e-bigger.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1447
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1448
- height: $ddl-multi-mat-filled-before-height;
1449
- margin: $mat-multi-bgr-small-margin;
1450
- padding: $ddl-zero-margin-padding;
1451
- width: $ddl-multi-mat-filled-before-width;
1452
- }
1453
- }
1454
-
1455
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1456
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1457
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1458
- font-size: $ddl-multi-mat-filled-before-font-size;
1459
- height: $ddl-multi-mat-filled-before-height;
1460
- width: $ddl-multi-mat-filled-before-width;
1461
- }
1462
- }
1463
-
1464
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1465
- .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1466
- .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1467
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1468
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1469
- font-size: $multi-bigger-small-close-hooker-font-size;
1470
- height: $multi-bigger-small-close-hooker-height;
1471
- width: $multi-mat-bgr-small-close-hooker-right;
1472
- }
1473
- }
1474
-
1475
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1476
- .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1477
- .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1478
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1479
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1480
- height: $multi-mat-bgr-filled-close-hooker-height;
1481
- margin: $multi-mat-bigger-small-filled-ddl-icon-margin;
1482
- padding: $multi-zero-width;
1483
- width: $multi-mat-bgr-filled-close-hooker-width;
1484
- }
1485
- }
1486
-
1487
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1488
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1489
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1490
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1491
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1492
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1493
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1494
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
1495
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1496
- content: '';
1497
- }
1498
- }
1499
-
1500
- @if $skin-name == 'bootstrap-dark' or $skin-name == 'tailwind' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'fluent2'{
1501
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1502
- height: $ddl-chip-hooker-square;
1503
- width: $ddl-chip-hooker-square;
1504
- }
1505
- }
1506
- @if $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap' {
1507
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1508
- margin-top: -3.2em;
1509
- }
1510
- }
1511
- @if $skin-name == 'bootstrap4' {
1512
- .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1513
- .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1514
- font-size: 14px;
1515
- }
1516
- .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1517
- .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1518
- font-size: 12px;
1519
- }
1520
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1521
- font-size: 14px;
1522
- }
1523
-
1524
- .e-bigger .e-multi-select-wrapper .e-chips-close {
1525
- height: $ddl-bigger-chip-close-square;
1526
- width: $ddl-bigger-chip-close-width;
1527
- }
1528
- .e-bigger .e-ddl.e-popup .e-filter-parent .e-clear-icon {
1529
- display: flex;
1530
- }
1531
- .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1532
- margin: 2px 4px 2px 0;
1533
- }
1534
- .e-bigger .e-multiselect .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1535
- height: $multiselect-closer-bigger-height;
1536
- margin-top: $multiselect-closer--bigger-margin-top;
1537
- right: $multiselect-closer-bigger-width;
1538
- }
1539
-
1540
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1541
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1542
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1543
- right: $multiselect-dropicon-closer-bigger-width;
1544
- }
1545
-
1546
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper .e-clear-icon {
1547
- height: $multiselect-closer-bigger-height;
1548
- margin-top: $ddl-closer-margin-top-bigger;
1549
- }
1550
- }
1551
- @if $skin-name == 'fabric-dark' or $skin-name == 'fabric'{
1552
- .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1553
- padding: 0;
1554
- }
1555
-
1556
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1557
- padding: 0 8px;
1558
- }
1559
- }
1560
- @if $skin-name == 'FluentUI' {
1561
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1562
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1563
- margin-top: -1.6em;
1564
- }
1565
- }
1566
- @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
1567
- #{&}.e-popup {
1568
- &.e-multi-select-list-wrapper {
1569
- &.e-ddl,
1570
- .e-bigger &.e-ddl {
1571
- &.e-checkbox .e-filter-parent .e-clear-icon {
1572
- padding-left: 0;
1573
- }
1574
- }
1575
- }
1576
- }
1577
- }
1578
- }