@syncfusion/ej2-dropdowns 26.2.13 → 27.1.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (438) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +1541 -841
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1432 -709
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +14 -13
  12. package/src/auto-complete/auto-complete-model.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.d.ts +2 -0
  14. package/src/auto-complete/auto-complete.js +52 -22
  15. package/src/combo-box/combo-box-model.d.ts +12 -5
  16. package/src/combo-box/combo-box.d.ts +10 -4
  17. package/src/combo-box/combo-box.js +73 -38
  18. package/src/common/incremental-search.d.ts +26 -11
  19. package/src/common/incremental-search.js +30 -16
  20. package/src/common/interface.d.ts +5 -5
  21. package/src/common/virtual-scroll.js +69 -36
  22. package/src/drop-down-base/drop-down-base-model.d.ts +1 -1
  23. package/src/drop-down-base/drop-down-base.d.ts +7 -2
  24. package/src/drop-down-base/drop-down-base.js +101 -69
  25. package/src/drop-down-list/drop-down-list-model.d.ts +14 -7
  26. package/src/drop-down-list/drop-down-list.d.ts +11 -4
  27. package/src/drop-down-list/drop-down-list.js +303 -178
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +19 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +26 -2
  30. package/src/drop-down-tree/drop-down-tree.js +206 -68
  31. package/src/list-box/list-box.js +64 -24
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +87 -24
  34. package/src/multi-select/checkbox-selection.js +3 -2
  35. package/src/multi-select/interface.d.ts +1 -0
  36. package/src/multi-select/multi-select-model.d.ts +15 -8
  37. package/src/multi-select/multi-select.d.ts +15 -5
  38. package/src/multi-select/multi-select.js +444 -237
  39. package/styles/auto-complete/bootstrap-dark.css +0 -50
  40. package/styles/auto-complete/bootstrap.css +0 -50
  41. package/styles/auto-complete/bootstrap4.css +0 -68
  42. package/styles/auto-complete/bootstrap5-dark.css +0 -54
  43. package/styles/auto-complete/bootstrap5.3.css +101 -0
  44. package/styles/auto-complete/bootstrap5.3.scss +4 -0
  45. package/styles/auto-complete/bootstrap5.css +0 -54
  46. package/styles/auto-complete/fabric-dark.css +0 -49
  47. package/styles/auto-complete/fabric.css +0 -42
  48. package/styles/auto-complete/fluent-dark.css +0 -41
  49. package/styles/auto-complete/fluent.css +0 -41
  50. package/styles/auto-complete/fluent2.css +1 -36
  51. package/styles/auto-complete/highcontrast-light.css +0 -37
  52. package/styles/auto-complete/highcontrast.css +0 -37
  53. package/styles/auto-complete/material-dark.css +0 -34
  54. package/styles/auto-complete/material.css +0 -55
  55. package/styles/auto-complete/material3-dark.css +0 -59
  56. package/styles/auto-complete/material3.css +0 -59
  57. package/styles/auto-complete/tailwind-dark.css +0 -35
  58. package/styles/auto-complete/tailwind.css +0 -35
  59. package/styles/bootstrap-dark-lite.css +2755 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +655 -605
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2754 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +661 -611
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2858 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +831 -756
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2832 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -646
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2832 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2826 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3557 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -646
  82. package/styles/bootstrap5.scss +6 -1
  83. package/styles/combo-box/bootstrap-dark.css +0 -50
  84. package/styles/combo-box/bootstrap.css +0 -50
  85. package/styles/combo-box/bootstrap4.css +0 -68
  86. package/styles/combo-box/bootstrap5-dark.css +0 -54
  87. package/styles/combo-box/bootstrap5.3.css +101 -0
  88. package/styles/combo-box/bootstrap5.3.scss +4 -0
  89. package/styles/combo-box/bootstrap5.css +0 -54
  90. package/styles/combo-box/fabric-dark.css +0 -49
  91. package/styles/combo-box/fabric.css +0 -42
  92. package/styles/combo-box/fluent-dark.css +0 -41
  93. package/styles/combo-box/fluent.css +0 -41
  94. package/styles/combo-box/fluent2.css +1 -36
  95. package/styles/combo-box/highcontrast-light.css +0 -37
  96. package/styles/combo-box/highcontrast.css +0 -37
  97. package/styles/combo-box/material-dark.css +0 -34
  98. package/styles/combo-box/material.css +0 -55
  99. package/styles/combo-box/material3-dark.css +0 -59
  100. package/styles/combo-box/material3.css +0 -59
  101. package/styles/combo-box/tailwind-dark.css +0 -35
  102. package/styles/combo-box/tailwind.css +0 -35
  103. package/styles/drop-down-base/_bds-definition.scss +0 -22
  104. package/styles/drop-down-base/_bigger.scss +195 -0
  105. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -5
  106. package/styles/drop-down-base/_bootstrap-definition.scss +0 -5
  107. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -9
  108. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -19
  109. package/styles/drop-down-base/_bootstrap5.3-definition.scss +2 -21
  110. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -5
  111. package/styles/drop-down-base/_fabric-definition.scss +0 -5
  112. package/styles/drop-down-base/_fluent-definition.scss +0 -19
  113. package/styles/drop-down-base/_fluent2-definition.scss +2 -23
  114. package/styles/drop-down-base/_fusionnew-definition.scss +0 -19
  115. package/styles/drop-down-base/_highcontrast-definition.scss +0 -9
  116. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -9
  117. package/styles/drop-down-base/_layout.scss +1 -57
  118. package/styles/drop-down-base/_material-dark-definition.scss +0 -4
  119. package/styles/drop-down-base/_material-definition.scss +0 -4
  120. package/styles/drop-down-base/_material3-definition.scss +0 -3
  121. package/styles/drop-down-base/_tailwind-definition.scss +0 -22
  122. package/styles/drop-down-base/_theme.scss +10 -91
  123. package/styles/drop-down-base/bootstrap-dark.css +75 -75
  124. package/styles/drop-down-base/bootstrap-dark.scss +1 -0
  125. package/styles/drop-down-base/bootstrap.css +75 -75
  126. package/styles/drop-down-base/bootstrap.scss +1 -0
  127. package/styles/drop-down-base/bootstrap4.css +79 -79
  128. package/styles/drop-down-base/bootstrap4.scss +1 -0
  129. package/styles/drop-down-base/bootstrap5-dark.css +89 -89
  130. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  131. package/styles/drop-down-base/bootstrap5.3.css +411 -0
  132. package/styles/drop-down-base/bootstrap5.3.scss +4 -0
  133. package/styles/drop-down-base/bootstrap5.css +89 -89
  134. package/styles/drop-down-base/bootstrap5.scss +1 -0
  135. package/styles/drop-down-base/fabric-dark.css +75 -75
  136. package/styles/drop-down-base/fabric-dark.scss +1 -0
  137. package/styles/drop-down-base/fabric.css +75 -75
  138. package/styles/drop-down-base/fabric.scss +1 -0
  139. package/styles/drop-down-base/fluent-dark.css +101 -101
  140. package/styles/drop-down-base/fluent-dark.scss +1 -0
  141. package/styles/drop-down-base/fluent.css +101 -101
  142. package/styles/drop-down-base/fluent.scss +1 -0
  143. package/styles/drop-down-base/fluent2.css +97 -95
  144. package/styles/drop-down-base/fluent2.scss +1 -0
  145. package/styles/drop-down-base/highcontrast-light.css +75 -77
  146. package/styles/drop-down-base/highcontrast-light.scss +1 -0
  147. package/styles/drop-down-base/highcontrast.css +75 -77
  148. package/styles/drop-down-base/highcontrast.scss +1 -0
  149. package/styles/drop-down-base/material-dark.css +74 -74
  150. package/styles/drop-down-base/material-dark.scss +1 -0
  151. package/styles/drop-down-base/material.css +74 -74
  152. package/styles/drop-down-base/material.scss +1 -0
  153. package/styles/drop-down-base/material3-dark.css +74 -74
  154. package/styles/drop-down-base/material3-dark.scss +1 -0
  155. package/styles/drop-down-base/material3.css +74 -74
  156. package/styles/drop-down-base/material3.scss +1 -0
  157. package/styles/drop-down-base/tailwind-dark.css +135 -135
  158. package/styles/drop-down-base/tailwind-dark.scss +1 -0
  159. package/styles/drop-down-base/tailwind.css +135 -135
  160. package/styles/drop-down-base/tailwind.scss +1 -0
  161. package/styles/drop-down-list/_bds-definition.scss +0 -34
  162. package/styles/drop-down-list/_bigger.scss +713 -0
  163. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -64
  164. package/styles/drop-down-list/_bootstrap-definition.scss +0 -64
  165. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -81
  166. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -67
  167. package/styles/drop-down-list/_bootstrap5.3-definition.scss +1 -67
  168. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -57
  169. package/styles/drop-down-list/_fabric-definition.scss +0 -56
  170. package/styles/drop-down-list/_fluent-definition.scss +0 -57
  171. package/styles/drop-down-list/_fluent2-definition.scss +2 -35
  172. package/styles/drop-down-list/_fusionnew-definition.scss +0 -67
  173. package/styles/drop-down-list/_highcontrast-definition.scss +0 -60
  174. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -60
  175. package/styles/drop-down-list/_layout.scss +4 -82
  176. package/styles/drop-down-list/_material-dark-definition.scss +0 -33
  177. package/styles/drop-down-list/_material-definition.scss +0 -55
  178. package/styles/drop-down-list/_material3-definition.scss +0 -58
  179. package/styles/drop-down-list/_tailwind-definition.scss +0 -34
  180. package/styles/drop-down-list/_theme.scss +5 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +91 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +91 -91
  184. package/styles/drop-down-list/bootstrap.scss +1 -0
  185. package/styles/drop-down-list/bootstrap4.css +105 -105
  186. package/styles/drop-down-list/bootstrap4.scss +1 -0
  187. package/styles/drop-down-list/bootstrap5-dark.css +87 -101
  188. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  189. package/styles/drop-down-list/bootstrap5.3.css +481 -0
  190. package/styles/drop-down-list/bootstrap5.3.scss +10 -0
  191. package/styles/drop-down-list/bootstrap5.css +87 -101
  192. package/styles/drop-down-list/bootstrap5.scss +1 -0
  193. package/styles/drop-down-list/fabric-dark.css +90 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +90 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +74 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +74 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +77 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +79 -80
  204. package/styles/drop-down-list/highcontrast-light.scss +1 -0
  205. package/styles/drop-down-list/highcontrast.css +79 -80
  206. package/styles/drop-down-list/highcontrast.scss +1 -0
  207. package/styles/drop-down-list/material-dark.css +74 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +95 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +99 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +99 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +96 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +96 -78
  218. package/styles/drop-down-list/tailwind.scss +1 -0
  219. package/styles/drop-down-tree/_bigger.scss +522 -0
  220. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +5 -5
  221. package/styles/drop-down-tree/_fluent2-definition.scss +5 -3
  222. package/styles/drop-down-tree/_layout.scss +15 -491
  223. package/styles/drop-down-tree/_theme.scss +21 -4
  224. package/styles/drop-down-tree/bootstrap-dark.css +32 -37
  225. package/styles/drop-down-tree/bootstrap-dark.scss +1 -0
  226. package/styles/drop-down-tree/bootstrap.css +32 -37
  227. package/styles/drop-down-tree/bootstrap.scss +1 -0
  228. package/styles/drop-down-tree/bootstrap4.css +38 -47
  229. package/styles/drop-down-tree/bootstrap4.scss +1 -0
  230. package/styles/drop-down-tree/bootstrap5-dark.css +39 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +463 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +39 -55
  235. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  236. package/styles/drop-down-tree/fabric-dark.css +32 -37
  237. package/styles/drop-down-tree/fabric-dark.scss +1 -0
  238. package/styles/drop-down-tree/fabric.css +32 -37
  239. package/styles/drop-down-tree/fabric.scss +1 -0
  240. package/styles/drop-down-tree/fluent-dark.css +32 -51
  241. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  242. package/styles/drop-down-tree/fluent.css +32 -51
  243. package/styles/drop-down-tree/fluent.scss +1 -0
  244. package/styles/drop-down-tree/fluent2.css +38 -53
  245. package/styles/drop-down-tree/fluent2.scss +1 -0
  246. package/styles/drop-down-tree/highcontrast-light.css +32 -39
  247. package/styles/drop-down-tree/highcontrast-light.scss +1 -0
  248. package/styles/drop-down-tree/highcontrast.css +41 -48
  249. package/styles/drop-down-tree/highcontrast.scss +1 -0
  250. package/styles/drop-down-tree/material-dark.css +32 -36
  251. package/styles/drop-down-tree/material-dark.scss +1 -0
  252. package/styles/drop-down-tree/material.css +32 -36
  253. package/styles/drop-down-tree/material.scss +1 -0
  254. package/styles/drop-down-tree/material3-dark.css +33 -37
  255. package/styles/drop-down-tree/material3-dark.scss +1 -0
  256. package/styles/drop-down-tree/material3.css +33 -37
  257. package/styles/drop-down-tree/material3.scss +1 -0
  258. package/styles/drop-down-tree/tailwind-dark.css +51 -73
  259. package/styles/drop-down-tree/tailwind-dark.scss +1 -0
  260. package/styles/drop-down-tree/tailwind.css +51 -73
  261. package/styles/drop-down-tree/tailwind.scss +1 -0
  262. package/styles/fabric-dark-lite.css +2733 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +668 -612
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2734 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +673 -610
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2869 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +707 -679
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2869 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +707 -679
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3053 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +746 -676
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2850 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +655 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2872 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +673 -620
  289. package/styles/highcontrast.scss +6 -1
  290. package/styles/list-box/_bigger.scss +173 -0
  291. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  292. package/styles/list-box/_bootstrap5.3-definition.scss +17 -14
  293. package/styles/list-box/_fluent2-definition.scss +2 -0
  294. package/styles/list-box/_layout.scss +16 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +124 -130
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +130 -136
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +174 -184
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +130 -150
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +952 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +130 -150
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +124 -130
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +130 -136
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +130 -150
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +130 -150
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +124 -157
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +124 -132
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +130 -138
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +124 -129
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +130 -135
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +124 -129
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +124 -129
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +140 -163
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +140 -163
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3516 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1301 -1190
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3548 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1312 -1201
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3462 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1618 -1249
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3464 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1618 -1249
  349. package/styles/material3.scss +6 -1
  350. package/styles/mention/bootstrap-dark.css +0 -5
  351. package/styles/mention/bootstrap.css +0 -5
  352. package/styles/mention/bootstrap4.css +0 -9
  353. package/styles/mention/bootstrap5-dark.css +0 -19
  354. package/styles/mention/bootstrap5.3.css +67 -0
  355. package/styles/mention/bootstrap5.3.scss +6 -0
  356. package/styles/mention/bootstrap5.css +0 -19
  357. package/styles/mention/fabric-dark.css +0 -5
  358. package/styles/mention/fabric.css +0 -5
  359. package/styles/mention/fluent-dark.css +0 -19
  360. package/styles/mention/fluent.css +0 -19
  361. package/styles/mention/fluent2.css +0 -22
  362. package/styles/mention/highcontrast-light.css +0 -7
  363. package/styles/mention/highcontrast.css +0 -7
  364. package/styles/mention/material-dark.css +0 -4
  365. package/styles/mention/material.css +0 -4
  366. package/styles/mention/material3-dark.css +0 -4
  367. package/styles/mention/material3.css +0 -4
  368. package/styles/mention/tailwind-dark.css +0 -22
  369. package/styles/mention/tailwind.css +0 -22
  370. package/styles/multi-select/_bds-definition.scss +0 -5
  371. package/styles/multi-select/_bigger.scss +2002 -0
  372. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -9
  373. package/styles/multi-select/_bootstrap-definition.scss +0 -9
  374. package/styles/multi-select/_bootstrap4-definition.scss +0 -44
  375. package/styles/multi-select/_bootstrap5-definition.scss +0 -5
  376. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -5
  377. package/styles/multi-select/_fabric-dark-definition.scss +2 -4
  378. package/styles/multi-select/_fabric-definition.scss +2 -4
  379. package/styles/multi-select/_fluent-definition.scss +0 -10
  380. package/styles/multi-select/_fluent2-definition.scss +2 -5
  381. package/styles/multi-select/_fusionnew-definition.scss +0 -5
  382. package/styles/multi-select/_highcontrast-definition.scss +1 -2
  383. package/styles/multi-select/_highcontrast-light-definition.scss +1 -2
  384. package/styles/multi-select/_layout.scss +33 -934
  385. package/styles/multi-select/_tailwind-definition.scss +0 -5
  386. package/styles/multi-select/_theme.scss +13 -34
  387. package/styles/multi-select/bootstrap-dark.css +314 -273
  388. package/styles/multi-select/bootstrap-dark.scss +1 -0
  389. package/styles/multi-select/bootstrap.css +314 -273
  390. package/styles/multi-select/bootstrap.scss +1 -0
  391. package/styles/multi-select/bootstrap4.css +405 -347
  392. package/styles/multi-select/bootstrap4.scss +1 -0
  393. package/styles/multi-select/bootstrap5-dark.css +350 -320
  394. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  395. package/styles/multi-select/bootstrap5.3.css +1424 -0
  396. package/styles/multi-select/bootstrap5.3.scss +10 -0
  397. package/styles/multi-select/bootstrap5.css +350 -320
  398. package/styles/multi-select/bootstrap5.scss +1 -0
  399. package/styles/multi-select/fabric-dark.css +320 -273
  400. package/styles/multi-select/fabric-dark.scss +1 -0
  401. package/styles/multi-select/fabric.css +320 -273
  402. package/styles/multi-select/fabric.scss +1 -0
  403. package/styles/multi-select/fluent-dark.css +366 -361
  404. package/styles/multi-select/fluent-dark.scss +1 -0
  405. package/styles/multi-select/fluent.css +366 -361
  406. package/styles/multi-select/fluent.scss +1 -0
  407. package/styles/multi-select/fluent2.css +399 -355
  408. package/styles/multi-select/fluent2.scss +1 -0
  409. package/styles/multi-select/highcontrast-light.css +321 -278
  410. package/styles/multi-select/highcontrast-light.scss +1 -0
  411. package/styles/multi-select/highcontrast.css +321 -278
  412. package/styles/multi-select/highcontrast.scss +1 -0
  413. package/styles/multi-select/icons/_bootstrap4.scss +0 -9
  414. package/styles/multi-select/icons/_fluent.scss +0 -21
  415. package/styles/multi-select/icons/_fluent2.scss +5 -354
  416. package/styles/multi-select/icons/_material-dark.scss +5 -354
  417. package/styles/multi-select/icons/_material.scss +5 -354
  418. package/styles/multi-select/icons/_material3.scss +5 -354
  419. package/styles/multi-select/material-dark.css +960 -857
  420. package/styles/multi-select/material-dark.scss +1 -0
  421. package/styles/multi-select/material.css +960 -857
  422. package/styles/multi-select/material.scss +1 -0
  423. package/styles/multi-select/material3-dark.css +1277 -916
  424. package/styles/multi-select/material3-dark.scss +1 -0
  425. package/styles/multi-select/material3.css +1277 -916
  426. package/styles/multi-select/material3.scss +1 -0
  427. package/styles/multi-select/tailwind-dark.css +351 -327
  428. package/styles/multi-select/tailwind-dark.scss +1 -0
  429. package/styles/multi-select/tailwind.css +351 -327
  430. package/styles/multi-select/tailwind.scss +1 -0
  431. package/styles/tailwind-dark-lite.css +2816 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +933 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2816 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +933 -848
  438. package/styles/tailwind.scss +6 -1
@@ -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 #fff;
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: #969696;
196
151
  }
@@ -245,11 +200,6 @@
245
200
  background-color: #685708;
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: #fff;
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: #000;
361
284
  border-bottom: 2px;
@@ -388,6 +311,81 @@
388
311
  background-color: #685708;
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: #fff;
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: #fff;
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: 46px;
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: #969696;
777
686
  }
@@ -781,21 +690,116 @@ ejs-dropdownlist {
781
690
  color: #fff;
782
691
  }
783
692
 
784
- /*! TreeView's high contrast theme wise override definitions and variables */
785
- /* stylelint-disable */
786
- /* stylelint-disable */
787
- .e-ddt .e-ddt-icon::before {
788
- content: "\e966";
789
- }
790
- .e-ddt .e-chips-close::before {
791
- content: "\e7a7";
693
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
694
+ border-color: transparent;
695
+ background: none;
792
696
  }
793
697
 
794
- .e-ddt {
795
- cursor: pointer;
796
- outline: none;
698
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
699
+ margin-left: -20px;
797
700
  }
798
- .e-ddt .e-ddt-icon::before {
701
+
702
+ .e-bigger .e-ddl.e-popup .e-list-item {
703
+ font-size: 15px;
704
+ }
705
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
706
+ font-size: 15px;
707
+ }
708
+ .e-bigger .e-ddl.e-popup .e-input-group {
709
+ padding: 4px 0;
710
+ }
711
+
712
+ .e-bigger.e-ddl.e-popup .e-list-item {
713
+ font-size: 15px;
714
+ }
715
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
716
+ font-size: 15px;
717
+ }
718
+ .e-bigger.e-ddl.e-popup .e-input-group {
719
+ padding: 4px 0;
720
+ }
721
+
722
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
723
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
724
+ font-size: 14px;
725
+ }
726
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
727
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
728
+ font-size: 14px;
729
+ }
730
+
731
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
732
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
733
+ font-size: 14px;
734
+ }
735
+ .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
736
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
737
+ font-size: 14px;
738
+ }
739
+
740
+ .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
741
+ .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
742
+ .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
743
+ .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
744
+ .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
745
+ .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
746
+ background-size: 300px 40px;
747
+ min-height: 40px;
748
+ }
749
+
750
+ .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
751
+ height: 36px;
752
+ }
753
+
754
+ .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
755
+ margin-top: 0;
756
+ }
757
+ .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 {
758
+ font-size: 15px;
759
+ line-height: 45px;
760
+ padding-left: 0;
761
+ text-indent: 16px;
762
+ }
763
+ .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
764
+ padding-left: 4px;
765
+ }
766
+ .e-bigger .e-ddl.e-popup .e-input-group {
767
+ padding: 4px 0;
768
+ }
769
+ .e-bigger .e-ddl.e-popup .e-input-group input {
770
+ height: 46px;
771
+ }
772
+ .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 {
773
+ font-size: 14px;
774
+ line-height: 40px;
775
+ padding-left: 0;
776
+ text-indent: 16px;
777
+ }
778
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
779
+ padding-left: 4px;
780
+ }
781
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
782
+ padding: 0;
783
+ }
784
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
785
+ height: 34px;
786
+ }
787
+
788
+ /*! TreeView's high contrast theme wise override definitions and variables */
789
+ /* stylelint-disable */
790
+ /* stylelint-disable */
791
+ .e-ddt .e-ddt-icon::before {
792
+ content: "\e966";
793
+ }
794
+ .e-ddt .e-chips-close::before {
795
+ content: "\e7a7";
796
+ }
797
+
798
+ .e-ddt {
799
+ cursor: pointer;
800
+ outline: none;
801
+ }
802
+ .e-ddt .e-ddt-icon::before {
799
803
  -webkit-transform: rotate(0deg);
800
804
  transform: rotate(0deg);
801
805
  -webkit-transition: -webkit-transform 300ms ease;
@@ -1092,6 +1096,47 @@ ejs-dropdownlist {
1092
1096
  display: none;
1093
1097
  }
1094
1098
 
1099
+ .e-ddt .e-chips {
1100
+ background-color: #bfbfbf;
1101
+ }
1102
+ .e-ddt .e-chips .e-chips-close::before {
1103
+ color: #000;
1104
+ }
1105
+ .e-ddt .e-chips > .e-chipcontent {
1106
+ color: #000;
1107
+ }
1108
+ .e-ddt .e-chips:hover {
1109
+ background-color: #685708;
1110
+ }
1111
+ .e-ddt .e-chips:hover .e-chips-close::before {
1112
+ color: #fff;
1113
+ }
1114
+ .e-ddt .e-chips:hover > .e-chipcontent {
1115
+ color: #fff;
1116
+ }
1117
+ .e-ddt .e-overflow .e-remain {
1118
+ color: #fff;
1119
+ }
1120
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1121
+ background-color: #000;
1122
+ }
1123
+ .e-ddt.e-popup {
1124
+ background: #000;
1125
+ border-color: #969696;
1126
+ }
1127
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1128
+ color: #fff;
1129
+ }
1130
+ .e-ddt.e-popup .e-selectall-parent {
1131
+ border-bottom-color: #fff;
1132
+ }
1133
+ .e-ddt.e-popup .e-selectall-parent:focus {
1134
+ background: #685708;
1135
+ }
1136
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1137
+ color: #fff;
1138
+ }
1139
+
1095
1140
  .e-bigger .e-ddt .e-chips,
1096
1141
  .e-ddt.e-bigger .e-chips {
1097
1142
  height: 34px;
@@ -1164,47 +1209,6 @@ ejs-dropdownlist {
1164
1209
  right: auto;
1165
1210
  }
1166
1211
 
1167
- .e-ddt .e-chips {
1168
- background-color: #bfbfbf;
1169
- }
1170
- .e-ddt .e-chips .e-chips-close::before {
1171
- color: #000;
1172
- }
1173
- .e-ddt .e-chips > .e-chipcontent {
1174
- color: #000;
1175
- }
1176
- .e-ddt .e-chips:hover {
1177
- background-color: #685708;
1178
- }
1179
- .e-ddt .e-chips:hover .e-chips-close::before {
1180
- color: #fff;
1181
- }
1182
- .e-ddt .e-chips:hover > .e-chipcontent {
1183
- color: #fff;
1184
- }
1185
- .e-ddt .e-overflow .e-remain {
1186
- color: #fff;
1187
- }
1188
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1189
- background-color: #000;
1190
- }
1191
- .e-ddt.e-popup {
1192
- background: #000;
1193
- border-color: #969696;
1194
- }
1195
- .e-ddt.e-popup .e-popup-content.e-no-data {
1196
- color: #fff;
1197
- }
1198
- .e-ddt.e-popup .e-selectall-parent {
1199
- border-bottom-color: #fff;
1200
- }
1201
- .e-ddt.e-popup .e-selectall-parent:focus {
1202
- background: #685708;
1203
- }
1204
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1205
- color: #fff;
1206
- }
1207
-
1208
1212
  /* stylelint-disable-line no-empty-source */
1209
1213
  /* stylelint-disable-line no-empty-source */
1210
1214
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
@@ -1268,7 +1272,7 @@ ejs-dropdownlist {
1268
1272
  background-color: #ffd939;
1269
1273
  }
1270
1274
 
1271
- .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 {
1275
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1272
1276
  padding-left: 0;
1273
1277
  }
1274
1278
  .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
@@ -1498,11 +1502,6 @@ ejs-dropdownlist {
1498
1502
  padding: 0 0 0 48px;
1499
1503
  }
1500
1504
 
1501
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1502
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1503
- margin-top: -3.1em;
1504
- }
1505
-
1506
1505
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1507
1506
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1508
1507
  opacity: 0.7;
@@ -1519,10 +1518,6 @@ ejs-dropdownlist {
1519
1518
  top: 15px;
1520
1519
  }
1521
1520
 
1522
- .e-bigger .e-multi-select-wrapper {
1523
- min-height: 38px;
1524
- }
1525
-
1526
1521
  .e-multi-select-wrapper.e-close-icon-hide {
1527
1522
  padding-right: 0;
1528
1523
  }
@@ -1556,10 +1551,6 @@ ejs-dropdownlist {
1556
1551
  white-space: nowrap;
1557
1552
  }
1558
1553
 
1559
- .e-bigger .e-multi-select-wrapper .e-chips {
1560
- margin: 4px 2px 2px 0;
1561
- }
1562
-
1563
1554
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1564
1555
  max-width: 100%;
1565
1556
  overflow: hidden;
@@ -1581,13 +1572,11 @@ ejs-dropdownlist {
1581
1572
  float: none;
1582
1573
  }
1583
1574
 
1584
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1585
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1575
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1586
1576
  padding: 6px 8px 7.5px 0;
1587
1577
  }
1588
1578
 
1589
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1590
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1579
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1591
1580
  padding: 6px 0 6px 8px;
1592
1581
  }
1593
1582
 
@@ -1629,32 +1618,11 @@ ejs-dropdownlist {
1629
1618
  right: 27px;
1630
1619
  }
1631
1620
 
1632
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1633
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1634
- right: 38px;
1635
- }
1636
-
1637
1621
  .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1638
1622
  left: 27px;
1639
1623
  right: auto;
1640
1624
  }
1641
1625
 
1642
- .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1643
- .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1644
- left: 38px;
1645
- right: auto;
1646
- }
1647
-
1648
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1649
- margin-top: -3.5em;
1650
- }
1651
-
1652
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1653
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1654
- margin-top: -3.5em;
1655
- margin-top: -3.2em;
1656
- }
1657
-
1658
1626
  .e-multi-select-wrapper input[type=text] {
1659
1627
  background: none;
1660
1628
  border: 0;
@@ -1686,17 +1654,6 @@ ejs-dropdownlist {
1686
1654
  padding: 5px;
1687
1655
  }
1688
1656
 
1689
- .e-bigger .e-multi-select-wrapper input[type=text],
1690
- .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1691
- height: 28px;
1692
- min-height: 28px;
1693
- }
1694
-
1695
- .e-bigger .e-multi-select-wrapper input[type=text] {
1696
- height: 38px;
1697
- min-height: 38px;
1698
- }
1699
-
1700
1657
  /* stylelint-disable property-no-vendor-prefix */
1701
1658
  .e-multi-select-wrapper input[type=text]::-ms-clear {
1702
1659
  display: none;
@@ -1712,23 +1669,11 @@ ejs-dropdownlist {
1712
1669
  width: calc(100% - 40px);
1713
1670
  }
1714
1671
 
1715
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1716
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1717
- width: calc(100% - 48px);
1718
- }
1719
-
1720
1672
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1721
1673
  .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1722
1674
  width: calc(100% - 40px);
1723
1675
  }
1724
1676
 
1725
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1726
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1727
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1728
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1729
- width: calc(100% - 44px);
1730
- }
1731
-
1732
1677
  .e-multi-select-wrapper .e-delim-values {
1733
1678
  font-family: inherit;
1734
1679
  font-size: 14px;
@@ -1739,11 +1684,6 @@ ejs-dropdownlist {
1739
1684
  vertical-align: middle;
1740
1685
  }
1741
1686
 
1742
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1743
- line-height: 36px;
1744
- padding-left: 10px;
1745
- }
1746
-
1747
1687
  .e-multi-select-list-wrapper .e-hide-listitem,
1748
1688
  .e-multi-select-list-wrapper .e-hide-group-header {
1749
1689
  display: none;
@@ -1870,10 +1810,6 @@ ejs-dropdownlist {
1870
1810
  padding-right: 18px;
1871
1811
  }
1872
1812
 
1873
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1874
- padding-right: 8px;
1875
- }
1876
-
1877
1813
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1878
1814
  bottom: 1px;
1879
1815
  margin-right: 8px;
@@ -1882,18 +1818,6 @@ ejs-dropdownlist {
1882
1818
  vertical-align: middle;
1883
1819
  }
1884
1820
 
1885
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1886
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1887
- bottom: 1px;
1888
- margin-right: 10px;
1889
- }
1890
-
1891
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1892
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1893
- bottom: 1px;
1894
- margin-right: 10px;
1895
- }
1896
-
1897
1821
  .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1898
1822
  margin-left: 12px;
1899
1823
  margin-right: 0;
@@ -1916,18 +1840,6 @@ ejs-dropdownlist {
1916
1840
  padding-right: 10px;
1917
1841
  }
1918
1842
 
1919
- .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 {
1920
- padding-right: 16px;
1921
- }
1922
-
1923
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
1924
- padding-left: 16px;
1925
- }
1926
-
1927
- .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 {
1928
- padding-left: 20px;
1929
- }
1930
-
1931
1843
  .e-multi-select-list-wrapper .e-selectall-parent {
1932
1844
  cursor: pointer;
1933
1845
  display: block;
@@ -1953,13 +1865,6 @@ ejs-dropdownlist {
1953
1865
  font-size: 14px;
1954
1866
  }
1955
1867
 
1956
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
1957
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
1958
- font-size: 14px;
1959
- line-height: 46px;
1960
- text-indent: 17px;
1961
- }
1962
-
1963
1868
  .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1964
1869
  bottom: 1px;
1965
1870
  margin-right: 8px;
@@ -1968,12 +1873,6 @@ ejs-dropdownlist {
1968
1873
  vertical-align: middle;
1969
1874
  }
1970
1875
 
1971
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
1972
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1973
- bottom: 1px;
1974
- margin-right: 10px;
1975
- }
1976
-
1977
1876
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1978
1877
  margin-left: 12px;
1979
1878
  margin-right: 0;
@@ -1998,13 +1897,7 @@ ejs-dropdownlist {
1998
1897
  padding: 8px;
1999
1898
  }
2000
1899
 
2001
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2002
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2003
- padding: 4px 0;
2004
- }
2005
-
2006
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
2007
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1900
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2008
1901
  padding-left: 8px;
2009
1902
  }
2010
1903
 
@@ -2073,52 +1966,11 @@ ejs-multiselect {
2073
1966
  margin-top: -2.5em;
2074
1967
  }
2075
1968
 
2076
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2077
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2078
- line-height: 40px;
2079
- }
2080
-
2081
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2082
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2083
- margin-top: -2.85em;
2084
- }
2085
-
2086
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2087
- height: 26px;
2088
- width: auto;
2089
- }
2090
-
2091
- .e-bigger.e-small .e-multi-select-wrapper {
2092
- min-height: 26px;
2093
- }
2094
-
2095
- .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2096
- height: 34px;
2097
- min-height: 34px;
2098
- }
2099
-
2100
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2101
- font-size: 14px;
2102
- line-height: 34px;
2103
- }
2104
-
2105
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2106
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2107
- margin-top: -3.4em;
2108
- right: 0;
2109
- }
2110
-
2111
1969
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2112
1970
  background-size: 300px 33px;
2113
1971
  min-height: 33px;
2114
1972
  }
2115
1973
 
2116
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2117
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2118
- background-size: 300px 40px;
2119
- min-height: 40px;
2120
- }
2121
-
2122
1974
  .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2123
1975
  color: inherit;
2124
1976
  }
@@ -2134,24 +1986,11 @@ ejs-multiselect {
2134
1986
  padding: 0 12px 0 8px;
2135
1987
  }
2136
1988
 
2137
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2138
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2139
- padding: 3px 12px 0 4px;
2140
- }
2141
-
2142
- .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2143
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2144
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2145
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2146
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
1989
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2147
1990
  padding: 0;
2148
1991
  }
2149
1992
 
2150
- .e-filled.e-float-input .e-multi-select-wrapper,
2151
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2152
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2153
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2154
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
1993
+ .e-filled.e-float-input .e-multi-select-wrapper {
2155
1994
  padding: 11px 12px 0;
2156
1995
  }
2157
1996
 
@@ -2160,35 +1999,15 @@ ejs-multiselect {
2160
1999
  padding: 12px 12px 0 8px;
2161
2000
  }
2162
2001
 
2163
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2164
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2165
- padding: 19px 12px 0 16px;
2166
- }
2167
-
2168
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2169
- padding-top: 3px;
2170
- }
2171
-
2172
2002
  .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2173
2003
  .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2174
2004
  padding: 0;
2175
2005
  }
2176
2006
 
2177
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2178
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2179
- padding: 5px 0;
2180
- }
2181
-
2182
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2183
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2184
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2185
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2186
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2007
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2187
2008
  height: 28px;
2188
2009
  }
2189
2010
 
2190
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2191
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2192
2011
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2193
2012
  .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2194
2013
  .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
@@ -2197,54 +2016,22 @@ ejs-multiselect {
2197
2016
  height: 24px;
2198
2017
  }
2199
2018
 
2200
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2201
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2202
- height: 32px;
2203
- }
2204
-
2205
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2206
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2207
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2208
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2209
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2019
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2210
2020
  height: 18px;
2211
2021
  }
2212
2022
 
2213
2023
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2214
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2215
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2216
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2217
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2218
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2219
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2220
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2221
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2222
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2024
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2223
2025
  margin: 8px 8px 0 0;
2224
2026
  padding: 0 8px;
2225
2027
  }
2226
2028
 
2227
2029
  .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2228
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2229
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2230
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2231
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2232
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2233
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2234
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2235
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2236
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2030
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2237
2031
  margin: 8px 0 0 8px;
2238
2032
  padding: 0 8px;
2239
2033
  }
2240
2034
 
2241
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2242
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2243
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2244
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2245
- padding-left: 8px;
2246
- }
2247
-
2248
2035
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
2249
2036
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
2250
2037
  height: 16px;
@@ -2257,11 +2044,7 @@ ejs-multiselect {
2257
2044
  margin: 4px 0 0 4px;
2258
2045
  }
2259
2046
 
2260
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2261
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2262
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2263
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2264
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2047
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2265
2048
  font-size: 13px;
2266
2049
  padding: 0 8px 0 0;
2267
2050
  }
@@ -2271,20 +2054,12 @@ ejs-multiselect {
2271
2054
  font-size: 12px;
2272
2055
  }
2273
2056
 
2274
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2275
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2276
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2277
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2278
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2057
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2279
2058
  font-size: 12px;
2280
2059
  padding: 0 4px 0 0;
2281
2060
  }
2282
2061
 
2283
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2284
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2285
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2286
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2287
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2062
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2288
2063
  padding: 0 0 0 4px;
2289
2064
  }
2290
2065
 
@@ -2293,30 +2068,11 @@ ejs-multiselect {
2293
2068
  font-size: 10px;
2294
2069
  }
2295
2070
 
2296
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2297
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2298
- font-size: 13px;
2299
- }
2300
-
2301
2071
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2302
2072
  font-size: 13px;
2303
2073
  padding-right: 4px;
2304
2074
  }
2305
2075
 
2306
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2307
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2308
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2309
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2310
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2311
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2312
- padding: 0 12px;
2313
- }
2314
-
2315
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2316
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2317
- padding-right: 8px;
2318
- }
2319
-
2320
2076
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2321
2077
  .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2322
2078
  height: 38px;
@@ -2413,8 +2169,7 @@ ejs-multiselect {
2413
2169
  color: #000;
2414
2170
  }
2415
2171
 
2416
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2417
- .e-bigger .e-multi-select-wrapper .e-chips {
2172
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2418
2173
  height: 30px;
2419
2174
  }
2420
2175
 
@@ -2555,25 +2310,324 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2555
2310
  left: 7px;
2556
2311
  }
2557
2312
 
2558
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2559
- left: -35px;
2313
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2314
+ -webkit-text-fill-color: #757575;
2315
+ color: #757575;
2560
2316
  }
2561
2317
 
2562
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2318
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2319
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2320
+ margin-top: -3.1em;
2321
+ }
2322
+
2323
+ .e-bigger .e-multi-select-wrapper {
2324
+ min-height: 38px;
2325
+ }
2326
+
2327
+ .e-bigger .e-multi-select-wrapper .e-chips {
2328
+ margin: 4px 2px 2px 0;
2329
+ }
2330
+
2331
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2332
+ padding: 6px 8px 7.5px 0;
2333
+ }
2334
+
2335
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2336
+ padding: 6px 0 6px 8px;
2337
+ }
2338
+
2339
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2340
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2341
+ right: 38px;
2342
+ }
2343
+
2344
+ .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
2345
+ .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2346
+ left: 38px;
2347
+ right: auto;
2348
+ }
2349
+
2350
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2351
+ margin-top: -3.5em;
2352
+ }
2353
+
2354
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2355
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2356
+ margin-top: -3.5em;
2357
+ margin-top: -3.2em;
2358
+ }
2359
+
2360
+ .e-bigger .e-multi-select-wrapper input[type=text],
2361
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2362
+ height: 28px;
2363
+ min-height: 28px;
2364
+ }
2365
+
2366
+ .e-bigger .e-multi-select-wrapper input[type=text] {
2367
+ height: 38px;
2368
+ min-height: 38px;
2369
+ }
2370
+
2371
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2372
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2373
+ width: calc(100% - 48px);
2374
+ }
2375
+
2376
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2377
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2378
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2379
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2380
+ width: calc(100% - 44px);
2381
+ }
2382
+
2383
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
2384
+ line-height: 36px;
2385
+ padding-left: 10px;
2386
+ }
2387
+
2388
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2389
+ padding-right: 8px;
2390
+ }
2391
+
2392
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2393
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2394
+ bottom: 1px;
2395
+ margin-right: 10px;
2396
+ }
2397
+
2398
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2399
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2400
+ bottom: 1px;
2401
+ margin-right: 10px;
2402
+ }
2403
+
2404
+ .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 {
2405
+ padding-right: 16px;
2406
+ }
2407
+
2408
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2409
+ padding-left: 16px;
2410
+ }
2411
+
2412
+ .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 {
2413
+ padding-left: 20px;
2414
+ }
2415
+
2416
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2417
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2418
+ font-size: 14px;
2419
+ line-height: 46px;
2420
+ text-indent: 17px;
2421
+ }
2422
+
2423
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2424
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2425
+ bottom: 1px;
2426
+ margin-right: 10px;
2427
+ }
2428
+
2429
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2430
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2431
+ padding: 4px 0;
2432
+ }
2433
+
2434
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2435
+ padding-left: 8px;
2436
+ }
2437
+
2438
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2439
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2440
+ line-height: 40px;
2441
+ }
2442
+
2443
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2444
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2445
+ margin-top: -2.85em;
2446
+ }
2447
+
2448
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2563
2449
  height: 26px;
2450
+ width: auto;
2564
2451
  }
2565
2452
 
2566
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2453
+ .e-bigger.e-small .e-multi-select-wrapper {
2454
+ min-height: 26px;
2455
+ }
2456
+
2457
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2458
+ height: 34px;
2459
+ min-height: 34px;
2460
+ }
2461
+
2462
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2463
+ font-size: 14px;
2464
+ line-height: 34px;
2465
+ }
2466
+
2467
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2468
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2469
+ margin-top: -3.4em;
2470
+ right: 0;
2471
+ }
2472
+
2473
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2474
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2475
+ background-size: 300px 40px;
2476
+ min-height: 40px;
2477
+ }
2478
+
2479
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2480
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2481
+ padding: 3px 12px 0 4px;
2482
+ }
2483
+
2484
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2485
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2486
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2487
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2488
+ padding: 0;
2489
+ }
2490
+
2491
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2492
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2493
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2494
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2495
+ padding: 11px 12px 0;
2496
+ }
2497
+
2498
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2499
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2500
+ padding: 19px 12px 0 16px;
2501
+ }
2502
+
2503
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2504
+ padding-top: 3px;
2505
+ }
2506
+
2507
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2508
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2509
+ padding: 5px 0;
2510
+ }
2511
+
2512
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2513
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2514
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2515
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2516
+ height: 28px;
2517
+ }
2518
+
2519
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2520
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2521
+ height: 24px;
2522
+ }
2523
+
2524
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2525
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2526
+ height: 32px;
2527
+ }
2528
+
2529
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2530
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2531
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2532
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2533
+ height: 18px;
2534
+ }
2535
+
2536
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2537
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2538
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2539
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2540
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2541
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2542
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2543
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2544
+ margin: 8px 8px 0 0;
2545
+ padding: 0 8px;
2546
+ }
2547
+
2548
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2549
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2550
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2551
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2552
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2553
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2554
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2555
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2556
+ margin: 8px 0 0 8px;
2557
+ padding: 0 8px;
2558
+ }
2559
+
2560
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2561
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2562
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2563
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2564
+ padding-left: 8px;
2565
+ }
2566
+
2567
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2568
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2569
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2570
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2571
+ font-size: 13px;
2572
+ padding: 0 8px 0 0;
2573
+ }
2574
+
2575
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2576
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2577
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2578
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2567
2579
  font-size: 12px;
2580
+ padding: 0 4px 0 0;
2581
+ }
2582
+
2583
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2584
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2585
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2586
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2587
+ padding: 0 0 0 4px;
2588
+ }
2589
+
2590
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2591
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2592
+ font-size: 13px;
2593
+ }
2594
+
2595
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2596
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2597
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2598
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2599
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2600
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2601
+ padding: 0 12px;
2602
+ }
2603
+
2604
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2605
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2606
+ padding-right: 8px;
2568
2607
  }
2569
2608
 
2570
2609
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2571
2610
  font-size: 10px;
2572
2611
  }
2573
2612
 
2574
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2575
- -webkit-text-fill-color: #757575;
2576
- color: #757575;
2613
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2614
+ height: 26px;
2615
+ }
2616
+
2617
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2618
+ font-size: 12px;
2619
+ }
2620
+
2621
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2622
+ left: -35px;
2623
+ }
2624
+
2625
+ .e-bigger .e-multi-select-wrapper .e-chips {
2626
+ height: 30px;
2627
+ }
2628
+
2629
+ .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 {
2630
+ padding-left: 0;
2577
2631
  }
2578
2632
 
2579
2633
  .e-listbox-tool .e-moveup::before {
@@ -2627,8 +2681,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2627
2681
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2628
2682
  width: 87% !important; /* stylelint-disable-line declaration-no-important */
2629
2683
  }
2630
- .e-listbox-wrapper:focus,
2684
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2685
+ .e-listbox-container .e-list-wrap:focus-visible,
2631
2686
  .e-listbox-container:focus,
2687
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2632
2688
  .e-listboxtool-wrapper:focus {
2633
2689
  outline: none;
2634
2690
  }
@@ -3032,99 +3088,6 @@ ejs-listbox {
3032
3088
  margin-left: 15px;
3033
3089
  }
3034
3090
 
3035
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3036
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3037
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3038
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3039
- width: 83% !important; /* stylelint-disable-line declaration-no-important */
3040
- }
3041
- .e-bigger .e-listbox-wrapper .e-list-item,
3042
- .e-listbox-wrapper.e-bigger .e-list-item,
3043
- .e-bigger .e-listbox-container .e-list-item,
3044
- .e-listbox-container.e-bigger .e-list-item {
3045
- border-bottom: 2px solid transparent;
3046
- border-left: 2px solid transparent;
3047
- border-right: 2px solid transparent;
3048
- border-top: 2px solid transparent;
3049
- }
3050
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3051
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3052
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3053
- .e-bigger .e-listbox-wrapper .e-list-header,
3054
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3055
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3056
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3057
- .e-listbox-wrapper.e-bigger .e-list-header,
3058
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3059
- .e-bigger .e-listbox-container .e-selectall-parent,
3060
- .e-bigger .e-listbox-container .e-list-group-item,
3061
- .e-bigger .e-listbox-container .e-list-header,
3062
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3063
- .e-listbox-container.e-bigger .e-selectall-parent,
3064
- .e-listbox-container.e-bigger .e-list-group-item,
3065
- .e-listbox-container.e-bigger .e-list-header {
3066
- padding: 12px 16px;
3067
- }
3068
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3069
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3070
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3071
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3072
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3073
- .e-bigger .e-listbox-container .e-selectall-parent,
3074
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3075
- .e-listbox-container.e-bigger .e-selectall-parent {
3076
- height: 45px;
3077
- line-height: 1.6;
3078
- position: relative;
3079
- }
3080
- .e-bigger .e-listbox-wrapper .e-list-parent,
3081
- .e-listbox-wrapper.e-bigger .e-list-parent,
3082
- .e-bigger .e-listbox-container .e-list-parent,
3083
- .e-listbox-container.e-bigger .e-list-parent {
3084
- min-height: 45px;
3085
- }
3086
- .e-bigger .e-listbox-wrapper .e-text-content,
3087
- .e-listbox-wrapper.e-bigger .e-text-content,
3088
- .e-bigger .e-listbox-container .e-text-content,
3089
- .e-listbox-container.e-bigger .e-text-content {
3090
- font-size: 15px;
3091
- }
3092
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3093
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3094
- .e-bigger .e-listbox-container .e-list-group-item,
3095
- .e-listbox-container.e-bigger .e-list-group-item {
3096
- height: 45px;
3097
- line-height: 45px;
3098
- }
3099
- .e-bigger .e-listbox-wrapper .e-list-header,
3100
- .e-listbox-wrapper.e-bigger .e-list-header,
3101
- .e-bigger .e-listbox-container .e-list-header,
3102
- .e-listbox-container.e-bigger .e-list-header {
3103
- -webkit-box-align: center;
3104
- -ms-flex-align: center;
3105
- align-items: center;
3106
- display: -webkit-box;
3107
- display: -ms-flexbox;
3108
- display: flex;
3109
- font-weight: 600;
3110
- height: 45px;
3111
- }
3112
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3113
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3114
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3115
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3116
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3117
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3118
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
3119
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3120
- display: none;
3121
- }
3122
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3123
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3124
- .e-bigger .e-listbox-container .e-list-header .e-text,
3125
- .e-listbox-container.e-bigger .e-list-header .e-text {
3126
- font-size: 15px;
3127
- }
3128
3091
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3129
3092
  .e-listbox-wrapper .e-list-nrt,
3130
3093
  .e-listbox-wrapper .e-selectall-parent,
@@ -3140,34 +3103,11 @@ ejs-listbox {
3140
3103
  position: relative;
3141
3104
  }
3142
3105
 
3143
- .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
3144
- overflow: hidden;
3145
- white-space: nowrap;
3146
- text-overflow: ellipsis;
3147
- }
3148
-
3149
3106
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3150
3107
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3151
3108
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3152
3109
  }
3153
3110
 
3154
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3155
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3156
- }
3157
-
3158
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3159
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3160
- }
3161
-
3162
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3163
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3164
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3165
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3166
- height: 100%;
3167
- }
3168
-
3169
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3170
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3171
3111
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3172
3112
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3173
3113
  }
@@ -3176,24 +3116,10 @@ ejs-listbox {
3176
3116
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3177
3117
  }
3178
3118
 
3179
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3180
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3181
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3182
- }
3183
-
3184
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3185
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3186
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3187
- }
3188
-
3189
3119
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3190
3120
  height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3191
3121
  }
3192
3122
 
3193
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3194
- height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3195
- }
3196
-
3197
3123
  .e-listbox-wrapper,
3198
3124
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3199
3125
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3495,4 +3421,131 @@ ejs-listbox {
3495
3421
 
3496
3422
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3497
3423
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3424
+ }
3425
+
3426
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3427
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3428
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3429
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3430
+ width: 83% !important; /* stylelint-disable-line declaration-no-important */
3431
+ }
3432
+ .e-bigger .e-listbox-wrapper .e-list-item,
3433
+ .e-listbox-wrapper.e-bigger .e-list-item,
3434
+ .e-bigger .e-listbox-container .e-list-item,
3435
+ .e-listbox-container.e-bigger .e-list-item {
3436
+ border-bottom: 2px solid transparent;
3437
+ border-left: 2px solid transparent;
3438
+ border-right: 2px solid transparent;
3439
+ border-top: 2px solid transparent;
3440
+ }
3441
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3442
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3443
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3444
+ .e-bigger .e-listbox-wrapper .e-list-header,
3445
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3446
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3447
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3448
+ .e-listbox-wrapper.e-bigger .e-list-header,
3449
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3450
+ .e-bigger .e-listbox-container .e-selectall-parent,
3451
+ .e-bigger .e-listbox-container .e-list-group-item,
3452
+ .e-bigger .e-listbox-container .e-list-header,
3453
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3454
+ .e-listbox-container.e-bigger .e-selectall-parent,
3455
+ .e-listbox-container.e-bigger .e-list-group-item,
3456
+ .e-listbox-container.e-bigger .e-list-header {
3457
+ padding: 12px 16px;
3458
+ }
3459
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3460
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3461
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3462
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3463
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3464
+ .e-bigger .e-listbox-container .e-selectall-parent,
3465
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3466
+ .e-listbox-container.e-bigger .e-selectall-parent {
3467
+ height: 45px;
3468
+ line-height: 1.6;
3469
+ position: relative;
3470
+ }
3471
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3472
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3473
+ .e-bigger .e-listbox-container .e-list-parent,
3474
+ .e-listbox-container.e-bigger .e-list-parent {
3475
+ min-height: 45px;
3476
+ }
3477
+ .e-bigger .e-listbox-wrapper .e-text-content,
3478
+ .e-listbox-wrapper.e-bigger .e-text-content,
3479
+ .e-bigger .e-listbox-container .e-text-content,
3480
+ .e-listbox-container.e-bigger .e-text-content {
3481
+ font-size: 15px;
3482
+ }
3483
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3484
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3485
+ .e-bigger .e-listbox-container .e-list-group-item,
3486
+ .e-listbox-container.e-bigger .e-list-group-item {
3487
+ height: 45px;
3488
+ line-height: 45px;
3489
+ }
3490
+ .e-bigger .e-listbox-wrapper .e-list-header,
3491
+ .e-listbox-wrapper.e-bigger .e-list-header,
3492
+ .e-bigger .e-listbox-container .e-list-header,
3493
+ .e-listbox-container.e-bigger .e-list-header {
3494
+ -webkit-box-align: center;
3495
+ -ms-flex-align: center;
3496
+ align-items: center;
3497
+ display: -webkit-box;
3498
+ display: -ms-flexbox;
3499
+ display: flex;
3500
+ font-weight: 600;
3501
+ height: 45px;
3502
+ }
3503
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3504
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3505
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3506
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3507
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3508
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3509
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3510
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3511
+ display: none;
3512
+ }
3513
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3514
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3515
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3516
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3517
+ font-size: 15px;
3518
+ }
3519
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3520
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3521
+ }
3522
+
3523
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3524
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3525
+ }
3526
+
3527
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3528
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3529
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3530
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3531
+ height: 100%;
3532
+ }
3533
+
3534
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3535
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3536
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3537
+ }
3538
+
3539
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3540
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3541
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3542
+ }
3543
+
3544
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3545
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3546
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3547
+ }
3548
+
3549
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3550
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3498
3551
  }