@syncfusion/ej2-dropdowns 25.2.3 → 25.2.5

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 (26) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +236 -138
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +246 -147
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -9
  13. package/src/drop-down-base/drop-down-base.d.ts +8 -3
  14. package/src/drop-down-base/drop-down-base.js +40 -18
  15. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  16. package/src/drop-down-list/drop-down-list.js +33 -10
  17. package/src/drop-down-tree/drop-down-tree.js +10 -6
  18. package/src/multi-select/float-label.js +1 -0
  19. package/src/multi-select/multi-select.d.ts +2 -0
  20. package/src/multi-select/multi-select.js +162 -113
  21. package/styles/material3-dark.css +10 -7
  22. package/styles/material3.css +10 -7
  23. package/styles/multi-select/_layout.scss +2 -2
  24. package/styles/multi-select/icons/_material3.scss +8 -5
  25. package/styles/multi-select/material3-dark.css +10 -7
  26. package/styles/multi-select/material3.css +10 -7
package/styles/multi-select/material3-dark.css CHANGED
@@ -268,7 +268,7 @@
268
268
  }
269
269
 
270
270
  .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
271
- content: "\e208";
271
+ content: "\e7e7";
272
272
  font-size: 16px;
273
273
  height: 16px;
274
274
  margin-top: -8px;
@@ -277,7 +277,7 @@
277
277
 
278
278
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
279
279
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
280
- content: "\e208";
280
+ content: "\e7e7";
281
281
  font-size: 14px;
282
282
  height: 14px;
283
283
  margin-top: -7px;
@@ -286,7 +286,7 @@
286
286
 
287
287
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
288
288
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
289
- content: "\e208";
289
+ content: "\e7e7";
290
290
  font-size: 20px;
291
291
  height: 20px;
292
292
  left: 0;
@@ -298,7 +298,7 @@
298
298
  .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
299
299
  .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
300
300
  .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
301
- content: "\e208";
301
+ content: "\e7e7";
302
302
  font-size: 18px;
303
303
  height: 18px;
304
304
  left: 0;
@@ -330,6 +330,7 @@
330
330
  .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
331
331
  .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
332
332
  margin: 7px 12px 9px 0;
333
+ min-height: fit-content;
333
334
  }
334
335
 
335
336
  .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -535,7 +536,7 @@
535
536
  .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
536
537
  .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
537
538
  .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
538
- content: "\e208";
539
+ content: "\e7e7";
539
540
  font-size: 16px;
540
541
  height: 16px;
541
542
  padding: 0;
@@ -585,6 +586,7 @@
585
586
  .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
586
587
  .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
587
588
  margin: 10px 0 9px;
589
+ min-height: fit-content;
588
590
  }
589
591
 
590
592
  .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
@@ -610,6 +612,7 @@
610
612
  .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
611
613
  .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
612
614
  margin: 0 12px 4px 0;
615
+ min-width: fit-content;
613
616
  }
614
617
 
615
618
  .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -1344,7 +1347,7 @@
1344
1347
  top: 1px;
1345
1348
  }
1346
1349
 
1347
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1350
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
1348
1351
  top: 6px;
1349
1352
  }
1350
1353
 
@@ -1429,7 +1432,7 @@ ejs-multiselect {
1429
1432
  margin-top: -1.7em;
1430
1433
  height: 22px;
1431
1434
  width: 22px;
1432
- line-height: 2px;
1435
+ line-height: normal;
1433
1436
  }
1434
1437
 
1435
1438
  .e-small .e-multi-select-wrapper {
package/styles/multi-select/material3.css CHANGED
@@ -324,7 +324,7 @@
324
324
  }
325
325
 
326
326
  .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
327
- content: "\e208";
327
+ content: "\e7e7";
328
328
  font-size: 16px;
329
329
  height: 16px;
330
330
  margin-top: -8px;
@@ -333,7 +333,7 @@
333
333
 
334
334
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
335
335
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
336
- content: "\e208";
336
+ content: "\e7e7";
337
337
  font-size: 14px;
338
338
  height: 14px;
339
339
  margin-top: -7px;
@@ -342,7 +342,7 @@
342
342
 
343
343
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
344
344
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
345
- content: "\e208";
345
+ content: "\e7e7";
346
346
  font-size: 20px;
347
347
  height: 20px;
348
348
  left: 0;
@@ -354,7 +354,7 @@
354
354
  .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
355
355
  .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
356
356
  .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
357
- content: "\e208";
357
+ content: "\e7e7";
358
358
  font-size: 18px;
359
359
  height: 18px;
360
360
  left: 0;
@@ -386,6 +386,7 @@
386
386
  .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
387
387
  .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
388
388
  margin: 7px 12px 9px 0;
389
+ min-height: fit-content;
389
390
  }
390
391
 
391
392
  .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -591,7 +592,7 @@
591
592
  .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
592
593
  .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
593
594
  .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
594
- content: "\e208";
595
+ content: "\e7e7";
595
596
  font-size: 16px;
596
597
  height: 16px;
597
598
  padding: 0;
@@ -641,6 +642,7 @@
641
642
  .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
642
643
  .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
643
644
  margin: 10px 0 9px;
645
+ min-height: fit-content;
644
646
  }
645
647
 
646
648
  .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
@@ -666,6 +668,7 @@
666
668
  .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
667
669
  .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
668
670
  margin: 0 12px 4px 0;
671
+ min-width: fit-content;
669
672
  }
670
673
 
671
674
  .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -1400,7 +1403,7 @@
1400
1403
  top: 1px;
1401
1404
  }
1402
1405
 
1403
- .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1406
+ .e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
1404
1407
  top: 6px;
1405
1408
  }
1406
1409
 
@@ -1485,7 +1488,7 @@ ejs-multiselect {
1485
1488
  margin-top: -1.7em;
1486
1489
  height: 22px;
1487
1490
  width: 22px;
1488
- line-height: 2px;
1491
+ line-height: normal;
1489
1492
  }
1490
1493
 
1491
1494
  .e-small .e-multi-select-wrapper {