@syncfusion/ej2-dropdowns 26.2.11 → 27.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (438) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +1548 -851
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1441 -721
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +15 -13
  12. package/src/auto-complete/auto-complete-model.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.d.ts +2 -0
  14. package/src/auto-complete/auto-complete.js +52 -22
  15. package/src/combo-box/combo-box-model.d.ts +12 -5
  16. package/src/combo-box/combo-box.d.ts +10 -4
  17. package/src/combo-box/combo-box.js +74 -39
  18. package/src/common/incremental-search.d.ts +26 -11
  19. package/src/common/incremental-search.js +30 -16
  20. package/src/common/interface.d.ts +5 -5
  21. package/src/common/virtual-scroll.js +69 -36
  22. package/src/drop-down-base/drop-down-base-model.d.ts +1 -1
  23. package/src/drop-down-base/drop-down-base.d.ts +6 -2
  24. package/src/drop-down-base/drop-down-base.js +100 -67
  25. package/src/drop-down-list/drop-down-list-model.d.ts +14 -7
  26. package/src/drop-down-list/drop-down-list.d.ts +12 -4
  27. package/src/drop-down-list/drop-down-list.js +302 -177
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +19 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +26 -2
  30. package/src/drop-down-tree/drop-down-tree.js +207 -69
  31. package/src/list-box/list-box.js +72 -36
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +88 -25
  34. package/src/multi-select/checkbox-selection.js +3 -2
  35. package/src/multi-select/interface.d.ts +1 -0
  36. package/src/multi-select/multi-select-model.d.ts +15 -8
  37. package/src/multi-select/multi-select.d.ts +15 -5
  38. package/src/multi-select/multi-select.js +444 -237
  39. package/styles/auto-complete/bootstrap-dark.css +0 -50
  40. package/styles/auto-complete/bootstrap.css +0 -50
  41. package/styles/auto-complete/bootstrap4.css +0 -68
  42. package/styles/auto-complete/bootstrap5-dark.css +0 -54
  43. package/styles/auto-complete/bootstrap5.3.css +101 -0
  44. package/styles/auto-complete/bootstrap5.3.scss +4 -0
  45. package/styles/auto-complete/bootstrap5.css +0 -54
  46. package/styles/auto-complete/fabric-dark.css +0 -49
  47. package/styles/auto-complete/fabric.css +0 -42
  48. package/styles/auto-complete/fluent-dark.css +0 -41
  49. package/styles/auto-complete/fluent.css +0 -41
  50. package/styles/auto-complete/fluent2.css +1 -36
  51. package/styles/auto-complete/highcontrast-light.css +0 -37
  52. package/styles/auto-complete/highcontrast.css +0 -37
  53. package/styles/auto-complete/material-dark.css +0 -34
  54. package/styles/auto-complete/material.css +0 -55
  55. package/styles/auto-complete/material3-dark.css +0 -59
  56. package/styles/auto-complete/material3.css +0 -59
  57. package/styles/auto-complete/tailwind-dark.css +0 -35
  58. package/styles/auto-complete/tailwind.css +0 -35
  59. package/styles/bootstrap-dark-lite.css +2752 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +651 -604
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2751 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +657 -610
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2856 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +828 -755
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2827 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -651
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2827 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2821 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3552 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -651
  82. package/styles/bootstrap5.scss +6 -1
  83. package/styles/combo-box/bootstrap-dark.css +0 -50
  84. package/styles/combo-box/bootstrap.css +0 -50
  85. package/styles/combo-box/bootstrap4.css +0 -68
  86. package/styles/combo-box/bootstrap5-dark.css +0 -54
  87. package/styles/combo-box/bootstrap5.3.css +101 -0
  88. package/styles/combo-box/bootstrap5.3.scss +4 -0
  89. package/styles/combo-box/bootstrap5.css +0 -54
  90. package/styles/combo-box/fabric-dark.css +0 -49
  91. package/styles/combo-box/fabric.css +0 -42
  92. package/styles/combo-box/fluent-dark.css +0 -41
  93. package/styles/combo-box/fluent.css +0 -41
  94. package/styles/combo-box/fluent2.css +1 -36
  95. package/styles/combo-box/highcontrast-light.css +0 -37
  96. package/styles/combo-box/highcontrast.css +0 -37
  97. package/styles/combo-box/material-dark.css +0 -34
  98. package/styles/combo-box/material.css +0 -55
  99. package/styles/combo-box/material3-dark.css +0 -59
  100. package/styles/combo-box/material3.css +0 -59
  101. package/styles/combo-box/tailwind-dark.css +0 -35
  102. package/styles/combo-box/tailwind.css +0 -35
  103. package/styles/drop-down-base/_bds-definition.scss +0 -22
  104. package/styles/drop-down-base/_bigger.scss +195 -0
  105. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -5
  106. package/styles/drop-down-base/_bootstrap-definition.scss +0 -5
  107. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -9
  108. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -19
  109. package/styles/drop-down-base/_bootstrap5.3-definition.scss +2 -21
  110. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -5
  111. package/styles/drop-down-base/_fabric-definition.scss +0 -5
  112. package/styles/drop-down-base/_fluent-definition.scss +0 -19
  113. package/styles/drop-down-base/_fluent2-definition.scss +2 -23
  114. package/styles/drop-down-base/_fusionnew-definition.scss +0 -19
  115. package/styles/drop-down-base/_highcontrast-definition.scss +0 -9
  116. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -9
  117. package/styles/drop-down-base/_layout.scss +1 -57
  118. package/styles/drop-down-base/_material-dark-definition.scss +0 -4
  119. package/styles/drop-down-base/_material-definition.scss +0 -4
  120. package/styles/drop-down-base/_material3-definition.scss +0 -3
  121. package/styles/drop-down-base/_tailwind-definition.scss +0 -22
  122. package/styles/drop-down-base/_theme.scss +10 -91
  123. package/styles/drop-down-base/bootstrap-dark.css +75 -75
  124. package/styles/drop-down-base/bootstrap-dark.scss +1 -0
  125. package/styles/drop-down-base/bootstrap.css +75 -75
  126. package/styles/drop-down-base/bootstrap.scss +1 -0
  127. package/styles/drop-down-base/bootstrap4.css +79 -79
  128. package/styles/drop-down-base/bootstrap4.scss +1 -0
  129. package/styles/drop-down-base/bootstrap5-dark.css +89 -89
  130. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  131. package/styles/drop-down-base/bootstrap5.3.css +411 -0
  132. package/styles/drop-down-base/bootstrap5.3.scss +4 -0
  133. package/styles/drop-down-base/bootstrap5.css +89 -89
  134. package/styles/drop-down-base/bootstrap5.scss +1 -0
  135. package/styles/drop-down-base/fabric-dark.css +75 -75
  136. package/styles/drop-down-base/fabric-dark.scss +1 -0
  137. package/styles/drop-down-base/fabric.css +75 -75
  138. package/styles/drop-down-base/fabric.scss +1 -0
  139. package/styles/drop-down-base/fluent-dark.css +101 -101
  140. package/styles/drop-down-base/fluent-dark.scss +1 -0
  141. package/styles/drop-down-base/fluent.css +101 -101
  142. package/styles/drop-down-base/fluent.scss +1 -0
  143. package/styles/drop-down-base/fluent2.css +97 -95
  144. package/styles/drop-down-base/fluent2.scss +1 -0
  145. package/styles/drop-down-base/highcontrast-light.css +75 -77
  146. package/styles/drop-down-base/highcontrast-light.scss +1 -0
  147. package/styles/drop-down-base/highcontrast.css +75 -77
  148. package/styles/drop-down-base/highcontrast.scss +1 -0
  149. package/styles/drop-down-base/material-dark.css +74 -74
  150. package/styles/drop-down-base/material-dark.scss +1 -0
  151. package/styles/drop-down-base/material.css +74 -74
  152. package/styles/drop-down-base/material.scss +1 -0
  153. package/styles/drop-down-base/material3-dark.css +74 -74
  154. package/styles/drop-down-base/material3-dark.scss +1 -0
  155. package/styles/drop-down-base/material3.css +74 -74
  156. package/styles/drop-down-base/material3.scss +1 -0
  157. package/styles/drop-down-base/tailwind-dark.css +135 -135
  158. package/styles/drop-down-base/tailwind-dark.scss +1 -0
  159. package/styles/drop-down-base/tailwind.css +135 -135
  160. package/styles/drop-down-base/tailwind.scss +1 -0
  161. package/styles/drop-down-list/_bds-definition.scss +0 -34
  162. package/styles/drop-down-list/_bigger.scss +713 -0
  163. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -64
  164. package/styles/drop-down-list/_bootstrap-definition.scss +0 -64
  165. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -81
  166. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -67
  167. package/styles/drop-down-list/_bootstrap5.3-definition.scss +1 -67
  168. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -57
  169. package/styles/drop-down-list/_fabric-definition.scss +0 -56
  170. package/styles/drop-down-list/_fluent-definition.scss +0 -57
  171. package/styles/drop-down-list/_fluent2-definition.scss +2 -35
  172. package/styles/drop-down-list/_fusionnew-definition.scss +0 -67
  173. package/styles/drop-down-list/_highcontrast-definition.scss +0 -60
  174. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -60
  175. package/styles/drop-down-list/_layout.scss +4 -82
  176. package/styles/drop-down-list/_material-dark-definition.scss +0 -33
  177. package/styles/drop-down-list/_material-definition.scss +0 -55
  178. package/styles/drop-down-list/_material3-definition.scss +0 -58
  179. package/styles/drop-down-list/_tailwind-definition.scss +0 -34
  180. package/styles/drop-down-list/_theme.scss +7 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +90 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +90 -91
  184. package/styles/drop-down-list/bootstrap.scss +1 -0
  185. package/styles/drop-down-list/bootstrap4.css +105 -105
  186. package/styles/drop-down-list/bootstrap4.scss +1 -0
  187. package/styles/drop-down-list/bootstrap5-dark.css +87 -101
  188. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  189. package/styles/drop-down-list/bootstrap5.3.css +481 -0
  190. package/styles/drop-down-list/bootstrap5.3.scss +10 -0
  191. package/styles/drop-down-list/bootstrap5.css +87 -101
  192. package/styles/drop-down-list/bootstrap5.scss +1 -0
  193. package/styles/drop-down-list/fabric-dark.css +89 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +89 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +73 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +73 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +76 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +78 -80
  204. package/styles/drop-down-list/highcontrast-light.scss +1 -0
  205. package/styles/drop-down-list/highcontrast.css +79 -80
  206. package/styles/drop-down-list/highcontrast.scss +1 -0
  207. package/styles/drop-down-list/material-dark.css +73 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +94 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +98 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +98 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +95 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +95 -78
  218. package/styles/drop-down-list/tailwind.scss +1 -0
  219. package/styles/drop-down-tree/_bigger.scss +522 -0
  220. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +5 -5
  221. package/styles/drop-down-tree/_fluent2-definition.scss +5 -3
  222. package/styles/drop-down-tree/_layout.scss +15 -491
  223. package/styles/drop-down-tree/_theme.scss +16 -4
  224. package/styles/drop-down-tree/bootstrap-dark.css +32 -37
  225. package/styles/drop-down-tree/bootstrap-dark.scss +1 -0
  226. package/styles/drop-down-tree/bootstrap.css +32 -37
  227. package/styles/drop-down-tree/bootstrap.scss +1 -0
  228. package/styles/drop-down-tree/bootstrap4.css +38 -47
  229. package/styles/drop-down-tree/bootstrap4.scss +1 -0
  230. package/styles/drop-down-tree/bootstrap5-dark.css +36 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +460 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +36 -55
  235. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  236. package/styles/drop-down-tree/fabric-dark.css +32 -37
  237. package/styles/drop-down-tree/fabric-dark.scss +1 -0
  238. package/styles/drop-down-tree/fabric.css +32 -37
  239. package/styles/drop-down-tree/fabric.scss +1 -0
  240. package/styles/drop-down-tree/fluent-dark.css +32 -51
  241. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  242. package/styles/drop-down-tree/fluent.css +32 -51
  243. package/styles/drop-down-tree/fluent.scss +1 -0
  244. package/styles/drop-down-tree/fluent2.css +38 -53
  245. package/styles/drop-down-tree/fluent2.scss +1 -0
  246. package/styles/drop-down-tree/highcontrast-light.css +32 -39
  247. package/styles/drop-down-tree/highcontrast-light.scss +1 -0
  248. package/styles/drop-down-tree/highcontrast.css +41 -48
  249. package/styles/drop-down-tree/highcontrast.scss +1 -0
  250. package/styles/drop-down-tree/material-dark.css +32 -36
  251. package/styles/drop-down-tree/material-dark.scss +1 -0
  252. package/styles/drop-down-tree/material.css +32 -36
  253. package/styles/drop-down-tree/material.scss +1 -0
  254. package/styles/drop-down-tree/material3-dark.css +33 -37
  255. package/styles/drop-down-tree/material3-dark.scss +1 -0
  256. package/styles/drop-down-tree/material3.css +33 -37
  257. package/styles/drop-down-tree/material3.scss +1 -0
  258. package/styles/drop-down-tree/tailwind-dark.css +51 -73
  259. package/styles/drop-down-tree/tailwind-dark.scss +1 -0
  260. package/styles/drop-down-tree/tailwind.css +51 -73
  261. package/styles/drop-down-tree/tailwind.scss +1 -0
  262. package/styles/fabric-dark-lite.css +2730 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +657 -604
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2731 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +667 -607
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2866 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +703 -678
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2866 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +703 -678
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3050 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +739 -672
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2847 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +652 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2870 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +670 -619
  289. package/styles/highcontrast.scss +6 -1
  290. package/styles/list-box/_bigger.scss +173 -0
  291. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  292. package/styles/list-box/_bootstrap5.3-definition.scss +17 -14
  293. package/styles/list-box/_fluent2-definition.scss +2 -0
  294. package/styles/list-box/_layout.scss +15 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +121 -129
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +127 -135
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +171 -183
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +127 -149
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +950 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +127 -149
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +121 -129
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +127 -135
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +127 -149
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +127 -149
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +121 -156
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +121 -131
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +127 -137
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +121 -128
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +127 -134
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +121 -128
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +121 -128
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +137 -162
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +137 -162
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3513 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1265 -1157
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3545 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1305 -1197
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3459 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1614 -1248
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3461 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1614 -1248
  349. package/styles/material3.scss +6 -1
  350. package/styles/mention/bootstrap-dark.css +0 -5
  351. package/styles/mention/bootstrap.css +0 -5
  352. package/styles/mention/bootstrap4.css +0 -9
  353. package/styles/mention/bootstrap5-dark.css +0 -19
  354. package/styles/mention/bootstrap5.3.css +67 -0
  355. package/styles/mention/bootstrap5.3.scss +6 -0
  356. package/styles/mention/bootstrap5.css +0 -19
  357. package/styles/mention/fabric-dark.css +0 -5
  358. package/styles/mention/fabric.css +0 -5
  359. package/styles/mention/fluent-dark.css +0 -19
  360. package/styles/mention/fluent.css +0 -19
  361. package/styles/mention/fluent2.css +0 -22
  362. package/styles/mention/highcontrast-light.css +0 -7
  363. package/styles/mention/highcontrast.css +0 -7
  364. package/styles/mention/material-dark.css +0 -4
  365. package/styles/mention/material.css +0 -4
  366. package/styles/mention/material3-dark.css +0 -4
  367. package/styles/mention/material3.css +0 -4
  368. package/styles/mention/tailwind-dark.css +0 -22
  369. package/styles/mention/tailwind.css +0 -22
  370. package/styles/multi-select/_bds-definition.scss +0 -5
  371. package/styles/multi-select/_bigger.scss +2002 -0
  372. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -9
  373. package/styles/multi-select/_bootstrap-definition.scss +0 -9
  374. package/styles/multi-select/_bootstrap4-definition.scss +0 -44
  375. package/styles/multi-select/_bootstrap5-definition.scss +0 -5
  376. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -5
  377. package/styles/multi-select/_fabric-dark-definition.scss +2 -4
  378. package/styles/multi-select/_fabric-definition.scss +2 -4
  379. package/styles/multi-select/_fluent-definition.scss +0 -10
  380. package/styles/multi-select/_fluent2-definition.scss +2 -5
  381. package/styles/multi-select/_fusionnew-definition.scss +0 -5
  382. package/styles/multi-select/_highcontrast-definition.scss +1 -2
  383. package/styles/multi-select/_highcontrast-light-definition.scss +1 -2
  384. package/styles/multi-select/_layout.scss +33 -934
  385. package/styles/multi-select/_tailwind-definition.scss +0 -5
  386. package/styles/multi-select/_theme.scss +13 -34
  387. package/styles/multi-select/bootstrap-dark.css +314 -273
  388. package/styles/multi-select/bootstrap-dark.scss +1 -0
  389. package/styles/multi-select/bootstrap.css +314 -273
  390. package/styles/multi-select/bootstrap.scss +1 -0
  391. package/styles/multi-select/bootstrap4.css +405 -347
  392. package/styles/multi-select/bootstrap4.scss +1 -0
  393. package/styles/multi-select/bootstrap5-dark.css +350 -320
  394. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  395. package/styles/multi-select/bootstrap5.3.css +1424 -0
  396. package/styles/multi-select/bootstrap5.3.scss +10 -0
  397. package/styles/multi-select/bootstrap5.css +350 -320
  398. package/styles/multi-select/bootstrap5.scss +1 -0
  399. package/styles/multi-select/fabric-dark.css +320 -273
  400. package/styles/multi-select/fabric-dark.scss +1 -0
  401. package/styles/multi-select/fabric.css +320 -273
  402. package/styles/multi-select/fabric.scss +1 -0
  403. package/styles/multi-select/fluent-dark.css +366 -361
  404. package/styles/multi-select/fluent-dark.scss +1 -0
  405. package/styles/multi-select/fluent.css +366 -361
  406. package/styles/multi-select/fluent.scss +1 -0
  407. package/styles/multi-select/fluent2.css +399 -355
  408. package/styles/multi-select/fluent2.scss +1 -0
  409. package/styles/multi-select/highcontrast-light.css +321 -278
  410. package/styles/multi-select/highcontrast-light.scss +1 -0
  411. package/styles/multi-select/highcontrast.css +321 -278
  412. package/styles/multi-select/highcontrast.scss +1 -0
  413. package/styles/multi-select/icons/_bootstrap4.scss +0 -9
  414. package/styles/multi-select/icons/_fluent.scss +0 -21
  415. package/styles/multi-select/icons/_fluent2.scss +5 -354
  416. package/styles/multi-select/icons/_material-dark.scss +5 -354
  417. package/styles/multi-select/icons/_material.scss +5 -354
  418. package/styles/multi-select/icons/_material3.scss +5 -354
  419. package/styles/multi-select/material-dark.css +960 -857
  420. package/styles/multi-select/material-dark.scss +1 -0
  421. package/styles/multi-select/material.css +960 -857
  422. package/styles/multi-select/material.scss +1 -0
  423. package/styles/multi-select/material3-dark.css +1277 -916
  424. package/styles/multi-select/material3-dark.scss +1 -0
  425. package/styles/multi-select/material3.css +1277 -916
  426. package/styles/multi-select/material3.scss +1 -0
  427. package/styles/multi-select/tailwind-dark.css +351 -327
  428. package/styles/multi-select/tailwind-dark.scss +1 -0
  429. package/styles/multi-select/tailwind.css +351 -327
  430. package/styles/multi-select/tailwind.scss +1 -0
  431. package/styles/tailwind-dark-lite.css +2813 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +930 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2813 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +930 -848
  438. package/styles/tailwind.scss +6 -1
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,19 +669,124 @@ 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";
672
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
673
+ border-color: transparent;
771
674
  }
772
- .e-ddt .e-chips-close::before {
773
- content: "\e7a7";
675
+
676
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
677
+ margin-left: -20px;
774
678
  }
775
679
 
776
- .e-ddt {
777
- cursor: pointer;
778
- outline: none;
680
+ .e-bigger .e-ddl.e-popup .e-list-item {
681
+ font-size: 15px;
682
+ }
683
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
684
+ font-size: 15px;
685
+ }
686
+ .e-bigger .e-ddl.e-popup .e-input-group {
687
+ padding: 4px 0;
688
+ }
689
+
690
+ .e-bigger.e-ddl.e-popup .e-list-item {
691
+ font-size: 15px;
692
+ }
693
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
694
+ font-size: 15px;
695
+ }
696
+ .e-bigger.e-ddl.e-popup .e-input-group {
697
+ padding: 4px 0;
698
+ }
699
+
700
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
701
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
702
+ font-size: 14px;
703
+ }
704
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
705
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
706
+ font-size: 14px;
707
+ }
708
+
709
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
710
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
711
+ font-size: 14px;
712
+ }
713
+ .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
714
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
715
+ font-size: 14px;
716
+ }
717
+
718
+ .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
719
+ .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
720
+ .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
721
+ .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
722
+ .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
723
+ .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
724
+ background-size: 300px 40px;
725
+ min-height: 40px;
726
+ }
727
+
728
+ .e-bigger .e-popup.e-ddl-device-filter {
729
+ margin-top: 0;
730
+ }
731
+
732
+ .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 {
733
+ font-size: 15px;
734
+ line-height: 45px;
735
+ padding-left: 0;
736
+ text-indent: 16px;
737
+ }
738
+
739
+ .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
740
+ padding-left: 4px;
741
+ }
742
+
743
+ .e-bigger .e-ddl.e-popup .e-input-group {
744
+ padding: 4px 0;
745
+ }
746
+
747
+ .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
748
+ height: 38px;
749
+ }
750
+
751
+ .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,
752
+ .e-ddl.e-popup .e-bigger.e-small .e-list-item,
753
+ .e-ddl.e-popup .e-bigger.e-small .e-list-group-item,
754
+ .e-ddl.e-popup .e-bigger.e-small .e-fixed-head {
755
+ font-size: 14px;
756
+ line-height: 40px;
757
+ padding-left: 0;
758
+ text-indent: 16px;
759
+ }
760
+
761
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item,
762
+ .e-ddl.e-popup .e-bigger.e-small .e-dd-group .e-list-item {
763
+ padding-left: 4px;
764
+ }
765
+
766
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group,
767
+ .e-ddl.e-popup .e-bigger.e-small .e-input-group {
768
+ padding: 0;
769
+ }
770
+
771
+ .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,
772
+ .e-ddl.e-popup .e-bigger.e-small .e-input-group input,
773
+ .e-ddl.e-popup .e-bigger.e-small .e-input-group input.e-input {
774
+ height: 34px;
775
+ }
776
+
777
+ /*! TreeView's fabric theme wise override definitions and variables */
778
+ /* stylelint-disable */
779
+ /* stylelint-disable */
780
+ .e-ddt .e-ddt-icon::before {
781
+ content: "\e966";
782
+ }
783
+ .e-ddt .e-chips-close::before {
784
+ content: "\e7a7";
785
+ }
786
+
787
+ .e-ddt {
788
+ cursor: pointer;
789
+ outline: none;
779
790
  }
780
791
  .e-ddt .e-ddt-icon::before {
781
792
  -webkit-transform: rotate(0deg);
@@ -1073,6 +1084,38 @@ ejs-dropdownlist {
1073
1084
  display: none;
1074
1085
  }
1075
1086
 
1087
+ .e-ddt .e-chips {
1088
+ background-color: #f4f4f4;
1089
+ }
1090
+ .e-ddt .e-chips .e-chips-close::before {
1091
+ color: #666;
1092
+ }
1093
+ .e-ddt .e-chips > .e-chipcontent {
1094
+ color: #666;
1095
+ }
1096
+ .e-ddt .e-overflow .e-remain {
1097
+ color: #666;
1098
+ }
1099
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1100
+ background-color: #fff;
1101
+ }
1102
+ .e-ddt.e-popup {
1103
+ background: #fff;
1104
+ border-color: #eaeaea;
1105
+ }
1106
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1107
+ color: #333;
1108
+ }
1109
+ .e-ddt.e-popup .e-selectall-parent {
1110
+ border-bottom-color: #eaeaea;
1111
+ }
1112
+ .e-ddt.e-popup .e-selectall-parent:focus {
1113
+ background: #f4f4f4;
1114
+ }
1115
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1116
+ color: rgba(51, 51, 51, 0.87);
1117
+ }
1118
+
1076
1119
  .e-bigger .e-ddt .e-chips,
1077
1120
  .e-ddt.e-bigger .e-chips {
1078
1121
  height: 34px;
@@ -1145,38 +1188,6 @@ ejs-dropdownlist {
1145
1188
  right: auto;
1146
1189
  }
1147
1190
 
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
1191
  /* stylelint-disable-line no-empty-source */
1181
1192
  /* stylelint-disable-line no-empty-source */
1182
1193
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
@@ -1184,13 +1195,11 @@ ejs-dropdownlist {
1184
1195
  width: 30px;
1185
1196
  }
1186
1197
 
1187
- .e-small .e-multi-select-wrapper .e-chips,
1188
- .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1198
+ .e-small .e-multi-select-wrapper .e-chips {
1189
1199
  padding: 0;
1190
1200
  }
1191
1201
 
1192
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent,
1193
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1202
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1194
1203
  padding: 0 8px;
1195
1204
  }
1196
1205
 
@@ -1380,11 +1389,6 @@ ejs-dropdownlist {
1380
1389
  padding: 0 0 0 48px;
1381
1390
  }
1382
1391
 
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
1392
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1389
1393
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1390
1394
  opacity: 0.7;
@@ -1401,10 +1405,6 @@ ejs-dropdownlist {
1401
1405
  top: 15px;
1402
1406
  }
1403
1407
 
1404
- .e-bigger .e-multi-select-wrapper {
1405
- min-height: 38px;
1406
- }
1407
-
1408
1408
  .e-multi-select-wrapper.e-close-icon-hide {
1409
1409
  padding-right: 0;
1410
1410
  }
@@ -1438,10 +1438,6 @@ ejs-dropdownlist {
1438
1438
  white-space: nowrap;
1439
1439
  }
1440
1440
 
1441
- .e-bigger .e-multi-select-wrapper .e-chips {
1442
- margin: 4px 2px 2px 0;
1443
- }
1444
-
1445
1441
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1446
1442
  max-width: 100%;
1447
1443
  overflow: hidden;
@@ -1456,13 +1452,11 @@ ejs-dropdownlist {
1456
1452
  float: none;
1457
1453
  }
1458
1454
 
1459
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1460
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1455
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1461
1456
  padding: 4px 8px 6px 0;
1462
1457
  }
1463
1458
 
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 {
1459
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1466
1460
  padding: 6px 0 6px 8px;
1467
1461
  }
1468
1462
 
@@ -1509,16 +1503,6 @@ ejs-dropdownlist {
1509
1503
  right: auto;
1510
1504
  }
1511
1505
 
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
1506
  .e-multi-select-wrapper input[type=text] {
1523
1507
  background: none;
1524
1508
  border: 0;
@@ -1550,17 +1534,6 @@ ejs-dropdownlist {
1550
1534
  padding: 5px;
1551
1535
  }
1552
1536
 
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
1537
  /* stylelint-disable property-no-vendor-prefix */
1565
1538
  .e-multi-select-wrapper input[type=text]::-ms-clear {
1566
1539
  display: none;
@@ -1576,23 +1549,11 @@ ejs-dropdownlist {
1576
1549
  width: calc(100% - 40px);
1577
1550
  }
1578
1551
 
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
1552
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1585
1553
  .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1586
1554
  width: calc(100% - 40px);
1587
1555
  }
1588
1556
 
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
1557
  .e-multi-select-wrapper .e-delim-values {
1597
1558
  font-family: inherit;
1598
1559
  font-size: 14px;
@@ -1603,11 +1564,6 @@ ejs-dropdownlist {
1603
1564
  vertical-align: middle;
1604
1565
  }
1605
1566
 
1606
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1607
- line-height: 36px;
1608
- padding-left: 10px;
1609
- }
1610
-
1611
1567
  .e-multi-select-list-wrapper .e-hide-listitem,
1612
1568
  .e-multi-select-list-wrapper .e-hide-group-header {
1613
1569
  display: none;
@@ -1734,10 +1690,6 @@ ejs-dropdownlist {
1734
1690
  padding-right: 18px;
1735
1691
  }
1736
1692
 
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
1693
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1742
1694
  bottom: 1px;
1743
1695
  margin-right: 8px;
@@ -1746,18 +1698,6 @@ ejs-dropdownlist {
1746
1698
  vertical-align: middle;
1747
1699
  }
1748
1700
 
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
1701
  .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1762
1702
  margin-left: 12px;
1763
1703
  margin-right: 0;
@@ -1780,18 +1720,6 @@ ejs-dropdownlist {
1780
1720
  padding-right: 10px;
1781
1721
  }
1782
1722
 
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
1723
  .e-multi-select-list-wrapper .e-selectall-parent {
1796
1724
  cursor: pointer;
1797
1725
  display: block;
@@ -1817,13 +1745,6 @@ ejs-dropdownlist {
1817
1745
  font-size: 14px;
1818
1746
  }
1819
1747
 
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
1748
  .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1828
1749
  bottom: 1px;
1829
1750
  margin-right: 8px;
@@ -1832,12 +1753,6 @@ ejs-dropdownlist {
1832
1753
  vertical-align: middle;
1833
1754
  }
1834
1755
 
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
1756
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1842
1757
  margin-left: 12px;
1843
1758
  margin-right: 0;
@@ -1862,13 +1777,7 @@ ejs-dropdownlist {
1862
1777
  padding: 8px;
1863
1778
  }
1864
1779
 
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 {
1780
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1872
1781
  padding-left: 8px;
1873
1782
  }
1874
1783
 
@@ -1876,10 +1785,6 @@ ejs-dropdownlist {
1876
1785
  padding: 0;
1877
1786
  }
1878
1787
 
1879
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
1880
- line-height: 36px;
1881
- }
1882
-
1883
1788
  .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1884
1789
  line-height: 20px;
1885
1790
  padding-left: 10px;
@@ -1941,52 +1846,11 @@ ejs-multiselect {
1941
1846
  margin-top: -2.5em;
1942
1847
  }
1943
1848
 
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
1849
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1980
1850
  background-size: 300px 33px;
1981
1851
  min-height: 33px;
1982
1852
  }
1983
1853
 
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
1854
  .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1991
1855
  color: inherit;
1992
1856
  }
@@ -2002,24 +1866,11 @@ ejs-multiselect {
2002
1866
  padding: 0 12px 0 8px;
2003
1867
  }
2004
1868
 
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 {
1869
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2015
1870
  padding: 0;
2016
1871
  }
2017
1872
 
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 {
1873
+ .e-filled.e-float-input .e-multi-select-wrapper {
2023
1874
  padding: 11px 12px 0;
2024
1875
  }
2025
1876
 
@@ -2028,35 +1879,15 @@ ejs-multiselect {
2028
1879
  padding: 12px 12px 0 8px;
2029
1880
  }
2030
1881
 
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
1882
  .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2041
1883
  .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2042
1884
  padding: 0;
2043
1885
  }
2044
1886
 
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 {
1887
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2055
1888
  height: 28px;
2056
1889
  }
2057
1890
 
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
1891
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2061
1892
  .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2062
1893
  .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
@@ -2065,54 +1896,22 @@ ejs-multiselect {
2065
1896
  height: 24px;
2066
1897
  }
2067
1898
 
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 {
1899
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2078
1900
  height: 18px;
2079
1901
  }
2080
1902
 
2081
1903
  .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 {
1904
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2091
1905
  margin: 8px 8px 0 0;
2092
1906
  padding: 0 8px;
2093
1907
  }
2094
1908
 
2095
1909
  .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 {
1910
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2105
1911
  margin: 8px 0 0 8px;
2106
1912
  padding: 0 8px;
2107
1913
  }
2108
1914
 
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
1915
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
2117
1916
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
2118
1917
  height: 16px;
@@ -2125,11 +1924,7 @@ ejs-multiselect {
2125
1924
  margin: 4px 0 0 4px;
2126
1925
  }
2127
1926
 
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 {
1927
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2133
1928
  font-size: 13px;
2134
1929
  padding: 0 8px 0 0;
2135
1930
  }
@@ -2139,20 +1934,12 @@ ejs-multiselect {
2139
1934
  font-size: 12px;
2140
1935
  }
2141
1936
 
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 {
1937
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2147
1938
  font-size: 12px;
2148
1939
  padding: 0 4px 0 0;
2149
1940
  }
2150
1941
 
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 {
1942
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2156
1943
  padding: 0 0 0 4px;
2157
1944
  }
2158
1945
 
@@ -2161,30 +1948,11 @@ ejs-multiselect {
2161
1948
  font-size: 10px;
2162
1949
  }
2163
1950
 
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
1951
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2170
1952
  font-size: 13px;
2171
1953
  padding-right: 4px;
2172
1954
  }
2173
1955
 
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
1956
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2189
1957
  .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2190
1958
  height: 38px;
@@ -2281,8 +2049,7 @@ ejs-multiselect {
2281
2049
  color: #fff;
2282
2050
  }
2283
2051
 
2284
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2285
- .e-bigger .e-multi-select-wrapper .e-chips {
2052
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2286
2053
  height: 30px;
2287
2054
  }
2288
2055
 
@@ -2415,25 +2182,321 @@ ejs-multiselect {
2415
2182
  left: 7px;
2416
2183
  }
2417
2184
 
2418
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2419
- left: -35px;
2185
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2186
+ -webkit-text-fill-color: #a6a6a6;
2187
+ color: #a6a6a6;
2420
2188
  }
2421
2189
 
2422
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2190
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2191
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2192
+ margin-top: -3.15em;
2193
+ }
2194
+
2195
+ .e-bigger .e-multi-select-wrapper {
2196
+ min-height: 38px;
2197
+ }
2198
+
2199
+ .e-bigger .e-multi-select-wrapper .e-chips {
2200
+ margin: 4px 2px 2px 0;
2201
+ }
2202
+
2203
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2204
+ padding: 4px 8px 6px 0;
2205
+ }
2206
+
2207
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2208
+ padding: 6px 0 6px 8px;
2209
+ }
2210
+
2211
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2212
+ margin-top: -3.5em;
2213
+ }
2214
+
2215
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2216
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2217
+ margin-top: -3.5em;
2218
+ margin-top: -3.2em;
2219
+ }
2220
+
2221
+ .e-bigger .e-multi-select-wrapper input[type=text],
2222
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2223
+ height: 28px;
2224
+ min-height: 28px;
2225
+ }
2226
+
2227
+ .e-bigger .e-multi-select-wrapper input[type=text] {
2228
+ height: 38px;
2229
+ min-height: 38px;
2230
+ }
2231
+
2232
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2233
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2234
+ width: calc(100% - 48px);
2235
+ }
2236
+
2237
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
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-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2241
+ width: calc(100% - 44px);
2242
+ }
2243
+
2244
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
2245
+ line-height: 36px;
2246
+ padding-left: 10px;
2247
+ }
2248
+
2249
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2250
+ padding-right: 5px;
2251
+ }
2252
+
2253
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2254
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2255
+ bottom: 1px;
2256
+ margin-right: 10px;
2257
+ }
2258
+
2259
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2260
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2261
+ bottom: 1px;
2262
+ margin-right: 10px;
2263
+ }
2264
+
2265
+ .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 {
2266
+ padding-right: 16px;
2267
+ }
2268
+
2269
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2270
+ padding-left: 16px;
2271
+ }
2272
+
2273
+ .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 {
2274
+ padding-left: 20px;
2275
+ }
2276
+
2277
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2278
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2279
+ font-size: 14px;
2280
+ line-height: 46px;
2281
+ text-indent: 17px;
2282
+ }
2283
+
2284
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2285
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2286
+ bottom: 1px;
2287
+ margin-right: 10px;
2288
+ }
2289
+
2290
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2291
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2292
+ padding: 4px 0;
2293
+ }
2294
+
2295
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2296
+ padding-left: 8px;
2297
+ }
2298
+
2299
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2300
+ line-height: 36px;
2301
+ }
2302
+
2303
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2304
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2305
+ line-height: 40px;
2306
+ }
2307
+
2308
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2309
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2310
+ margin-top: -2.85em;
2311
+ }
2312
+
2313
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2423
2314
  height: 26px;
2315
+ width: auto;
2424
2316
  }
2425
2317
 
2426
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2318
+ .e-bigger.e-small .e-multi-select-wrapper {
2319
+ min-height: 26px;
2320
+ }
2321
+
2322
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2323
+ height: 34px;
2324
+ min-height: 34px;
2325
+ }
2326
+
2327
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2328
+ font-size: 14px;
2329
+ line-height: 34px;
2330
+ }
2331
+
2332
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2333
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2334
+ margin-top: -3.2em;
2335
+ right: 0;
2336
+ }
2337
+
2338
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2339
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2340
+ background-size: 300px 40px;
2341
+ min-height: 40px;
2342
+ }
2343
+
2344
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2345
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2346
+ padding: 3px 12px 0 4px;
2347
+ }
2348
+
2349
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
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-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2353
+ padding: 0;
2354
+ }
2355
+
2356
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2360
+ padding: 11px 12px 0;
2361
+ }
2362
+
2363
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2364
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2365
+ padding: 19px 12px 0 16px;
2366
+ }
2367
+
2368
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2369
+ padding-top: 3px;
2370
+ }
2371
+
2372
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2373
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2374
+ padding: 5px 0;
2375
+ }
2376
+
2377
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
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-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2381
+ height: 28px;
2382
+ }
2383
+
2384
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2385
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2386
+ height: 24px;
2387
+ }
2388
+
2389
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2390
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2391
+ height: 32px;
2392
+ }
2393
+
2394
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2398
+ height: 18px;
2399
+ }
2400
+
2401
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2405
+ .e-bigger.e-small.e-filled:not(.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-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2409
+ margin: 8px 8px 0 0;
2410
+ padding: 0 8px;
2411
+ }
2412
+
2413
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2417
+ .e-rtl.e-bigger.e-small.e-filled:not(.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-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2421
+ margin: 8px 0 0 8px;
2422
+ padding: 0 8px;
2423
+ }
2424
+
2425
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2429
+ padding-left: 8px;
2430
+ }
2431
+
2432
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
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-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2436
+ font-size: 13px;
2437
+ padding: 0 8px 0 0;
2438
+ }
2439
+
2440
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
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-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2427
2444
  font-size: 12px;
2445
+ padding: 0 4px 0 0;
2446
+ }
2447
+
2448
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
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-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2452
+ padding: 0 0 0 4px;
2453
+ }
2454
+
2455
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2456
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2457
+ font-size: 13px;
2458
+ }
2459
+
2460
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2461
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2462
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2463
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2464
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2465
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2466
+ padding: 0 12px;
2467
+ }
2468
+
2469
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2470
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2471
+ padding-right: 8px;
2428
2472
  }
2429
2473
 
2430
2474
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2431
2475
  font-size: 10px;
2432
2476
  }
2433
2477
 
2434
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2435
- -webkit-text-fill-color: #a6a6a6;
2436
- color: #a6a6a6;
2478
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2479
+ height: 26px;
2480
+ }
2481
+
2482
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2483
+ font-size: 12px;
2484
+ }
2485
+
2486
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2487
+ left: -35px;
2488
+ }
2489
+
2490
+ .e-bigger .e-multi-select-wrapper .e-chips {
2491
+ height: 30px;
2492
+ }
2493
+
2494
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips {
2495
+ padding: 0;
2496
+ }
2497
+
2498
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2499
+ padding: 0 8px;
2437
2500
  }
2438
2501
 
2439
2502
  .e-listbox-tool .e-moveup::before {
@@ -2892,99 +2955,6 @@ ejs-listbox {
2892
2955
  margin-left: 15px;
2893
2956
  }
2894
2957
 
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
2958
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2989
2959
  .e-listbox-wrapper .e-list-nrt,
2990
2960
  .e-listbox-wrapper .e-selectall-parent,
@@ -3000,34 +2970,11 @@ ejs-listbox {
3000
2970
  position: relative;
3001
2971
  }
3002
2972
 
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
2973
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3010
2974
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3011
2975
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3012
2976
  }
3013
2977
 
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
2978
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3032
2979
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3033
2980
  }
@@ -3036,24 +2983,10 @@ ejs-listbox {
3036
2983
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3037
2984
  }
3038
2985
 
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
2986
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3050
2987
  height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3051
2988
  }
3052
2989
 
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
2990
  .e-listbox-wrapper,
3058
2991
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3059
2992
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3355,4 +3288,131 @@ ejs-listbox {
3355
3288
 
3356
3289
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3357
3290
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3291
+ }
3292
+
3293
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3294
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3295
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3296
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3297
+ width: 83% !important; /* stylelint-disable-line declaration-no-important */
3298
+ }
3299
+ .e-bigger .e-listbox-wrapper .e-list-item,
3300
+ .e-listbox-wrapper.e-bigger .e-list-item,
3301
+ .e-bigger .e-listbox-container .e-list-item,
3302
+ .e-listbox-container.e-bigger .e-list-item {
3303
+ border-bottom: 0 solid transparent;
3304
+ border-left: 0 solid transparent;
3305
+ border-right: 0 solid transparent;
3306
+ border-top: 0 solid transparent;
3307
+ }
3308
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3309
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3310
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3311
+ .e-bigger .e-listbox-wrapper .e-list-header,
3312
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3313
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3314
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3315
+ .e-listbox-wrapper.e-bigger .e-list-header,
3316
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3317
+ .e-bigger .e-listbox-container .e-selectall-parent,
3318
+ .e-bigger .e-listbox-container .e-list-group-item,
3319
+ .e-bigger .e-listbox-container .e-list-header,
3320
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3321
+ .e-listbox-container.e-bigger .e-selectall-parent,
3322
+ .e-listbox-container.e-bigger .e-list-group-item,
3323
+ .e-listbox-container.e-bigger .e-list-header {
3324
+ padding: 12px 16px;
3325
+ }
3326
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3327
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3328
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3329
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3330
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3331
+ .e-bigger .e-listbox-container .e-selectall-parent,
3332
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3333
+ .e-listbox-container.e-bigger .e-selectall-parent {
3334
+ height: 45px;
3335
+ line-height: 1.6;
3336
+ position: relative;
3337
+ }
3338
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3339
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3340
+ .e-bigger .e-listbox-container .e-list-parent,
3341
+ .e-listbox-container.e-bigger .e-list-parent {
3342
+ min-height: 45px;
3343
+ }
3344
+ .e-bigger .e-listbox-wrapper .e-text-content,
3345
+ .e-listbox-wrapper.e-bigger .e-text-content,
3346
+ .e-bigger .e-listbox-container .e-text-content,
3347
+ .e-listbox-container.e-bigger .e-text-content {
3348
+ font-size: 15px;
3349
+ }
3350
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3351
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3352
+ .e-bigger .e-listbox-container .e-list-group-item,
3353
+ .e-listbox-container.e-bigger .e-list-group-item {
3354
+ height: 45px;
3355
+ line-height: 45px;
3356
+ }
3357
+ .e-bigger .e-listbox-wrapper .e-list-header,
3358
+ .e-listbox-wrapper.e-bigger .e-list-header,
3359
+ .e-bigger .e-listbox-container .e-list-header,
3360
+ .e-listbox-container.e-bigger .e-list-header {
3361
+ -webkit-box-align: center;
3362
+ -ms-flex-align: center;
3363
+ align-items: center;
3364
+ display: -webkit-box;
3365
+ display: -ms-flexbox;
3366
+ display: flex;
3367
+ font-weight: 600;
3368
+ height: 45px;
3369
+ }
3370
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3371
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3372
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3373
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3374
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3375
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3376
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3377
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3378
+ display: none;
3379
+ }
3380
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3381
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3382
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3383
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3384
+ font-size: 15px;
3385
+ }
3386
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3387
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3388
+ }
3389
+
3390
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3391
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3392
+ }
3393
+
3394
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3395
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3396
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3397
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3398
+ height: 100%;
3399
+ }
3400
+
3401
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3402
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3403
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3404
+ }
3405
+
3406
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3407
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3408
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3409
+ }
3410
+
3411
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3412
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3413
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3414
+ }
3415
+
3416
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3417
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3358
3418
  }