@syncfusion/ej2-dropdowns 26.2.13 → 27.1.50

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 (438) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +1541 -841
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1432 -709
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +14 -13
  12. package/src/auto-complete/auto-complete-model.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.d.ts +2 -0
  14. package/src/auto-complete/auto-complete.js +52 -22
  15. package/src/combo-box/combo-box-model.d.ts +12 -5
  16. package/src/combo-box/combo-box.d.ts +10 -4
  17. package/src/combo-box/combo-box.js +73 -38
  18. package/src/common/incremental-search.d.ts +26 -11
  19. package/src/common/incremental-search.js +30 -16
  20. package/src/common/interface.d.ts +5 -5
  21. package/src/common/virtual-scroll.js +69 -36
  22. package/src/drop-down-base/drop-down-base-model.d.ts +1 -1
  23. package/src/drop-down-base/drop-down-base.d.ts +7 -2
  24. package/src/drop-down-base/drop-down-base.js +101 -69
  25. package/src/drop-down-list/drop-down-list-model.d.ts +14 -7
  26. package/src/drop-down-list/drop-down-list.d.ts +11 -4
  27. package/src/drop-down-list/drop-down-list.js +303 -178
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +19 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +26 -2
  30. package/src/drop-down-tree/drop-down-tree.js +206 -68
  31. package/src/list-box/list-box.js +64 -24
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +87 -24
  34. package/src/multi-select/checkbox-selection.js +3 -2
  35. package/src/multi-select/interface.d.ts +1 -0
  36. package/src/multi-select/multi-select-model.d.ts +15 -8
  37. package/src/multi-select/multi-select.d.ts +15 -5
  38. package/src/multi-select/multi-select.js +444 -237
  39. package/styles/auto-complete/bootstrap-dark.css +0 -50
  40. package/styles/auto-complete/bootstrap.css +0 -50
  41. package/styles/auto-complete/bootstrap4.css +0 -68
  42. package/styles/auto-complete/bootstrap5-dark.css +0 -54
  43. package/styles/auto-complete/bootstrap5.3.css +101 -0
  44. package/styles/auto-complete/bootstrap5.3.scss +4 -0
  45. package/styles/auto-complete/bootstrap5.css +0 -54
  46. package/styles/auto-complete/fabric-dark.css +0 -49
  47. package/styles/auto-complete/fabric.css +0 -42
  48. package/styles/auto-complete/fluent-dark.css +0 -41
  49. package/styles/auto-complete/fluent.css +0 -41
  50. package/styles/auto-complete/fluent2.css +1 -36
  51. package/styles/auto-complete/highcontrast-light.css +0 -37
  52. package/styles/auto-complete/highcontrast.css +0 -37
  53. package/styles/auto-complete/material-dark.css +0 -34
  54. package/styles/auto-complete/material.css +0 -55
  55. package/styles/auto-complete/material3-dark.css +0 -59
  56. package/styles/auto-complete/material3.css +0 -59
  57. package/styles/auto-complete/tailwind-dark.css +0 -35
  58. package/styles/auto-complete/tailwind.css +0 -35
  59. package/styles/bootstrap-dark-lite.css +2755 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +655 -605
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2754 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +661 -611
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2858 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +831 -756
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2832 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -646
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2832 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2826 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3557 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -646
  82. package/styles/bootstrap5.scss +6 -1
  83. package/styles/combo-box/bootstrap-dark.css +0 -50
  84. package/styles/combo-box/bootstrap.css +0 -50
  85. package/styles/combo-box/bootstrap4.css +0 -68
  86. package/styles/combo-box/bootstrap5-dark.css +0 -54
  87. package/styles/combo-box/bootstrap5.3.css +101 -0
  88. package/styles/combo-box/bootstrap5.3.scss +4 -0
  89. package/styles/combo-box/bootstrap5.css +0 -54
  90. package/styles/combo-box/fabric-dark.css +0 -49
  91. package/styles/combo-box/fabric.css +0 -42
  92. package/styles/combo-box/fluent-dark.css +0 -41
  93. package/styles/combo-box/fluent.css +0 -41
  94. package/styles/combo-box/fluent2.css +1 -36
  95. package/styles/combo-box/highcontrast-light.css +0 -37
  96. package/styles/combo-box/highcontrast.css +0 -37
  97. package/styles/combo-box/material-dark.css +0 -34
  98. package/styles/combo-box/material.css +0 -55
  99. package/styles/combo-box/material3-dark.css +0 -59
  100. package/styles/combo-box/material3.css +0 -59
  101. package/styles/combo-box/tailwind-dark.css +0 -35
  102. package/styles/combo-box/tailwind.css +0 -35
  103. package/styles/drop-down-base/_bds-definition.scss +0 -22
  104. package/styles/drop-down-base/_bigger.scss +195 -0
  105. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -5
  106. package/styles/drop-down-base/_bootstrap-definition.scss +0 -5
  107. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -9
  108. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -19
  109. package/styles/drop-down-base/_bootstrap5.3-definition.scss +2 -21
  110. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -5
  111. package/styles/drop-down-base/_fabric-definition.scss +0 -5
  112. package/styles/drop-down-base/_fluent-definition.scss +0 -19
  113. package/styles/drop-down-base/_fluent2-definition.scss +2 -23
  114. package/styles/drop-down-base/_fusionnew-definition.scss +0 -19
  115. package/styles/drop-down-base/_highcontrast-definition.scss +0 -9
  116. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -9
  117. package/styles/drop-down-base/_layout.scss +1 -57
  118. package/styles/drop-down-base/_material-dark-definition.scss +0 -4
  119. package/styles/drop-down-base/_material-definition.scss +0 -4
  120. package/styles/drop-down-base/_material3-definition.scss +0 -3
  121. package/styles/drop-down-base/_tailwind-definition.scss +0 -22
  122. package/styles/drop-down-base/_theme.scss +10 -91
  123. package/styles/drop-down-base/bootstrap-dark.css +75 -75
  124. package/styles/drop-down-base/bootstrap-dark.scss +1 -0
  125. package/styles/drop-down-base/bootstrap.css +75 -75
  126. package/styles/drop-down-base/bootstrap.scss +1 -0
  127. package/styles/drop-down-base/bootstrap4.css +79 -79
  128. package/styles/drop-down-base/bootstrap4.scss +1 -0
  129. package/styles/drop-down-base/bootstrap5-dark.css +89 -89
  130. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  131. package/styles/drop-down-base/bootstrap5.3.css +411 -0
  132. package/styles/drop-down-base/bootstrap5.3.scss +4 -0
  133. package/styles/drop-down-base/bootstrap5.css +89 -89
  134. package/styles/drop-down-base/bootstrap5.scss +1 -0
  135. package/styles/drop-down-base/fabric-dark.css +75 -75
  136. package/styles/drop-down-base/fabric-dark.scss +1 -0
  137. package/styles/drop-down-base/fabric.css +75 -75
  138. package/styles/drop-down-base/fabric.scss +1 -0
  139. package/styles/drop-down-base/fluent-dark.css +101 -101
  140. package/styles/drop-down-base/fluent-dark.scss +1 -0
  141. package/styles/drop-down-base/fluent.css +101 -101
  142. package/styles/drop-down-base/fluent.scss +1 -0
  143. package/styles/drop-down-base/fluent2.css +97 -95
  144. package/styles/drop-down-base/fluent2.scss +1 -0
  145. package/styles/drop-down-base/highcontrast-light.css +75 -77
  146. package/styles/drop-down-base/highcontrast-light.scss +1 -0
  147. package/styles/drop-down-base/highcontrast.css +75 -77
  148. package/styles/drop-down-base/highcontrast.scss +1 -0
  149. package/styles/drop-down-base/material-dark.css +74 -74
  150. package/styles/drop-down-base/material-dark.scss +1 -0
  151. package/styles/drop-down-base/material.css +74 -74
  152. package/styles/drop-down-base/material.scss +1 -0
  153. package/styles/drop-down-base/material3-dark.css +74 -74
  154. package/styles/drop-down-base/material3-dark.scss +1 -0
  155. package/styles/drop-down-base/material3.css +74 -74
  156. package/styles/drop-down-base/material3.scss +1 -0
  157. package/styles/drop-down-base/tailwind-dark.css +135 -135
  158. package/styles/drop-down-base/tailwind-dark.scss +1 -0
  159. package/styles/drop-down-base/tailwind.css +135 -135
  160. package/styles/drop-down-base/tailwind.scss +1 -0
  161. package/styles/drop-down-list/_bds-definition.scss +0 -34
  162. package/styles/drop-down-list/_bigger.scss +713 -0
  163. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -64
  164. package/styles/drop-down-list/_bootstrap-definition.scss +0 -64
  165. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -81
  166. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -67
  167. package/styles/drop-down-list/_bootstrap5.3-definition.scss +1 -67
  168. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -57
  169. package/styles/drop-down-list/_fabric-definition.scss +0 -56
  170. package/styles/drop-down-list/_fluent-definition.scss +0 -57
  171. package/styles/drop-down-list/_fluent2-definition.scss +2 -35
  172. package/styles/drop-down-list/_fusionnew-definition.scss +0 -67
  173. package/styles/drop-down-list/_highcontrast-definition.scss +0 -60
  174. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -60
  175. package/styles/drop-down-list/_layout.scss +4 -82
  176. package/styles/drop-down-list/_material-dark-definition.scss +0 -33
  177. package/styles/drop-down-list/_material-definition.scss +0 -55
  178. package/styles/drop-down-list/_material3-definition.scss +0 -58
  179. package/styles/drop-down-list/_tailwind-definition.scss +0 -34
  180. package/styles/drop-down-list/_theme.scss +5 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +91 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +91 -91
  184. package/styles/drop-down-list/bootstrap.scss +1 -0
  185. package/styles/drop-down-list/bootstrap4.css +105 -105
  186. package/styles/drop-down-list/bootstrap4.scss +1 -0
  187. package/styles/drop-down-list/bootstrap5-dark.css +87 -101
  188. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  189. package/styles/drop-down-list/bootstrap5.3.css +481 -0
  190. package/styles/drop-down-list/bootstrap5.3.scss +10 -0
  191. package/styles/drop-down-list/bootstrap5.css +87 -101
  192. package/styles/drop-down-list/bootstrap5.scss +1 -0
  193. package/styles/drop-down-list/fabric-dark.css +90 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +90 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +74 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +74 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +77 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +79 -80
  204. package/styles/drop-down-list/highcontrast-light.scss +1 -0
  205. package/styles/drop-down-list/highcontrast.css +79 -80
  206. package/styles/drop-down-list/highcontrast.scss +1 -0
  207. package/styles/drop-down-list/material-dark.css +74 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +95 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +99 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +99 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +96 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +96 -78
  218. package/styles/drop-down-list/tailwind.scss +1 -0
  219. package/styles/drop-down-tree/_bigger.scss +522 -0
  220. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +5 -5
  221. package/styles/drop-down-tree/_fluent2-definition.scss +5 -3
  222. package/styles/drop-down-tree/_layout.scss +15 -491
  223. package/styles/drop-down-tree/_theme.scss +21 -4
  224. package/styles/drop-down-tree/bootstrap-dark.css +32 -37
  225. package/styles/drop-down-tree/bootstrap-dark.scss +1 -0
  226. package/styles/drop-down-tree/bootstrap.css +32 -37
  227. package/styles/drop-down-tree/bootstrap.scss +1 -0
  228. package/styles/drop-down-tree/bootstrap4.css +38 -47
  229. package/styles/drop-down-tree/bootstrap4.scss +1 -0
  230. package/styles/drop-down-tree/bootstrap5-dark.css +39 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +463 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +39 -55
  235. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  236. package/styles/drop-down-tree/fabric-dark.css +32 -37
  237. package/styles/drop-down-tree/fabric-dark.scss +1 -0
  238. package/styles/drop-down-tree/fabric.css +32 -37
  239. package/styles/drop-down-tree/fabric.scss +1 -0
  240. package/styles/drop-down-tree/fluent-dark.css +32 -51
  241. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  242. package/styles/drop-down-tree/fluent.css +32 -51
  243. package/styles/drop-down-tree/fluent.scss +1 -0
  244. package/styles/drop-down-tree/fluent2.css +38 -53
  245. package/styles/drop-down-tree/fluent2.scss +1 -0
  246. package/styles/drop-down-tree/highcontrast-light.css +32 -39
  247. package/styles/drop-down-tree/highcontrast-light.scss +1 -0
  248. package/styles/drop-down-tree/highcontrast.css +41 -48
  249. package/styles/drop-down-tree/highcontrast.scss +1 -0
  250. package/styles/drop-down-tree/material-dark.css +32 -36
  251. package/styles/drop-down-tree/material-dark.scss +1 -0
  252. package/styles/drop-down-tree/material.css +32 -36
  253. package/styles/drop-down-tree/material.scss +1 -0
  254. package/styles/drop-down-tree/material3-dark.css +33 -37
  255. package/styles/drop-down-tree/material3-dark.scss +1 -0
  256. package/styles/drop-down-tree/material3.css +33 -37
  257. package/styles/drop-down-tree/material3.scss +1 -0
  258. package/styles/drop-down-tree/tailwind-dark.css +51 -73
  259. package/styles/drop-down-tree/tailwind-dark.scss +1 -0
  260. package/styles/drop-down-tree/tailwind.css +51 -73
  261. package/styles/drop-down-tree/tailwind.scss +1 -0
  262. package/styles/fabric-dark-lite.css +2733 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +668 -612
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2734 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +673 -610
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2869 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +707 -679
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2869 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +707 -679
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3053 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +746 -676
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2850 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +655 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2872 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +673 -620
  289. package/styles/highcontrast.scss +6 -1
  290. package/styles/list-box/_bigger.scss +173 -0
  291. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  292. package/styles/list-box/_bootstrap5.3-definition.scss +17 -14
  293. package/styles/list-box/_fluent2-definition.scss +2 -0
  294. package/styles/list-box/_layout.scss +16 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +124 -130
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +130 -136
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +174 -184
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +130 -150
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +952 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +130 -150
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +124 -130
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +130 -136
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +130 -150
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +130 -150
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +124 -157
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +124 -132
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +130 -138
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +124 -129
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +130 -135
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +124 -129
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +124 -129
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +140 -163
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +140 -163
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3516 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1301 -1190
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3548 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1312 -1201
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3462 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1618 -1249
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3464 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1618 -1249
  349. package/styles/material3.scss +6 -1
  350. package/styles/mention/bootstrap-dark.css +0 -5
  351. package/styles/mention/bootstrap.css +0 -5
  352. package/styles/mention/bootstrap4.css +0 -9
  353. package/styles/mention/bootstrap5-dark.css +0 -19
  354. package/styles/mention/bootstrap5.3.css +67 -0
  355. package/styles/mention/bootstrap5.3.scss +6 -0
  356. package/styles/mention/bootstrap5.css +0 -19
  357. package/styles/mention/fabric-dark.css +0 -5
  358. package/styles/mention/fabric.css +0 -5
  359. package/styles/mention/fluent-dark.css +0 -19
  360. package/styles/mention/fluent.css +0 -19
  361. package/styles/mention/fluent2.css +0 -22
  362. package/styles/mention/highcontrast-light.css +0 -7
  363. package/styles/mention/highcontrast.css +0 -7
  364. package/styles/mention/material-dark.css +0 -4
  365. package/styles/mention/material.css +0 -4
  366. package/styles/mention/material3-dark.css +0 -4
  367. package/styles/mention/material3.css +0 -4
  368. package/styles/mention/tailwind-dark.css +0 -22
  369. package/styles/mention/tailwind.css +0 -22
  370. package/styles/multi-select/_bds-definition.scss +0 -5
  371. package/styles/multi-select/_bigger.scss +2002 -0
  372. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -9
  373. package/styles/multi-select/_bootstrap-definition.scss +0 -9
  374. package/styles/multi-select/_bootstrap4-definition.scss +0 -44
  375. package/styles/multi-select/_bootstrap5-definition.scss +0 -5
  376. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -5
  377. package/styles/multi-select/_fabric-dark-definition.scss +2 -4
  378. package/styles/multi-select/_fabric-definition.scss +2 -4
  379. package/styles/multi-select/_fluent-definition.scss +0 -10
  380. package/styles/multi-select/_fluent2-definition.scss +2 -5
  381. package/styles/multi-select/_fusionnew-definition.scss +0 -5
  382. package/styles/multi-select/_highcontrast-definition.scss +1 -2
  383. package/styles/multi-select/_highcontrast-light-definition.scss +1 -2
  384. package/styles/multi-select/_layout.scss +33 -934
  385. package/styles/multi-select/_tailwind-definition.scss +0 -5
  386. package/styles/multi-select/_theme.scss +13 -34
  387. package/styles/multi-select/bootstrap-dark.css +314 -273
  388. package/styles/multi-select/bootstrap-dark.scss +1 -0
  389. package/styles/multi-select/bootstrap.css +314 -273
  390. package/styles/multi-select/bootstrap.scss +1 -0
  391. package/styles/multi-select/bootstrap4.css +405 -347
  392. package/styles/multi-select/bootstrap4.scss +1 -0
  393. package/styles/multi-select/bootstrap5-dark.css +350 -320
  394. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  395. package/styles/multi-select/bootstrap5.3.css +1424 -0
  396. package/styles/multi-select/bootstrap5.3.scss +10 -0
  397. package/styles/multi-select/bootstrap5.css +350 -320
  398. package/styles/multi-select/bootstrap5.scss +1 -0
  399. package/styles/multi-select/fabric-dark.css +320 -273
  400. package/styles/multi-select/fabric-dark.scss +1 -0
  401. package/styles/multi-select/fabric.css +320 -273
  402. package/styles/multi-select/fabric.scss +1 -0
  403. package/styles/multi-select/fluent-dark.css +366 -361
  404. package/styles/multi-select/fluent-dark.scss +1 -0
  405. package/styles/multi-select/fluent.css +366 -361
  406. package/styles/multi-select/fluent.scss +1 -0
  407. package/styles/multi-select/fluent2.css +399 -355
  408. package/styles/multi-select/fluent2.scss +1 -0
  409. package/styles/multi-select/highcontrast-light.css +321 -278
  410. package/styles/multi-select/highcontrast-light.scss +1 -0
  411. package/styles/multi-select/highcontrast.css +321 -278
  412. package/styles/multi-select/highcontrast.scss +1 -0
  413. package/styles/multi-select/icons/_bootstrap4.scss +0 -9
  414. package/styles/multi-select/icons/_fluent.scss +0 -21
  415. package/styles/multi-select/icons/_fluent2.scss +5 -354
  416. package/styles/multi-select/icons/_material-dark.scss +5 -354
  417. package/styles/multi-select/icons/_material.scss +5 -354
  418. package/styles/multi-select/icons/_material3.scss +5 -354
  419. package/styles/multi-select/material-dark.css +960 -857
  420. package/styles/multi-select/material-dark.scss +1 -0
  421. package/styles/multi-select/material.css +960 -857
  422. package/styles/multi-select/material.scss +1 -0
  423. package/styles/multi-select/material3-dark.css +1277 -916
  424. package/styles/multi-select/material3-dark.scss +1 -0
  425. package/styles/multi-select/material3.css +1277 -916
  426. package/styles/multi-select/material3.scss +1 -0
  427. package/styles/multi-select/tailwind-dark.css +351 -327
  428. package/styles/multi-select/tailwind-dark.scss +1 -0
  429. package/styles/multi-select/tailwind.css +351 -327
  430. package/styles/multi-select/tailwind.scss +1 -0
  431. package/styles/tailwind-dark-lite.css +2816 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +933 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2816 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +933 -848
  438. package/styles/tailwind.scss +6 -1
@@ -174,16 +174,6 @@
174
174
  }
175
175
  }
176
176
 
177
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
178
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
179
- @if $ddl-multiselect-skin-name != 'Material3' {
180
- margin-top: $ddl-icon-margin-top-bigger;
181
- }
182
- @if $ddl-multiselect-skin-name == 'fluent2' {
183
- padding: 11px;
184
- }
185
- }
186
-
187
177
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
188
178
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
189
179
  opacity: .7;
@@ -200,10 +190,6 @@
200
190
  top: $ddl-multiselect-label-position;
201
191
  }
202
192
 
203
- .e-bigger .e-multi-select-wrapper {
204
- min-height: $ddl-control-bigger-height;
205
- }
206
-
207
193
  .e-multi-select-wrapper.e-close-icon-hide {
208
194
  padding-right: 0;
209
195
  }
@@ -233,10 +219,6 @@
233
219
  white-space: nowrap;
234
220
  }
235
221
 
236
- .e-bigger .e-multi-select-wrapper .e-chips {
237
- margin: $ddl-chip-margin-bigger;
238
- }
239
-
240
222
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
241
223
  max-width: 100%;
242
224
  overflow: hidden;
@@ -244,7 +226,7 @@
244
226
  text-indent: 0;
245
227
  text-overflow: ellipsis;
246
228
  white-space: nowrap;
247
- @if $ddl-multiselect-skin-name == 'bootstrap5' {
229
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
248
230
  line-height: 1.5;
249
231
  }
250
232
  }
@@ -265,22 +247,11 @@
265
247
  }
266
248
  }
267
249
 
268
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
269
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
250
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
270
251
  padding: $ddl-chip-mobile-content-padding;
271
252
  }
272
253
 
273
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
274
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' {
275
- padding: $ddl-chip-bigger-content-padding;
276
- }
277
- @if $ddl-multiselect-skin-name == 'tailwind' {
278
- font-size: $ddl-chip-bigger-font-size;
279
- }
280
- }
281
-
282
- #{&}.e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips>.e-chipcontent,
283
- .e-bigger #{&}.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips>.e-chipcontent {
254
+ #{&}.e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips>.e-chipcontent {
284
255
  padding: $ddl-rtl-chip-mobile-content-padding;
285
256
  }
286
257
 
@@ -332,42 +303,6 @@
332
303
  right: $ddl-close-icon-left;
333
304
  }
334
305
 
335
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
336
- @if $ddl-multiselect-skin-name == 'Material3' {
337
- right: $ddl-close-icon-bigger-right;
338
- }
339
- }
340
-
341
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
342
- @if $ddl-multiselect-skin-name == 'Material3' {
343
- right: 41px;
344
- }
345
- }
346
-
347
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
348
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
349
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
350
- .e-bigger.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
351
- .e-bigger.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
352
- .e-bigger .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
353
- @if $ddl-multiselect-skin-name == 'FluentUI' {
354
- font-size: $ddl-bigger-chip-down-icon-font;
355
- right: $ddl-close-icon-bigger-right;
356
- }
357
- }
358
-
359
- .e-bigger.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
360
- .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
361
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
362
- .e-bigger.e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
363
- .e-bigger.e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
364
- .e-bigger.e-small .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
365
- @if $ddl-multiselect-skin-name == 'FluentUI' {
366
- font-size: $ddl-biggersmall-chip-down-icon-font;
367
- right: $ddl-close-icon-bigger-right;
368
- }
369
- }
370
-
371
306
  .e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
372
307
  .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
373
308
  .e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
@@ -386,132 +321,19 @@
386
321
  }
387
322
  }
388
323
 
389
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
390
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
391
- @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
392
- right: 38px;
393
- }
394
- }
395
-
396
- .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
397
- @if $ddl-multiselect-skin-name == 'FluentUI' or $ddl-multiselect-skin-name == 'bootstrap5' {
398
- right: $ddl-close-down-icon-left;
399
- }
400
- }
401
-
402
324
  .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
403
325
  left: $ddl-close-icon-left;
404
326
  right: auto;
405
327
  }
406
328
 
407
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
408
- .e-bigger.e-small.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
409
- @if $ddl-multiselect-skin-name == 'bootstrap5' {
410
- left: 45px;
411
- right: auto;
412
- }
413
- }
414
-
415
329
  .e-small .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
416
- .e-small.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
417
- .e-small.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
418
- .e-small.e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
419
- @if $ddl-multiselect-skin-name == 'bootstrap5' {
330
+ .e-small.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
331
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
420
332
  left: 12px;
421
333
  right: auto;
422
334
  }
423
335
  }
424
336
 
425
- .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
426
- .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
427
- @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
428
- left: 38px;
429
- right: auto;
430
- }
431
- }
432
-
433
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
434
- @if $ddl-multiselect-skin-name != 'Material3' {
435
- margin-top: $ddl-closer-margin-top-bigger;
436
- }
437
- @if $ddl-multiselect-skin-name == 'tailwind' {
438
- height: $ddl-bigger-clear-icon-height;
439
- width: $ddl-bigger-clear-icon-width;
440
- }
441
- @if $ddl-multiselect-skin-name == 'FluentUI' {
442
- font-size: $ddl-bigger-chip-down-icon-font;
443
- }
444
- @if $ddl-multiselect-skin-name == 'Material3' {
445
- margin-top: -2.3em;
446
- font-size: $ddl-bigger-chip-down-icon-font;
447
- top: 100%;
448
- border-radius: $ddl-bigger-closer-hooker-border-radius;
449
- width: $ddl-bigger-closer-hooker-width;
450
- height: $ddl-bigger-closer-hooker-height;
451
- line-height: 28px;
452
- }
453
- }
454
-
455
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
456
- @if $ddl-multiselect-skin-name == 'Material3' {
457
- background: $ddl-bigger-closer-hooker-bg-color;
458
- border: 1px;
459
- }
460
- }
461
-
462
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
463
- @if $ddl-multiselect-skin-name == 'Material3' {
464
- height: $ddl-bigger-small-closer-hooker-height;
465
- width: $ddl-bigger-small-closer-hooker-width;
466
- margin-top: $ddl-closer-margin-top-bigger-small;
467
- }
468
- }
469
-
470
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
471
- @if $ddl-multiselect-skin-name == 'Material3' {
472
- width: $ddl-bigger-closer-hooker-width;
473
- height: $ddl-bigger-closer-hooker-width;
474
- }
475
- }
476
-
477
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
478
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
479
- @if $skin-name != 'fluent2' {
480
- margin-top: $ddl-closer-margin-top-bigger;
481
- }
482
- @if $skin-name == 'fluent2' {
483
- margin-top: -2.5em;
484
- }
485
- @if $ddl-multiselect-skin-name == 'FluentUI' {
486
- margin-top: $ddl-bigger-clear-margin-top;
487
- }
488
- @if $ddl-multiselect-skin-name == 'bootstrap' {
489
- margin-top: -3.7em;
490
- }
491
- @if $ddl-multiselect-skin-name == 'bootstrap5' {
492
- margin-top: -2.15em;
493
- }
494
- @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
495
- margin-top: -3.2em;
496
- }
497
- @if $ddl-multiselect-skin-name == 'tailwind' {
498
- height: $ddl-bigger-clear-icon-height;
499
- margin-top: $ddl-clear-margin-top;
500
- width: $ddl-bigger-clear-icon-width;
501
- }
502
- }
503
-
504
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
505
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
506
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'tailwind' {
507
- font-size: $ddl-closer-hooker-font-bigger;
508
- margin-top: $ddl-closer-margin-top;
509
- }
510
- @if $ddl-multiselect-skin-name == 'tailwind' {
511
- margin-top: $ddl-closer-margin-top-bigger;
512
- }
513
- }
514
-
515
337
  .e-multi-select-wrapper input[type = 'text'] {
516
338
  background: none;
517
339
  border: 0;
@@ -548,23 +370,6 @@
548
370
  padding: 5px;
549
371
  }
550
372
 
551
- .e-bigger .e-multi-select-wrapper input[type = 'text'],
552
- .e-multi-select-wrapper.e-mob-wrapper input[type = 'text'] {
553
- height: $ddl-input-height;
554
- min-height: $ddl-input-height;
555
- }
556
-
557
- .e-bigger .e-multi-select-wrapper input[type = 'text'] {
558
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
559
- font-size: $ddl-chip-bigger-font-size;
560
- }
561
- @if $ddl-multiselect-skin-name == 'tailwind' {
562
- font-size: $ddl-chip-bigger-font-size;
563
- }
564
- height: $ddl-input-bigger-height;
565
- min-height: $ddl-input-bigger-height;
566
- }
567
-
568
373
  /* stylelint-disable property-no-vendor-prefix */
569
374
  .e-multi-select-wrapper input[type = 'text']::-ms-clear {
570
375
  display: none;
@@ -580,36 +385,17 @@
580
385
  width: $ddl-search-wrapper-width;
581
386
  }
582
387
 
583
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
584
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
585
- width: $ddl-bigger-search-wrapper-width;
586
- }
587
-
588
388
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
589
389
  .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
590
390
  width: $ddl-small-search-wrapper-width;
591
391
  }
592
392
 
593
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
594
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
595
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
596
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
597
- width: $ddl-bigger-small-search-wrapper-width;
598
- }
599
-
600
393
  .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
601
394
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
602
395
  width: $ddl-search-wrapper-width;
603
396
  }
604
397
  }
605
398
 
606
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
607
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
608
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
609
- width: $ddl-bigger-search-wrapper-width;
610
- }
611
- }
612
-
613
399
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
614
400
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
615
401
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
@@ -617,15 +403,6 @@
617
403
  }
618
404
  }
619
405
 
620
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
621
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
622
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
623
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
624
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
625
- width: $ddl-bigger-small-search-wrapper-width;
626
- }
627
- }
628
-
629
406
  .e-multi-select-wrapper .e-delim-values {
630
407
  font-family: $ddl-chip-font-family;
631
408
  font-size: $ddl-delim-font-size;
@@ -633,43 +410,17 @@
633
410
  max-width: 100%;
634
411
  padding-left: $ddl-delim-text-indent;
635
412
  padding-right: $ddl-delim-text-padding-right;
636
- @if $ddl-multiselect-skin-name != 'bootstrap5' or $ddl-multiselect-skin-name != 'FluentUI' {
413
+ @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
637
414
  vertical-align: middle;
638
415
  }
639
416
  }
640
417
 
641
- .e-bigger .e-multi-select-wrapper .e-delim-values {
642
- @if $ddl-multiselect-skin-name == 'tailwind' {
643
- font-size: $ddl-delim-bigger-font-size;
644
- }
645
- line-height: $ddl-delimviewheight-bigger;
646
- padding-left: $ddl-delimview-bigger-padding-left;
647
- }
648
-
649
- .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
650
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
651
- padding-left: 12px;
652
- }
653
- @else if $ddl-multiselect-skin-name == 'bootstrap5' {
654
- padding-left: 0;
655
- }
656
- @if $ddl-multiselect-skin-name == 'tailwind' {
657
- font-size: $ddl-chip-bigger-font-size;
658
- }
659
- }
660
-
661
418
  .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
662
419
  @if $ddl-multiselect-skin-name == 'tailwind' {
663
420
  font-size: $ddl-chip-small-font-size;
664
421
  }
665
422
  }
666
423
 
667
- .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
668
- @if $ddl-multiselect-skin-name == 'tailwind' {
669
- font-size: $ddl-chip-bigger-small-font-size;
670
- }
671
- }
672
-
673
424
  .e-multi-select-list-wrapper .e-hide-listitem,
674
425
  .e-multi-select-list-wrapper .e-hide-group-header {
675
426
  display: none;
@@ -775,7 +526,7 @@
775
526
  left: $ddl-close-icon-left;
776
527
  position: absolute;
777
528
  right: auto;
778
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'tailwind' {
529
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' or $ddl-multiselect-skin-name == 'tailwind' {
779
530
  left: 0;
780
531
  }
781
532
  }
@@ -800,25 +551,11 @@
800
551
 
801
552
  .e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
802
553
  .e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
803
- @if ($ddl-multiselect-skin-name == 'bootstrap5') {
554
+ @if ($ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3') {
804
555
  left: $ddl-chip-close-rtl-small-left;
805
556
  }
806
557
  }
807
558
 
808
- .e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
809
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
810
- @if ($ddl-multiselect-skin-name == 'bootstrap5') {
811
- left: $ddl-chip-close-rtl-bigger-left;
812
- }
813
- }
814
-
815
- .e-bigger.e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
816
- .e-bigger.e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
817
- @if ($ddl-multiselect-skin-name == 'bootstrap5') {
818
- left: $ddl-chip-close-rtl-small-bigger-left;
819
- }
820
- }
821
-
822
559
  .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
823
560
  bottom: 1px;
824
561
  margin-right: $ddl-check-right-margin;
@@ -845,15 +582,9 @@
845
582
  }
846
583
  }
847
584
 
848
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
849
- @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
850
- padding-right: $ddl-bigger-multiselect-group-list-item-rtl-padding-right;
851
- }
852
- }
853
-
854
585
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
855
586
  bottom: 1px;
856
- @if $ddl-multiselect-skin-name == 'bootstrap5' {
587
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
857
588
  bottom: 2px;
858
589
  }
859
590
  margin-right: $ddl-check-right-margin;
@@ -862,24 +593,6 @@
862
593
  vertical-align: middle;
863
594
  }
864
595
 
865
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
866
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
867
- bottom: 1px;
868
- @if $ddl-multiselect-skin-name == 'bootstrap5' {
869
- bottom: 2px;
870
- }
871
- margin-right: $ddl-bigger-check-right-margin;
872
- }
873
-
874
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
875
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
876
- bottom: 1px;
877
- @if $ddl-multiselect-skin-name == 'bootstrap5' {
878
- bottom: 2px;
879
- }
880
- margin-right: $ddl-bigger-check-right-margin;
881
- }
882
-
883
596
  .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
884
597
  margin-left: 12px;
885
598
  margin-right: 0;
@@ -908,24 +621,6 @@
908
621
  }
909
622
  }
910
623
 
911
- .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 {
912
- @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
913
- padding-right: $ddl-list-padding-right;
914
- }
915
- }
916
-
917
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
918
- @if ($ddl-multiselect-skin-name != 'tailwind') {
919
- padding-left: $ddl-multiselect-group-list-group-item-padding-left;
920
- }
921
- }
922
-
923
- .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 {
924
- @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
925
- padding-left: $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left;
926
- }
927
- }
928
-
929
624
  .e-multi-select-list-wrapper .e-selectall-parent {
930
625
  cursor: pointer;
931
626
  display: block;
@@ -957,13 +652,6 @@
957
652
  font-size: $ddl-selectall-font-size;
958
653
  }
959
654
 
960
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
961
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
962
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
963
- font-size: $ddl-bigger-selectall-font-size;
964
- }
965
- }
966
-
967
655
  .e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
968
656
  .e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
969
657
  @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -971,29 +659,6 @@
971
659
  }
972
660
  }
973
661
 
974
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
975
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
976
- @if $ddl-multiselect-skin-name == 'tailwind' {
977
- font-size: $ddl-bigger-small-selectall-font-size;
978
- }
979
- }
980
-
981
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
982
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
983
- font-size: $ddl-chip-font-size;
984
- line-height: $ddl-bigger-select-all-height;
985
- text-indent: $ddl-bigger-check-right;
986
- }
987
-
988
- .e-bigger .e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent,
989
- .e-bigger.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent {
990
- @if $ddl-multiselect-skin-name == 'FluentUI' {
991
- font-size: $ddl-chip-font-size;
992
- line-height: $ddl-bigger-select-all-height;
993
- text-indent: $ddl-bigger-check-right;
994
- }
995
- }
996
-
997
662
  .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
998
663
  bottom: 1px;
999
664
  margin-right: $ddl-check-right-margin;
@@ -1002,15 +667,6 @@
1002
667
  vertical-align: middle;
1003
668
  }
1004
669
 
1005
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
1006
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1007
- bottom: 1px;
1008
- @if $ddl-multiselect-skin-name == 'bootstrap5' {
1009
- bottom: 2px;
1010
- }
1011
- margin-right: $ddl-bigger-check-right-margin;
1012
- }
1013
-
1014
670
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1015
671
  margin-left: $ddl-check-left;
1016
672
  margin-right: 0;
@@ -1030,12 +686,6 @@
1030
686
  }
1031
687
  }
1032
688
 
1033
- .e-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1034
- @if $ddl-multiselect-skin-name == 'Material3' {
1035
- top: 3px;
1036
- }
1037
- }
1038
-
1039
689
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1040
690
  float: left;
1041
691
  }
@@ -1069,20 +719,12 @@
1069
719
 
1070
720
  .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1071
721
  .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1072
- @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'fluent2' {
722
+ @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'fluent2' {
1073
723
  padding: $ddl-filterbar-padding;
1074
724
  }
1075
725
  }
1076
726
 
1077
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1078
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
1079
- @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'Material3' {
1080
- padding: $ddl-bigger-filterbar-padding;
1081
- }
1082
- }
1083
-
1084
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
1085
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
727
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1086
728
  @if $ddl-multiselect-skin-name != 'Material3' {
1087
729
  padding-left: 8px;
1088
730
  }
@@ -1095,16 +737,10 @@
1095
737
  padding: $ddl-back-icon-padding;
1096
738
  }
1097
739
 
1098
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
1099
- @if $ddl-multiselect-skin-name != 'highcontrast' {
1100
- line-height: $ddl-delimviewheight-check-bigger;
1101
- }
1102
- }
1103
-
1104
740
  .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1105
741
  line-height: 20px;
1106
742
  padding-left: 10px;
1107
- @if $ddl-multiselect-skin-name == 'bootstrap5' {
743
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
1108
744
  padding-left: 0;
1109
745
  }
1110
746
  }
@@ -1131,19 +767,6 @@ ejs-multiselect {
1131
767
  display: block;
1132
768
  }
1133
769
 
1134
- .e-bigger .e-multi-select-wrapper .e-chips-close {
1135
- @if $ddl-multiselect-skin-name == 'tailwind' {
1136
- height: $ddl-bigger-chip-close-square;
1137
- width: $ddl-bigger-chip-close-width;
1138
- }
1139
- }
1140
-
1141
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1142
- @if $ddl-multiselect-skin-name == 'tailwind' {
1143
- font-size: $ddl-bigger-chip-close-font;
1144
- }
1145
- }
1146
-
1147
770
  .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1148
771
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
1149
772
  line-height: $ddl-select-all-height-small;
@@ -1184,20 +807,6 @@ ejs-multiselect {
1184
807
  }
1185
808
  }
1186
809
 
1187
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
1188
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1189
- @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
1190
- height: $ddl-bigger-small-input-height;
1191
- }
1192
- }
1193
-
1194
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
1195
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1196
- @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
1197
- height: $ddl-input-bigger-height;
1198
- }
1199
- }
1200
-
1201
810
  .e-small .e-multi-select-wrapper input[type = 'text'] {
1202
811
  @if $ddl-multiselect-skin-name == 'tailwind' {
1203
812
  font-size: $ddl-chip-small-font-size;
@@ -1213,7 +822,7 @@ ejs-multiselect {
1213
822
 
1214
823
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1215
824
  .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1216
- @if $skin-name != 'fluent2' {
825
+ @if $ddl-multiselect-skin-name != 'fluent2' {
1217
826
  margin-top: $ddl-small-closer-margin-top;
1218
827
  }
1219
828
  @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' or $ddl-multiselect-skin-name == 'Material3' {
@@ -1248,108 +857,17 @@ ejs-multiselect {
1248
857
  }
1249
858
  }
1250
859
 
1251
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1252
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1253
- line-height: $ddl-select-all-height-bigger-small;
1254
- @if $ddl-multiselect-skin-name == 'tailwind' {
1255
- font-size: $ddl-chip-bigger-small-font-size;
1256
- text-indent: $ddl-bigger-small-check-right;
1257
- }
1258
- }
1259
-
1260
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1261
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1262
- @if $ddl-multiselect-skin-name == 'Material3' {
1263
- margin-top: $ddl-bigger-small-ddl-icon-top;
1264
- top: 100%;
1265
- }
1266
- }
1267
-
1268
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1269
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1270
- margin-top: $ddl-bigger-small-ddl-icon-top;
1271
- }
1272
-
1273
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1274
- height: $ddl-bigger-small-chip-close-square;
1275
- width: $ddl-bigger-small-chip-close-width;
1276
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
1277
- margin: 3px 10px 10px 0;
1278
- }
1279
- }
1280
-
1281
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1282
- @if $ddl-multiselect-skin-name == 'Material3' {
1283
- min-height: $ddl-bigger-small-close-hooker-height;
1284
- min-width: $ddl-bigger-small-close-hooker-width;
1285
- }
1286
- }
1287
-
1288
- .e-bigger.e-small .e-multi-select-wrapper {
1289
- min-height: $ddl-control-bigger-small-height;
1290
- }
1291
-
1292
- .e-bigger.e-small .e-multi-select-wrapper input[type = 'text'] {
1293
- @if $ddl-multiselect-skin-name == 'tailwind' {
1294
- font-size: $ddl-chip-bigger-small-font-size;
1295
- }
1296
- height: $ddl-bigger-small-input-height;
1297
- min-height: $ddl-bigger-small-input-height;
1298
- }
1299
-
1300
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
1301
- font-size: $ddl-delim-bigger-small-font-size;
1302
- line-height: $ddl-delimviewheight-bigger-small;
1303
- }
1304
-
1305
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1306
- @if $ddl-multiselect-skin-name == 'Material3' {
1307
- right: $ddl-close-icon-bigger-small-right;
1308
- }
1309
- }
1310
-
1311
860
  .e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1312
861
  @if $ddl-multiselect-skin-name == 'Material3' {
1313
862
  right: $ddl-close-icon-small-right;
1314
863
  }
1315
864
  }
1316
865
 
1317
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1318
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1319
- margin-top: $ddl-closer-margin-top-bigger-small;
1320
- @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'tailwind' {
1321
- right: $ddl-chip-hooker-right;
1322
- }
1323
- @if $ddl-multiselect-skin-name == 'Material3' {
1324
- right: $ddl-chip-hooker-bigger-small-right;
1325
- }
1326
- @if $ddl-multiselect-skin-name == 'tailwind' {
1327
- font-size: $ddl-closer-hooker-font-bigger-small;
1328
- height: $ddl-bigger-small-clear-icon-height;
1329
- width: $ddl-bigger-small-clear-icon-width;
1330
- }
1331
- @if $ddl-multiselect-skin-name == 'FluentUI' {
1332
- font-size: $ddl-biggersmall-chip-down-icon-font;
1333
- }
1334
- }
1335
-
1336
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1337
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
1338
- padding: $ddl-chip-bigger-content-padding;
1339
- }
1340
- }
1341
-
1342
866
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1343
867
  background-size: 300px 33px;
1344
868
  min-height: 33px;
1345
869
  }
1346
870
 
1347
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
1348
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1349
- background-size: 300px 40px;
1350
- min-height: 40px;
1351
- }
1352
-
1353
871
  .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1354
872
  color: inherit;
1355
873
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
@@ -1381,63 +899,6 @@ ejs-multiselect {
1381
899
  }
1382
900
  }
1383
901
 
1384
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1385
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1386
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1387
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1388
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1389
- font-size: inherit;
1390
- min-height: $outline-multiselect-inner-input-height;
1391
- padding: 8px 12px 9px;
1392
- }
1393
- }
1394
-
1395
- .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1396
- .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1397
- .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1398
- .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
1399
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1400
- padding: 8px 12px 9px;
1401
- }
1402
- }
1403
-
1404
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1405
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1406
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1407
- font-size: inherit;
1408
- min-height: $outline-multiselect-bigger-inner-input-height;
1409
- }
1410
- }
1411
-
1412
- .e-bigger {
1413
- .e-multiselect.e-outline .e-multi-select-wrapper,
1414
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
1415
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1416
- min-height: $outline-multiselect-bigger-height;
1417
- padding: $outline-multiselect-bigger-overall-padding;
1418
- }
1419
- }
1420
-
1421
- .e-small {
1422
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
1423
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1424
- min-height: $ddl-outline-multiselect-height;
1425
- padding: $outline-multiselect-overall-padding;
1426
- }
1427
- }
1428
- }
1429
-
1430
- #{if(&, '&', '*')}.e-small {
1431
- .e-multiselect.e-outline .e-multi-select-wrapper,
1432
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
1433
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1434
- min-height: $ddl-outline-multiselect-height;
1435
- padding: $outline-multiselect-overall-padding;
1436
- }
1437
- }
1438
- }
1439
- }
1440
-
1441
902
  .e-small {
1442
903
  .e-multiselect.e-outline .e-multi-select-wrapper,
1443
904
  #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
@@ -1446,24 +907,6 @@ ejs-multiselect {
1446
907
  padding: $outline-multiselect-overall-padding;
1447
908
  }
1448
909
  }
1449
-
1450
- .e-bigger {
1451
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
1452
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1453
- min-height: $ddl-outline-multiselect-height;
1454
- padding: $outline-multiselect-overall-padding;
1455
- }
1456
- }
1457
- }
1458
-
1459
- #{if(&, '&', '*')}.e-bigger {
1460
- .e-multiselect.e-outline .e-multi-select-wrapper {
1461
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1462
- min-height: $ddl-outline-multiselect-height;
1463
- padding: $outline-multiselect-overall-padding;
1464
- }
1465
- }
1466
- }
1467
910
  }
1468
911
 
1469
912
  .e-multiselect.e-outline .e-multi-select-wrapper {
@@ -1474,11 +917,7 @@ ejs-multiselect {
1474
917
  }
1475
918
 
1476
919
  .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1477
- .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1478
- .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1479
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1480
- .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1481
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
920
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
1482
921
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1483
922
  padding-right: 0;
1484
923
  }
@@ -1488,30 +927,12 @@ ejs-multiselect {
1488
927
  .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1489
928
  .e-rtl .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1490
929
  .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1491
- .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1492
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1493
- .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1494
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1495
- .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1496
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1497
930
  .e-rtl.e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1498
931
  .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1499
932
  .e-small .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1500
933
  .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1501
934
  .e-rtl .e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1502
- .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1503
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1504
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1505
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1506
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1507
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1508
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1509
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1510
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1511
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1512
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1513
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1514
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
935
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
1515
936
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1516
937
  padding-left: 0;
1517
938
  }
@@ -1521,40 +942,17 @@ ejs-multiselect {
1521
942
  .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper,
1522
943
  .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1523
944
  .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper,
1524
- .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1525
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1526
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1527
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1528
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1529
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
1530
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
945
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper {
1531
946
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1532
947
  padding: $outline-rtl-multiselect-overall-padding;
1533
948
  }
1534
949
  }
1535
950
 
1536
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1537
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
1538
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1539
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1540
- padding: $outline-rtl-multiselect-bigger-overall-padding;
1541
- }
1542
- }
1543
-
1544
951
  .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1545
952
  .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1546
953
  .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1547
954
  .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1548
- .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1549
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1550
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1551
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1552
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1553
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1554
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1555
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1556
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1557
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
955
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
1558
956
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1559
957
  padding-left: 0;
1560
958
  }
@@ -1562,13 +960,7 @@ ejs-multiselect {
1562
960
 
1563
961
  .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1564
962
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1565
- .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1566
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1567
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1568
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1569
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1570
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1571
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
963
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
1572
964
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1573
965
  padding-right: 0;
1574
966
  }
@@ -1580,13 +972,6 @@ ejs-multiselect {
1580
972
  }
1581
973
  }
1582
974
 
1583
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1584
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1585
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1586
- height: $outline-multiselect-bigger-height;
1587
- }
1588
- }
1589
-
1590
975
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1591
976
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1592
977
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
@@ -1594,15 +979,6 @@ ejs-multiselect {
1594
979
  }
1595
980
  }
1596
981
 
1597
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1598
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1599
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1600
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1601
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1602
- height: $ddl-outline-multiselect-height;
1603
- }
1604
- }
1605
-
1606
982
  .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1607
983
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1608
984
  font-size: 14px;
@@ -1611,15 +987,6 @@ ejs-multiselect {
1611
987
  }
1612
988
  }
1613
989
 
1614
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1615
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1616
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1617
- font-size: 16px;
1618
- line-height: $outline-multiselect-bigger-height;
1619
- padding: $outline-multiselect-bigger-delimeter-padding;
1620
- }
1621
- }
1622
-
1623
990
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1624
991
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1625
992
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
@@ -1629,34 +996,12 @@ ejs-multiselect {
1629
996
  }
1630
997
  }
1631
998
 
1632
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1633
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1634
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1635
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1636
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1637
- font-size: 14px;
1638
- line-height: $ddl-outline-multiselect-height;
1639
- padding: $outline-multiselect-delimeter-padding;
1640
- }
1641
- }
1642
-
1643
999
  .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1644
1000
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1645
1001
  padding: $outline-rtl-multiselect-delimeter-padding;
1646
1002
  }
1647
1003
  }
1648
1004
 
1649
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1650
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1651
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1652
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1653
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1654
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1655
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1656
- padding: $outline-rtl-multiselect-bigger-delimeter-padding;
1657
- }
1658
- }
1659
-
1660
1005
  .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1661
1006
  .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1662
1007
  .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
@@ -1668,23 +1013,6 @@ ejs-multiselect {
1668
1013
  }
1669
1014
  }
1670
1015
 
1671
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1672
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1673
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1674
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1675
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1676
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1677
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1678
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1679
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1680
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1681
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1682
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1683
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1684
- padding: $outline-rtl-multiselect-delimeter-padding;
1685
- }
1686
- }
1687
-
1688
1016
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1689
1017
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1690
1018
  height: $outline-multiselect-chip-height;
@@ -1700,14 +1028,6 @@ ejs-multiselect {
1700
1028
  }
1701
1029
  }
1702
1030
 
1703
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1704
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1705
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1706
- height: $outline-multiselect-bigger-chip-height;
1707
- padding: $outline-multiselect-bigger-chip-padding;
1708
- }
1709
- }
1710
-
1711
1031
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1712
1032
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1713
1033
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
@@ -1716,16 +1036,6 @@ ejs-multiselect {
1716
1036
  }
1717
1037
  }
1718
1038
 
1719
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1720
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1721
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1722
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1723
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1724
- height: $outline-multiselect-chip-height;
1725
- padding: $outline-multiselect-chip-padding;
1726
- }
1727
- }
1728
-
1729
1039
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1730
1040
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1731
1041
  padding: 0 8px 0 0;
@@ -1739,23 +1049,12 @@ ejs-multiselect {
1739
1049
  }
1740
1050
  }
1741
1051
 
1742
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1743
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1744
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1745
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1746
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1052
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1747
1053
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1748
1054
  font-size: $outline-multiselect-chip-font-size;
1749
1055
  }
1750
1056
  }
1751
1057
 
1752
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1753
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1754
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1755
- font-size: $outline-multiselect-bigger-chip-font-size;
1756
- }
1757
- }
1758
-
1759
1058
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1760
1059
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1761
1060
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
@@ -1775,15 +1074,6 @@ ejs-multiselect {
1775
1074
  }
1776
1075
  }
1777
1076
 
1778
- .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1779
- .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1780
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1781
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1782
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1783
- font-size: 16px;
1784
- }
1785
- }
1786
-
1787
1077
  .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1788
1078
  .e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1789
1079
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -1793,41 +1083,15 @@ ejs-multiselect {
1793
1083
  }
1794
1084
  }
1795
1085
 
1796
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1797
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1798
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1799
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1800
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1801
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1802
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1803
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1804
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1805
- font-size: 14px;
1806
- }
1807
- }
1808
-
1809
1086
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1810
1087
  padding: 0 12px 0 8px;
1811
1088
  }
1812
1089
 
1813
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
1814
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1815
- padding: 3px 12px 0 4px;
1816
- }
1817
-
1818
- .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1819
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1820
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1821
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1822
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
1090
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
1823
1091
  padding: 0;
1824
1092
  }
1825
1093
 
1826
- .e-filled.e-float-input .e-multi-select-wrapper,
1827
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
1828
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
1829
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1830
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
1094
+ .e-filled.e-float-input .e-multi-select-wrapper {
1831
1095
  padding: 11px 12px 0;
1832
1096
  }
1833
1097
 
@@ -1836,25 +1100,12 @@ ejs-multiselect {
1836
1100
  padding: 12px 12px 0 8px;
1837
1101
  }
1838
1102
 
1839
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
1840
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
1841
- padding: 19px 12px 0 16px;
1842
- }
1843
-
1844
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1845
- padding-top: 3px;
1846
- }
1847
-
1848
1103
  .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1849
1104
  .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
1850
1105
  padding: 0;
1851
1106
  }
1852
1107
 
1853
- .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1854
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1855
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1856
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1857
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
1108
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
1858
1109
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1859
1110
  min-height: $ddl-multiselect-filled-input-min-height;
1860
1111
  padding-right: 10px;
@@ -1877,20 +1128,6 @@ ejs-multiselect {
1877
1128
  }
1878
1129
  }
1879
1130
 
1880
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1881
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
1882
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1883
- min-height: $ddl-multiselect-filled-input-min-height-bigger;
1884
- }
1885
- }
1886
-
1887
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
1888
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
1889
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1890
- min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
1891
- }
1892
- }
1893
-
1894
1131
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1895
1132
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1896
1133
  height: $ddl-multiselect-filled-input-min-height;
@@ -1911,82 +1148,26 @@ ejs-multiselect {
1911
1148
  }
1912
1149
  }
1913
1150
 
1914
- .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
1915
- .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1916
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1917
- height: $ddl-multiselect-filled-input-min-height-bigger;
1918
- }
1919
- }
1920
-
1921
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1922
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1923
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1924
- height: $ddl-multiselect-filled-float-input-min-height-bigger;
1925
- }
1926
- }
1927
-
1928
- .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1929
- .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,
1930
- .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1931
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1932
- height: $ddl-multiselect-filled-float-input-min-height;
1933
- }
1934
- }
1935
-
1936
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'],
1937
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'] {
1938
- padding: 5px 0;
1939
- }
1940
-
1941
- .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1942
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1943
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1944
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1945
- .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
1151
+ .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
1946
1152
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1947
1153
  min-height: $ddl-multiselect-filled-float-input-min-height;
1948
1154
  }
1949
1155
  }
1950
1156
 
1951
- .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1952
- .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1953
- .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1954
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1955
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
1157
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
1956
1158
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1957
1159
  font-size: 13px;
1958
1160
  line-height: $ddl-multiselect-filled-input-min-height;
1959
1161
  }
1960
1162
  }
1961
1163
 
1962
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1963
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1964
- .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1965
- .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1966
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
1164
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
1967
1165
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1968
1166
  font-size: 14px;
1969
1167
  line-height: $ddl-multiselect-filled-float-input-min-height;
1970
1168
  }
1971
1169
  }
1972
1170
 
1973
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1974
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1975
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1976
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
1977
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1978
- font-size: 16px;
1979
- line-height: $ddl-multiselect-filled-input-min-height-bigger;
1980
- }
1981
- }
1982
-
1983
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
1984
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
1985
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
1986
- line-height: $ddl-multiselect-filled-float-input-min-height-bigger;
1987
- }
1988
- }
1989
-
1990
1171
  .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1991
1172
  .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1992
1173
  .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
@@ -2004,16 +1185,10 @@ ejs-multiselect {
2004
1185
  }
2005
1186
  }
2006
1187
 
2007
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2008
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2009
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2010
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2011
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1188
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2012
1189
  height: 28px;
2013
1190
  }
2014
1191
 
2015
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2016
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2017
1192
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2018
1193
  .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2019
1194
  .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
@@ -2022,54 +1197,22 @@ ejs-multiselect {
2022
1197
  height: 24px;
2023
1198
  }
2024
1199
 
2025
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2026
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2027
- height: 32px;
2028
- }
2029
-
2030
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2031
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2032
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2033
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2034
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1200
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2035
1201
  height: 18px;
2036
1202
  }
2037
1203
 
2038
1204
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2039
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2040
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2041
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2042
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2043
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2044
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2045
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2046
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2047
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1205
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2048
1206
  margin: 8px 8px 0 0;
2049
1207
  padding: 0 8px;
2050
1208
  }
2051
1209
 
2052
1210
  .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2053
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2054
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2055
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2056
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2057
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2058
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2059
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2060
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2061
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1211
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2062
1212
  margin: 8px 0 0 8px;
2063
1213
  padding: 0 8px;
2064
1214
  }
2065
1215
 
2066
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2067
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2068
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2069
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2070
- padding-left: 8px;
2071
- }
2072
-
2073
1216
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
2074
1217
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
2075
1218
  height: 16px;
@@ -2082,24 +1225,14 @@ ejs-multiselect {
2082
1225
  margin: 4px 0 0 4px;
2083
1226
  }
2084
1227
 
2085
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2086
- .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,
2087
- .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,
2088
- .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2089
- .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2090
- .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2091
- .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1228
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
2092
1229
  @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
2093
1230
  height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
2094
1231
  width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
2095
1232
  }
2096
1233
  }
2097
1234
 
2098
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2099
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2100
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2101
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2102
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1235
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2103
1236
  font-size: 13px;
2104
1237
  padding: 0 8px 0 0;
2105
1238
  }
@@ -2109,20 +1242,12 @@ ejs-multiselect {
2109
1242
  font-size: 12px;
2110
1243
  }
2111
1244
 
2112
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2113
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2114
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2115
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2116
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1245
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2117
1246
  font-size: 12px;
2118
1247
  padding: 0 4px 0 0;
2119
1248
  }
2120
1249
 
2121
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2122
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2123
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2124
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2125
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1250
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2126
1251
  padding: 0 0 0 4px;
2127
1252
  }
2128
1253
 
@@ -2131,37 +1256,11 @@ ejs-multiselect {
2131
1256
  font-size: 10px;
2132
1257
  }
2133
1258
 
2134
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2135
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2136
- font-size: 13px;
2137
- }
2138
-
2139
1259
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2140
1260
  font-size: 13px;
2141
1261
  padding-right: 4px;
2142
1262
  }
2143
1263
 
2144
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2145
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2146
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
2147
- font-size: $ddl-multiselect-filled-chip-clear-icon-size;
2148
- }
2149
- }
2150
-
2151
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2152
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2153
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2154
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2155
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2156
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2157
- padding: 0 12px;
2158
- }
2159
-
2160
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2161
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2162
- padding-right: 8px;
2163
- }
2164
-
2165
1264
  // Clear icon styles
2166
1265
 
2167
1266
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,