@syncfusion/ej2-dropdowns 32.2.7 → 32.2.9

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 (25) 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 +101 -29
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +103 -29
  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 +5 -5
  12. package/src/common/virtual-scroll.js +1 -1
  13. package/src/drop-down-list/drop-down-list.d.ts +2 -0
  14. package/src/drop-down-list/drop-down-list.js +75 -20
  15. package/src/multi-select/multi-select.js +27 -8
  16. package/styles/drop-down-base/material3-dark.css +0 -6
  17. package/styles/drop-down-base/material3.css +0 -6
  18. package/styles/drop-down-list/material3-dark.css +0 -1
  19. package/styles/drop-down-list/material3.css +0 -1
  20. package/styles/drop-down-tree/material3-dark.css +0 -2
  21. package/styles/drop-down-tree/material3.css +0 -2
  22. package/styles/material3-dark-lite.css +0 -9
  23. package/styles/material3-dark.css +0 -9
  24. package/styles/material3-lite.css +0 -9
  25. package/styles/material3.css +0 -9
package/styles/material3-lite.css CHANGED
@@ -234,7 +234,6 @@
234
234
  }
235
235
 
236
236
  .e-mention.e-popup {
237
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
238
237
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
239
238
  border: 0;
240
239
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
@@ -408,7 +407,6 @@
408
407
  }
409
408
  .e-dropdownbase {
410
409
  border-color: #e0e0e0;
411
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
412
410
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
413
411
  }
414
412
  .e-dropdownbase .e-list-item {
@@ -423,7 +421,6 @@
423
421
  min-height: 32px;
424
422
  padding-right: 16px;
425
423
  text-indent: 16px;
426
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
427
424
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
428
425
  }
429
426
 
@@ -440,7 +437,6 @@
440
437
  padding-right: 16px;
441
438
  overflow: hidden;
442
439
  text-overflow: ellipsis;
443
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
444
440
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
445
441
  }
446
442
 
@@ -489,7 +485,6 @@
489
485
  }
490
486
 
491
487
  .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
492
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
493
488
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
494
489
  border-color: #e0e0e0;
495
490
  border-style: solid;
@@ -549,7 +544,6 @@
549
544
  }
550
545
 
551
546
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
552
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
553
547
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
554
548
  border-bottom: 0;
555
549
  border-color: rgba(var(--color-sf-surface));
@@ -1138,7 +1132,6 @@
1138
1132
  }
1139
1133
 
1140
1134
  .e-ddl.e-popup {
1141
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
1142
1135
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1143
1136
  border-radius: calc(var(--e-radius) * 0.25);
1144
1137
  position: absolute;
@@ -2026,7 +2019,6 @@ ejs-dropdownlist {
2026
2019
 
2027
2020
 
2028
2021
  .e-ddt .e-chips {
2029
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2030
2022
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2031
2023
  border-color: rgba(var(--color-sf-outline));
2032
2024
  border: 1px solid;
@@ -2041,7 +2033,6 @@ ejs-dropdownlist {
2041
2033
  color: #757575;
2042
2034
  }
2043
2035
  .e-ddt.e-popup {
2044
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2045
2036
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2046
2037
  border-color: rgba(var(--color-sf-outline-variant));
2047
2038
  }
package/styles/material3.css CHANGED
@@ -234,7 +234,6 @@
234
234
  }
235
235
 
236
236
  .e-mention.e-popup {
237
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
238
237
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
239
238
  border: 0;
240
239
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
@@ -408,7 +407,6 @@
408
407
  }
409
408
  .e-dropdownbase {
410
409
  border-color: #e0e0e0;
411
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
412
410
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
413
411
  }
414
412
  .e-dropdownbase .e-list-item {
@@ -423,7 +421,6 @@
423
421
  min-height: 32px;
424
422
  padding-right: 16px;
425
423
  text-indent: 16px;
426
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
427
424
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
428
425
  }
429
426
 
@@ -440,7 +437,6 @@
440
437
  padding-right: 16px;
441
438
  overflow: hidden;
442
439
  text-overflow: ellipsis;
443
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
444
440
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
445
441
  }
446
442
 
@@ -489,7 +485,6 @@
489
485
  }
490
486
 
491
487
  .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
492
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
493
488
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
494
489
  border-color: #e0e0e0;
495
490
  border-style: solid;
@@ -549,7 +544,6 @@
549
544
  }
550
545
 
551
546
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
552
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
553
547
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
554
548
  border-bottom: 0;
555
549
  border-color: rgba(var(--color-sf-surface));
@@ -1304,7 +1298,6 @@
1304
1298
  }
1305
1299
 
1306
1300
  .e-ddl.e-popup {
1307
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
1308
1301
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1309
1302
  border-radius: calc(var(--e-radius) * 0.25);
1310
1303
  position: absolute;
@@ -2480,7 +2473,6 @@ ejs-dropdownlist {
2480
2473
 
2481
2474
 
2482
2475
  .e-ddt .e-chips {
2483
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2484
2476
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2485
2477
  border-color: rgba(var(--color-sf-outline));
2486
2478
  border: 1px solid;
@@ -2495,7 +2487,6 @@ ejs-dropdownlist {
2495
2487
  color: #757575;
2496
2488
  }
2497
2489
  .e-ddt.e-popup {
2498
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2499
2490
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2500
2491
  border-color: rgba(var(--color-sf-outline-variant));
2501
2492
  }