@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
@@ -16,32 +16,10 @@
16
16
  font-size: 10px;
17
17
  }
18
18
 
19
- .e-bigger .e-dropdownbase .e-list-group-item,
20
- .e-bigger .e-fixed-head,
21
- .e-bigger.e-dropdownbase .e-list-group-item,
22
- .e-bigger.e-fixed-head {
23
- font-size: 14px;
24
- }
25
-
26
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
27
- .e-bigger.e-small .e-fixed-head,
28
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
29
- .e-bigger.e-small.e-fixed-head {
30
- font-size: 12px;
31
- }
32
-
33
19
  .e-dropdownbase .e-list-item .e-list-icon {
34
20
  padding: 0 8px 0 0;
35
21
  }
36
22
 
37
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
38
- padding: 0 12px 0 0;
39
- }
40
-
41
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
42
- padding: 0 8px 0 0;
43
- }
44
-
45
23
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
46
24
  padding: 0 4px 0 0;
47
25
  }
@@ -492,99 +470,6 @@ ejs-listbox {
492
470
  margin-left: 15px;
493
471
  }
494
472
 
495
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
496
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
497
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
498
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
499
- width: 80% !important; /* stylelint-disable-line declaration-no-important */
500
- }
501
- .e-bigger .e-listbox-wrapper .e-list-item,
502
- .e-listbox-wrapper.e-bigger .e-list-item,
503
- .e-bigger .e-listbox-container .e-list-item,
504
- .e-listbox-container.e-bigger .e-list-item {
505
- border-bottom: 0 solid transparent;
506
- border-left: 0 solid transparent;
507
- border-right: 0 solid transparent;
508
- border-top: 0 solid transparent;
509
- }
510
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
511
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
512
- .e-bigger .e-listbox-wrapper .e-list-group-item,
513
- .e-bigger .e-listbox-wrapper .e-list-header,
514
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
515
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
516
- .e-listbox-wrapper.e-bigger .e-list-group-item,
517
- .e-listbox-wrapper.e-bigger .e-list-header,
518
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
519
- .e-bigger .e-listbox-container .e-selectall-parent,
520
- .e-bigger .e-listbox-container .e-list-group-item,
521
- .e-bigger .e-listbox-container .e-list-header,
522
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
523
- .e-listbox-container.e-bigger .e-selectall-parent,
524
- .e-listbox-container.e-bigger .e-list-group-item,
525
- .e-listbox-container.e-bigger .e-list-header {
526
- padding: 12px 16px;
527
- }
528
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
529
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
530
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
531
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
532
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
533
- .e-bigger .e-listbox-container .e-selectall-parent,
534
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
535
- .e-listbox-container.e-bigger .e-selectall-parent {
536
- height: 48px;
537
- line-height: 1.6;
538
- position: relative;
539
- }
540
- .e-bigger .e-listbox-wrapper .e-list-parent,
541
- .e-listbox-wrapper.e-bigger .e-list-parent,
542
- .e-bigger .e-listbox-container .e-list-parent,
543
- .e-listbox-container.e-bigger .e-list-parent {
544
- min-height: 48px;
545
- }
546
- .e-bigger .e-listbox-wrapper .e-text-content,
547
- .e-listbox-wrapper.e-bigger .e-text-content,
548
- .e-bigger .e-listbox-container .e-text-content,
549
- .e-listbox-container.e-bigger .e-text-content {
550
- font-size: 16px;
551
- }
552
- .e-bigger .e-listbox-wrapper .e-list-group-item,
553
- .e-listbox-wrapper.e-bigger .e-list-group-item,
554
- .e-bigger .e-listbox-container .e-list-group-item,
555
- .e-listbox-container.e-bigger .e-list-group-item {
556
- height: 38px;
557
- line-height: 15px;
558
- }
559
- .e-bigger .e-listbox-wrapper .e-list-header,
560
- .e-listbox-wrapper.e-bigger .e-list-header,
561
- .e-bigger .e-listbox-container .e-list-header,
562
- .e-listbox-container.e-bigger .e-list-header {
563
- -webkit-box-align: center;
564
- -ms-flex-align: center;
565
- align-items: center;
566
- display: -webkit-box;
567
- display: -ms-flexbox;
568
- display: flex;
569
- font-weight: 500;
570
- height: 22px;
571
- }
572
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
573
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
574
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
575
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
576
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
577
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
578
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
579
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
580
- display: none;
581
- }
582
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
583
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
584
- .e-bigger .e-listbox-container .e-list-header .e-text,
585
- .e-listbox-container.e-bigger .e-list-header .e-text {
586
- font-size: 14px;
587
- }
588
473
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
589
474
  .e-listbox-wrapper .e-list-nrt,
590
475
  .e-listbox-wrapper .e-selectall-parent,
@@ -600,34 +485,11 @@ ejs-listbox {
600
485
  position: relative;
601
486
  }
602
487
 
603
- .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
604
- overflow: hidden;
605
- white-space: nowrap;
606
- text-overflow: ellipsis;
607
- }
608
-
609
488
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
610
489
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
611
490
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
491
  }
613
492
 
614
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
615
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
616
- }
617
-
618
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
619
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
620
- }
621
-
622
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
623
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
624
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
625
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
626
- height: 100%;
627
- }
628
-
629
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
630
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
631
493
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
632
494
  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
633
495
  }
@@ -636,40 +498,16 @@ ejs-listbox {
636
498
  height: calc(100% - 42px) !important; /* stylelint-disable-line declaration-no-important */
637
499
  }
638
500
 
639
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
640
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
641
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
642
- }
643
-
644
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
645
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
646
- height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
647
- }
648
-
649
501
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
650
502
  height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
651
503
  }
652
504
 
653
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
654
- height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
655
- }
656
-
657
505
  .e-listbox-wrapper,
658
506
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
659
507
  .e-listboxtool-container.e-listbox-container .e-ul {
660
508
  border: 1px solid #4b5563;
661
509
  }
662
510
 
663
- .e-bigger.e-listbox-wrapper,
664
- .e-bigger.e-listbox-container {
665
- font-size: 16px;
666
- }
667
- .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
668
- .e-bigger.e-listbox-container .e-list-header,
669
- .e-bigger.e-listbox-container .e-list-group-item {
670
- font-size: 14px;
671
- }
672
-
673
511
  .e-listbox-wrapper,
674
512
  .e-listbox-container,
675
513
  .e-listboxtool-wrapper {
@@ -965,4 +803,141 @@ ejs-listbox {
965
803
 
966
804
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
967
805
  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
806
+ }
807
+
808
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
809
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
810
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
811
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
812
+ width: 80% !important; /* stylelint-disable-line declaration-no-important */
813
+ }
814
+ .e-bigger .e-listbox-wrapper .e-list-item,
815
+ .e-listbox-wrapper.e-bigger .e-list-item,
816
+ .e-bigger .e-listbox-container .e-list-item,
817
+ .e-listbox-container.e-bigger .e-list-item {
818
+ border-bottom: 0 solid transparent;
819
+ border-left: 0 solid transparent;
820
+ border-right: 0 solid transparent;
821
+ border-top: 0 solid transparent;
822
+ }
823
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
824
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
825
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
826
+ .e-bigger .e-listbox-wrapper .e-list-header,
827
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
828
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
829
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
830
+ .e-listbox-wrapper.e-bigger .e-list-header,
831
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
832
+ .e-bigger .e-listbox-container .e-selectall-parent,
833
+ .e-bigger .e-listbox-container .e-list-group-item,
834
+ .e-bigger .e-listbox-container .e-list-header,
835
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
836
+ .e-listbox-container.e-bigger .e-selectall-parent,
837
+ .e-listbox-container.e-bigger .e-list-group-item,
838
+ .e-listbox-container.e-bigger .e-list-header {
839
+ padding: 12px 16px;
840
+ }
841
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
842
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
843
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
844
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
845
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
846
+ .e-bigger .e-listbox-container .e-selectall-parent,
847
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
848
+ .e-listbox-container.e-bigger .e-selectall-parent {
849
+ height: 48px;
850
+ line-height: 1.6;
851
+ position: relative;
852
+ }
853
+ .e-bigger .e-listbox-wrapper .e-list-parent,
854
+ .e-listbox-wrapper.e-bigger .e-list-parent,
855
+ .e-bigger .e-listbox-container .e-list-parent,
856
+ .e-listbox-container.e-bigger .e-list-parent {
857
+ min-height: 48px;
858
+ }
859
+ .e-bigger .e-listbox-wrapper .e-text-content,
860
+ .e-listbox-wrapper.e-bigger .e-text-content,
861
+ .e-bigger .e-listbox-container .e-text-content,
862
+ .e-listbox-container.e-bigger .e-text-content {
863
+ font-size: 16px;
864
+ }
865
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
866
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
867
+ .e-bigger .e-listbox-container .e-list-group-item,
868
+ .e-listbox-container.e-bigger .e-list-group-item {
869
+ height: 38px;
870
+ line-height: 15px;
871
+ }
872
+ .e-bigger .e-listbox-wrapper .e-list-header,
873
+ .e-listbox-wrapper.e-bigger .e-list-header,
874
+ .e-bigger .e-listbox-container .e-list-header,
875
+ .e-listbox-container.e-bigger .e-list-header {
876
+ -webkit-box-align: center;
877
+ -ms-flex-align: center;
878
+ align-items: center;
879
+ display: -webkit-box;
880
+ display: -ms-flexbox;
881
+ display: flex;
882
+ font-weight: 500;
883
+ height: 22px;
884
+ }
885
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
886
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
887
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
888
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
889
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
890
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
891
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
892
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
893
+ display: none;
894
+ }
895
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
896
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
897
+ .e-bigger .e-listbox-container .e-list-header .e-text,
898
+ .e-listbox-container.e-bigger .e-list-header .e-text {
899
+ font-size: 14px;
900
+ }
901
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
902
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
903
+ }
904
+
905
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
906
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
907
+ }
908
+
909
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
910
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
911
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
912
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
913
+ height: 100%;
914
+ }
915
+
916
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
917
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
918
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
919
+ }
920
+
921
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
922
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
923
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
924
+ }
925
+
926
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
927
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
928
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
929
+ }
930
+
931
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
932
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
933
+ }
934
+
935
+ .e-bigger.e-listbox-wrapper,
936
+ .e-bigger.e-listbox-container {
937
+ font-size: 16px;
938
+ }
939
+ .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
940
+ .e-bigger.e-listbox-container .e-list-header,
941
+ .e-bigger.e-listbox-container .e-list-group-item {
942
+ font-size: 14px;
968
943
  }
@@ -3,3 +3,4 @@
3
3
  @import 'tailwind-dark-definition.scss';
4
4
  @import 'icons/tailwind-dark.scss';
5
5
  @import 'all.scss';
6
+ @import 'bigger.scss';
@@ -16,32 +16,10 @@
16
16
  font-size: 10px;
17
17
  }
18
18
 
19
- .e-bigger .e-dropdownbase .e-list-group-item,
20
- .e-bigger .e-fixed-head,
21
- .e-bigger.e-dropdownbase .e-list-group-item,
22
- .e-bigger.e-fixed-head {
23
- font-size: 14px;
24
- }
25
-
26
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
27
- .e-bigger.e-small .e-fixed-head,
28
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
29
- .e-bigger.e-small.e-fixed-head {
30
- font-size: 12px;
31
- }
32
-
33
19
  .e-dropdownbase .e-list-item .e-list-icon {
34
20
  padding: 0 8px 0 0;
35
21
  }
36
22
 
37
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
38
- padding: 0 12px 0 0;
39
- }
40
-
41
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
42
- padding: 0 8px 0 0;
43
- }
44
-
45
23
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
46
24
  padding: 0 4px 0 0;
47
25
  }
@@ -492,99 +470,6 @@ ejs-listbox {
492
470
  margin-left: 15px;
493
471
  }
494
472
 
495
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
496
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
497
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
498
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
499
- width: 80% !important; /* stylelint-disable-line declaration-no-important */
500
- }
501
- .e-bigger .e-listbox-wrapper .e-list-item,
502
- .e-listbox-wrapper.e-bigger .e-list-item,
503
- .e-bigger .e-listbox-container .e-list-item,
504
- .e-listbox-container.e-bigger .e-list-item {
505
- border-bottom: 0 solid transparent;
506
- border-left: 0 solid transparent;
507
- border-right: 0 solid transparent;
508
- border-top: 0 solid transparent;
509
- }
510
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
511
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
512
- .e-bigger .e-listbox-wrapper .e-list-group-item,
513
- .e-bigger .e-listbox-wrapper .e-list-header,
514
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
515
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
516
- .e-listbox-wrapper.e-bigger .e-list-group-item,
517
- .e-listbox-wrapper.e-bigger .e-list-header,
518
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
519
- .e-bigger .e-listbox-container .e-selectall-parent,
520
- .e-bigger .e-listbox-container .e-list-group-item,
521
- .e-bigger .e-listbox-container .e-list-header,
522
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
523
- .e-listbox-container.e-bigger .e-selectall-parent,
524
- .e-listbox-container.e-bigger .e-list-group-item,
525
- .e-listbox-container.e-bigger .e-list-header {
526
- padding: 12px 16px;
527
- }
528
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
529
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
530
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
531
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
532
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
533
- .e-bigger .e-listbox-container .e-selectall-parent,
534
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
535
- .e-listbox-container.e-bigger .e-selectall-parent {
536
- height: 48px;
537
- line-height: 1.6;
538
- position: relative;
539
- }
540
- .e-bigger .e-listbox-wrapper .e-list-parent,
541
- .e-listbox-wrapper.e-bigger .e-list-parent,
542
- .e-bigger .e-listbox-container .e-list-parent,
543
- .e-listbox-container.e-bigger .e-list-parent {
544
- min-height: 48px;
545
- }
546
- .e-bigger .e-listbox-wrapper .e-text-content,
547
- .e-listbox-wrapper.e-bigger .e-text-content,
548
- .e-bigger .e-listbox-container .e-text-content,
549
- .e-listbox-container.e-bigger .e-text-content {
550
- font-size: 16px;
551
- }
552
- .e-bigger .e-listbox-wrapper .e-list-group-item,
553
- .e-listbox-wrapper.e-bigger .e-list-group-item,
554
- .e-bigger .e-listbox-container .e-list-group-item,
555
- .e-listbox-container.e-bigger .e-list-group-item {
556
- height: 38px;
557
- line-height: 15px;
558
- }
559
- .e-bigger .e-listbox-wrapper .e-list-header,
560
- .e-listbox-wrapper.e-bigger .e-list-header,
561
- .e-bigger .e-listbox-container .e-list-header,
562
- .e-listbox-container.e-bigger .e-list-header {
563
- -webkit-box-align: center;
564
- -ms-flex-align: center;
565
- align-items: center;
566
- display: -webkit-box;
567
- display: -ms-flexbox;
568
- display: flex;
569
- font-weight: 500;
570
- height: 22px;
571
- }
572
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
573
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
574
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
575
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
576
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
577
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
578
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
579
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
580
- display: none;
581
- }
582
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
583
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
584
- .e-bigger .e-listbox-container .e-list-header .e-text,
585
- .e-listbox-container.e-bigger .e-list-header .e-text {
586
- font-size: 14px;
587
- }
588
473
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
589
474
  .e-listbox-wrapper .e-list-nrt,
590
475
  .e-listbox-wrapper .e-selectall-parent,
@@ -600,34 +485,11 @@ ejs-listbox {
600
485
  position: relative;
601
486
  }
602
487
 
603
- .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
604
- overflow: hidden;
605
- white-space: nowrap;
606
- text-overflow: ellipsis;
607
- }
608
-
609
488
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
610
489
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
611
490
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
491
  }
613
492
 
614
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
615
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
616
- }
617
-
618
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
619
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
620
- }
621
-
622
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
623
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
624
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
625
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
626
- height: 100%;
627
- }
628
-
629
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
630
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
631
493
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
632
494
  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
633
495
  }
@@ -636,40 +498,16 @@ ejs-listbox {
636
498
  height: calc(100% - 42px) !important; /* stylelint-disable-line declaration-no-important */
637
499
  }
638
500
 
639
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
640
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
641
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
642
- }
643
-
644
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
645
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
646
- height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
647
- }
648
-
649
501
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
650
502
  height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
651
503
  }
652
504
 
653
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
654
- height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
655
- }
656
-
657
505
  .e-listbox-wrapper,
658
506
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
659
507
  .e-listboxtool-container.e-listbox-container .e-ul {
660
508
  border: 1px solid #e5e7eb;
661
509
  }
662
510
 
663
- .e-bigger.e-listbox-wrapper,
664
- .e-bigger.e-listbox-container {
665
- font-size: 16px;
666
- }
667
- .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
668
- .e-bigger.e-listbox-container .e-list-header,
669
- .e-bigger.e-listbox-container .e-list-group-item {
670
- font-size: 14px;
671
- }
672
-
673
511
  .e-listbox-wrapper,
674
512
  .e-listbox-container,
675
513
  .e-listboxtool-wrapper {
@@ -965,4 +803,141 @@ ejs-listbox {
965
803
 
966
804
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
967
805
  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
806
+ }
807
+
808
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
809
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
810
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
811
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
812
+ width: 80% !important; /* stylelint-disable-line declaration-no-important */
813
+ }
814
+ .e-bigger .e-listbox-wrapper .e-list-item,
815
+ .e-listbox-wrapper.e-bigger .e-list-item,
816
+ .e-bigger .e-listbox-container .e-list-item,
817
+ .e-listbox-container.e-bigger .e-list-item {
818
+ border-bottom: 0 solid transparent;
819
+ border-left: 0 solid transparent;
820
+ border-right: 0 solid transparent;
821
+ border-top: 0 solid transparent;
822
+ }
823
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
824
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
825
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
826
+ .e-bigger .e-listbox-wrapper .e-list-header,
827
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
828
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
829
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
830
+ .e-listbox-wrapper.e-bigger .e-list-header,
831
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
832
+ .e-bigger .e-listbox-container .e-selectall-parent,
833
+ .e-bigger .e-listbox-container .e-list-group-item,
834
+ .e-bigger .e-listbox-container .e-list-header,
835
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
836
+ .e-listbox-container.e-bigger .e-selectall-parent,
837
+ .e-listbox-container.e-bigger .e-list-group-item,
838
+ .e-listbox-container.e-bigger .e-list-header {
839
+ padding: 12px 16px;
840
+ }
841
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
842
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
843
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
844
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
845
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
846
+ .e-bigger .e-listbox-container .e-selectall-parent,
847
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
848
+ .e-listbox-container.e-bigger .e-selectall-parent {
849
+ height: 48px;
850
+ line-height: 1.6;
851
+ position: relative;
852
+ }
853
+ .e-bigger .e-listbox-wrapper .e-list-parent,
854
+ .e-listbox-wrapper.e-bigger .e-list-parent,
855
+ .e-bigger .e-listbox-container .e-list-parent,
856
+ .e-listbox-container.e-bigger .e-list-parent {
857
+ min-height: 48px;
858
+ }
859
+ .e-bigger .e-listbox-wrapper .e-text-content,
860
+ .e-listbox-wrapper.e-bigger .e-text-content,
861
+ .e-bigger .e-listbox-container .e-text-content,
862
+ .e-listbox-container.e-bigger .e-text-content {
863
+ font-size: 16px;
864
+ }
865
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
866
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
867
+ .e-bigger .e-listbox-container .e-list-group-item,
868
+ .e-listbox-container.e-bigger .e-list-group-item {
869
+ height: 38px;
870
+ line-height: 15px;
871
+ }
872
+ .e-bigger .e-listbox-wrapper .e-list-header,
873
+ .e-listbox-wrapper.e-bigger .e-list-header,
874
+ .e-bigger .e-listbox-container .e-list-header,
875
+ .e-listbox-container.e-bigger .e-list-header {
876
+ -webkit-box-align: center;
877
+ -ms-flex-align: center;
878
+ align-items: center;
879
+ display: -webkit-box;
880
+ display: -ms-flexbox;
881
+ display: flex;
882
+ font-weight: 500;
883
+ height: 22px;
884
+ }
885
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
886
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
887
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
888
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
889
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
890
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
891
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
892
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
893
+ display: none;
894
+ }
895
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
896
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
897
+ .e-bigger .e-listbox-container .e-list-header .e-text,
898
+ .e-listbox-container.e-bigger .e-list-header .e-text {
899
+ font-size: 14px;
900
+ }
901
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
902
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
903
+ }
904
+
905
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
906
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
907
+ }
908
+
909
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
910
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
911
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
912
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
913
+ height: 100%;
914
+ }
915
+
916
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
917
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
918
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
919
+ }
920
+
921
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
922
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
923
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
924
+ }
925
+
926
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
927
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
928
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
929
+ }
930
+
931
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
932
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
933
+ }
934
+
935
+ .e-bigger.e-listbox-wrapper,
936
+ .e-bigger.e-listbox-container {
937
+ font-size: 16px;
938
+ }
939
+ .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
940
+ .e-bigger.e-listbox-container .e-list-header,
941
+ .e-bigger.e-listbox-container .e-list-group-item {
942
+ font-size: 14px;
968
943
  }