@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
package/styles/fabric.css CHANGED
@@ -2,37 +2,10 @@
2
2
  padding: 0 10px 0 0;
3
3
  }
4
4
 
5
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
6
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
7
- padding: 0 12px 0 0;
8
- }
9
-
10
5
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
11
6
  padding: 0 8px 0 0;
12
7
  }
13
8
 
14
- .e-bigger .e-dropdownbase,
15
- .e-dropdownbase.e-bigger {
16
- min-height: 45px;
17
- }
18
- .e-bigger .e-dropdownbase .e-list-item,
19
- .e-dropdownbase.e-bigger .e-list-item {
20
- line-height: 48px;
21
- text-indent: 10px;
22
- }
23
-
24
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
25
- .e-dropdownbase.e-bigger .e-list-group-item,
26
- .e-dropdownbase.e-bigger .e-fixed-head {
27
- line-height: 48px;
28
- text-indent: 10px;
29
- }
30
-
31
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
32
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
33
- font-size: 20px;
34
- }
35
-
36
9
  .e-dropdownbase {
37
10
  display: block;
38
11
  height: 100%;
@@ -132,14 +105,6 @@
132
105
  padding-left: 20px;
133
106
  }
134
107
 
135
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
136
- padding-left: 20px;
137
- }
138
-
139
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
140
- padding-left: 20px;
141
- }
142
-
143
108
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
144
109
  text-indent: 0;
145
110
  }
@@ -169,14 +134,6 @@
169
134
  padding-left: 16px;
170
135
  padding-right: 0;
171
136
  }
172
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
173
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
174
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
175
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
176
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
177
- padding-left: 16px;
178
- padding-right: 0;
179
- }
180
137
  .e-dropdownbase {
181
138
  border-color: rgba(234, 234, 234, 0.25);
182
139
  }
@@ -231,11 +188,6 @@
231
188
  background-color: #f4f4f4;
232
189
  }
233
190
 
234
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
235
- font-size: 14px;
236
- padding-left: 10px;
237
- }
238
-
239
191
  .e-multi-column.e-ddl.e-popup.e-popup-open table {
240
192
  border-collapse: collapse;
241
193
  table-layout: fixed;
@@ -315,33 +267,6 @@
315
267
  font-size: 14px;
316
268
  }
317
269
 
318
- .e-bigger.e-small .e-dropdownbase .e-list-item,
319
- .e-dropdownbase.e-small.e-bigger .e-list-item {
320
- color: #333;
321
- line-height: 40px;
322
- min-height: 40px;
323
- text-indent: 16px;
324
- }
325
-
326
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
327
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
328
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
329
- line-height: 40px;
330
- min-height: 40px;
331
- padding-left: 10px;
332
- }
333
-
334
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
335
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
336
- font-size: 18px;
337
- }
338
-
339
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
340
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
341
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
342
- font-size: 14px;
343
- }
344
-
345
270
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
346
271
  background-color: #fff;
347
272
  border-bottom: 1px;
@@ -374,6 +299,81 @@
374
299
  background-color: #f4f4f4;
375
300
  }
376
301
 
302
+ .e-bigger .e-dropdownbase,
303
+ .e-dropdownbase.e-bigger {
304
+ min-height: 45px;
305
+ }
306
+ .e-bigger .e-dropdownbase .e-list-item,
307
+ .e-dropdownbase.e-bigger .e-list-item {
308
+ line-height: 48px;
309
+ text-indent: 10px;
310
+ }
311
+
312
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
313
+ .e-dropdownbase.e-bigger .e-list-group-item,
314
+ .e-dropdownbase.e-bigger .e-fixed-head {
315
+ line-height: 48px;
316
+ text-indent: 10px;
317
+ }
318
+
319
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
320
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
321
+ font-size: 20px;
322
+ }
323
+
324
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
325
+ padding-left: 20px;
326
+ }
327
+
328
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
329
+ padding-left: 20px;
330
+ }
331
+
332
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
333
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
334
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
335
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
336
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
337
+ padding-left: 16px;
338
+ padding-right: 0;
339
+ }
340
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
341
+ font-size: 14px;
342
+ padding-left: 10px;
343
+ }
344
+
345
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
346
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
347
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
348
+ font-size: 14px;
349
+ }
350
+
351
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
352
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
353
+ color: #333;
354
+ line-height: 40px;
355
+ min-height: 40px;
356
+ text-indent: 16px;
357
+ }
358
+
359
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
360
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
361
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
362
+ line-height: 40px;
363
+ min-height: 40px;
364
+ padding-left: 10px;
365
+ }
366
+
367
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
368
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
369
+ font-size: 18px;
370
+ }
371
+
372
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
373
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
374
+ padding: 0 12px 0 0;
375
+ }
376
+
377
377
  /* stylelint-disable property-no-vendor-prefix */
378
378
  /* stylelint-disable property-no-vendor-prefix */
379
379
  @-webkit-keyframes material-spinner-rotate {
@@ -442,29 +442,6 @@
442
442
  border-right-width: 0;
443
443
  }
444
444
 
445
- .e-bigger .e-popup.e-ddl-device-filter {
446
- margin-top: 0;
447
- }
448
-
449
- .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 {
450
- font-size: 15px;
451
- line-height: 45px;
452
- padding-left: 0;
453
- text-indent: 16px;
454
- }
455
-
456
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
457
- padding-left: 4px;
458
- }
459
-
460
- .e-bigger .e-ddl.e-popup .e-input-group {
461
- padding: 4px 0;
462
- }
463
-
464
- .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
465
- height: 38px;
466
- }
467
-
468
445
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
469
446
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
470
447
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
@@ -473,25 +450,6 @@
473
450
  color: #333;
474
451
  }
475
452
 
476
- .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 {
477
- font-size: 14px;
478
- line-height: 40px;
479
- padding-left: 0;
480
- text-indent: 16px;
481
- }
482
-
483
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
484
- padding-left: 4px;
485
- }
486
-
487
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
488
- padding: 0;
489
- }
490
-
491
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
492
- height: 34px;
493
- }
494
-
495
453
  .e-ddl .e-search-icon::before {
496
454
  content: "\e97d";
497
455
  }
@@ -505,30 +463,6 @@
505
463
  font-family: "e-icons";
506
464
  }
507
465
 
508
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
509
- margin-left: -20px;
510
- }
511
-
512
- .e-bigger .e-ddl.e-popup .e-list-item {
513
- font-size: 15px;
514
- }
515
- .e-bigger .e-ddl.e-popup .e-list-group-item {
516
- font-size: 15px;
517
- }
518
- .e-bigger .e-ddl.e-popup .e-input-group {
519
- padding: 4px 0;
520
- }
521
-
522
- .e-bigger.e-ddl.e-popup .e-list-item {
523
- font-size: 15px;
524
- }
525
- .e-bigger.e-ddl.e-popup .e-list-group-item {
526
- font-size: 15px;
527
- }
528
- .e-bigger.e-ddl.e-popup .e-input-group {
529
- padding: 4px 0;
530
- }
531
-
532
466
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
533
467
  display: block;
534
468
  visibility: hidden;
@@ -719,24 +653,6 @@ ejs-dropdownlist {
719
653
  font-size: 13px;
720
654
  }
721
655
 
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
656
  .e-content-placeholder.e-ddl.e-placeholder-ddl,
741
657
  .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
742
658
  .e-content-placeholder.e-combobox.e-placeholder-combobox {
@@ -744,16 +660,6 @@ ejs-dropdownlist {
744
660
  min-height: 33px;
745
661
  }
746
662
 
747
- .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
748
- .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
749
- .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
750
- .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
751
- .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
752
- .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
753
- background-size: 300px 40px;
754
- min-height: 40px;
755
- }
756
-
757
663
  .e-popup {
758
664
  border-color: #eaeaea;
759
665
  }
@@ -763,21 +669,127 @@ ejs-dropdownlist {
763
669
  color: #333;
764
670
  }
765
671
 
766
- /*! TreeView's fabric theme wise override definitions and variables */
767
- /* stylelint-disable */
768
- /* stylelint-disable */
769
- .e-ddt .e-ddt-icon::before {
770
- content: "\e966";
771
- }
772
- .e-ddt .e-chips-close::before {
773
- content: "\e7a7";
672
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
673
+ border-color: transparent;
674
+ background: none;
774
675
  }
775
676
 
776
- .e-ddt {
777
- cursor: pointer;
778
- outline: none;
677
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
678
+ margin-left: -20px;
779
679
  }
780
- .e-ddt .e-ddt-icon::before {
680
+
681
+ .e-bigger .e-ddl.e-popup .e-list-item {
682
+ font-size: 15px;
683
+ }
684
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
685
+ font-size: 15px;
686
+ }
687
+ .e-bigger .e-ddl.e-popup .e-input-group {
688
+ padding: 4px 0;
689
+ }
690
+
691
+ .e-bigger.e-ddl.e-popup .e-list-item {
692
+ font-size: 15px;
693
+ }
694
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
695
+ font-size: 15px;
696
+ }
697
+ .e-bigger.e-ddl.e-popup .e-input-group {
698
+ padding: 4px 0;
699
+ }
700
+
701
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
702
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
703
+ font-size: 14px;
704
+ }
705
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
706
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
707
+ font-size: 14px;
708
+ }
709
+
710
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
711
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
712
+ font-size: 14px;
713
+ }
714
+ .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
715
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
716
+ font-size: 14px;
717
+ }
718
+
719
+ .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
720
+ .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
721
+ .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
722
+ .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
723
+ .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
724
+ .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
725
+ background-size: 300px 40px;
726
+ min-height: 40px;
727
+ }
728
+
729
+ .e-bigger .e-popup.e-ddl-device-filter {
730
+ margin-top: 0;
731
+ }
732
+
733
+ .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 {
734
+ font-size: 15px;
735
+ line-height: 45px;
736
+ padding-left: 0;
737
+ text-indent: 16px;
738
+ }
739
+
740
+ .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
741
+ padding-left: 4px;
742
+ }
743
+
744
+ .e-bigger .e-ddl.e-popup .e-input-group {
745
+ padding: 4px 0;
746
+ }
747
+
748
+ .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
749
+ height: 38px;
750
+ }
751
+
752
+ .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,
753
+ .e-ddl.e-popup .e-bigger.e-small .e-list-item,
754
+ .e-ddl.e-popup .e-bigger.e-small .e-list-group-item,
755
+ .e-ddl.e-popup .e-bigger.e-small .e-fixed-head {
756
+ font-size: 14px;
757
+ line-height: 40px;
758
+ padding-left: 0;
759
+ text-indent: 16px;
760
+ }
761
+
762
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item,
763
+ .e-ddl.e-popup .e-bigger.e-small .e-dd-group .e-list-item {
764
+ padding-left: 4px;
765
+ }
766
+
767
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group,
768
+ .e-ddl.e-popup .e-bigger.e-small .e-input-group {
769
+ padding: 0;
770
+ }
771
+
772
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input,
773
+ .e-ddl.e-popup .e-bigger.e-small .e-input-group input,
774
+ .e-ddl.e-popup .e-bigger.e-small .e-input-group input.e-input {
775
+ height: 34px;
776
+ }
777
+
778
+ /*! TreeView's fabric theme wise override definitions and variables */
779
+ /* stylelint-disable */
780
+ /* stylelint-disable */
781
+ .e-ddt .e-ddt-icon::before {
782
+ content: "\e966";
783
+ }
784
+ .e-ddt .e-chips-close::before {
785
+ content: "\e7a7";
786
+ }
787
+
788
+ .e-ddt {
789
+ cursor: pointer;
790
+ outline: none;
791
+ }
792
+ .e-ddt .e-ddt-icon::before {
781
793
  -webkit-transform: rotate(0deg);
782
794
  transform: rotate(0deg);
783
795
  -webkit-transition: -webkit-transform 300ms ease;
@@ -1073,6 +1085,38 @@ ejs-dropdownlist {
1073
1085
  display: none;
1074
1086
  }
1075
1087
 
1088
+ .e-ddt .e-chips {
1089
+ background-color: #f4f4f4;
1090
+ }
1091
+ .e-ddt .e-chips .e-chips-close::before {
1092
+ color: #666;
1093
+ }
1094
+ .e-ddt .e-chips > .e-chipcontent {
1095
+ color: #666;
1096
+ }
1097
+ .e-ddt .e-overflow .e-remain {
1098
+ color: #666;
1099
+ }
1100
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1101
+ background-color: #fff;
1102
+ }
1103
+ .e-ddt.e-popup {
1104
+ background: #fff;
1105
+ border-color: #eaeaea;
1106
+ }
1107
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1108
+ color: #333;
1109
+ }
1110
+ .e-ddt.e-popup .e-selectall-parent {
1111
+ border-bottom-color: #eaeaea;
1112
+ }
1113
+ .e-ddt.e-popup .e-selectall-parent:focus {
1114
+ background: #f4f4f4;
1115
+ }
1116
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1117
+ color: rgba(51, 51, 51, 0.87);
1118
+ }
1119
+
1076
1120
  .e-bigger .e-ddt .e-chips,
1077
1121
  .e-ddt.e-bigger .e-chips {
1078
1122
  height: 34px;
@@ -1145,38 +1189,6 @@ ejs-dropdownlist {
1145
1189
  right: auto;
1146
1190
  }
1147
1191
 
1148
- .e-ddt .e-chips {
1149
- background-color: #f4f4f4;
1150
- }
1151
- .e-ddt .e-chips .e-chips-close::before {
1152
- color: #666;
1153
- }
1154
- .e-ddt .e-chips > .e-chipcontent {
1155
- color: #666;
1156
- }
1157
- .e-ddt .e-overflow .e-remain {
1158
- color: #666;
1159
- }
1160
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1161
- background-color: #fff;
1162
- }
1163
- .e-ddt.e-popup {
1164
- background: #fff;
1165
- border-color: #eaeaea;
1166
- }
1167
- .e-ddt.e-popup .e-popup-content.e-no-data {
1168
- color: #333;
1169
- }
1170
- .e-ddt.e-popup .e-selectall-parent {
1171
- border-bottom-color: #eaeaea;
1172
- }
1173
- .e-ddt.e-popup .e-selectall-parent:focus {
1174
- background: #f4f4f4;
1175
- }
1176
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1177
- color: rgba(51, 51, 51, 0.87);
1178
- }
1179
-
1180
1192
  /* stylelint-disable-line no-empty-source */
1181
1193
  /* stylelint-disable-line no-empty-source */
1182
1194
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
@@ -1184,13 +1196,11 @@ ejs-dropdownlist {
1184
1196
  width: 30px;
1185
1197
  }
1186
1198
 
1187
- .e-small .e-multi-select-wrapper .e-chips,
1188
- .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1199
+ .e-small .e-multi-select-wrapper .e-chips {
1189
1200
  padding: 0;
1190
1201
  }
1191
1202
 
1192
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent,
1193
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1203
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1194
1204
  padding: 0 8px;
1195
1205
  }
1196
1206
 
@@ -1380,11 +1390,6 @@ ejs-dropdownlist {
1380
1390
  padding: 0 0 0 48px;
1381
1391
  }
1382
1392
 
1383
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1384
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1385
- margin-top: -3.15em;
1386
- }
1387
-
1388
1393
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1389
1394
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1390
1395
  opacity: 0.7;
@@ -1401,10 +1406,6 @@ ejs-dropdownlist {
1401
1406
  top: 15px;
1402
1407
  }
1403
1408
 
1404
- .e-bigger .e-multi-select-wrapper {
1405
- min-height: 38px;
1406
- }
1407
-
1408
1409
  .e-multi-select-wrapper.e-close-icon-hide {
1409
1410
  padding-right: 0;
1410
1411
  }
@@ -1438,10 +1439,6 @@ ejs-dropdownlist {
1438
1439
  white-space: nowrap;
1439
1440
  }
1440
1441
 
1441
- .e-bigger .e-multi-select-wrapper .e-chips {
1442
- margin: 4px 2px 2px 0;
1443
- }
1444
-
1445
1442
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1446
1443
  max-width: 100%;
1447
1444
  overflow: hidden;
@@ -1456,13 +1453,11 @@ ejs-dropdownlist {
1456
1453
  float: none;
1457
1454
  }
1458
1455
 
1459
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1460
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1456
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1461
1457
  padding: 4px 8px 6px 0;
1462
1458
  }
1463
1459
 
1464
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1465
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1460
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1466
1461
  padding: 6px 0 6px 8px;
1467
1462
  }
1468
1463
 
@@ -1509,16 +1504,6 @@ ejs-dropdownlist {
1509
1504
  right: auto;
1510
1505
  }
1511
1506
 
1512
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1513
- margin-top: -3.5em;
1514
- }
1515
-
1516
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1517
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1518
- margin-top: -3.5em;
1519
- margin-top: -3.2em;
1520
- }
1521
-
1522
1507
  .e-multi-select-wrapper input[type=text] {
1523
1508
  background: none;
1524
1509
  border: 0;
@@ -1550,17 +1535,6 @@ ejs-dropdownlist {
1550
1535
  padding: 5px;
1551
1536
  }
1552
1537
 
1553
- .e-bigger .e-multi-select-wrapper input[type=text],
1554
- .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1555
- height: 28px;
1556
- min-height: 28px;
1557
- }
1558
-
1559
- .e-bigger .e-multi-select-wrapper input[type=text] {
1560
- height: 38px;
1561
- min-height: 38px;
1562
- }
1563
-
1564
1538
  /* stylelint-disable property-no-vendor-prefix */
1565
1539
  .e-multi-select-wrapper input[type=text]::-ms-clear {
1566
1540
  display: none;
@@ -1576,23 +1550,11 @@ ejs-dropdownlist {
1576
1550
  width: calc(100% - 40px);
1577
1551
  }
1578
1552
 
1579
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1580
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1581
- width: calc(100% - 48px);
1582
- }
1583
-
1584
1553
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1585
1554
  .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1586
1555
  width: calc(100% - 40px);
1587
1556
  }
1588
1557
 
1589
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1590
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1591
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1592
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1593
- width: calc(100% - 44px);
1594
- }
1595
-
1596
1558
  .e-multi-select-wrapper .e-delim-values {
1597
1559
  font-family: inherit;
1598
1560
  font-size: 14px;
@@ -1603,11 +1565,6 @@ ejs-dropdownlist {
1603
1565
  vertical-align: middle;
1604
1566
  }
1605
1567
 
1606
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1607
- line-height: 36px;
1608
- padding-left: 10px;
1609
- }
1610
-
1611
1568
  .e-multi-select-list-wrapper .e-hide-listitem,
1612
1569
  .e-multi-select-list-wrapper .e-hide-group-header {
1613
1570
  display: none;
@@ -1734,10 +1691,6 @@ ejs-dropdownlist {
1734
1691
  padding-right: 18px;
1735
1692
  }
1736
1693
 
1737
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1738
- padding-right: 5px;
1739
- }
1740
-
1741
1694
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1742
1695
  bottom: 1px;
1743
1696
  margin-right: 8px;
@@ -1746,18 +1699,6 @@ ejs-dropdownlist {
1746
1699
  vertical-align: middle;
1747
1700
  }
1748
1701
 
1749
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1750
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1751
- bottom: 1px;
1752
- margin-right: 10px;
1753
- }
1754
-
1755
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1756
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1757
- bottom: 1px;
1758
- margin-right: 10px;
1759
- }
1760
-
1761
1702
  .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1762
1703
  margin-left: 12px;
1763
1704
  margin-right: 0;
@@ -1780,18 +1721,6 @@ ejs-dropdownlist {
1780
1721
  padding-right: 10px;
1781
1722
  }
1782
1723
 
1783
- .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 {
1784
- padding-right: 16px;
1785
- }
1786
-
1787
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
1788
- padding-left: 16px;
1789
- }
1790
-
1791
- .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 {
1792
- padding-left: 20px;
1793
- }
1794
-
1795
1724
  .e-multi-select-list-wrapper .e-selectall-parent {
1796
1725
  cursor: pointer;
1797
1726
  display: block;
@@ -1817,13 +1746,6 @@ ejs-dropdownlist {
1817
1746
  font-size: 14px;
1818
1747
  }
1819
1748
 
1820
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
1821
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
1822
- font-size: 14px;
1823
- line-height: 46px;
1824
- text-indent: 17px;
1825
- }
1826
-
1827
1749
  .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1828
1750
  bottom: 1px;
1829
1751
  margin-right: 8px;
@@ -1832,12 +1754,6 @@ ejs-dropdownlist {
1832
1754
  vertical-align: middle;
1833
1755
  }
1834
1756
 
1835
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
1836
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1837
- bottom: 1px;
1838
- margin-right: 10px;
1839
- }
1840
-
1841
1757
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1842
1758
  margin-left: 12px;
1843
1759
  margin-right: 0;
@@ -1862,13 +1778,7 @@ ejs-dropdownlist {
1862
1778
  padding: 8px;
1863
1779
  }
1864
1780
 
1865
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1866
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
1867
- padding: 4px 0;
1868
- }
1869
-
1870
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
1871
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1781
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1872
1782
  padding-left: 8px;
1873
1783
  }
1874
1784
 
@@ -1876,10 +1786,6 @@ ejs-dropdownlist {
1876
1786
  padding: 0;
1877
1787
  }
1878
1788
 
1879
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
1880
- line-height: 36px;
1881
- }
1882
-
1883
1789
  .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1884
1790
  line-height: 20px;
1885
1791
  padding-left: 10px;
@@ -1941,52 +1847,11 @@ ejs-multiselect {
1941
1847
  margin-top: -2.5em;
1942
1848
  }
1943
1849
 
1944
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1945
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1946
- line-height: 40px;
1947
- }
1948
-
1949
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1950
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1951
- margin-top: -2.85em;
1952
- }
1953
-
1954
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1955
- height: 26px;
1956
- width: auto;
1957
- }
1958
-
1959
- .e-bigger.e-small .e-multi-select-wrapper {
1960
- min-height: 26px;
1961
- }
1962
-
1963
- .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
1964
- height: 34px;
1965
- min-height: 34px;
1966
- }
1967
-
1968
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
1969
- font-size: 14px;
1970
- line-height: 34px;
1971
- }
1972
-
1973
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1974
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1975
- margin-top: -3.2em;
1976
- right: 0;
1977
- }
1978
-
1979
1850
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1980
1851
  background-size: 300px 33px;
1981
1852
  min-height: 33px;
1982
1853
  }
1983
1854
 
1984
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
1985
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1986
- background-size: 300px 40px;
1987
- min-height: 40px;
1988
- }
1989
-
1990
1855
  .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1991
1856
  color: inherit;
1992
1857
  }
@@ -2002,24 +1867,11 @@ ejs-multiselect {
2002
1867
  padding: 0 12px 0 8px;
2003
1868
  }
2004
1869
 
2005
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2006
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2007
- padding: 3px 12px 0 4px;
2008
- }
2009
-
2010
- .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2011
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2012
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2013
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2014
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
1870
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2015
1871
  padding: 0;
2016
1872
  }
2017
1873
 
2018
- .e-filled.e-float-input .e-multi-select-wrapper,
2019
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2020
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2021
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2022
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
1874
+ .e-filled.e-float-input .e-multi-select-wrapper {
2023
1875
  padding: 11px 12px 0;
2024
1876
  }
2025
1877
 
@@ -2028,35 +1880,15 @@ ejs-multiselect {
2028
1880
  padding: 12px 12px 0 8px;
2029
1881
  }
2030
1882
 
2031
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2032
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2033
- padding: 19px 12px 0 16px;
2034
- }
2035
-
2036
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2037
- padding-top: 3px;
2038
- }
2039
-
2040
1883
  .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2041
1884
  .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2042
1885
  padding: 0;
2043
1886
  }
2044
1887
 
2045
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2046
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2047
- padding: 5px 0;
2048
- }
2049
-
2050
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2051
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2052
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2053
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2054
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1888
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2055
1889
  height: 28px;
2056
1890
  }
2057
1891
 
2058
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2059
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2060
1892
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2061
1893
  .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2062
1894
  .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
@@ -2065,54 +1897,22 @@ ejs-multiselect {
2065
1897
  height: 24px;
2066
1898
  }
2067
1899
 
2068
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2069
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2070
- height: 32px;
2071
- }
2072
-
2073
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2074
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2075
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2076
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2077
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1900
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2078
1901
  height: 18px;
2079
1902
  }
2080
1903
 
2081
1904
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2082
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2083
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2084
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2085
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2086
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2087
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2088
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2089
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2090
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1905
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2091
1906
  margin: 8px 8px 0 0;
2092
1907
  padding: 0 8px;
2093
1908
  }
2094
1909
 
2095
1910
  .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2096
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2097
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2098
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2099
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2100
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2101
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2102
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2103
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2104
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1911
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2105
1912
  margin: 8px 0 0 8px;
2106
1913
  padding: 0 8px;
2107
1914
  }
2108
1915
 
2109
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2110
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2111
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2112
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2113
- padding-left: 8px;
2114
- }
2115
-
2116
1916
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
2117
1917
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
2118
1918
  height: 16px;
@@ -2125,11 +1925,7 @@ ejs-multiselect {
2125
1925
  margin: 4px 0 0 4px;
2126
1926
  }
2127
1927
 
2128
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2129
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2130
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2131
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2132
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1928
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2133
1929
  font-size: 13px;
2134
1930
  padding: 0 8px 0 0;
2135
1931
  }
@@ -2139,20 +1935,12 @@ ejs-multiselect {
2139
1935
  font-size: 12px;
2140
1936
  }
2141
1937
 
2142
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2143
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2144
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2145
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2146
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1938
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2147
1939
  font-size: 12px;
2148
1940
  padding: 0 4px 0 0;
2149
1941
  }
2150
1942
 
2151
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2152
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2153
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2154
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2155
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1943
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2156
1944
  padding: 0 0 0 4px;
2157
1945
  }
2158
1946
 
@@ -2161,30 +1949,11 @@ ejs-multiselect {
2161
1949
  font-size: 10px;
2162
1950
  }
2163
1951
 
2164
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2165
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2166
- font-size: 13px;
2167
- }
2168
-
2169
1952
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2170
1953
  font-size: 13px;
2171
1954
  padding-right: 4px;
2172
1955
  }
2173
1956
 
2174
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2175
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2176
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2177
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2178
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2179
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2180
- padding: 0 12px;
2181
- }
2182
-
2183
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2184
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2185
- padding-right: 8px;
2186
- }
2187
-
2188
1957
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2189
1958
  .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2190
1959
  height: 38px;
@@ -2281,8 +2050,7 @@ ejs-multiselect {
2281
2050
  color: #fff;
2282
2051
  }
2283
2052
 
2284
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2285
- .e-bigger .e-multi-select-wrapper .e-chips {
2053
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2286
2054
  height: 30px;
2287
2055
  }
2288
2056
 
@@ -2415,25 +2183,321 @@ ejs-multiselect {
2415
2183
  left: 7px;
2416
2184
  }
2417
2185
 
2418
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2419
- left: -35px;
2186
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2187
+ -webkit-text-fill-color: #a6a6a6;
2188
+ color: #a6a6a6;
2420
2189
  }
2421
2190
 
2422
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2191
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2192
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2193
+ margin-top: -3.15em;
2194
+ }
2195
+
2196
+ .e-bigger .e-multi-select-wrapper {
2197
+ min-height: 38px;
2198
+ }
2199
+
2200
+ .e-bigger .e-multi-select-wrapper .e-chips {
2201
+ margin: 4px 2px 2px 0;
2202
+ }
2203
+
2204
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2205
+ padding: 4px 8px 6px 0;
2206
+ }
2207
+
2208
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2209
+ padding: 6px 0 6px 8px;
2210
+ }
2211
+
2212
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2213
+ margin-top: -3.5em;
2214
+ }
2215
+
2216
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2217
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2218
+ margin-top: -3.5em;
2219
+ margin-top: -3.2em;
2220
+ }
2221
+
2222
+ .e-bigger .e-multi-select-wrapper input[type=text],
2223
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2224
+ height: 28px;
2225
+ min-height: 28px;
2226
+ }
2227
+
2228
+ .e-bigger .e-multi-select-wrapper input[type=text] {
2229
+ height: 38px;
2230
+ min-height: 38px;
2231
+ }
2232
+
2233
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2234
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2235
+ width: calc(100% - 48px);
2236
+ }
2237
+
2238
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2239
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2240
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2241
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2242
+ width: calc(100% - 44px);
2243
+ }
2244
+
2245
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
2246
+ line-height: 36px;
2247
+ padding-left: 10px;
2248
+ }
2249
+
2250
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2251
+ padding-right: 5px;
2252
+ }
2253
+
2254
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2255
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2256
+ bottom: 1px;
2257
+ margin-right: 10px;
2258
+ }
2259
+
2260
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2261
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2262
+ bottom: 1px;
2263
+ margin-right: 10px;
2264
+ }
2265
+
2266
+ .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 {
2267
+ padding-right: 16px;
2268
+ }
2269
+
2270
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2271
+ padding-left: 16px;
2272
+ }
2273
+
2274
+ .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 {
2275
+ padding-left: 20px;
2276
+ }
2277
+
2278
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2279
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2280
+ font-size: 14px;
2281
+ line-height: 46px;
2282
+ text-indent: 17px;
2283
+ }
2284
+
2285
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2286
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2287
+ bottom: 1px;
2288
+ margin-right: 10px;
2289
+ }
2290
+
2291
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2292
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2293
+ padding: 4px 0;
2294
+ }
2295
+
2296
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2297
+ padding-left: 8px;
2298
+ }
2299
+
2300
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2301
+ line-height: 36px;
2302
+ }
2303
+
2304
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2305
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2306
+ line-height: 40px;
2307
+ }
2308
+
2309
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2310
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2311
+ margin-top: -2.85em;
2312
+ }
2313
+
2314
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2423
2315
  height: 26px;
2316
+ width: auto;
2424
2317
  }
2425
2318
 
2426
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2319
+ .e-bigger.e-small .e-multi-select-wrapper {
2320
+ min-height: 26px;
2321
+ }
2322
+
2323
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2324
+ height: 34px;
2325
+ min-height: 34px;
2326
+ }
2327
+
2328
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2329
+ font-size: 14px;
2330
+ line-height: 34px;
2331
+ }
2332
+
2333
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2334
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2335
+ margin-top: -3.2em;
2336
+ right: 0;
2337
+ }
2338
+
2339
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2340
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2341
+ background-size: 300px 40px;
2342
+ min-height: 40px;
2343
+ }
2344
+
2345
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2346
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2347
+ padding: 3px 12px 0 4px;
2348
+ }
2349
+
2350
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2351
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2352
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2353
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2354
+ padding: 0;
2355
+ }
2356
+
2357
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2358
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2359
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2360
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2361
+ padding: 11px 12px 0;
2362
+ }
2363
+
2364
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2365
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2366
+ padding: 19px 12px 0 16px;
2367
+ }
2368
+
2369
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2370
+ padding-top: 3px;
2371
+ }
2372
+
2373
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2374
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2375
+ padding: 5px 0;
2376
+ }
2377
+
2378
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2379
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2380
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2381
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2382
+ height: 28px;
2383
+ }
2384
+
2385
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2386
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2387
+ height: 24px;
2388
+ }
2389
+
2390
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2391
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2392
+ height: 32px;
2393
+ }
2394
+
2395
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2396
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2397
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2398
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2399
+ height: 18px;
2400
+ }
2401
+
2402
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2403
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2404
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2405
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2406
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2407
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2408
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2409
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2410
+ margin: 8px 8px 0 0;
2411
+ padding: 0 8px;
2412
+ }
2413
+
2414
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2415
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2416
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2417
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2418
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2419
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2420
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2421
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2422
+ margin: 8px 0 0 8px;
2423
+ padding: 0 8px;
2424
+ }
2425
+
2426
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2427
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2428
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2429
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2430
+ padding-left: 8px;
2431
+ }
2432
+
2433
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2434
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2435
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2436
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2437
+ font-size: 13px;
2438
+ padding: 0 8px 0 0;
2439
+ }
2440
+
2441
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2442
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2443
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2444
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2427
2445
  font-size: 12px;
2446
+ padding: 0 4px 0 0;
2447
+ }
2448
+
2449
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2450
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2451
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2452
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2453
+ padding: 0 0 0 4px;
2454
+ }
2455
+
2456
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2457
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2458
+ font-size: 13px;
2459
+ }
2460
+
2461
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2462
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2463
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2464
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2465
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2466
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2467
+ padding: 0 12px;
2468
+ }
2469
+
2470
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2471
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2472
+ padding-right: 8px;
2428
2473
  }
2429
2474
 
2430
2475
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2431
2476
  font-size: 10px;
2432
2477
  }
2433
2478
 
2434
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2435
- -webkit-text-fill-color: #a6a6a6;
2436
- color: #a6a6a6;
2479
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2480
+ height: 26px;
2481
+ }
2482
+
2483
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2484
+ font-size: 12px;
2485
+ }
2486
+
2487
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2488
+ left: -35px;
2489
+ }
2490
+
2491
+ .e-bigger .e-multi-select-wrapper .e-chips {
2492
+ height: 30px;
2493
+ }
2494
+
2495
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips {
2496
+ padding: 0;
2497
+ }
2498
+
2499
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2500
+ padding: 0 8px;
2437
2501
  }
2438
2502
 
2439
2503
  .e-listbox-tool .e-moveup::before {
@@ -2487,8 +2551,10 @@ ejs-multiselect {
2487
2551
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2488
2552
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
2489
2553
  }
2490
- .e-listbox-wrapper:focus,
2554
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2555
+ .e-listbox-container .e-list-wrap:focus-visible,
2491
2556
  .e-listbox-container:focus,
2557
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2492
2558
  .e-listboxtool-wrapper:focus {
2493
2559
  outline: none;
2494
2560
  }
@@ -2892,99 +2958,6 @@ ejs-listbox {
2892
2958
  margin-left: 15px;
2893
2959
  }
2894
2960
 
2895
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2896
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2897
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2898
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2899
- width: 83% !important; /* stylelint-disable-line declaration-no-important */
2900
- }
2901
- .e-bigger .e-listbox-wrapper .e-list-item,
2902
- .e-listbox-wrapper.e-bigger .e-list-item,
2903
- .e-bigger .e-listbox-container .e-list-item,
2904
- .e-listbox-container.e-bigger .e-list-item {
2905
- border-bottom: 0 solid transparent;
2906
- border-left: 0 solid transparent;
2907
- border-right: 0 solid transparent;
2908
- border-top: 0 solid transparent;
2909
- }
2910
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2911
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
2912
- .e-bigger .e-listbox-wrapper .e-list-group-item,
2913
- .e-bigger .e-listbox-wrapper .e-list-header,
2914
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
2915
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
2916
- .e-listbox-wrapper.e-bigger .e-list-group-item,
2917
- .e-listbox-wrapper.e-bigger .e-list-header,
2918
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
2919
- .e-bigger .e-listbox-container .e-selectall-parent,
2920
- .e-bigger .e-listbox-container .e-list-group-item,
2921
- .e-bigger .e-listbox-container .e-list-header,
2922
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
2923
- .e-listbox-container.e-bigger .e-selectall-parent,
2924
- .e-listbox-container.e-bigger .e-list-group-item,
2925
- .e-listbox-container.e-bigger .e-list-header {
2926
- padding: 12px 16px;
2927
- }
2928
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2929
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
2930
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
2931
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
2932
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
2933
- .e-bigger .e-listbox-container .e-selectall-parent,
2934
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
2935
- .e-listbox-container.e-bigger .e-selectall-parent {
2936
- height: 45px;
2937
- line-height: 1.6;
2938
- position: relative;
2939
- }
2940
- .e-bigger .e-listbox-wrapper .e-list-parent,
2941
- .e-listbox-wrapper.e-bigger .e-list-parent,
2942
- .e-bigger .e-listbox-container .e-list-parent,
2943
- .e-listbox-container.e-bigger .e-list-parent {
2944
- min-height: 45px;
2945
- }
2946
- .e-bigger .e-listbox-wrapper .e-text-content,
2947
- .e-listbox-wrapper.e-bigger .e-text-content,
2948
- .e-bigger .e-listbox-container .e-text-content,
2949
- .e-listbox-container.e-bigger .e-text-content {
2950
- font-size: 15px;
2951
- }
2952
- .e-bigger .e-listbox-wrapper .e-list-group-item,
2953
- .e-listbox-wrapper.e-bigger .e-list-group-item,
2954
- .e-bigger .e-listbox-container .e-list-group-item,
2955
- .e-listbox-container.e-bigger .e-list-group-item {
2956
- height: 45px;
2957
- line-height: 45px;
2958
- }
2959
- .e-bigger .e-listbox-wrapper .e-list-header,
2960
- .e-listbox-wrapper.e-bigger .e-list-header,
2961
- .e-bigger .e-listbox-container .e-list-header,
2962
- .e-listbox-container.e-bigger .e-list-header {
2963
- -webkit-box-align: center;
2964
- -ms-flex-align: center;
2965
- align-items: center;
2966
- display: -webkit-box;
2967
- display: -ms-flexbox;
2968
- display: flex;
2969
- font-weight: 600;
2970
- height: 45px;
2971
- }
2972
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
2973
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2974
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2975
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
2976
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
2977
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2978
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
2979
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
2980
- display: none;
2981
- }
2982
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
2983
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
2984
- .e-bigger .e-listbox-container .e-list-header .e-text,
2985
- .e-listbox-container.e-bigger .e-list-header .e-text {
2986
- font-size: 15px;
2987
- }
2988
2961
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2989
2962
  .e-listbox-wrapper .e-list-nrt,
2990
2963
  .e-listbox-wrapper .e-selectall-parent,
@@ -3000,34 +2973,11 @@ ejs-listbox {
3000
2973
  position: relative;
3001
2974
  }
3002
2975
 
3003
- .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
3004
- overflow: hidden;
3005
- white-space: nowrap;
3006
- text-overflow: ellipsis;
3007
- }
3008
-
3009
2976
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3010
2977
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3011
2978
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3012
2979
  }
3013
2980
 
3014
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3015
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3016
- }
3017
-
3018
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3019
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3020
- }
3021
-
3022
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3023
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3024
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3025
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3026
- height: 100%;
3027
- }
3028
-
3029
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3030
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3031
2981
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3032
2982
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3033
2983
  }
@@ -3036,24 +2986,10 @@ ejs-listbox {
3036
2986
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3037
2987
  }
3038
2988
 
3039
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3040
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3041
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3042
- }
3043
-
3044
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3045
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3046
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3047
- }
3048
-
3049
2989
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3050
2990
  height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3051
2991
  }
3052
2992
 
3053
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3054
- height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3055
- }
3056
-
3057
2993
  .e-listbox-wrapper,
3058
2994
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3059
2995
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3355,4 +3291,131 @@ ejs-listbox {
3355
3291
 
3356
3292
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3357
3293
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3294
+ }
3295
+
3296
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3297
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3298
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3299
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3300
+ width: 83% !important; /* stylelint-disable-line declaration-no-important */
3301
+ }
3302
+ .e-bigger .e-listbox-wrapper .e-list-item,
3303
+ .e-listbox-wrapper.e-bigger .e-list-item,
3304
+ .e-bigger .e-listbox-container .e-list-item,
3305
+ .e-listbox-container.e-bigger .e-list-item {
3306
+ border-bottom: 0 solid transparent;
3307
+ border-left: 0 solid transparent;
3308
+ border-right: 0 solid transparent;
3309
+ border-top: 0 solid transparent;
3310
+ }
3311
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3312
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3313
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3314
+ .e-bigger .e-listbox-wrapper .e-list-header,
3315
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3316
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3317
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3318
+ .e-listbox-wrapper.e-bigger .e-list-header,
3319
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3320
+ .e-bigger .e-listbox-container .e-selectall-parent,
3321
+ .e-bigger .e-listbox-container .e-list-group-item,
3322
+ .e-bigger .e-listbox-container .e-list-header,
3323
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3324
+ .e-listbox-container.e-bigger .e-selectall-parent,
3325
+ .e-listbox-container.e-bigger .e-list-group-item,
3326
+ .e-listbox-container.e-bigger .e-list-header {
3327
+ padding: 12px 16px;
3328
+ }
3329
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3330
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3331
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3332
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3333
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3334
+ .e-bigger .e-listbox-container .e-selectall-parent,
3335
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3336
+ .e-listbox-container.e-bigger .e-selectall-parent {
3337
+ height: 45px;
3338
+ line-height: 1.6;
3339
+ position: relative;
3340
+ }
3341
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3342
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3343
+ .e-bigger .e-listbox-container .e-list-parent,
3344
+ .e-listbox-container.e-bigger .e-list-parent {
3345
+ min-height: 45px;
3346
+ }
3347
+ .e-bigger .e-listbox-wrapper .e-text-content,
3348
+ .e-listbox-wrapper.e-bigger .e-text-content,
3349
+ .e-bigger .e-listbox-container .e-text-content,
3350
+ .e-listbox-container.e-bigger .e-text-content {
3351
+ font-size: 15px;
3352
+ }
3353
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3354
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3355
+ .e-bigger .e-listbox-container .e-list-group-item,
3356
+ .e-listbox-container.e-bigger .e-list-group-item {
3357
+ height: 45px;
3358
+ line-height: 45px;
3359
+ }
3360
+ .e-bigger .e-listbox-wrapper .e-list-header,
3361
+ .e-listbox-wrapper.e-bigger .e-list-header,
3362
+ .e-bigger .e-listbox-container .e-list-header,
3363
+ .e-listbox-container.e-bigger .e-list-header {
3364
+ -webkit-box-align: center;
3365
+ -ms-flex-align: center;
3366
+ align-items: center;
3367
+ display: -webkit-box;
3368
+ display: -ms-flexbox;
3369
+ display: flex;
3370
+ font-weight: 600;
3371
+ height: 45px;
3372
+ }
3373
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3374
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3375
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3376
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3377
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3378
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3379
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3380
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3381
+ display: none;
3382
+ }
3383
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3384
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3385
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3386
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3387
+ font-size: 15px;
3388
+ }
3389
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3390
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3391
+ }
3392
+
3393
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3394
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3395
+ }
3396
+
3397
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3398
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3399
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3400
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3401
+ height: 100%;
3402
+ }
3403
+
3404
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3405
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3406
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3407
+ }
3408
+
3409
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3410
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3411
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3412
+ }
3413
+
3414
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3415
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3416
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3417
+ }
3418
+
3419
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3420
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3358
3421
  }