@syncfusion/ej2-dropdowns 26.2.11 → 27.1.48

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 +1548 -851
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1441 -721
  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 +15 -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 +74 -39
  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 +6 -2
  24. package/src/drop-down-base/drop-down-base.js +100 -67
  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 +12 -4
  27. package/src/drop-down-list/drop-down-list.js +302 -177
  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 +207 -69
  31. package/src/list-box/list-box.js +72 -36
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +88 -25
  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 +2752 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +651 -604
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2751 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +657 -610
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2856 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +828 -755
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2827 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -651
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2827 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2821 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3552 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -651
  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 +7 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +90 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +90 -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 +89 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +89 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +73 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +73 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +76 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +78 -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 +73 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +94 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +98 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +98 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +95 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +95 -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 +16 -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 +36 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +460 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +36 -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 +2730 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +657 -604
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2731 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +667 -607
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2866 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +703 -678
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2866 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +703 -678
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3050 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +739 -672
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2847 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +652 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2870 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +670 -619
  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 +15 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +121 -129
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +127 -135
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +171 -183
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +127 -149
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +950 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +127 -149
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +121 -129
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +127 -135
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +127 -149
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +127 -149
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +121 -156
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +121 -131
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +127 -137
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +121 -128
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +127 -134
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +121 -128
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +121 -128
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +137 -162
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +137 -162
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3513 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1265 -1157
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3545 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1305 -1197
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3459 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1614 -1248
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3461 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1614 -1248
  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 +2813 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +930 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2813 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +930 -848
  438. package/styles/tailwind.scss +6 -1
@@ -1,9 +1,6 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
2
  padding: 0 10px 0 0;
3
3
  }
4
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
5
- padding: 0 12px 0 0;
6
- }
7
4
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
8
5
  border: 2px solid #000;
9
6
  }
@@ -21,32 +18,6 @@
21
18
  padding: 0 8px 0 0;
22
19
  }
23
20
 
24
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
25
- padding: 0 12px 0 0;
26
- }
27
-
28
- .e-bigger .e-dropdownbase,
29
- .e-dropdownbase.e-bigger {
30
- min-height: 45px;
31
- }
32
- .e-bigger .e-dropdownbase .e-list-item,
33
- .e-dropdownbase.e-bigger .e-list-item {
34
- line-height: 48px;
35
- text-indent: 10px;
36
- }
37
-
38
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
39
- .e-dropdownbase.e-bigger .e-list-group-item,
40
- .e-dropdownbase.e-bigger .e-fixed-head {
41
- line-height: 48px;
42
- text-indent: 10px;
43
- }
44
-
45
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
46
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
47
- font-size: 20px;
48
- }
49
-
50
21
  .e-dropdownbase {
51
22
  display: block;
52
23
  height: 100%;
@@ -146,14 +117,6 @@
146
117
  padding-left: 20px;
147
118
  }
148
119
 
149
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
150
- padding-left: 20px;
151
- }
152
-
153
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
154
- padding-left: 20px;
155
- }
156
-
157
120
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
158
121
  text-indent: 0;
159
122
  }
@@ -183,14 +146,6 @@
183
146
  padding-left: 16px;
184
147
  padding-right: 0;
185
148
  }
186
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
187
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
188
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
189
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
190
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
191
- padding-left: 16px;
192
- padding-right: 0;
193
- }
194
149
  .e-dropdownbase {
195
150
  border-color: #757575;
196
151
  }
@@ -245,11 +200,6 @@
245
200
  background-color: #ecf;
246
201
  }
247
202
 
248
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
249
- font-size: 14px;
250
- padding-left: 10px;
251
- }
252
-
253
203
  .e-multi-column.e-ddl.e-popup.e-popup-open table {
254
204
  border-collapse: collapse;
255
205
  table-layout: fixed;
@@ -329,33 +279,6 @@
329
279
  font-size: 14px;
330
280
  }
331
281
 
332
- .e-bigger.e-small .e-dropdownbase .e-list-item,
333
- .e-dropdownbase.e-small.e-bigger .e-list-item {
334
- color: #000;
335
- line-height: 40px;
336
- min-height: 40px;
337
- text-indent: 16px;
338
- }
339
-
340
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
341
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
342
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
343
- line-height: 40px;
344
- min-height: 40px;
345
- padding-left: 10px;
346
- }
347
-
348
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
349
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
350
- font-size: 18px;
351
- }
352
-
353
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
354
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
355
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
356
- font-size: 14px;
357
- }
358
-
359
282
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
360
283
  background-color: #fff;
361
284
  border-bottom: 2px;
@@ -388,6 +311,81 @@
388
311
  background-color: #ecf;
389
312
  }
390
313
 
314
+ .e-bigger .e-dropdownbase,
315
+ .e-dropdownbase.e-bigger {
316
+ min-height: 45px;
317
+ }
318
+ .e-bigger .e-dropdownbase .e-list-item,
319
+ .e-dropdownbase.e-bigger .e-list-item {
320
+ line-height: 48px;
321
+ text-indent: 10px;
322
+ }
323
+
324
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
325
+ .e-dropdownbase.e-bigger .e-list-group-item,
326
+ .e-dropdownbase.e-bigger .e-fixed-head {
327
+ line-height: 48px;
328
+ text-indent: 10px;
329
+ }
330
+
331
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
332
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
333
+ font-size: 20px;
334
+ }
335
+
336
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
337
+ padding-left: 20px;
338
+ }
339
+
340
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
341
+ padding-left: 20px;
342
+ }
343
+
344
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
345
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
346
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
347
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
348
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
349
+ padding-left: 16px;
350
+ padding-right: 0;
351
+ }
352
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
353
+ font-size: 14px;
354
+ padding-left: 10px;
355
+ }
356
+
357
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
358
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
359
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
360
+ font-size: 14px;
361
+ }
362
+
363
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
364
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
365
+ color: #000;
366
+ line-height: 40px;
367
+ min-height: 40px;
368
+ text-indent: 16px;
369
+ }
370
+
371
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
372
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
373
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
374
+ line-height: 40px;
375
+ min-height: 40px;
376
+ padding-left: 10px;
377
+ }
378
+
379
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
380
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
381
+ font-size: 18px;
382
+ }
383
+
384
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
385
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
386
+ padding: 0 12px 0 0;
387
+ }
388
+
391
389
  /* stylelint-disable property-no-vendor-prefix */
392
390
  /* stylelint-disable property-no-vendor-prefix */
393
391
  @-webkit-keyframes material-spinner-rotate {
@@ -430,10 +428,6 @@
430
428
  transform: rotate(360deg);
431
429
  }
432
430
  }
433
- .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
434
- height: 36px;
435
- }
436
-
437
431
  .e-popup.e-ddl .e-dropdownbase {
438
432
  min-height: 26px;
439
433
  }
@@ -476,39 +470,6 @@
476
470
  .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
477
471
  border-color: #000;
478
472
  }
479
- .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
480
- margin-top: 0;
481
- }
482
- .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
483
- font-size: 15px;
484
- line-height: 45px;
485
- padding-left: 0;
486
- text-indent: 16px;
487
- }
488
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
489
- padding-left: 4px;
490
- }
491
- .e-bigger .e-ddl.e-popup .e-input-group {
492
- padding: 4px 0;
493
- }
494
- .e-bigger .e-ddl.e-popup .e-input-group input {
495
- height: 30px;
496
- }
497
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
498
- font-size: 14px;
499
- line-height: 40px;
500
- padding-left: 0;
501
- text-indent: 16px;
502
- }
503
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
504
- padding-left: 4px;
505
- }
506
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
507
- padding: 0;
508
- }
509
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
510
- height: 34px;
511
- }
512
473
 
513
474
  .e-ddl .e-search-icon::before {
514
475
  content: "\e97d";
@@ -523,30 +484,6 @@
523
484
  font-family: "e-icons";
524
485
  }
525
486
 
526
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
527
- margin-left: -20px;
528
- }
529
-
530
- .e-bigger .e-ddl.e-popup .e-list-item {
531
- font-size: 15px;
532
- }
533
- .e-bigger .e-ddl.e-popup .e-list-group-item {
534
- font-size: 15px;
535
- }
536
- .e-bigger .e-ddl.e-popup .e-input-group {
537
- padding: 4px 0;
538
- }
539
-
540
- .e-bigger.e-ddl.e-popup .e-list-item {
541
- font-size: 15px;
542
- }
543
- .e-bigger.e-ddl.e-popup .e-list-group-item {
544
- font-size: 15px;
545
- }
546
- .e-bigger.e-ddl.e-popup .e-input-group {
547
- padding: 4px 0;
548
- }
549
-
550
487
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
551
488
  display: block;
552
489
  visibility: hidden;
@@ -737,24 +674,6 @@ ejs-dropdownlist {
737
674
  font-size: 13px;
738
675
  }
739
676
 
740
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
741
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
742
- font-size: 14px;
743
- }
744
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
745
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
746
- font-size: 14px;
747
- }
748
-
749
- .e-bigger.e-small.e-ddl.e-popup .e-list-item,
750
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
751
- font-size: 14px;
752
- }
753
- .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
754
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
755
- font-size: 14px;
756
- }
757
-
758
677
  .e-content-placeholder.e-ddl.e-placeholder-ddl,
759
678
  .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
760
679
  .e-content-placeholder.e-combobox.e-placeholder-combobox {
@@ -762,16 +681,6 @@ ejs-dropdownlist {
762
681
  min-height: 33px;
763
682
  }
764
683
 
765
- .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
766
- .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
767
- .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
768
- .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
769
- .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
770
- .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
771
- background-size: 300px 40px;
772
- min-height: 40px;
773
- }
774
-
775
684
  .e-popup {
776
685
  border-color: #757575;
777
686
  }
@@ -781,20 +690,114 @@ ejs-dropdownlist {
781
690
  color: #000;
782
691
  }
783
692
 
784
- /* stylelint-disable */
785
- /* stylelint-disable */
786
- .e-ddt .e-ddt-icon::before {
787
- content: "\e966";
693
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
694
+ border-color: transparent;
788
695
  }
789
- .e-ddt .e-chips-close::before {
790
- content: "\e7a7";
696
+
697
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
698
+ margin-left: -20px;
791
699
  }
792
700
 
793
- .e-ddt {
794
- cursor: pointer;
795
- outline: none;
701
+ .e-bigger .e-ddl.e-popup .e-list-item {
702
+ font-size: 15px;
796
703
  }
797
- .e-ddt .e-ddt-icon::before {
704
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
705
+ font-size: 15px;
706
+ }
707
+ .e-bigger .e-ddl.e-popup .e-input-group {
708
+ padding: 4px 0;
709
+ }
710
+
711
+ .e-bigger.e-ddl.e-popup .e-list-item {
712
+ font-size: 15px;
713
+ }
714
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
715
+ font-size: 15px;
716
+ }
717
+ .e-bigger.e-ddl.e-popup .e-input-group {
718
+ padding: 4px 0;
719
+ }
720
+
721
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
722
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
723
+ font-size: 14px;
724
+ }
725
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
726
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
727
+ font-size: 14px;
728
+ }
729
+
730
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
731
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
732
+ font-size: 14px;
733
+ }
734
+ .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
735
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
736
+ font-size: 14px;
737
+ }
738
+
739
+ .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
740
+ .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
741
+ .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
742
+ .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
743
+ .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
744
+ .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
745
+ background-size: 300px 40px;
746
+ min-height: 40px;
747
+ }
748
+
749
+ .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
750
+ height: 36px;
751
+ }
752
+
753
+ .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
754
+ margin-top: 0;
755
+ }
756
+ .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
757
+ font-size: 15px;
758
+ line-height: 45px;
759
+ padding-left: 0;
760
+ text-indent: 16px;
761
+ }
762
+ .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
763
+ padding-left: 4px;
764
+ }
765
+ .e-bigger .e-ddl.e-popup .e-input-group {
766
+ padding: 4px 0;
767
+ }
768
+ .e-bigger .e-ddl.e-popup .e-input-group input {
769
+ height: 46px;
770
+ }
771
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
772
+ font-size: 14px;
773
+ line-height: 40px;
774
+ padding-left: 0;
775
+ text-indent: 16px;
776
+ }
777
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
778
+ padding-left: 4px;
779
+ }
780
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
781
+ padding: 0;
782
+ }
783
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
784
+ height: 34px;
785
+ }
786
+
787
+ /* stylelint-disable */
788
+ /* stylelint-disable */
789
+ .e-ddt .e-ddt-icon::before {
790
+ content: "\e966";
791
+ }
792
+ .e-ddt .e-chips-close::before {
793
+ content: "\e7a7";
794
+ }
795
+
796
+ .e-ddt {
797
+ cursor: pointer;
798
+ outline: none;
799
+ }
800
+ .e-ddt .e-ddt-icon::before {
798
801
  -webkit-transform: rotate(0deg);
799
802
  transform: rotate(0deg);
800
803
  -webkit-transition: -webkit-transform 300ms ease;
@@ -1091,6 +1094,38 @@ ejs-dropdownlist {
1091
1094
  display: none;
1092
1095
  }
1093
1096
 
1097
+ .e-ddt .e-chips {
1098
+ background-color: #3d3d3d;
1099
+ }
1100
+ .e-ddt .e-chips .e-chips-close::before {
1101
+ color: #fff;
1102
+ }
1103
+ .e-ddt .e-chips > .e-chipcontent {
1104
+ color: #fff;
1105
+ }
1106
+ .e-ddt .e-overflow .e-remain {
1107
+ color: #000;
1108
+ }
1109
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1110
+ background-color: #fff;
1111
+ }
1112
+ .e-ddt.e-popup {
1113
+ background: #fff;
1114
+ border-color: #757575;
1115
+ }
1116
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1117
+ color: #000;
1118
+ }
1119
+ .e-ddt.e-popup .e-selectall-parent {
1120
+ border-bottom-color: #757575;
1121
+ }
1122
+ .e-ddt.e-popup .e-selectall-parent:focus {
1123
+ background: #ecf;
1124
+ }
1125
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1126
+ color: #000;
1127
+ }
1128
+
1094
1129
  .e-bigger .e-ddt .e-chips,
1095
1130
  .e-ddt.e-bigger .e-chips {
1096
1131
  height: 34px;
@@ -1163,38 +1198,6 @@ ejs-dropdownlist {
1163
1198
  right: auto;
1164
1199
  }
1165
1200
 
1166
- .e-ddt .e-chips {
1167
- background-color: #3d3d3d;
1168
- }
1169
- .e-ddt .e-chips .e-chips-close::before {
1170
- color: #fff;
1171
- }
1172
- .e-ddt .e-chips > .e-chipcontent {
1173
- color: #fff;
1174
- }
1175
- .e-ddt .e-overflow .e-remain {
1176
- color: #000;
1177
- }
1178
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1179
- background-color: #fff;
1180
- }
1181
- .e-ddt.e-popup {
1182
- background: #fff;
1183
- border-color: #757575;
1184
- }
1185
- .e-ddt.e-popup .e-popup-content.e-no-data {
1186
- color: #000;
1187
- }
1188
- .e-ddt.e-popup .e-selectall-parent {
1189
- border-bottom-color: #757575;
1190
- }
1191
- .e-ddt.e-popup .e-selectall-parent:focus {
1192
- background: #ecf;
1193
- }
1194
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1195
- color: #000;
1196
- }
1197
-
1198
1201
  /* stylelint-disable-line no-empty-source */
1199
1202
  /* stylelint-disable-line no-empty-source */
1200
1203
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
@@ -1256,7 +1259,7 @@ ejs-dropdownlist {
1256
1259
  background-color: #400074;
1257
1260
  }
1258
1261
 
1259
- .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon, .e-bigger .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1262
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1260
1263
  padding-left: 0;
1261
1264
  }
1262
1265
  .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
@@ -1481,11 +1484,6 @@ ejs-dropdownlist {
1481
1484
  padding: 0 0 0 48px;
1482
1485
  }
1483
1486
 
1484
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1485
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1486
- margin-top: -2.8em;
1487
- }
1488
-
1489
1487
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1490
1488
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1491
1489
  opacity: 0.7;
@@ -1502,10 +1500,6 @@ ejs-dropdownlist {
1502
1500
  top: 15px;
1503
1501
  }
1504
1502
 
1505
- .e-bigger .e-multi-select-wrapper {
1506
- min-height: 38px;
1507
- }
1508
-
1509
1503
  .e-multi-select-wrapper.e-close-icon-hide {
1510
1504
  padding-right: 0;
1511
1505
  }
@@ -1539,10 +1533,6 @@ ejs-dropdownlist {
1539
1533
  white-space: nowrap;
1540
1534
  }
1541
1535
 
1542
- .e-bigger .e-multi-select-wrapper .e-chips {
1543
- margin: 4px 2px 2px 0;
1544
- }
1545
-
1546
1536
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1547
1537
  max-width: 100%;
1548
1538
  overflow: hidden;
@@ -1564,13 +1554,11 @@ ejs-dropdownlist {
1564
1554
  float: none;
1565
1555
  }
1566
1556
 
1567
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1568
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1557
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1569
1558
  padding: 6px 8px 6px 0;
1570
1559
  }
1571
1560
 
1572
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1573
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1561
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1574
1562
  padding: 6px 0 6px 8px;
1575
1563
  }
1576
1564
 
@@ -1612,32 +1600,11 @@ ejs-dropdownlist {
1612
1600
  right: 27px;
1613
1601
  }
1614
1602
 
1615
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1616
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1617
- right: 38px;
1618
- }
1619
-
1620
1603
  .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1621
1604
  left: 27px;
1622
1605
  right: auto;
1623
1606
  }
1624
1607
 
1625
- .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1626
- .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1627
- left: 38px;
1628
- right: auto;
1629
- }
1630
-
1631
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1632
- margin-top: -3.5em;
1633
- }
1634
-
1635
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1636
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1637
- margin-top: -3.5em;
1638
- margin-top: -3.2em;
1639
- }
1640
-
1641
1608
  .e-multi-select-wrapper input[type=text] {
1642
1609
  background: none;
1643
1610
  border: 0;
@@ -1669,17 +1636,6 @@ ejs-dropdownlist {
1669
1636
  padding: 5px;
1670
1637
  }
1671
1638
 
1672
- .e-bigger .e-multi-select-wrapper input[type=text],
1673
- .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1674
- height: 28px;
1675
- min-height: 28px;
1676
- }
1677
-
1678
- .e-bigger .e-multi-select-wrapper input[type=text] {
1679
- height: 38px;
1680
- min-height: 38px;
1681
- }
1682
-
1683
1639
  /* stylelint-disable property-no-vendor-prefix */
1684
1640
  .e-multi-select-wrapper input[type=text]::-ms-clear {
1685
1641
  display: none;
@@ -1695,23 +1651,11 @@ ejs-dropdownlist {
1695
1651
  width: calc(100% - 40px);
1696
1652
  }
1697
1653
 
1698
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1699
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1700
- width: calc(100% - 48px);
1701
- }
1702
-
1703
1654
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1704
1655
  .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1705
1656
  width: calc(100% - 40px);
1706
1657
  }
1707
1658
 
1708
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1709
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1710
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1711
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1712
- width: calc(100% - 44px);
1713
- }
1714
-
1715
1659
  .e-multi-select-wrapper .e-delim-values {
1716
1660
  font-family: inherit;
1717
1661
  font-size: 14px;
@@ -1722,11 +1666,6 @@ ejs-dropdownlist {
1722
1666
  vertical-align: middle;
1723
1667
  }
1724
1668
 
1725
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1726
- line-height: 36px;
1727
- padding-left: 10px;
1728
- }
1729
-
1730
1669
  .e-multi-select-list-wrapper .e-hide-listitem,
1731
1670
  .e-multi-select-list-wrapper .e-hide-group-header {
1732
1671
  display: none;
@@ -1853,10 +1792,6 @@ ejs-dropdownlist {
1853
1792
  padding-right: 18px;
1854
1793
  }
1855
1794
 
1856
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1857
- padding-right: 8px;
1858
- }
1859
-
1860
1795
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1861
1796
  bottom: 1px;
1862
1797
  margin-right: 8px;
@@ -1865,18 +1800,6 @@ ejs-dropdownlist {
1865
1800
  vertical-align: middle;
1866
1801
  }
1867
1802
 
1868
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1869
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1870
- bottom: 1px;
1871
- margin-right: 10px;
1872
- }
1873
-
1874
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1875
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1876
- bottom: 1px;
1877
- margin-right: 10px;
1878
- }
1879
-
1880
1803
  .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1881
1804
  margin-left: 12px;
1882
1805
  margin-right: 0;
@@ -1899,18 +1822,6 @@ ejs-dropdownlist {
1899
1822
  padding-right: 10px;
1900
1823
  }
1901
1824
 
1902
- .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 {
1903
- padding-right: 16px;
1904
- }
1905
-
1906
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
1907
- padding-left: 16px;
1908
- }
1909
-
1910
- .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 {
1911
- padding-left: 20px;
1912
- }
1913
-
1914
1825
  .e-multi-select-list-wrapper .e-selectall-parent {
1915
1826
  cursor: pointer;
1916
1827
  display: block;
@@ -1936,13 +1847,6 @@ ejs-dropdownlist {
1936
1847
  font-size: 14px;
1937
1848
  }
1938
1849
 
1939
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
1940
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
1941
- font-size: 14px;
1942
- line-height: 46px;
1943
- text-indent: 17px;
1944
- }
1945
-
1946
1850
  .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1947
1851
  bottom: 1px;
1948
1852
  margin-right: 8px;
@@ -1951,12 +1855,6 @@ ejs-dropdownlist {
1951
1855
  vertical-align: middle;
1952
1856
  }
1953
1857
 
1954
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
1955
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1956
- bottom: 1px;
1957
- margin-right: 10px;
1958
- }
1959
-
1960
1858
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1961
1859
  margin-left: 12px;
1962
1860
  margin-right: 0;
@@ -1981,13 +1879,7 @@ ejs-dropdownlist {
1981
1879
  padding: 8px;
1982
1880
  }
1983
1881
 
1984
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1985
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
1986
- padding: 4px 0;
1987
- }
1988
-
1989
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
1990
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1882
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1991
1883
  padding-left: 8px;
1992
1884
  }
1993
1885
 
@@ -2056,52 +1948,11 @@ ejs-multiselect {
2056
1948
  margin-top: -2.5em;
2057
1949
  }
2058
1950
 
2059
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2060
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2061
- line-height: 40px;
2062
- }
2063
-
2064
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2065
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2066
- margin-top: -2.85em;
2067
- }
2068
-
2069
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2070
- height: 26px;
2071
- width: 26px;
2072
- }
2073
-
2074
- .e-bigger.e-small .e-multi-select-wrapper {
2075
- min-height: 26px;
2076
- }
2077
-
2078
- .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2079
- height: 34px;
2080
- min-height: 34px;
2081
- }
2082
-
2083
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2084
- font-size: 14px;
2085
- line-height: 34px;
2086
- }
2087
-
2088
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2089
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2090
- margin-top: -3.2em;
2091
- right: 0;
2092
- }
2093
-
2094
1951
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2095
1952
  background-size: 300px 33px;
2096
1953
  min-height: 33px;
2097
1954
  }
2098
1955
 
2099
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2100
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2101
- background-size: 300px 40px;
2102
- min-height: 40px;
2103
- }
2104
-
2105
1956
  .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2106
1957
  color: inherit;
2107
1958
  }
@@ -2117,24 +1968,11 @@ ejs-multiselect {
2117
1968
  padding: 0 12px 0 8px;
2118
1969
  }
2119
1970
 
2120
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2121
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2122
- padding: 3px 12px 0 4px;
2123
- }
2124
-
2125
- .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2126
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2127
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2128
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2129
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
1971
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2130
1972
  padding: 0;
2131
1973
  }
2132
1974
 
2133
- .e-filled.e-float-input .e-multi-select-wrapper,
2134
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2135
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2136
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2137
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
1975
+ .e-filled.e-float-input .e-multi-select-wrapper {
2138
1976
  padding: 11px 12px 0;
2139
1977
  }
2140
1978
 
@@ -2143,35 +1981,15 @@ ejs-multiselect {
2143
1981
  padding: 12px 12px 0 8px;
2144
1982
  }
2145
1983
 
2146
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2147
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2148
- padding: 19px 12px 0 16px;
2149
- }
2150
-
2151
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2152
- padding-top: 3px;
2153
- }
2154
-
2155
1984
  .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2156
1985
  .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2157
1986
  padding: 0;
2158
1987
  }
2159
1988
 
2160
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2161
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2162
- padding: 5px 0;
2163
- }
2164
-
2165
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2166
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2167
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2168
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2169
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1989
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2170
1990
  height: 28px;
2171
1991
  }
2172
1992
 
2173
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2174
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2175
1993
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2176
1994
  .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2177
1995
  .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
@@ -2180,54 +1998,22 @@ ejs-multiselect {
2180
1998
  height: 24px;
2181
1999
  }
2182
2000
 
2183
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2184
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2185
- height: 32px;
2186
- }
2187
-
2188
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2189
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2190
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2191
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2192
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2001
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2193
2002
  height: 18px;
2194
2003
  }
2195
2004
 
2196
2005
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2197
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2198
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2199
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2200
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2201
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2202
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2203
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2204
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2205
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2006
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2206
2007
  margin: 8px 8px 0 0;
2207
2008
  padding: 0 8px;
2208
2009
  }
2209
2010
 
2210
2011
  .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2211
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2212
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2213
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2214
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2215
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2216
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2217
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2218
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2219
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2012
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2220
2013
  margin: 8px 0 0 8px;
2221
2014
  padding: 0 8px;
2222
2015
  }
2223
2016
 
2224
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2225
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2226
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2227
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2228
- padding-left: 8px;
2229
- }
2230
-
2231
2017
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
2232
2018
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
2233
2019
  height: 16px;
@@ -2240,11 +2026,7 @@ ejs-multiselect {
2240
2026
  margin: 4px 0 0 4px;
2241
2027
  }
2242
2028
 
2243
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2244
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2245
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2246
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2247
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2029
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2248
2030
  font-size: 13px;
2249
2031
  padding: 0 8px 0 0;
2250
2032
  }
@@ -2254,20 +2036,12 @@ ejs-multiselect {
2254
2036
  font-size: 12px;
2255
2037
  }
2256
2038
 
2257
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2258
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2259
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2260
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2261
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2039
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2262
2040
  font-size: 12px;
2263
2041
  padding: 0 4px 0 0;
2264
2042
  }
2265
2043
 
2266
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2267
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2268
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2269
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2270
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2044
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2271
2045
  padding: 0 0 0 4px;
2272
2046
  }
2273
2047
 
@@ -2276,30 +2050,11 @@ ejs-multiselect {
2276
2050
  font-size: 10px;
2277
2051
  }
2278
2052
 
2279
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2280
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2281
- font-size: 13px;
2282
- }
2283
-
2284
2053
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2285
2054
  font-size: 13px;
2286
2055
  padding-right: 4px;
2287
2056
  }
2288
2057
 
2289
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2290
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2291
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2292
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2293
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2294
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2295
- padding: 0 12px;
2296
- }
2297
-
2298
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2299
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2300
- padding-right: 8px;
2301
- }
2302
-
2303
2058
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2304
2059
  .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2305
2060
  height: 38px;
@@ -2396,8 +2151,7 @@ ejs-multiselect {
2396
2151
  color: #fff;
2397
2152
  }
2398
2153
 
2399
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2400
- .e-bigger .e-multi-select-wrapper .e-chips {
2154
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2401
2155
  height: 30px;
2402
2156
  }
2403
2157
 
@@ -2538,8 +2292,304 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2538
2292
  left: 7px;
2539
2293
  }
2540
2294
 
2541
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2542
- left: 7px;
2295
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2296
+ -webkit-text-fill-color: #757575;
2297
+ color: #757575;
2298
+ }
2299
+
2300
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2301
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2302
+ margin-top: -2.8em;
2303
+ }
2304
+
2305
+ .e-bigger .e-multi-select-wrapper {
2306
+ min-height: 38px;
2307
+ }
2308
+
2309
+ .e-bigger .e-multi-select-wrapper .e-chips {
2310
+ margin: 4px 2px 2px 0;
2311
+ }
2312
+
2313
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2314
+ padding: 6px 8px 6px 0;
2315
+ }
2316
+
2317
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2318
+ padding: 6px 0 6px 8px;
2319
+ }
2320
+
2321
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2322
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2323
+ right: 38px;
2324
+ }
2325
+
2326
+ .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
2327
+ .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2328
+ left: 38px;
2329
+ right: auto;
2330
+ }
2331
+
2332
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2333
+ margin-top: -3.5em;
2334
+ }
2335
+
2336
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2337
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2338
+ margin-top: -3.5em;
2339
+ margin-top: -3.2em;
2340
+ }
2341
+
2342
+ .e-bigger .e-multi-select-wrapper input[type=text],
2343
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2344
+ height: 28px;
2345
+ min-height: 28px;
2346
+ }
2347
+
2348
+ .e-bigger .e-multi-select-wrapper input[type=text] {
2349
+ height: 38px;
2350
+ min-height: 38px;
2351
+ }
2352
+
2353
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2354
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2355
+ width: calc(100% - 48px);
2356
+ }
2357
+
2358
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2359
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2360
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2361
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2362
+ width: calc(100% - 44px);
2363
+ }
2364
+
2365
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
2366
+ line-height: 36px;
2367
+ padding-left: 10px;
2368
+ }
2369
+
2370
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2371
+ padding-right: 8px;
2372
+ }
2373
+
2374
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2375
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2376
+ bottom: 1px;
2377
+ margin-right: 10px;
2378
+ }
2379
+
2380
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2381
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2382
+ bottom: 1px;
2383
+ margin-right: 10px;
2384
+ }
2385
+
2386
+ .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 {
2387
+ padding-right: 16px;
2388
+ }
2389
+
2390
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2391
+ padding-left: 16px;
2392
+ }
2393
+
2394
+ .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 {
2395
+ padding-left: 20px;
2396
+ }
2397
+
2398
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2399
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2400
+ font-size: 14px;
2401
+ line-height: 46px;
2402
+ text-indent: 17px;
2403
+ }
2404
+
2405
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2406
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2407
+ bottom: 1px;
2408
+ margin-right: 10px;
2409
+ }
2410
+
2411
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2412
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2413
+ padding: 4px 0;
2414
+ }
2415
+
2416
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2417
+ padding-left: 8px;
2418
+ }
2419
+
2420
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2421
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2422
+ line-height: 40px;
2423
+ }
2424
+
2425
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2426
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2427
+ margin-top: -2.85em;
2428
+ }
2429
+
2430
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2431
+ height: 26px;
2432
+ width: 26px;
2433
+ }
2434
+
2435
+ .e-bigger.e-small .e-multi-select-wrapper {
2436
+ min-height: 26px;
2437
+ }
2438
+
2439
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2440
+ height: 34px;
2441
+ min-height: 34px;
2442
+ }
2443
+
2444
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2445
+ font-size: 14px;
2446
+ line-height: 34px;
2447
+ }
2448
+
2449
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2450
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2451
+ margin-top: -3.2em;
2452
+ right: 0;
2453
+ }
2454
+
2455
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2456
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2457
+ background-size: 300px 40px;
2458
+ min-height: 40px;
2459
+ }
2460
+
2461
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2462
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2463
+ padding: 3px 12px 0 4px;
2464
+ }
2465
+
2466
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2467
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2468
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2469
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2470
+ padding: 0;
2471
+ }
2472
+
2473
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2474
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2475
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2476
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2477
+ padding: 11px 12px 0;
2478
+ }
2479
+
2480
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2481
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2482
+ padding: 19px 12px 0 16px;
2483
+ }
2484
+
2485
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2486
+ padding-top: 3px;
2487
+ }
2488
+
2489
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2490
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2491
+ padding: 5px 0;
2492
+ }
2493
+
2494
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2495
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2496
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2497
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2498
+ height: 28px;
2499
+ }
2500
+
2501
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2502
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2503
+ height: 24px;
2504
+ }
2505
+
2506
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2507
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2508
+ height: 32px;
2509
+ }
2510
+
2511
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2512
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2513
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2514
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2515
+ height: 18px;
2516
+ }
2517
+
2518
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2519
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2520
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2521
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2522
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2523
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2524
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2525
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2526
+ margin: 8px 8px 0 0;
2527
+ padding: 0 8px;
2528
+ }
2529
+
2530
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2531
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2532
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2533
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2534
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2535
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2536
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2537
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2538
+ margin: 8px 0 0 8px;
2539
+ padding: 0 8px;
2540
+ }
2541
+
2542
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2543
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2544
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2545
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2546
+ padding-left: 8px;
2547
+ }
2548
+
2549
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2550
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2551
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2552
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2553
+ font-size: 13px;
2554
+ padding: 0 8px 0 0;
2555
+ }
2556
+
2557
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2558
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2559
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2560
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2561
+ font-size: 12px;
2562
+ padding: 0 4px 0 0;
2563
+ }
2564
+
2565
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2566
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2567
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2568
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2569
+ padding: 0 0 0 4px;
2570
+ }
2571
+
2572
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2573
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2574
+ font-size: 13px;
2575
+ }
2576
+
2577
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2578
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2579
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2580
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2581
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2582
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2583
+ padding: 0 12px;
2584
+ }
2585
+
2586
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2587
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2588
+ padding-right: 8px;
2589
+ }
2590
+
2591
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2592
+ font-size: 10px;
2543
2593
  }
2544
2594
 
2545
2595
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
@@ -2550,13 +2600,16 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2550
2600
  font-size: 12px;
2551
2601
  }
2552
2602
 
2553
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2554
- font-size: 10px;
2603
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2604
+ left: 7px;
2555
2605
  }
2556
2606
 
2557
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2558
- -webkit-text-fill-color: #757575;
2559
- color: #757575;
2607
+ .e-bigger .e-multi-select-wrapper .e-chips {
2608
+ height: 30px;
2609
+ }
2610
+
2611
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon, .e-bigger .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
2612
+ padding-left: 0;
2560
2613
  }
2561
2614
 
2562
2615
  .e-listbox-tool .e-moveup::before {
@@ -3010,93 +3063,6 @@ ejs-listbox {
3010
3063
  margin-left: 15px;
3011
3064
  }
3012
3065
 
3013
- .e-bigger .e-listbox-wrapper .e-list-item,
3014
- .e-listbox-wrapper.e-bigger .e-list-item,
3015
- .e-bigger .e-listbox-container .e-list-item,
3016
- .e-listbox-container.e-bigger .e-list-item {
3017
- border-bottom: 2px solid transparent;
3018
- border-left: 2px solid transparent;
3019
- border-right: 2px solid transparent;
3020
- border-top: 2px solid transparent;
3021
- }
3022
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3023
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3024
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3025
- .e-bigger .e-listbox-wrapper .e-list-header,
3026
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3027
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3028
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3029
- .e-listbox-wrapper.e-bigger .e-list-header,
3030
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3031
- .e-bigger .e-listbox-container .e-selectall-parent,
3032
- .e-bigger .e-listbox-container .e-list-group-item,
3033
- .e-bigger .e-listbox-container .e-list-header,
3034
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3035
- .e-listbox-container.e-bigger .e-selectall-parent,
3036
- .e-listbox-container.e-bigger .e-list-group-item,
3037
- .e-listbox-container.e-bigger .e-list-header {
3038
- padding: 12px 16px;
3039
- }
3040
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3041
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3042
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3043
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3044
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3045
- .e-bigger .e-listbox-container .e-selectall-parent,
3046
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3047
- .e-listbox-container.e-bigger .e-selectall-parent {
3048
- height: 45px;
3049
- line-height: 1.6;
3050
- position: relative;
3051
- }
3052
- .e-bigger .e-listbox-wrapper .e-list-parent,
3053
- .e-listbox-wrapper.e-bigger .e-list-parent,
3054
- .e-bigger .e-listbox-container .e-list-parent,
3055
- .e-listbox-container.e-bigger .e-list-parent {
3056
- min-height: 45px;
3057
- }
3058
- .e-bigger .e-listbox-wrapper .e-text-content,
3059
- .e-listbox-wrapper.e-bigger .e-text-content,
3060
- .e-bigger .e-listbox-container .e-text-content,
3061
- .e-listbox-container.e-bigger .e-text-content {
3062
- font-size: 15px;
3063
- }
3064
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3065
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3066
- .e-bigger .e-listbox-container .e-list-group-item,
3067
- .e-listbox-container.e-bigger .e-list-group-item {
3068
- height: 45px;
3069
- line-height: 45px;
3070
- }
3071
- .e-bigger .e-listbox-wrapper .e-list-header,
3072
- .e-listbox-wrapper.e-bigger .e-list-header,
3073
- .e-bigger .e-listbox-container .e-list-header,
3074
- .e-listbox-container.e-bigger .e-list-header {
3075
- -webkit-box-align: center;
3076
- -ms-flex-align: center;
3077
- align-items: center;
3078
- display: -webkit-box;
3079
- display: -ms-flexbox;
3080
- display: flex;
3081
- font-weight: 600;
3082
- height: 45px;
3083
- }
3084
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3085
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3086
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3087
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3088
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3089
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3090
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
3091
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3092
- display: none;
3093
- }
3094
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3095
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3096
- .e-bigger .e-listbox-container .e-list-header .e-text,
3097
- .e-listbox-container.e-bigger .e-list-header .e-text {
3098
- font-size: 15px;
3099
- }
3100
3066
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3101
3067
  .e-listbox-wrapper .e-list-nrt,
3102
3068
  .e-listbox-wrapper .e-selectall-parent,
@@ -3112,34 +3078,11 @@ ejs-listbox {
3112
3078
  position: relative;
3113
3079
  }
3114
3080
 
3115
- .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
3116
- overflow: hidden;
3117
- white-space: nowrap;
3118
- text-overflow: ellipsis;
3119
- }
3120
-
3121
3081
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3122
3082
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3123
3083
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3124
3084
  }
3125
3085
 
3126
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3127
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3128
- }
3129
-
3130
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3131
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3132
- }
3133
-
3134
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3135
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3136
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3137
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3138
- height: 100%;
3139
- }
3140
-
3141
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3142
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3143
3086
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3144
3087
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3145
3088
  }
@@ -3148,24 +3091,10 @@ ejs-listbox {
3148
3091
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3149
3092
  }
3150
3093
 
3151
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3152
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3153
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3154
- }
3155
-
3156
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3157
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3158
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3159
- }
3160
-
3161
3094
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3162
3095
  height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3163
3096
  }
3164
3097
 
3165
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3166
- height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3167
- }
3168
-
3169
3098
  .e-listbox-wrapper,
3170
3099
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3171
3100
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3467,4 +3396,125 @@ ejs-listbox {
3467
3396
 
3468
3397
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3469
3398
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3399
+ }
3400
+
3401
+ .e-bigger .e-listbox-wrapper .e-list-item,
3402
+ .e-listbox-wrapper.e-bigger .e-list-item,
3403
+ .e-bigger .e-listbox-container .e-list-item,
3404
+ .e-listbox-container.e-bigger .e-list-item {
3405
+ border-bottom: 2px solid transparent;
3406
+ border-left: 2px solid transparent;
3407
+ border-right: 2px solid transparent;
3408
+ border-top: 2px solid transparent;
3409
+ }
3410
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3411
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3412
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3413
+ .e-bigger .e-listbox-wrapper .e-list-header,
3414
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3415
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3416
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3417
+ .e-listbox-wrapper.e-bigger .e-list-header,
3418
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3419
+ .e-bigger .e-listbox-container .e-selectall-parent,
3420
+ .e-bigger .e-listbox-container .e-list-group-item,
3421
+ .e-bigger .e-listbox-container .e-list-header,
3422
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3423
+ .e-listbox-container.e-bigger .e-selectall-parent,
3424
+ .e-listbox-container.e-bigger .e-list-group-item,
3425
+ .e-listbox-container.e-bigger .e-list-header {
3426
+ padding: 12px 16px;
3427
+ }
3428
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3429
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3430
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3431
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3432
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3433
+ .e-bigger .e-listbox-container .e-selectall-parent,
3434
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3435
+ .e-listbox-container.e-bigger .e-selectall-parent {
3436
+ height: 45px;
3437
+ line-height: 1.6;
3438
+ position: relative;
3439
+ }
3440
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3441
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3442
+ .e-bigger .e-listbox-container .e-list-parent,
3443
+ .e-listbox-container.e-bigger .e-list-parent {
3444
+ min-height: 45px;
3445
+ }
3446
+ .e-bigger .e-listbox-wrapper .e-text-content,
3447
+ .e-listbox-wrapper.e-bigger .e-text-content,
3448
+ .e-bigger .e-listbox-container .e-text-content,
3449
+ .e-listbox-container.e-bigger .e-text-content {
3450
+ font-size: 15px;
3451
+ }
3452
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3453
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3454
+ .e-bigger .e-listbox-container .e-list-group-item,
3455
+ .e-listbox-container.e-bigger .e-list-group-item {
3456
+ height: 45px;
3457
+ line-height: 45px;
3458
+ }
3459
+ .e-bigger .e-listbox-wrapper .e-list-header,
3460
+ .e-listbox-wrapper.e-bigger .e-list-header,
3461
+ .e-bigger .e-listbox-container .e-list-header,
3462
+ .e-listbox-container.e-bigger .e-list-header {
3463
+ -webkit-box-align: center;
3464
+ -ms-flex-align: center;
3465
+ align-items: center;
3466
+ display: -webkit-box;
3467
+ display: -ms-flexbox;
3468
+ display: flex;
3469
+ font-weight: 600;
3470
+ height: 45px;
3471
+ }
3472
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3473
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3474
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3475
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3476
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3477
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3478
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3479
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3480
+ display: none;
3481
+ }
3482
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3483
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3484
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3485
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3486
+ font-size: 15px;
3487
+ }
3488
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3489
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3490
+ }
3491
+
3492
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3493
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3494
+ }
3495
+
3496
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3497
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3498
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3499
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3500
+ height: 100%;
3501
+ }
3502
+
3503
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3504
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3505
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3506
+ }
3507
+
3508
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3509
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3510
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3511
+ }
3512
+
3513
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3514
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3515
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3516
+ }
3517
+
3518
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3519
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3470
3520
  }