@syncfusion/ej2-dropdowns 32.1.24 → 32.2.3

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 (268) hide show
  1. package/.eslintrc.json +263 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +14 -6
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +14 -6
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +8 -8
  14. package/src/drop-down-list/drop-down-list.js +1 -1
  15. package/src/multi-select/multi-select.js +13 -5
  16. package/styles/bds-lite.css +898 -898
  17. package/styles/bds.css +1302 -1302
  18. package/styles/bootstrap-dark-lite.css +870 -870
  19. package/styles/bootstrap-dark.css +1275 -1275
  20. package/styles/bootstrap-lite.css +867 -867
  21. package/styles/bootstrap.css +1278 -1278
  22. package/styles/bootstrap4-lite.css +1408 -1408
  23. package/styles/bootstrap4.css +1721 -1721
  24. package/styles/bootstrap5-dark-lite.css +1769 -1769
  25. package/styles/bootstrap5-dark.css +1710 -1710
  26. package/styles/bootstrap5-lite.css +1396 -1396
  27. package/styles/bootstrap5.3-lite.css +1138 -1138
  28. package/styles/bootstrap5.3.css +1592 -1592
  29. package/styles/bootstrap5.css +1711 -1711
  30. package/styles/drop-down-base/_all.bds.scss +1 -1
  31. package/styles/drop-down-base/_all.bootstrap-dark.scss +1 -1
  32. package/styles/drop-down-base/_all.bootstrap.scss +1 -1
  33. package/styles/drop-down-base/_all.bootstrap4.scss +1 -1
  34. package/styles/drop-down-base/_all.bootstrap5-dark.scss +1 -1
  35. package/styles/drop-down-base/_all.bootstrap5.3.scss +1 -1
  36. package/styles/drop-down-base/_all.bootstrap5.scss +1 -1
  37. package/styles/drop-down-base/_all.fabric-dark.scss +1 -1
  38. package/styles/drop-down-base/_all.fabric.scss +1 -1
  39. package/styles/drop-down-base/_all.fluent-dark.scss +1 -1
  40. package/styles/drop-down-base/_all.fluent.scss +1 -1
  41. package/styles/drop-down-base/_all.fluent2.scss +1 -1
  42. package/styles/drop-down-base/_all.highcontrast-light.scss +1 -1
  43. package/styles/drop-down-base/_all.highcontrast.scss +1 -1
  44. package/styles/drop-down-base/_all.material-dark.scss +1 -1
  45. package/styles/drop-down-base/_all.material.scss +1 -1
  46. package/styles/drop-down-base/_all.material3-dark.scss +1 -1
  47. package/styles/drop-down-base/_all.material3.scss +1 -1
  48. package/styles/drop-down-base/_all.tailwind-dark.scss +1 -1
  49. package/styles/drop-down-base/_all.tailwind.scss +1 -1
  50. package/styles/drop-down-base/_all.tailwind3.scss +1 -1
  51. package/styles/drop-down-base/bds.css +164 -164
  52. package/styles/drop-down-base/bootstrap-dark.css +130 -130
  53. package/styles/drop-down-base/bootstrap.css +130 -130
  54. package/styles/drop-down-base/bootstrap4.css +136 -136
  55. package/styles/drop-down-base/bootstrap5-dark.css +143 -143
  56. package/styles/drop-down-base/bootstrap5.3.css +219 -219
  57. package/styles/drop-down-base/bootstrap5.css +143 -143
  58. package/styles/drop-down-base/fabric-dark.css +130 -130
  59. package/styles/drop-down-base/fabric.css +130 -130
  60. package/styles/drop-down-base/fluent-dark.css +148 -148
  61. package/styles/drop-down-base/fluent.css +148 -148
  62. package/styles/drop-down-base/fluent2.css +215 -215
  63. package/styles/drop-down-base/highcontrast-light.css +146 -146
  64. package/styles/drop-down-base/highcontrast.css +146 -146
  65. package/styles/drop-down-base/material-dark.css +130 -130
  66. package/styles/drop-down-base/material.css +130 -130
  67. package/styles/drop-down-base/material3-dark.css +212 -212
  68. package/styles/drop-down-base/material3.css +214 -214
  69. package/styles/drop-down-base/tailwind-dark.css +155 -155
  70. package/styles/drop-down-base/tailwind.css +155 -155
  71. package/styles/drop-down-base/tailwind3.css +215 -215
  72. package/styles/drop-down-list/_all.bds.scss +1 -1
  73. package/styles/drop-down-list/_all.bootstrap-dark.scss +1 -1
  74. package/styles/drop-down-list/_all.bootstrap.scss +1 -1
  75. package/styles/drop-down-list/_all.bootstrap4.scss +1 -1
  76. package/styles/drop-down-list/_all.bootstrap5-dark.scss +1 -1
  77. package/styles/drop-down-list/_all.bootstrap5.3.scss +1 -1
  78. package/styles/drop-down-list/_all.bootstrap5.scss +1 -1
  79. package/styles/drop-down-list/_all.fabric-dark.scss +1 -1
  80. package/styles/drop-down-list/_all.fabric.scss +1 -1
  81. package/styles/drop-down-list/_all.fluent-dark.scss +1 -1
  82. package/styles/drop-down-list/_all.fluent.scss +1 -1
  83. package/styles/drop-down-list/_all.fluent2.scss +1 -1
  84. package/styles/drop-down-list/_all.highcontrast-light.scss +1 -1
  85. package/styles/drop-down-list/_all.highcontrast.scss +1 -1
  86. package/styles/drop-down-list/_all.material-dark.scss +1 -1
  87. package/styles/drop-down-list/_all.material.scss +1 -1
  88. package/styles/drop-down-list/_all.material3-dark.scss +1 -1
  89. package/styles/drop-down-list/_all.material3.scss +1 -1
  90. package/styles/drop-down-list/_all.tailwind-dark.scss +1 -1
  91. package/styles/drop-down-list/_all.tailwind.scss +1 -1
  92. package/styles/drop-down-list/_all.tailwind3.scss +1 -1
  93. package/styles/drop-down-list/bds.css +87 -87
  94. package/styles/drop-down-list/bootstrap-dark.css +74 -74
  95. package/styles/drop-down-list/bootstrap.css +74 -74
  96. package/styles/drop-down-list/bootstrap4.css +111 -111
  97. package/styles/drop-down-list/bootstrap5-dark.css +113 -113
  98. package/styles/drop-down-list/bootstrap5.3.css +197 -197
  99. package/styles/drop-down-list/bootstrap5.css +113 -113
  100. package/styles/drop-down-list/fabric-dark.css +48 -48
  101. package/styles/drop-down-list/fabric.css +48 -48
  102. package/styles/drop-down-list/fluent-dark.css +105 -105
  103. package/styles/drop-down-list/fluent.css +105 -105
  104. package/styles/drop-down-list/fluent2.css +204 -204
  105. package/styles/drop-down-list/highcontrast-light.css +63 -63
  106. package/styles/drop-down-list/highcontrast.css +64 -64
  107. package/styles/drop-down-list/material-dark.css +96 -96
  108. package/styles/drop-down-list/material.css +100 -100
  109. package/styles/drop-down-list/material3-dark.css +235 -235
  110. package/styles/drop-down-list/material3.css +235 -235
  111. package/styles/drop-down-list/tailwind-dark.css +83 -83
  112. package/styles/drop-down-list/tailwind.css +83 -83
  113. package/styles/drop-down-list/tailwind3.css +186 -186
  114. package/styles/drop-down-tree/_all.bds.scss +1 -1
  115. package/styles/drop-down-tree/_all.bootstrap-dark.scss +1 -1
  116. package/styles/drop-down-tree/_all.bootstrap.scss +1 -1
  117. package/styles/drop-down-tree/_all.bootstrap4.scss +1 -1
  118. package/styles/drop-down-tree/_all.bootstrap5-dark.scss +1 -1
  119. package/styles/drop-down-tree/_all.bootstrap5.3.scss +1 -1
  120. package/styles/drop-down-tree/_all.bootstrap5.scss +1 -1
  121. package/styles/drop-down-tree/_all.fabric-dark.scss +1 -1
  122. package/styles/drop-down-tree/_all.fabric.scss +1 -1
  123. package/styles/drop-down-tree/_all.fluent-dark.scss +1 -1
  124. package/styles/drop-down-tree/_all.fluent.scss +1 -1
  125. package/styles/drop-down-tree/_all.fluent2.scss +1 -1
  126. package/styles/drop-down-tree/_all.highcontrast-light.scss +1 -1
  127. package/styles/drop-down-tree/_all.highcontrast.scss +1 -1
  128. package/styles/drop-down-tree/_all.material-dark.scss +1 -1
  129. package/styles/drop-down-tree/_all.material.scss +1 -1
  130. package/styles/drop-down-tree/_all.material3-dark.scss +1 -1
  131. package/styles/drop-down-tree/_all.material3.scss +1 -1
  132. package/styles/drop-down-tree/_all.tailwind-dark.scss +1 -1
  133. package/styles/drop-down-tree/_all.tailwind.scss +1 -1
  134. package/styles/drop-down-tree/_all.tailwind3.scss +1 -1
  135. package/styles/drop-down-tree/bds.css +56 -56
  136. package/styles/drop-down-tree/bootstrap-dark.css +33 -33
  137. package/styles/drop-down-tree/bootstrap.css +33 -33
  138. package/styles/drop-down-tree/bootstrap4.css +39 -39
  139. package/styles/drop-down-tree/bootstrap5-dark.css +40 -40
  140. package/styles/drop-down-tree/bootstrap5.3.css +124 -124
  141. package/styles/drop-down-tree/bootstrap5.css +40 -40
  142. package/styles/drop-down-tree/fabric-dark.css +33 -33
  143. package/styles/drop-down-tree/fabric.css +33 -33
  144. package/styles/drop-down-tree/fluent-dark.css +33 -33
  145. package/styles/drop-down-tree/fluent.css +33 -33
  146. package/styles/drop-down-tree/fluent2.css +122 -122
  147. package/styles/drop-down-tree/highcontrast-light.css +33 -33
  148. package/styles/drop-down-tree/highcontrast.css +42 -42
  149. package/styles/drop-down-tree/material-dark.css +33 -33
  150. package/styles/drop-down-tree/material.css +33 -33
  151. package/styles/drop-down-tree/material3-dark.css +115 -115
  152. package/styles/drop-down-tree/material3.css +117 -117
  153. package/styles/drop-down-tree/tailwind-dark.css +52 -52
  154. package/styles/drop-down-tree/tailwind.css +52 -52
  155. package/styles/drop-down-tree/tailwind3.css +107 -107
  156. package/styles/fabric-dark-lite.css +877 -877
  157. package/styles/fabric-dark.css +1274 -1274
  158. package/styles/fabric-lite.css +877 -877
  159. package/styles/fabric.css +1147 -1147
  160. package/styles/fluent-dark-lite.css +1765 -1765
  161. package/styles/fluent-dark.css +1718 -1718
  162. package/styles/fluent-lite.css +1765 -1765
  163. package/styles/fluent.css +1718 -1718
  164. package/styles/fluent2-lite.css +2081 -2081
  165. package/styles/fluent2.css +1703 -1703
  166. package/styles/highcontrast-light-lite.css +1412 -1412
  167. package/styles/highcontrast-light.css +1760 -1760
  168. package/styles/highcontrast-lite.css +1751 -1751
  169. package/styles/highcontrast.css +1768 -1768
  170. package/styles/list-box/_all.bds.scss +1 -1
  171. package/styles/list-box/_all.bootstrap-dark.scss +1 -1
  172. package/styles/list-box/_all.bootstrap.scss +1 -1
  173. package/styles/list-box/_all.bootstrap4.scss +1 -1
  174. package/styles/list-box/_all.bootstrap5-dark.scss +1 -1
  175. package/styles/list-box/_all.bootstrap5.3.scss +1 -1
  176. package/styles/list-box/_all.bootstrap5.scss +1 -1
  177. package/styles/list-box/_all.fabric-dark.scss +1 -1
  178. package/styles/list-box/_all.fabric.scss +1 -1
  179. package/styles/list-box/_all.fluent-dark.scss +1 -1
  180. package/styles/list-box/_all.fluent.scss +1 -1
  181. package/styles/list-box/_all.fluent2.scss +1 -1
  182. package/styles/list-box/_all.highcontrast-light.scss +1 -1
  183. package/styles/list-box/_all.highcontrast.scss +1 -1
  184. package/styles/list-box/_all.material-dark.scss +1 -1
  185. package/styles/list-box/_all.material.scss +1 -1
  186. package/styles/list-box/_all.material3-dark.scss +1 -1
  187. package/styles/list-box/_all.material3.scss +1 -1
  188. package/styles/list-box/_all.tailwind-dark.scss +1 -1
  189. package/styles/list-box/_all.tailwind.scss +1 -1
  190. package/styles/list-box/_all.tailwind3.scss +1 -1
  191. package/styles/list-box/bds.css +654 -654
  192. package/styles/list-box/bootstrap-dark.css +644 -644
  193. package/styles/list-box/bootstrap.css +649 -649
  194. package/styles/list-box/bootstrap4.css +649 -649
  195. package/styles/list-box/bootstrap5-dark.css +649 -649
  196. package/styles/list-box/bootstrap5.3.css +659 -659
  197. package/styles/list-box/bootstrap5.css +649 -649
  198. package/styles/list-box/fabric-dark.css +644 -644
  199. package/styles/list-box/fabric.css +649 -649
  200. package/styles/list-box/fluent-dark.css +649 -649
  201. package/styles/list-box/fluent.css +649 -649
  202. package/styles/list-box/fluent2.css +692 -692
  203. package/styles/list-box/highcontrast-light.css +644 -644
  204. package/styles/list-box/highcontrast.css +649 -649
  205. package/styles/list-box/material-dark.css +643 -643
  206. package/styles/list-box/material.css +648 -648
  207. package/styles/list-box/material3-dark.css +659 -659
  208. package/styles/list-box/material3.css +659 -659
  209. package/styles/list-box/tailwind-dark.css +640 -640
  210. package/styles/list-box/tailwind.css +640 -640
  211. package/styles/list-box/tailwind3.css +698 -698
  212. package/styles/material-dark-lite.css +1566 -1566
  213. package/styles/material-dark.css +2278 -2278
  214. package/styles/material-lite.css +1659 -1659
  215. package/styles/material.css +1921 -1921
  216. package/styles/material3-dark-lite.css +2644 -2644
  217. package/styles/material3-dark.css +2687 -2687
  218. package/styles/material3-lite.css +2663 -2663
  219. package/styles/material3.css +2684 -2684
  220. package/styles/multi-select/_all.bds.scss +1 -1
  221. package/styles/multi-select/_all.bootstrap-dark.scss +1 -1
  222. package/styles/multi-select/_all.bootstrap.scss +1 -1
  223. package/styles/multi-select/_all.bootstrap4.scss +1 -1
  224. package/styles/multi-select/_all.bootstrap5-dark.scss +1 -1
  225. package/styles/multi-select/_all.bootstrap5.3.scss +1 -1
  226. package/styles/multi-select/_all.bootstrap5.scss +1 -1
  227. package/styles/multi-select/_all.fabric-dark.scss +1 -1
  228. package/styles/multi-select/_all.fabric.scss +1 -1
  229. package/styles/multi-select/_all.fluent-dark.scss +1 -1
  230. package/styles/multi-select/_all.fluent.scss +1 -1
  231. package/styles/multi-select/_all.fluent2.scss +1 -1
  232. package/styles/multi-select/_all.highcontrast-light.scss +1 -1
  233. package/styles/multi-select/_all.highcontrast.scss +1 -1
  234. package/styles/multi-select/_all.material-dark.scss +1 -1
  235. package/styles/multi-select/_all.material.scss +1 -1
  236. package/styles/multi-select/_all.material3-dark.scss +1 -1
  237. package/styles/multi-select/_all.material3.scss +1 -1
  238. package/styles/multi-select/_all.tailwind-dark.scss +1 -1
  239. package/styles/multi-select/_all.tailwind.scss +1 -1
  240. package/styles/multi-select/_all.tailwind3.scss +1 -1
  241. package/styles/multi-select/bds.css +221 -221
  242. package/styles/multi-select/bootstrap-dark.css +231 -231
  243. package/styles/multi-select/bootstrap.css +224 -224
  244. package/styles/multi-select/bootstrap4.css +676 -676
  245. package/styles/multi-select/bootstrap5-dark.css +235 -235
  246. package/styles/multi-select/bootstrap5.3.css +336 -336
  247. package/styles/multi-select/bootstrap5.css +235 -235
  248. package/styles/multi-select/fabric-dark.css +225 -225
  249. package/styles/multi-select/fabric.css +220 -220
  250. package/styles/multi-select/fluent-dark.css +677 -677
  251. package/styles/multi-select/fluent.css +677 -677
  252. package/styles/multi-select/fluent2.css +959 -959
  253. package/styles/multi-select/highcontrast-light.css +789 -789
  254. package/styles/multi-select/highcontrast.css +793 -793
  255. package/styles/multi-select/material-dark.css +918 -918
  256. package/styles/multi-select/material.css +920 -920
  257. package/styles/multi-select/material3-dark.css +1330 -1330
  258. package/styles/multi-select/material3.css +1334 -1334
  259. package/styles/multi-select/tailwind-dark.css +217 -217
  260. package/styles/multi-select/tailwind.css +217 -217
  261. package/styles/multi-select/tailwind3.css +326 -326
  262. package/styles/tailwind-dark-lite.css +861 -861
  263. package/styles/tailwind-dark.css +1263 -1263
  264. package/styles/tailwind-lite.css +862 -862
  265. package/styles/tailwind.css +1263 -1263
  266. package/styles/tailwind3-lite.css +1114 -1114
  267. package/styles/tailwind3.css +2339 -2339
  268. package/tslint.json +111 -0
@@ -224,89 +224,6 @@
224
224
  padding: 4px 8px;
225
225
  }
226
226
 
227
- .e-popup {
228
- border-color: #e5e7eb;
229
- }
230
-
231
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
232
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
233
- color: #111827;
234
- }
235
-
236
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
237
- border-color: transparent;
238
- }
239
-
240
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
241
- -webkit-transform: rotate(0deg);
242
- transform: rotate(0deg);
243
- -webkit-transition: -webkit-transform 300ms ease;
244
- transition: -webkit-transform 300ms ease;
245
- transition: transform 300ms ease;
246
- transition: transform 300ms ease, -webkit-transform 300ms ease;
247
- }
248
-
249
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
250
- -webkit-transform: rotate(180deg);
251
- transform: rotate(180deg);
252
- -webkit-transition: -webkit-transform 300ms ease;
253
- transition: -webkit-transform 300ms ease;
254
- transition: transform 300ms ease;
255
- transition: transform 300ms ease, -webkit-transform 300ms ease;
256
- }
257
-
258
- .e-dropdownbase .e-list-item.e-active.e-hover {
259
- color: #111827;
260
- }
261
-
262
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
263
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
264
- .e-input-group:not(.e-disabled) .e-back-icon:active,
265
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
266
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
267
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
268
- background: transparent;
269
- }
270
-
271
- .e-input-group .e-ddl-icon:not(:active)::after {
272
- -webkit-animation: none;
273
- animation: none;
274
- }
275
-
276
- .e-ddl.e-popup {
277
- border: 0;
278
- border-radius: 4px;
279
- -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
280
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
281
- margin-top: 4px;
282
- }
283
-
284
- .e-small .e-ddl.e-popup,
285
- .e-small.e-ddl.e-popup {
286
- border-radius: 2px;
287
- margin-top: 2px;
288
- }
289
-
290
- .e-popup.e-ddl .e-dropdownbase {
291
- min-height: 26px;
292
- padding: 4px 0;
293
- }
294
-
295
- .e-input-group.e-ddl,
296
- .e-input-group.e-ddl .e-input,
297
- .e-input-group.e-ddl .e-ddl-icon {
298
- background: #fff;
299
- }
300
-
301
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
302
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
303
- border-bottom-width: 0;
304
- }
305
-
306
- .e-ddl.e-popup.e-outline .e-filter-parent {
307
- padding: 4px 8px;
308
- }
309
-
310
227
  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
311
228
  width: 100%;
312
229
  border: 0 solid;
@@ -592,6 +509,89 @@ ejs-dropdownlist {
592
509
  padding: 4px 8px;
593
510
  }
594
511
 
512
+ .e-popup {
513
+ border-color: #e5e7eb;
514
+ }
515
+
516
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
517
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
518
+ color: #111827;
519
+ }
520
+
521
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
522
+ border-color: transparent;
523
+ }
524
+
525
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
526
+ -webkit-transform: rotate(0deg);
527
+ transform: rotate(0deg);
528
+ -webkit-transition: -webkit-transform 300ms ease;
529
+ transition: -webkit-transform 300ms ease;
530
+ transition: transform 300ms ease;
531
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
532
+ }
533
+
534
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
535
+ -webkit-transform: rotate(180deg);
536
+ transform: rotate(180deg);
537
+ -webkit-transition: -webkit-transform 300ms ease;
538
+ transition: -webkit-transform 300ms ease;
539
+ transition: transform 300ms ease;
540
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
541
+ }
542
+
543
+ .e-dropdownbase .e-list-item.e-active.e-hover {
544
+ color: #111827;
545
+ }
546
+
547
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
548
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
549
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
550
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
551
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
552
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
553
+ background: transparent;
554
+ }
555
+
556
+ .e-input-group .e-ddl-icon:not(:active)::after {
557
+ -webkit-animation: none;
558
+ animation: none;
559
+ }
560
+
561
+ .e-ddl.e-popup {
562
+ border: 0;
563
+ border-radius: 4px;
564
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
565
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
566
+ margin-top: 4px;
567
+ }
568
+
569
+ .e-small .e-ddl.e-popup,
570
+ .e-small.e-ddl.e-popup {
571
+ border-radius: 2px;
572
+ margin-top: 2px;
573
+ }
574
+
575
+ .e-popup.e-ddl .e-dropdownbase {
576
+ min-height: 26px;
577
+ padding: 4px 0;
578
+ }
579
+
580
+ .e-input-group.e-ddl,
581
+ .e-input-group.e-ddl .e-input,
582
+ .e-input-group.e-ddl .e-ddl-icon {
583
+ background: #fff;
584
+ }
585
+
586
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
587
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
588
+ border-bottom-width: 0;
589
+ }
590
+
591
+ .e-ddl.e-popup.e-outline .e-filter-parent {
592
+ padding: 4px 8px;
593
+ }
594
+
595
595
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
596
596
  margin-left: -20px;
597
597
  }
@@ -378,192 +378,6 @@
378
378
  /* 5em */
379
379
 
380
380
 
381
- .e-popup.e-ddl {
382
- border-radius: calc(var(--e-radius) * 0.25);
383
- -webkit-box-shadow: none;
384
- box-shadow: none;
385
- margin-top: 3px;
386
- }
387
-
388
- .e-popup.e-ddl .e-input-group {
389
- width: auto;
390
- }
391
-
392
- .e-popup.e-ddl .e-input-group input {
393
- line-height: 15px;
394
- }
395
-
396
- .e-popup.e-ddl .e-dropdownbase {
397
- min-height: 26px;
398
- }
399
-
400
- .e-popup.e-ddl .e-filter-parent .e-input-group {
401
- display: -webkit-box;
402
- display: -ms-flexbox;
403
- display: flex;
404
- width: auto;
405
- }
406
-
407
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
408
- border: 0;
409
- }
410
-
411
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
412
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
413
- background: transparent;
414
- }
415
-
416
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
417
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
418
- background: var(--color-sf-content-bg-color-alt2);
419
- }
420
-
421
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
422
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
423
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
424
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
425
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
426
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
427
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
428
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
429
- background: transparent;
430
- color: var(--color-sf-icon-color);
431
- }
432
-
433
- .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
434
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
435
- .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
436
- .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
437
- background: transparent;
438
- color: var(--color-sf-icon-color);
439
- }
440
-
441
- .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
442
- .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
443
- .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
444
- .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
445
- background: var(--color-sf-content-bg-color-alt2);
446
- }
447
-
448
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
449
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
450
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
451
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
452
- border: 0;
453
- }
454
-
455
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
456
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
457
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
458
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
459
- -webkit-box-shadow: none;
460
- box-shadow: none;
461
- }
462
-
463
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
464
- background: transparent;
465
- display: -webkit-box;
466
- display: -ms-flexbox;
467
- display: flex;
468
- position: relative;
469
- }
470
-
471
- .e-ddl.e-popup .e-filter-parent .e-input-group,
472
- .e-ddl.e-popup .e-filter-parent {
473
- background: var(--color-sf-content-bg-color);
474
- }
475
-
476
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
477
- font-size: 14px;
478
- }
479
-
480
- .e-popup {
481
- border-color: var(--color-sf-border-light);
482
- }
483
-
484
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
485
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
486
- color: var(--color-sf-content-text-color-selected);
487
- }
488
-
489
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
490
- border-color: transparent;
491
- }
492
-
493
-
494
-
495
-
496
-
497
-
498
-
499
-
500
-
501
- /* Font Family */
502
- /* border */
503
- /* 0px */
504
- /* 1px */
505
- /* 1.5px */
506
- /* 2px */
507
- /* 3px */
508
- /* 4px */
509
- /* 5px */
510
- /* 6px */
511
- /* 7px */
512
- /* 8px */
513
- /* Radius */
514
- /* 1px */
515
- /* 2px */
516
- /* 3px */
517
- /* 4px */
518
- /* 5px */
519
- /* 6px */
520
- /* 7px */
521
- /* 8px */
522
- /* 9px */
523
- /* 10px */
524
- /* 11px */
525
- /* 12px */
526
- /* 13px */
527
- /* 14px */
528
- /* 15px */
529
- /* 16px */
530
- /* 17px */
531
- /* 18px */
532
- /* 19px */
533
- /* 20px */
534
- /* 21px */
535
- /* 22px */
536
- /* 23px */
537
- /* 24px */
538
- /* 25px */
539
- /* 26px */
540
- /* 27px */
541
- /* 28px */
542
- /* 29px */
543
- /* 30px */
544
- /* 31px */
545
- /* 32px */
546
- /* 33px */
547
- /* 34px */
548
- /* 35px */
549
- /* 36px */
550
- /* 37px */
551
- /* 38px */
552
- /* 39px */
553
- /* 40px */
554
- /* 41px */
555
- /* 42px */
556
- /* 43px */
557
- /* 44px */
558
- /* 45px */
559
- /* 46px */
560
- /* 47px */
561
- /* 48px */
562
- /* 49px */
563
- /* 50px */
564
- /* 5em */
565
-
566
-
567
381
  .e-popup.e-ddl {
568
382
  border-radius: calc(var(--e-radius) * 0.25);
569
383
  -webkit-box-shadow: none;
@@ -963,6 +777,192 @@ ejs-dropdownlist {
963
777
  /* 5em */
964
778
 
965
779
 
780
+ .e-popup.e-ddl {
781
+ border-radius: calc(var(--e-radius) * 0.25);
782
+ -webkit-box-shadow: none;
783
+ box-shadow: none;
784
+ margin-top: 3px;
785
+ }
786
+
787
+ .e-popup.e-ddl .e-input-group {
788
+ width: auto;
789
+ }
790
+
791
+ .e-popup.e-ddl .e-input-group input {
792
+ line-height: 15px;
793
+ }
794
+
795
+ .e-popup.e-ddl .e-dropdownbase {
796
+ min-height: 26px;
797
+ }
798
+
799
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
800
+ display: -webkit-box;
801
+ display: -ms-flexbox;
802
+ display: flex;
803
+ width: auto;
804
+ }
805
+
806
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
807
+ border: 0;
808
+ }
809
+
810
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
811
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
812
+ background: transparent;
813
+ }
814
+
815
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
816
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
817
+ background: var(--color-sf-content-bg-color-alt2);
818
+ }
819
+
820
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
821
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
822
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
823
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
824
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
825
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
826
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
827
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
828
+ background: transparent;
829
+ color: var(--color-sf-icon-color);
830
+ }
831
+
832
+ .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
833
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
834
+ .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
835
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
836
+ background: transparent;
837
+ color: var(--color-sf-icon-color);
838
+ }
839
+
840
+ .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
841
+ .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
842
+ .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
843
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
844
+ background: var(--color-sf-content-bg-color-alt2);
845
+ }
846
+
847
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
848
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
849
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
850
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
851
+ border: 0;
852
+ }
853
+
854
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
855
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
856
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
857
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
858
+ -webkit-box-shadow: none;
859
+ box-shadow: none;
860
+ }
861
+
862
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
863
+ background: transparent;
864
+ display: -webkit-box;
865
+ display: -ms-flexbox;
866
+ display: flex;
867
+ position: relative;
868
+ }
869
+
870
+ .e-ddl.e-popup .e-filter-parent .e-input-group,
871
+ .e-ddl.e-popup .e-filter-parent {
872
+ background: var(--color-sf-content-bg-color);
873
+ }
874
+
875
+ .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
876
+ font-size: 14px;
877
+ }
878
+
879
+ .e-popup {
880
+ border-color: var(--color-sf-border-light);
881
+ }
882
+
883
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
884
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
885
+ color: var(--color-sf-content-text-color-selected);
886
+ }
887
+
888
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
889
+ border-color: transparent;
890
+ }
891
+
892
+
893
+
894
+
895
+
896
+
897
+
898
+
899
+
900
+ /* Font Family */
901
+ /* border */
902
+ /* 0px */
903
+ /* 1px */
904
+ /* 1.5px */
905
+ /* 2px */
906
+ /* 3px */
907
+ /* 4px */
908
+ /* 5px */
909
+ /* 6px */
910
+ /* 7px */
911
+ /* 8px */
912
+ /* Radius */
913
+ /* 1px */
914
+ /* 2px */
915
+ /* 3px */
916
+ /* 4px */
917
+ /* 5px */
918
+ /* 6px */
919
+ /* 7px */
920
+ /* 8px */
921
+ /* 9px */
922
+ /* 10px */
923
+ /* 11px */
924
+ /* 12px */
925
+ /* 13px */
926
+ /* 14px */
927
+ /* 15px */
928
+ /* 16px */
929
+ /* 17px */
930
+ /* 18px */
931
+ /* 19px */
932
+ /* 20px */
933
+ /* 21px */
934
+ /* 22px */
935
+ /* 23px */
936
+ /* 24px */
937
+ /* 25px */
938
+ /* 26px */
939
+ /* 27px */
940
+ /* 28px */
941
+ /* 29px */
942
+ /* 30px */
943
+ /* 31px */
944
+ /* 32px */
945
+ /* 33px */
946
+ /* 34px */
947
+ /* 35px */
948
+ /* 36px */
949
+ /* 37px */
950
+ /* 38px */
951
+ /* 39px */
952
+ /* 40px */
953
+ /* 41px */
954
+ /* 42px */
955
+ /* 43px */
956
+ /* 44px */
957
+ /* 45px */
958
+ /* 46px */
959
+ /* 47px */
960
+ /* 48px */
961
+ /* 49px */
962
+ /* 50px */
963
+ /* 5em */
964
+
965
+
966
966
  .e-popup.e-ddl {
967
967
  border-radius: calc(var(--e-radius) * 0.25);
968
968
  -webkit-box-shadow: none;
@@ -1,2 +1,2 @@
1
- @use 'theme.bds' as *;
2
1
  @use 'layout.bds' as *;
2
+ @use 'theme.bds' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap-dark' as *;
2
1
  @use 'layout.bootstrap-dark' as *;
2
+ @use 'theme.bootstrap-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap' as *;
2
1
  @use 'layout.bootstrap' as *;
2
+ @use 'theme.bootstrap' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap4' as *;
2
1
  @use 'layout.bootstrap4' as *;
2
+ @use 'theme.bootstrap4' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap5-dark' as *;
2
1
  @use 'layout.bootstrap5-dark' as *;
2
+ @use 'theme.bootstrap5-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap5.3' as *;
2
1
  @use 'layout.bootstrap5.3' as *;
2
+ @use 'theme.bootstrap5.3' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.bootstrap5' as *;
2
1
  @use 'layout.bootstrap5' as *;
2
+ @use 'theme.bootstrap5' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fabric-dark' as *;
2
1
  @use 'layout.fabric-dark' as *;
2
+ @use 'theme.fabric-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fabric' as *;
2
1
  @use 'layout.fabric' as *;
2
+ @use 'theme.fabric' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fluent-dark' as *;
2
1
  @use 'layout.fluent-dark' as *;
2
+ @use 'theme.fluent-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fluent' as *;
2
1
  @use 'layout.fluent' as *;
2
+ @use 'theme.fluent' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.fluent2' as *;
2
1
  @use 'layout.fluent2' as *;
2
+ @use 'theme.fluent2' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.highcontrast-light' as *;
2
1
  @use 'layout.highcontrast-light' as *;
2
+ @use 'theme.highcontrast-light' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.highcontrast' as *;
2
1
  @use 'layout.highcontrast' as *;
2
+ @use 'theme.highcontrast' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.material-dark' as *;
2
1
  @use 'layout.material-dark' as *;
2
+ @use 'theme.material-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.material' as *;
2
1
  @use 'layout.material' as *;
2
+ @use 'theme.material' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.material3-dark' as *;
2
1
  @use 'layout.material3-dark' as *;
2
+ @use 'theme.material3-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.material3' as *;
2
1
  @use 'layout.material3' as *;
2
+ @use 'theme.material3' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.tailwind-dark' as *;
2
1
  @use 'layout.tailwind-dark' as *;
2
+ @use 'theme.tailwind-dark' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.tailwind' as *;
2
1
  @use 'layout.tailwind' as *;
2
+ @use 'theme.tailwind' as *;
@@ -1,2 +1,2 @@
1
- @use 'theme.tailwind3' as *;
2
1
  @use 'layout.tailwind3' as *;
2
+ @use 'theme.tailwind3' as *;