@syncfusion/ej2-dropdowns 26.2.13 → 27.1.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (438) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +1541 -841
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1432 -709
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +14 -13
  12. package/src/auto-complete/auto-complete-model.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.d.ts +2 -0
  14. package/src/auto-complete/auto-complete.js +52 -22
  15. package/src/combo-box/combo-box-model.d.ts +12 -5
  16. package/src/combo-box/combo-box.d.ts +10 -4
  17. package/src/combo-box/combo-box.js +73 -38
  18. package/src/common/incremental-search.d.ts +26 -11
  19. package/src/common/incremental-search.js +30 -16
  20. package/src/common/interface.d.ts +5 -5
  21. package/src/common/virtual-scroll.js +69 -36
  22. package/src/drop-down-base/drop-down-base-model.d.ts +1 -1
  23. package/src/drop-down-base/drop-down-base.d.ts +7 -2
  24. package/src/drop-down-base/drop-down-base.js +101 -69
  25. package/src/drop-down-list/drop-down-list-model.d.ts +14 -7
  26. package/src/drop-down-list/drop-down-list.d.ts +11 -4
  27. package/src/drop-down-list/drop-down-list.js +303 -178
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +19 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +26 -2
  30. package/src/drop-down-tree/drop-down-tree.js +206 -68
  31. package/src/list-box/list-box.js +64 -24
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +87 -24
  34. package/src/multi-select/checkbox-selection.js +3 -2
  35. package/src/multi-select/interface.d.ts +1 -0
  36. package/src/multi-select/multi-select-model.d.ts +15 -8
  37. package/src/multi-select/multi-select.d.ts +15 -5
  38. package/src/multi-select/multi-select.js +444 -237
  39. package/styles/auto-complete/bootstrap-dark.css +0 -50
  40. package/styles/auto-complete/bootstrap.css +0 -50
  41. package/styles/auto-complete/bootstrap4.css +0 -68
  42. package/styles/auto-complete/bootstrap5-dark.css +0 -54
  43. package/styles/auto-complete/bootstrap5.3.css +101 -0
  44. package/styles/auto-complete/bootstrap5.3.scss +4 -0
  45. package/styles/auto-complete/bootstrap5.css +0 -54
  46. package/styles/auto-complete/fabric-dark.css +0 -49
  47. package/styles/auto-complete/fabric.css +0 -42
  48. package/styles/auto-complete/fluent-dark.css +0 -41
  49. package/styles/auto-complete/fluent.css +0 -41
  50. package/styles/auto-complete/fluent2.css +1 -36
  51. package/styles/auto-complete/highcontrast-light.css +0 -37
  52. package/styles/auto-complete/highcontrast.css +0 -37
  53. package/styles/auto-complete/material-dark.css +0 -34
  54. package/styles/auto-complete/material.css +0 -55
  55. package/styles/auto-complete/material3-dark.css +0 -59
  56. package/styles/auto-complete/material3.css +0 -59
  57. package/styles/auto-complete/tailwind-dark.css +0 -35
  58. package/styles/auto-complete/tailwind.css +0 -35
  59. package/styles/bootstrap-dark-lite.css +2755 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +655 -605
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2754 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +661 -611
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2858 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +831 -756
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2832 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -646
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2832 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2826 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3557 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -646
  82. package/styles/bootstrap5.scss +6 -1
  83. package/styles/combo-box/bootstrap-dark.css +0 -50
  84. package/styles/combo-box/bootstrap.css +0 -50
  85. package/styles/combo-box/bootstrap4.css +0 -68
  86. package/styles/combo-box/bootstrap5-dark.css +0 -54
  87. package/styles/combo-box/bootstrap5.3.css +101 -0
  88. package/styles/combo-box/bootstrap5.3.scss +4 -0
  89. package/styles/combo-box/bootstrap5.css +0 -54
  90. package/styles/combo-box/fabric-dark.css +0 -49
  91. package/styles/combo-box/fabric.css +0 -42
  92. package/styles/combo-box/fluent-dark.css +0 -41
  93. package/styles/combo-box/fluent.css +0 -41
  94. package/styles/combo-box/fluent2.css +1 -36
  95. package/styles/combo-box/highcontrast-light.css +0 -37
  96. package/styles/combo-box/highcontrast.css +0 -37
  97. package/styles/combo-box/material-dark.css +0 -34
  98. package/styles/combo-box/material.css +0 -55
  99. package/styles/combo-box/material3-dark.css +0 -59
  100. package/styles/combo-box/material3.css +0 -59
  101. package/styles/combo-box/tailwind-dark.css +0 -35
  102. package/styles/combo-box/tailwind.css +0 -35
  103. package/styles/drop-down-base/_bds-definition.scss +0 -22
  104. package/styles/drop-down-base/_bigger.scss +195 -0
  105. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -5
  106. package/styles/drop-down-base/_bootstrap-definition.scss +0 -5
  107. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -9
  108. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -19
  109. package/styles/drop-down-base/_bootstrap5.3-definition.scss +2 -21
  110. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -5
  111. package/styles/drop-down-base/_fabric-definition.scss +0 -5
  112. package/styles/drop-down-base/_fluent-definition.scss +0 -19
  113. package/styles/drop-down-base/_fluent2-definition.scss +2 -23
  114. package/styles/drop-down-base/_fusionnew-definition.scss +0 -19
  115. package/styles/drop-down-base/_highcontrast-definition.scss +0 -9
  116. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -9
  117. package/styles/drop-down-base/_layout.scss +1 -57
  118. package/styles/drop-down-base/_material-dark-definition.scss +0 -4
  119. package/styles/drop-down-base/_material-definition.scss +0 -4
  120. package/styles/drop-down-base/_material3-definition.scss +0 -3
  121. package/styles/drop-down-base/_tailwind-definition.scss +0 -22
  122. package/styles/drop-down-base/_theme.scss +10 -91
  123. package/styles/drop-down-base/bootstrap-dark.css +75 -75
  124. package/styles/drop-down-base/bootstrap-dark.scss +1 -0
  125. package/styles/drop-down-base/bootstrap.css +75 -75
  126. package/styles/drop-down-base/bootstrap.scss +1 -0
  127. package/styles/drop-down-base/bootstrap4.css +79 -79
  128. package/styles/drop-down-base/bootstrap4.scss +1 -0
  129. package/styles/drop-down-base/bootstrap5-dark.css +89 -89
  130. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  131. package/styles/drop-down-base/bootstrap5.3.css +411 -0
  132. package/styles/drop-down-base/bootstrap5.3.scss +4 -0
  133. package/styles/drop-down-base/bootstrap5.css +89 -89
  134. package/styles/drop-down-base/bootstrap5.scss +1 -0
  135. package/styles/drop-down-base/fabric-dark.css +75 -75
  136. package/styles/drop-down-base/fabric-dark.scss +1 -0
  137. package/styles/drop-down-base/fabric.css +75 -75
  138. package/styles/drop-down-base/fabric.scss +1 -0
  139. package/styles/drop-down-base/fluent-dark.css +101 -101
  140. package/styles/drop-down-base/fluent-dark.scss +1 -0
  141. package/styles/drop-down-base/fluent.css +101 -101
  142. package/styles/drop-down-base/fluent.scss +1 -0
  143. package/styles/drop-down-base/fluent2.css +97 -95
  144. package/styles/drop-down-base/fluent2.scss +1 -0
  145. package/styles/drop-down-base/highcontrast-light.css +75 -77
  146. package/styles/drop-down-base/highcontrast-light.scss +1 -0
  147. package/styles/drop-down-base/highcontrast.css +75 -77
  148. package/styles/drop-down-base/highcontrast.scss +1 -0
  149. package/styles/drop-down-base/material-dark.css +74 -74
  150. package/styles/drop-down-base/material-dark.scss +1 -0
  151. package/styles/drop-down-base/material.css +74 -74
  152. package/styles/drop-down-base/material.scss +1 -0
  153. package/styles/drop-down-base/material3-dark.css +74 -74
  154. package/styles/drop-down-base/material3-dark.scss +1 -0
  155. package/styles/drop-down-base/material3.css +74 -74
  156. package/styles/drop-down-base/material3.scss +1 -0
  157. package/styles/drop-down-base/tailwind-dark.css +135 -135
  158. package/styles/drop-down-base/tailwind-dark.scss +1 -0
  159. package/styles/drop-down-base/tailwind.css +135 -135
  160. package/styles/drop-down-base/tailwind.scss +1 -0
  161. package/styles/drop-down-list/_bds-definition.scss +0 -34
  162. package/styles/drop-down-list/_bigger.scss +713 -0
  163. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -64
  164. package/styles/drop-down-list/_bootstrap-definition.scss +0 -64
  165. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -81
  166. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -67
  167. package/styles/drop-down-list/_bootstrap5.3-definition.scss +1 -67
  168. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -57
  169. package/styles/drop-down-list/_fabric-definition.scss +0 -56
  170. package/styles/drop-down-list/_fluent-definition.scss +0 -57
  171. package/styles/drop-down-list/_fluent2-definition.scss +2 -35
  172. package/styles/drop-down-list/_fusionnew-definition.scss +0 -67
  173. package/styles/drop-down-list/_highcontrast-definition.scss +0 -60
  174. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -60
  175. package/styles/drop-down-list/_layout.scss +4 -82
  176. package/styles/drop-down-list/_material-dark-definition.scss +0 -33
  177. package/styles/drop-down-list/_material-definition.scss +0 -55
  178. package/styles/drop-down-list/_material3-definition.scss +0 -58
  179. package/styles/drop-down-list/_tailwind-definition.scss +0 -34
  180. package/styles/drop-down-list/_theme.scss +5 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +91 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +91 -91
  184. package/styles/drop-down-list/bootstrap.scss +1 -0
  185. package/styles/drop-down-list/bootstrap4.css +105 -105
  186. package/styles/drop-down-list/bootstrap4.scss +1 -0
  187. package/styles/drop-down-list/bootstrap5-dark.css +87 -101
  188. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  189. package/styles/drop-down-list/bootstrap5.3.css +481 -0
  190. package/styles/drop-down-list/bootstrap5.3.scss +10 -0
  191. package/styles/drop-down-list/bootstrap5.css +87 -101
  192. package/styles/drop-down-list/bootstrap5.scss +1 -0
  193. package/styles/drop-down-list/fabric-dark.css +90 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +90 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +74 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +74 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +77 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +79 -80
  204. package/styles/drop-down-list/highcontrast-light.scss +1 -0
  205. package/styles/drop-down-list/highcontrast.css +79 -80
  206. package/styles/drop-down-list/highcontrast.scss +1 -0
  207. package/styles/drop-down-list/material-dark.css +74 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +95 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +99 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +99 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +96 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +96 -78
  218. package/styles/drop-down-list/tailwind.scss +1 -0
  219. package/styles/drop-down-tree/_bigger.scss +522 -0
  220. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +5 -5
  221. package/styles/drop-down-tree/_fluent2-definition.scss +5 -3
  222. package/styles/drop-down-tree/_layout.scss +15 -491
  223. package/styles/drop-down-tree/_theme.scss +21 -4
  224. package/styles/drop-down-tree/bootstrap-dark.css +32 -37
  225. package/styles/drop-down-tree/bootstrap-dark.scss +1 -0
  226. package/styles/drop-down-tree/bootstrap.css +32 -37
  227. package/styles/drop-down-tree/bootstrap.scss +1 -0
  228. package/styles/drop-down-tree/bootstrap4.css +38 -47
  229. package/styles/drop-down-tree/bootstrap4.scss +1 -0
  230. package/styles/drop-down-tree/bootstrap5-dark.css +39 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +463 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +39 -55
  235. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  236. package/styles/drop-down-tree/fabric-dark.css +32 -37
  237. package/styles/drop-down-tree/fabric-dark.scss +1 -0
  238. package/styles/drop-down-tree/fabric.css +32 -37
  239. package/styles/drop-down-tree/fabric.scss +1 -0
  240. package/styles/drop-down-tree/fluent-dark.css +32 -51
  241. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  242. package/styles/drop-down-tree/fluent.css +32 -51
  243. package/styles/drop-down-tree/fluent.scss +1 -0
  244. package/styles/drop-down-tree/fluent2.css +38 -53
  245. package/styles/drop-down-tree/fluent2.scss +1 -0
  246. package/styles/drop-down-tree/highcontrast-light.css +32 -39
  247. package/styles/drop-down-tree/highcontrast-light.scss +1 -0
  248. package/styles/drop-down-tree/highcontrast.css +41 -48
  249. package/styles/drop-down-tree/highcontrast.scss +1 -0
  250. package/styles/drop-down-tree/material-dark.css +32 -36
  251. package/styles/drop-down-tree/material-dark.scss +1 -0
  252. package/styles/drop-down-tree/material.css +32 -36
  253. package/styles/drop-down-tree/material.scss +1 -0
  254. package/styles/drop-down-tree/material3-dark.css +33 -37
  255. package/styles/drop-down-tree/material3-dark.scss +1 -0
  256. package/styles/drop-down-tree/material3.css +33 -37
  257. package/styles/drop-down-tree/material3.scss +1 -0
  258. package/styles/drop-down-tree/tailwind-dark.css +51 -73
  259. package/styles/drop-down-tree/tailwind-dark.scss +1 -0
  260. package/styles/drop-down-tree/tailwind.css +51 -73
  261. package/styles/drop-down-tree/tailwind.scss +1 -0
  262. package/styles/fabric-dark-lite.css +2733 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +668 -612
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2734 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +673 -610
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2869 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +707 -679
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2869 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +707 -679
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3053 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +746 -676
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2850 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +655 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2872 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +673 -620
  289. package/styles/highcontrast.scss +6 -1
  290. package/styles/list-box/_bigger.scss +173 -0
  291. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  292. package/styles/list-box/_bootstrap5.3-definition.scss +17 -14
  293. package/styles/list-box/_fluent2-definition.scss +2 -0
  294. package/styles/list-box/_layout.scss +16 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +124 -130
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +130 -136
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +174 -184
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +130 -150
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +952 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +130 -150
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +124 -130
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +130 -136
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +130 -150
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +130 -150
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +124 -157
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +124 -132
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +130 -138
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +124 -129
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +130 -135
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +124 -129
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +124 -129
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +140 -163
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +140 -163
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3516 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1301 -1190
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3548 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1312 -1201
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3462 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1618 -1249
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3464 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1618 -1249
  349. package/styles/material3.scss +6 -1
  350. package/styles/mention/bootstrap-dark.css +0 -5
  351. package/styles/mention/bootstrap.css +0 -5
  352. package/styles/mention/bootstrap4.css +0 -9
  353. package/styles/mention/bootstrap5-dark.css +0 -19
  354. package/styles/mention/bootstrap5.3.css +67 -0
  355. package/styles/mention/bootstrap5.3.scss +6 -0
  356. package/styles/mention/bootstrap5.css +0 -19
  357. package/styles/mention/fabric-dark.css +0 -5
  358. package/styles/mention/fabric.css +0 -5
  359. package/styles/mention/fluent-dark.css +0 -19
  360. package/styles/mention/fluent.css +0 -19
  361. package/styles/mention/fluent2.css +0 -22
  362. package/styles/mention/highcontrast-light.css +0 -7
  363. package/styles/mention/highcontrast.css +0 -7
  364. package/styles/mention/material-dark.css +0 -4
  365. package/styles/mention/material.css +0 -4
  366. package/styles/mention/material3-dark.css +0 -4
  367. package/styles/mention/material3.css +0 -4
  368. package/styles/mention/tailwind-dark.css +0 -22
  369. package/styles/mention/tailwind.css +0 -22
  370. package/styles/multi-select/_bds-definition.scss +0 -5
  371. package/styles/multi-select/_bigger.scss +2002 -0
  372. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -9
  373. package/styles/multi-select/_bootstrap-definition.scss +0 -9
  374. package/styles/multi-select/_bootstrap4-definition.scss +0 -44
  375. package/styles/multi-select/_bootstrap5-definition.scss +0 -5
  376. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -5
  377. package/styles/multi-select/_fabric-dark-definition.scss +2 -4
  378. package/styles/multi-select/_fabric-definition.scss +2 -4
  379. package/styles/multi-select/_fluent-definition.scss +0 -10
  380. package/styles/multi-select/_fluent2-definition.scss +2 -5
  381. package/styles/multi-select/_fusionnew-definition.scss +0 -5
  382. package/styles/multi-select/_highcontrast-definition.scss +1 -2
  383. package/styles/multi-select/_highcontrast-light-definition.scss +1 -2
  384. package/styles/multi-select/_layout.scss +33 -934
  385. package/styles/multi-select/_tailwind-definition.scss +0 -5
  386. package/styles/multi-select/_theme.scss +13 -34
  387. package/styles/multi-select/bootstrap-dark.css +314 -273
  388. package/styles/multi-select/bootstrap-dark.scss +1 -0
  389. package/styles/multi-select/bootstrap.css +314 -273
  390. package/styles/multi-select/bootstrap.scss +1 -0
  391. package/styles/multi-select/bootstrap4.css +405 -347
  392. package/styles/multi-select/bootstrap4.scss +1 -0
  393. package/styles/multi-select/bootstrap5-dark.css +350 -320
  394. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  395. package/styles/multi-select/bootstrap5.3.css +1424 -0
  396. package/styles/multi-select/bootstrap5.3.scss +10 -0
  397. package/styles/multi-select/bootstrap5.css +350 -320
  398. package/styles/multi-select/bootstrap5.scss +1 -0
  399. package/styles/multi-select/fabric-dark.css +320 -273
  400. package/styles/multi-select/fabric-dark.scss +1 -0
  401. package/styles/multi-select/fabric.css +320 -273
  402. package/styles/multi-select/fabric.scss +1 -0
  403. package/styles/multi-select/fluent-dark.css +366 -361
  404. package/styles/multi-select/fluent-dark.scss +1 -0
  405. package/styles/multi-select/fluent.css +366 -361
  406. package/styles/multi-select/fluent.scss +1 -0
  407. package/styles/multi-select/fluent2.css +399 -355
  408. package/styles/multi-select/fluent2.scss +1 -0
  409. package/styles/multi-select/highcontrast-light.css +321 -278
  410. package/styles/multi-select/highcontrast-light.scss +1 -0
  411. package/styles/multi-select/highcontrast.css +321 -278
  412. package/styles/multi-select/highcontrast.scss +1 -0
  413. package/styles/multi-select/icons/_bootstrap4.scss +0 -9
  414. package/styles/multi-select/icons/_fluent.scss +0 -21
  415. package/styles/multi-select/icons/_fluent2.scss +5 -354
  416. package/styles/multi-select/icons/_material-dark.scss +5 -354
  417. package/styles/multi-select/icons/_material.scss +5 -354
  418. package/styles/multi-select/icons/_material3.scss +5 -354
  419. package/styles/multi-select/material-dark.css +960 -857
  420. package/styles/multi-select/material-dark.scss +1 -0
  421. package/styles/multi-select/material.css +960 -857
  422. package/styles/multi-select/material.scss +1 -0
  423. package/styles/multi-select/material3-dark.css +1277 -916
  424. package/styles/multi-select/material3-dark.scss +1 -0
  425. package/styles/multi-select/material3.css +1277 -916
  426. package/styles/multi-select/material3.scss +1 -0
  427. package/styles/multi-select/tailwind-dark.css +351 -327
  428. package/styles/multi-select/tailwind-dark.scss +1 -0
  429. package/styles/multi-select/tailwind.css +351 -327
  430. package/styles/multi-select/tailwind.scss +1 -0
  431. package/styles/tailwind-dark-lite.css +2816 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +933 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2816 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +933 -848
  438. package/styles/tailwind.scss +6 -1
@@ -53,29 +53,10 @@
53
53
  font-size: 10px;
54
54
  }
55
55
 
56
- .e-bigger .e-dropdownbase .e-list-group-item,
57
- .e-bigger .e-fixed-head,
58
- .e-bigger.e-dropdownbase .e-list-group-item,
59
- .e-bigger.e-fixed-head {
60
- font-size: 14px;
61
- }
62
-
63
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
64
- .e-bigger.e-small .e-fixed-head,
65
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
66
- .e-bigger.e-small.e-fixed-head {
67
- font-size: 12px;
68
- }
69
-
70
56
  .e-dropdownbase .e-list-item .e-list-icon {
71
57
  padding: 0 8px 0 0;
72
58
  }
73
59
 
74
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
75
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
76
- padding: 0 12px 0 0;
77
- }
78
-
79
60
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
80
61
  padding: 0 8px 0 0;
81
62
  }
@@ -107,28 +88,6 @@
107
88
  border: 0;
108
89
  }
109
90
 
110
- .e-bigger .e-popup.e-ddl-device-filter {
111
- margin-top: 0;
112
- }
113
-
114
- .e-bigger .e-popup.e-ddl .e-list-item {
115
- font-size: 16px;
116
- line-height: 32px;
117
- padding-left: 0;
118
- text-indent: 16px;
119
- }
120
-
121
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
122
- font-size: 14px;
123
- line-height: 32px;
124
- padding-left: 0;
125
- text-indent: 16px;
126
- }
127
-
128
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
129
- min-height: 40px;
130
- }
131
-
132
91
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
133
92
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
134
93
  background: transparent;
@@ -191,25 +150,6 @@
191
150
  font-size: 14px;
192
151
  }
193
152
 
194
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
195
- font-size: 16px;
196
- }
197
-
198
- .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 {
199
- font-size: 14px;
200
- line-height: 34px;
201
- padding-left: 0;
202
- text-indent: 16px;
203
- }
204
-
205
- .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 {
206
- height: 30px;
207
- }
208
-
209
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
210
- min-height: 34px;
211
- }
212
-
213
153
  .e-ddl .e-search-icon::before {
214
154
  content: "\e754";
215
155
  }
@@ -223,22 +163,6 @@
223
163
  font-family: "e-icons";
224
164
  }
225
165
 
226
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
227
- margin-left: -20px;
228
- }
229
-
230
- .e-bigger .e-ddl.e-popup .e-list-item {
231
- font-size: 16px;
232
- }
233
- .e-bigger .e-ddl.e-popup .e-list-group-item {
234
- font-size: 16px;
235
- }
236
- .e-bigger.e-ddl.e-popup .e-list-item {
237
- font-size: 16px;
238
- }
239
- .e-bigger.e-ddl.e-popup .e-list-group-item {
240
- font-size: 16px;
241
- }
242
166
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
243
167
  display: block;
244
168
  visibility: hidden;
@@ -426,6 +350,43 @@ ejs-dropdownlist {
426
350
  font-size: 12px;
427
351
  }
428
352
 
353
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
354
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
355
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
356
+ background-size: 300px 33px;
357
+ min-height: 33px;
358
+ }
359
+
360
+ .e-popup {
361
+ border-color: #292827;
362
+ }
363
+
364
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
365
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
366
+ color: #f3f2f1;
367
+ }
368
+
369
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
370
+ border-color: transparent;
371
+ background: none;
372
+ }
373
+
374
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
375
+ margin-left: -20px;
376
+ }
377
+
378
+ .e-bigger .e-ddl.e-popup .e-list-item {
379
+ font-size: 16px;
380
+ }
381
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
382
+ font-size: 16px;
383
+ }
384
+ .e-bigger.e-ddl.e-popup .e-list-item {
385
+ font-size: 16px;
386
+ }
387
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
388
+ font-size: 16px;
389
+ }
429
390
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
430
391
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
431
392
  font-size: 14px;
@@ -444,13 +405,6 @@ ejs-dropdownlist {
444
405
  font-size: 14px;
445
406
  }
446
407
 
447
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
448
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
449
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
450
- background-size: 300px 33px;
451
- min-height: 33px;
452
- }
453
-
454
408
  .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
455
409
  .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
456
410
  .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
@@ -461,11 +415,43 @@ ejs-dropdownlist {
461
415
  min-height: 40px;
462
416
  }
463
417
 
464
- .e-popup {
465
- border-color: #292827;
418
+ .e-bigger .e-popup.e-ddl-device-filter {
419
+ margin-top: 0;
466
420
  }
467
421
 
468
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
469
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
470
- color: #f3f2f1;
422
+ .e-bigger .e-popup.e-ddl .e-list-item {
423
+ font-size: 16px;
424
+ line-height: 32px;
425
+ padding-left: 0;
426
+ text-indent: 16px;
427
+ }
428
+
429
+ .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
430
+ font-size: 14px;
431
+ line-height: 32px;
432
+ padding-left: 0;
433
+ text-indent: 16px;
434
+ }
435
+
436
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
437
+ min-height: 40px;
438
+ }
439
+
440
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
441
+ font-size: 16px;
442
+ }
443
+
444
+ .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 {
445
+ font-size: 14px;
446
+ line-height: 34px;
447
+ padding-left: 0;
448
+ text-indent: 16px;
449
+ }
450
+
451
+ .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 {
452
+ height: 30px;
453
+ }
454
+
455
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
456
+ min-height: 34px;
471
457
  }
@@ -7,3 +7,4 @@
7
7
  @import 'fluent-dark-definition.scss';
8
8
  @import 'icons/fluent-dark.scss';
9
9
  @import 'all.scss';
10
+ @import 'bigger.scss';
@@ -53,29 +53,10 @@
53
53
  font-size: 10px;
54
54
  }
55
55
 
56
- .e-bigger .e-dropdownbase .e-list-group-item,
57
- .e-bigger .e-fixed-head,
58
- .e-bigger.e-dropdownbase .e-list-group-item,
59
- .e-bigger.e-fixed-head {
60
- font-size: 14px;
61
- }
62
-
63
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
64
- .e-bigger.e-small .e-fixed-head,
65
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
66
- .e-bigger.e-small.e-fixed-head {
67
- font-size: 12px;
68
- }
69
-
70
56
  .e-dropdownbase .e-list-item .e-list-icon {
71
57
  padding: 0 8px 0 0;
72
58
  }
73
59
 
74
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
75
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
76
- padding: 0 12px 0 0;
77
- }
78
-
79
60
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
80
61
  padding: 0 8px 0 0;
81
62
  }
@@ -107,28 +88,6 @@
107
88
  border: 0;
108
89
  }
109
90
 
110
- .e-bigger .e-popup.e-ddl-device-filter {
111
- margin-top: 0;
112
- }
113
-
114
- .e-bigger .e-popup.e-ddl .e-list-item {
115
- font-size: 16px;
116
- line-height: 32px;
117
- padding-left: 0;
118
- text-indent: 16px;
119
- }
120
-
121
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
122
- font-size: 14px;
123
- line-height: 32px;
124
- padding-left: 0;
125
- text-indent: 16px;
126
- }
127
-
128
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
129
- min-height: 40px;
130
- }
131
-
132
91
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
133
92
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
134
93
  background: transparent;
@@ -191,25 +150,6 @@
191
150
  font-size: 14px;
192
151
  }
193
152
 
194
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
195
- font-size: 16px;
196
- }
197
-
198
- .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 {
199
- font-size: 14px;
200
- line-height: 34px;
201
- padding-left: 0;
202
- text-indent: 16px;
203
- }
204
-
205
- .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 {
206
- height: 30px;
207
- }
208
-
209
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
210
- min-height: 34px;
211
- }
212
-
213
153
  .e-ddl .e-search-icon::before {
214
154
  content: "\e754";
215
155
  }
@@ -223,22 +163,6 @@
223
163
  font-family: "e-icons";
224
164
  }
225
165
 
226
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
227
- margin-left: -20px;
228
- }
229
-
230
- .e-bigger .e-ddl.e-popup .e-list-item {
231
- font-size: 16px;
232
- }
233
- .e-bigger .e-ddl.e-popup .e-list-group-item {
234
- font-size: 16px;
235
- }
236
- .e-bigger.e-ddl.e-popup .e-list-item {
237
- font-size: 16px;
238
- }
239
- .e-bigger.e-ddl.e-popup .e-list-group-item {
240
- font-size: 16px;
241
- }
242
166
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
243
167
  display: block;
244
168
  visibility: hidden;
@@ -426,6 +350,43 @@ ejs-dropdownlist {
426
350
  font-size: 12px;
427
351
  }
428
352
 
353
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
354
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
355
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
356
+ background-size: 300px 33px;
357
+ min-height: 33px;
358
+ }
359
+
360
+ .e-popup {
361
+ border-color: #edebe9;
362
+ }
363
+
364
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
365
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
366
+ color: #201f1e;
367
+ }
368
+
369
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
370
+ border-color: transparent;
371
+ background: none;
372
+ }
373
+
374
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
375
+ margin-left: -20px;
376
+ }
377
+
378
+ .e-bigger .e-ddl.e-popup .e-list-item {
379
+ font-size: 16px;
380
+ }
381
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
382
+ font-size: 16px;
383
+ }
384
+ .e-bigger.e-ddl.e-popup .e-list-item {
385
+ font-size: 16px;
386
+ }
387
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
388
+ font-size: 16px;
389
+ }
429
390
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
430
391
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
431
392
  font-size: 14px;
@@ -444,13 +405,6 @@ ejs-dropdownlist {
444
405
  font-size: 14px;
445
406
  }
446
407
 
447
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
448
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
449
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
450
- background-size: 300px 33px;
451
- min-height: 33px;
452
- }
453
-
454
408
  .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
455
409
  .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
456
410
  .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
@@ -461,11 +415,43 @@ ejs-dropdownlist {
461
415
  min-height: 40px;
462
416
  }
463
417
 
464
- .e-popup {
465
- border-color: #edebe9;
418
+ .e-bigger .e-popup.e-ddl-device-filter {
419
+ margin-top: 0;
466
420
  }
467
421
 
468
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
469
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
470
- color: #201f1e;
422
+ .e-bigger .e-popup.e-ddl .e-list-item {
423
+ font-size: 16px;
424
+ line-height: 32px;
425
+ padding-left: 0;
426
+ text-indent: 16px;
427
+ }
428
+
429
+ .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
430
+ font-size: 14px;
431
+ line-height: 32px;
432
+ padding-left: 0;
433
+ text-indent: 16px;
434
+ }
435
+
436
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
437
+ min-height: 40px;
438
+ }
439
+
440
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
441
+ font-size: 16px;
442
+ }
443
+
444
+ .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 {
445
+ font-size: 14px;
446
+ line-height: 34px;
447
+ padding-left: 0;
448
+ text-indent: 16px;
449
+ }
450
+
451
+ .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 {
452
+ height: 30px;
453
+ }
454
+
455
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
456
+ min-height: 34px;
471
457
  }
@@ -7,3 +7,4 @@
7
7
  @import 'fluent-definition.scss';
8
8
  @import 'icons/fluent.scss';
9
9
  @import 'all.scss';
10
+ @import 'bigger.scss';
@@ -244,32 +244,10 @@
244
244
  font-size: 10px;
245
245
  }
246
246
 
247
- .e-bigger .e-dropdownbase .e-list-group-item,
248
- .e-bigger .e-fixed-head,
249
- .e-bigger.e-dropdownbase .e-list-group-item,
250
- .e-bigger.e-fixed-head {
251
- font-size: 14px;
252
- }
253
-
254
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
255
- .e-bigger.e-small .e-fixed-head,
256
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
257
- .e-bigger.e-small.e-fixed-head {
258
- font-size: 12px;
259
- }
260
-
261
247
  .e-dropdownbase .e-list-item .e-list-icon {
262
248
  padding: 0 8px 0 0;
263
249
  }
264
250
 
265
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
266
- padding: 0 12px 0 0;
267
- }
268
-
269
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
270
- padding: 0 8px 0 0;
271
- }
272
-
273
251
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
274
252
  padding: 0 4px 0 0;
275
253
  }
@@ -317,7 +295,7 @@
317
295
 
318
296
  .e-ddl.e-popup {
319
297
  border: 0;
320
- border-radius: 8px;
298
+ border-radius: 4px;
321
299
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
322
300
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
323
301
  margin-top: 4px;
@@ -329,46 +307,11 @@
329
307
  margin-top: 2px;
330
308
  }
331
309
 
332
- .e-bigger .e-ddl.e-popup,
333
- .e-bigger.e-ddl.e-popup {
334
- border-radius: 8px;
335
- margin-top: 8px;
336
- }
337
-
338
- .e-bigger.e-small .e-ddl.e-popup,
339
- .e-small.e-bigger.e-ddl.e-popup {
340
- border-radius: 8px;
341
- margin-top: 6px;
342
- }
343
-
344
310
  .e-popup.e-ddl .e-dropdownbase {
345
311
  min-height: 26px;
346
312
  padding: 6px 4px;
347
313
  }
348
314
 
349
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
350
- border-color: var(--color-sf-border-light);
351
- }
352
-
353
- .e-bigger .e-popup.e-ddl-device-filter {
354
- margin-top: 0;
355
- }
356
-
357
- .e-bigger .e-ddl-device .e-input-group,
358
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
359
- background: var(--color-sf-flyout-bg-color);
360
- border-width: 0;
361
- -webkit-box-shadow: none;
362
- box-shadow: none;
363
- margin-bottom: 0;
364
- }
365
-
366
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
367
- .e-bigger .e-ddl-device .e-input-group input.e-input,
368
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
369
- background-color: var(--color-sf-flyout-bg-color);
370
- }
371
-
372
315
  .e-input-group.e-ddl,
373
316
  .e-input-group.e-ddl .e-input,
374
317
  .e-input-group.e-ddl .e-ddl-icon {
@@ -397,30 +340,6 @@
397
340
  font-family: "e-icons";
398
341
  }
399
342
 
400
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
401
- margin-left: -20px;
402
- }
403
-
404
- .e-bigger .e-ddl.e-popup .e-list-item {
405
- font-size: 16px;
406
- }
407
- .e-bigger .e-ddl.e-popup .e-list-group-item {
408
- font-size: 16px;
409
- }
410
- .e-bigger .e-ddl.e-popup .e-input-group {
411
- padding: 4px 0;
412
- }
413
-
414
- .e-bigger.e-ddl.e-popup .e-list-item {
415
- font-size: 16px;
416
- }
417
- .e-bigger.e-ddl.e-popup .e-list-group-item {
418
- font-size: 16px;
419
- }
420
- .e-bigger.e-ddl.e-popup .e-input-group {
421
- padding: 4px 0;
422
- }
423
-
424
343
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
425
344
  display: block;
426
345
  visibility: hidden;
@@ -585,6 +504,7 @@
585
504
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
586
505
  opacity: 0.7;
587
506
  pointer-events: none;
507
+ color: var(--color-sf-flyout-text-color-disabled);
588
508
  }
589
509
 
590
510
  ejs-autocomplete,
@@ -611,6 +531,51 @@ ejs-dropdownlist {
611
531
  font-size: 12px;
612
532
  }
613
533
 
534
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
535
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
536
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
537
+ background-size: 300px 33px;
538
+ min-height: 33px;
539
+ }
540
+
541
+ .e-popup {
542
+ border-color: var(--color-sf-border-light);
543
+ }
544
+
545
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
546
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
547
+ color: var(--color-sf-content-text-color-selected);
548
+ }
549
+
550
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
551
+ border-color: transparent;
552
+ background: none;
553
+ }
554
+
555
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
556
+ margin-left: -20px;
557
+ }
558
+
559
+ .e-bigger .e-ddl.e-popup .e-list-item {
560
+ font-size: 16px;
561
+ }
562
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
563
+ font-size: 16px;
564
+ }
565
+ .e-bigger .e-ddl.e-popup .e-input-group {
566
+ padding: 4px 0;
567
+ }
568
+
569
+ .e-bigger.e-ddl.e-popup .e-list-item {
570
+ font-size: 16px;
571
+ }
572
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
573
+ font-size: 16px;
574
+ }
575
+ .e-bigger.e-ddl.e-popup .e-input-group {
576
+ padding: 4px 0;
577
+ }
578
+
614
579
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
615
580
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
616
581
  font-size: 14px;
@@ -629,13 +594,6 @@ ejs-dropdownlist {
629
594
  font-size: 14px;
630
595
  }
631
596
 
632
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
633
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
634
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
635
- background-size: 300px 33px;
636
- min-height: 33px;
637
- }
638
-
639
597
  .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
640
598
  .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
641
599
  .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
@@ -646,11 +604,37 @@ ejs-dropdownlist {
646
604
  min-height: 40px;
647
605
  }
648
606
 
649
- .e-popup {
607
+ .e-bigger .e-ddl.e-popup,
608
+ .e-bigger.e-ddl.e-popup {
609
+ border-radius: 8px;
610
+ margin-top: 8px;
611
+ }
612
+
613
+ .e-bigger.e-small .e-ddl.e-popup,
614
+ .e-small.e-bigger.e-ddl.e-popup {
615
+ border-radius: 8px;
616
+ margin-top: 6px;
617
+ }
618
+
619
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
650
620
  border-color: var(--color-sf-border-light);
651
621
  }
652
622
 
653
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
654
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
655
- color: var(--color-sf-content-text-color-selected);
623
+ .e-bigger .e-popup.e-ddl-device-filter {
624
+ margin-top: 0;
625
+ }
626
+
627
+ .e-bigger .e-ddl-device .e-input-group,
628
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
629
+ background: var(--color-sf-flyout-bg-color);
630
+ border-width: 0;
631
+ -webkit-box-shadow: none;
632
+ box-shadow: none;
633
+ margin-bottom: 0;
634
+ }
635
+
636
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
637
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
638
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
639
+ background-color: var(--color-sf-flyout-bg-color);
656
640
  }
@@ -7,3 +7,4 @@
7
7
  @import 'fluent2-definition.scss';
8
8
  @import 'icons/fluent2.scss';
9
9
  @import 'all.scss';
10
+ @import 'bigger.scss';