@syncfusion/ej2-dropdowns 32.2.6 → 32.2.8

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 (33) 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 +73 -28
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +73 -28
  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 +20 -4
  15. package/src/drop-down-tree/drop-down-tree-model.d.ts +13 -0
  16. package/src/drop-down-tree/drop-down-tree.d.ts +14 -0
  17. package/src/drop-down-tree/drop-down-tree.js +12 -12
  18. package/src/list-box/list-box.d.ts +1 -0
  19. package/src/list-box/list-box.js +6 -2
  20. package/src/mention/mention.d.ts +4 -0
  21. package/src/mention/mention.js +27 -6
  22. package/src/multi-select/multi-select.d.ts +1 -0
  23. package/src/multi-select/multi-select.js +6 -2
  24. package/styles/drop-down-base/material3-dark.css +0 -6
  25. package/styles/drop-down-base/material3.css +0 -6
  26. package/styles/drop-down-list/material3-dark.css +0 -1
  27. package/styles/drop-down-list/material3.css +0 -1
  28. package/styles/drop-down-tree/material3-dark.css +0 -2
  29. package/styles/drop-down-tree/material3.css +0 -2
  30. package/styles/material3-dark-lite.css +0 -9
  31. package/styles/material3-dark.css +0 -9
  32. package/styles/material3-lite.css +0 -9
  33. package/styles/material3.css +0 -9
package/styles/material3-dark.css CHANGED
@@ -230,7 +230,6 @@
230
230
  }
231
231
 
232
232
  .e-mention.e-popup {
233
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
234
233
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
235
234
  border: 0;
236
235
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
@@ -402,7 +401,6 @@
402
401
  }
403
402
  .e-dropdownbase {
404
403
  border-color: #e0e0e0;
405
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
406
404
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
407
405
  }
408
406
  .e-dropdownbase .e-list-item {
@@ -417,7 +415,6 @@
417
415
  min-height: 32px;
418
416
  padding-right: 16px;
419
417
  text-indent: 16px;
420
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
421
418
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
422
419
  }
423
420
 
@@ -434,7 +431,6 @@
434
431
  padding-right: 16px;
435
432
  overflow: hidden;
436
433
  text-overflow: ellipsis;
437
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
438
434
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
439
435
  }
440
436
 
@@ -483,7 +479,6 @@
483
479
  }
484
480
 
485
481
  .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
486
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
487
482
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
488
483
  border-color: #e0e0e0;
489
484
  border-style: solid;
@@ -543,7 +538,6 @@
543
538
  }
544
539
 
545
540
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
546
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
547
541
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
548
542
  border-bottom: 0;
549
543
  border-color: rgba(var(--color-sf-surface));
@@ -1294,7 +1288,6 @@
1294
1288
  }
1295
1289
 
1296
1290
  .e-ddl.e-popup {
1297
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
1298
1291
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1299
1292
  border-radius: calc(var(--e-radius) * 0.25);
1300
1293
  position: absolute;
@@ -2462,7 +2455,6 @@ ejs-dropdownlist {
2462
2455
  /* 15px */
2463
2456
  /* 16px */
2464
2457
  .e-ddt .e-chips {
2465
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
2466
2458
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2467
2459
  border-color: rgba(var(--color-sf-outline));
2468
2460
  border: 1px solid;
@@ -2477,7 +2469,6 @@ ejs-dropdownlist {
2477
2469
  color: #757575;
2478
2470
  }
2479
2471
  .e-ddt.e-popup {
2480
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
2481
2472
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2482
2473
  border-color: rgba(var(--color-sf-outline-variant));
2483
2474
  }
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
  }