@syncfusion/ej2-angular-dropdowns 20.1.59 → 20.2.36-ngcc

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 (66) hide show
  1. package/CHANGELOG.md +9 -78
  2. package/dist/ej2-angular-dropdowns.umd.js +1 -1
  3. package/dist/ej2-angular-dropdowns.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/generators/autocomplete-custom-filtering/schema.json +3 -2
  6. package/schematics/generators/autocomplete-default/schema.json +3 -2
  7. package/schematics/generators/autocomplete-diacritics-filtering/schema.json +3 -2
  8. package/schematics/generators/autocomplete-highlight/schema.json +3 -2
  9. package/schematics/generators/autocomplete-reactive-form/schema.json +3 -2
  10. package/schematics/generators/autocomplete-template/schema.json +3 -2
  11. package/schematics/generators/autocomplete-template-driven/schema.json +3 -2
  12. package/schematics/generators/combobox-custom-value/schema.json +3 -2
  13. package/schematics/generators/combobox-default/schema.json +3 -2
  14. package/schematics/generators/combobox-filtering/schema.json +3 -2
  15. package/schematics/generators/combobox-grouping/schema.json +3 -2
  16. package/schematics/generators/combobox-reactive-form/schema.json +3 -2
  17. package/schematics/generators/combobox-template/schema.json +3 -2
  18. package/schematics/generators/combobox-template-driven/schema.json +3 -2
  19. package/schematics/generators/dropdownlist-cascading/schema.json +3 -2
  20. package/schematics/generators/dropdownlist-default/schema.json +3 -2
  21. package/schematics/generators/dropdownlist-filtering/schema.json +3 -2
  22. package/schematics/generators/dropdownlist-inline/schema.json +3 -2
  23. package/schematics/generators/dropdownlist-reactive-form/schema.json +3 -2
  24. package/schematics/generators/dropdownlist-template/schema.json +3 -2
  25. package/schematics/generators/dropdownlist-template-driven/schema.json +3 -2
  26. package/schematics/generators/multiselect-box-mode/schema.json +3 -2
  27. package/schematics/generators/multiselect-checkbox/schema.json +3 -2
  28. package/schematics/generators/multiselect-chip-customization/schema.json +3 -2
  29. package/schematics/generators/multiselect-delimiter-mode/schema.json +3 -2
  30. package/schematics/generators/multiselect-filtering/schema.json +3 -2
  31. package/schematics/generators/multiselect-reactive-form/schema.json +3 -2
  32. package/schematics/generators/multiselect-template/schema.json +3 -2
  33. package/schematics/generators/multiselect-template-driven/schema.json +3 -2
  34. package/schematics/utils/lib-details.d.ts +2 -2
  35. package/schematics/utils/lib-details.js +2 -2
  36. package/schematics/utils/lib-details.ts +2 -2
  37. package/styles/bootstrap-dark.css +38 -2
  38. package/styles/bootstrap.css +38 -2
  39. package/styles/bootstrap4.css +38 -2
  40. package/styles/bootstrap5-dark.css +38 -2
  41. package/styles/bootstrap5.css +38 -2
  42. package/styles/fabric-dark.css +38 -2
  43. package/styles/fabric.css +38 -2
  44. package/styles/fluent-dark.css +38 -2
  45. package/styles/fluent.css +38 -2
  46. package/styles/highcontrast-light.css +38 -2
  47. package/styles/highcontrast.css +38 -2
  48. package/styles/list-box/bootstrap-dark.css +28 -2
  49. package/styles/list-box/bootstrap.css +38 -2
  50. package/styles/list-box/bootstrap4.css +38 -2
  51. package/styles/list-box/bootstrap5-dark.css +38 -2
  52. package/styles/list-box/bootstrap5.css +38 -2
  53. package/styles/list-box/fabric-dark.css +28 -2
  54. package/styles/list-box/fabric.css +38 -2
  55. package/styles/list-box/fluent-dark.css +38 -2
  56. package/styles/list-box/fluent.css +38 -2
  57. package/styles/list-box/highcontrast-light.css +28 -2
  58. package/styles/list-box/highcontrast.css +38 -2
  59. package/styles/list-box/material-dark.css +30 -4
  60. package/styles/list-box/material.css +40 -4
  61. package/styles/list-box/tailwind-dark.css +38 -2
  62. package/styles/list-box/tailwind.css +38 -2
  63. package/styles/material-dark.css +40 -4
  64. package/styles/material.css +40 -4
  65. package/styles/tailwind-dark.css +38 -2
  66. package/styles/tailwind.css +38 -2
package/styles/list-box/fabric.css CHANGED
@@ -51,6 +51,10 @@
51
51
  .e-listbox-container * {
52
52
  box-sizing: border-box;
53
53
  }
54
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
55
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
56
+ width: 86% !important;
57
+ }
54
58
  .e-listbox-wrapper:focus,
55
59
  .e-listbox-container:focus {
56
60
  outline: none;
@@ -281,8 +285,8 @@
281
285
  text-indent: 0;
282
286
  vertical-align: middle;
283
287
  }
284
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
285
- .e-listbox-container.e-right .e-checkbox-wrapper {
288
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
289
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
286
290
  position: absolute;
287
291
  right: 0;
288
292
  top: 30%;
@@ -401,6 +405,12 @@ ejs-listbox {
401
405
  list-style-type: none;
402
406
  margin-bottom: 10px;
403
407
  }
408
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
409
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
410
+ position: absolute;
411
+ right: 0;
412
+ top: 30%;
413
+ }
404
414
 
405
415
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
416
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -411,6 +421,12 @@ ejs-listbox {
411
421
  margin-left: 15px;
412
422
  }
413
423
 
424
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
425
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
426
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
427
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
428
+ width: 83% !important;
429
+ }
414
430
  .e-bigger .e-listbox-wrapper .e-list-item,
415
431
  .e-listbox-wrapper.e-bigger .e-list-item,
416
432
  .e-bigger .e-listbox-container .e-list-item,
@@ -508,6 +524,16 @@ ejs-listbox {
508
524
  height: calc(100% - 59px);
509
525
  }
510
526
 
527
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
528
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
529
+ height: calc(100% - 104px);
530
+ }
531
+
532
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
533
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
534
+ height: calc(100% - 45px);
535
+ }
536
+
511
537
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
512
538
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
513
539
  height: calc(100% - 55px);
@@ -537,6 +563,16 @@ ejs-listbox {
537
563
  height: calc(100% - 51px);
538
564
  }
539
565
 
566
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
567
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
568
+ height: calc(100% - 87px);
569
+ }
570
+
571
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
572
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
573
+ height: calc(100% - 36px);
574
+ }
575
+
540
576
  .e-listbox-wrapper .e-icons,
541
577
  .e-listbox-container .e-icons {
542
578
  color: #333;
package/styles/list-box/fluent-dark.css CHANGED
@@ -77,6 +77,10 @@
77
77
  .e-listbox-container * {
78
78
  box-sizing: border-box;
79
79
  }
80
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
81
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
82
+ width: 84% !important;
83
+ }
80
84
  .e-listbox-wrapper:focus,
81
85
  .e-listbox-container:focus {
82
86
  outline: none;
@@ -307,8 +311,8 @@
307
311
  text-indent: 0;
308
312
  vertical-align: middle;
309
313
  }
310
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
311
- .e-listbox-container.e-right .e-checkbox-wrapper {
314
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
315
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
312
316
  position: absolute;
313
317
  right: 0;
314
318
  top: 30%;
@@ -427,6 +431,12 @@ ejs-listbox {
427
431
  list-style-type: none;
428
432
  margin-bottom: 10px;
429
433
  }
434
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
435
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
436
+ position: absolute;
437
+ right: 0;
438
+ top: 30%;
439
+ }
430
440
 
431
441
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
432
442
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -437,6 +447,12 @@ ejs-listbox {
437
447
  margin-left: 15px;
438
448
  }
439
449
 
450
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
452
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
453
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
454
+ width: 80% !important;
455
+ }
440
456
  .e-bigger .e-listbox-wrapper .e-list-item,
441
457
  .e-listbox-wrapper.e-bigger .e-list-item,
442
458
  .e-bigger .e-listbox-container .e-list-item,
@@ -534,6 +550,16 @@ ejs-listbox {
534
550
  height: calc(100% - 55px);
535
551
  }
536
552
 
553
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
554
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
555
+ height: calc(100% - 113px);
556
+ }
557
+
558
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
559
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
560
+ height: calc(100% - 48px);
561
+ }
562
+
537
563
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
564
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
539
565
  height: calc(100% - 45px);
@@ -563,6 +589,16 @@ ejs-listbox {
563
589
  height: calc(100% - 47px);
564
590
  }
565
591
 
592
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
+ height: calc(100% - 93px);
595
+ }
596
+
597
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
598
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
599
+ height: calc(100% - 36px);
600
+ }
601
+
566
602
  .e-listbox-wrapper .e-icons,
567
603
  .e-listbox-container .e-icons {
568
604
  color: #a19f9d;
package/styles/list-box/fluent.css CHANGED
@@ -77,6 +77,10 @@
77
77
  .e-listbox-container * {
78
78
  box-sizing: border-box;
79
79
  }
80
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
81
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
82
+ width: 84% !important;
83
+ }
80
84
  .e-listbox-wrapper:focus,
81
85
  .e-listbox-container:focus {
82
86
  outline: none;
@@ -307,8 +311,8 @@
307
311
  text-indent: 0;
308
312
  vertical-align: middle;
309
313
  }
310
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
311
- .e-listbox-container.e-right .e-checkbox-wrapper {
314
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
315
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
312
316
  position: absolute;
313
317
  right: 0;
314
318
  top: 30%;
@@ -427,6 +431,12 @@ ejs-listbox {
427
431
  list-style-type: none;
428
432
  margin-bottom: 10px;
429
433
  }
434
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
435
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
436
+ position: absolute;
437
+ right: 0;
438
+ top: 30%;
439
+ }
430
440
 
431
441
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
432
442
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -437,6 +447,12 @@ ejs-listbox {
437
447
  margin-left: 15px;
438
448
  }
439
449
 
450
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
452
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
453
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
454
+ width: 80% !important;
455
+ }
440
456
  .e-bigger .e-listbox-wrapper .e-list-item,
441
457
  .e-listbox-wrapper.e-bigger .e-list-item,
442
458
  .e-bigger .e-listbox-container .e-list-item,
@@ -534,6 +550,16 @@ ejs-listbox {
534
550
  height: calc(100% - 55px);
535
551
  }
536
552
 
553
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
554
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
555
+ height: calc(100% - 113px);
556
+ }
557
+
558
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
559
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
560
+ height: calc(100% - 48px);
561
+ }
562
+
537
563
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
564
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
539
565
  height: calc(100% - 45px);
@@ -563,6 +589,16 @@ ejs-listbox {
563
589
  height: calc(100% - 47px);
564
590
  }
565
591
 
592
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
+ height: calc(100% - 93px);
595
+ }
596
+
597
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
598
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
599
+ height: calc(100% - 36px);
600
+ }
601
+
566
602
  .e-listbox-wrapper .e-icons,
567
603
  .e-listbox-container .e-icons {
568
604
  color: #605e5c;
package/styles/list-box/highcontrast-light.css CHANGED
@@ -295,8 +295,8 @@
295
295
  text-indent: 0;
296
296
  vertical-align: middle;
297
297
  }
298
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
299
- .e-listbox-container.e-right .e-checkbox-wrapper {
298
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
299
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
300
300
  position: absolute;
301
301
  right: 0;
302
302
  top: 30%;
@@ -415,6 +415,12 @@ ejs-listbox {
415
415
  list-style-type: none;
416
416
  margin-bottom: 10px;
417
417
  }
418
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
419
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
420
+ position: absolute;
421
+ right: 0;
422
+ top: 30%;
423
+ }
418
424
 
419
425
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
420
426
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -522,6 +528,16 @@ ejs-listbox {
522
528
  height: calc(100% - 59px);
523
529
  }
524
530
 
531
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
532
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
533
+ height: calc(100% - 104px);
534
+ }
535
+
536
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
537
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
538
+ height: calc(100% - 45px);
539
+ }
540
+
525
541
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
526
542
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
527
543
  height: calc(100% - 55px);
@@ -551,6 +567,16 @@ ejs-listbox {
551
567
  height: calc(100% - 51px);
552
568
  }
553
569
 
570
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
571
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
572
+ height: calc(100% - 87px);
573
+ }
574
+
575
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
576
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
577
+ height: calc(100% - 36px);
578
+ }
579
+
554
580
  .e-listbox-wrapper .e-icons,
555
581
  .e-listbox-container .e-icons {
556
582
  color: #000;
package/styles/list-box/highcontrast.css CHANGED
@@ -65,6 +65,10 @@
65
65
  .e-listbox-container * {
66
66
  box-sizing: border-box;
67
67
  }
68
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
69
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
70
+ width: 87% !important;
71
+ }
68
72
  .e-listbox-wrapper:focus,
69
73
  .e-listbox-container:focus {
70
74
  outline: none;
@@ -295,8 +299,8 @@
295
299
  text-indent: 0;
296
300
  vertical-align: middle;
297
301
  }
298
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
299
- .e-listbox-container.e-right .e-checkbox-wrapper {
302
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
303
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
300
304
  position: absolute;
301
305
  right: 0;
302
306
  top: 30%;
@@ -415,6 +419,12 @@ ejs-listbox {
415
419
  list-style-type: none;
416
420
  margin-bottom: 10px;
417
421
  }
422
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
423
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
424
+ position: absolute;
425
+ right: 0;
426
+ top: 30%;
427
+ }
418
428
 
419
429
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
420
430
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -425,6 +435,12 @@ ejs-listbox {
425
435
  margin-left: 15px;
426
436
  }
427
437
 
438
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
439
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
440
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
441
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
442
+ width: 83% !important;
443
+ }
428
444
  .e-bigger .e-listbox-wrapper .e-list-item,
429
445
  .e-listbox-wrapper.e-bigger .e-list-item,
430
446
  .e-bigger .e-listbox-container .e-list-item,
@@ -522,6 +538,16 @@ ejs-listbox {
522
538
  height: calc(100% - 59px);
523
539
  }
524
540
 
541
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
542
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
543
+ height: calc(100% - 104px);
544
+ }
545
+
546
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
547
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
548
+ height: calc(100% - 45px);
549
+ }
550
+
525
551
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
526
552
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
527
553
  height: calc(100% - 55px);
@@ -551,6 +577,16 @@ ejs-listbox {
551
577
  height: calc(100% - 51px);
552
578
  }
553
579
 
580
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
581
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
582
+ height: calc(100% - 87px);
583
+ }
584
+
585
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
586
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
587
+ height: calc(100% - 36px);
588
+ }
589
+
554
590
  .e-listbox-wrapper .e-icons,
555
591
  .e-listbox-container .e-icons {
556
592
  color: #fff;
package/styles/list-box/material-dark.css CHANGED
@@ -281,8 +281,8 @@
281
281
  text-indent: 0;
282
282
  vertical-align: middle;
283
283
  }
284
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
285
- .e-listbox-container.e-right .e-checkbox-wrapper {
284
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
285
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
286
286
  position: absolute;
287
287
  right: 0;
288
288
  top: 30%;
@@ -401,6 +401,12 @@ ejs-listbox {
401
401
  list-style-type: none;
402
402
  margin-bottom: 10px;
403
403
  }
404
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
405
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
406
+ position: absolute;
407
+ right: 0;
408
+ top: 30%;
409
+ }
404
410
 
405
411
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
412
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -505,7 +511,17 @@ ejs-listbox {
505
511
 
506
512
  .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
507
513
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
508
- height: calc(100% - 55px);
514
+ height: calc(100% - 50px);
515
+ }
516
+
517
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
518
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
519
+ height: calc(100% - 98px);
520
+ }
521
+
522
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
523
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
524
+ height: calc(100% - 48px);
509
525
  }
510
526
 
511
527
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
@@ -534,7 +550,17 @@ ejs-listbox {
534
550
 
535
551
  .e-listbox-wrapper.e-filter-list .e-list-parent,
536
552
  .e-listbox-container.e-filter-list .e-list-parent {
537
- height: calc(100% - 47px);
553
+ height: calc(100% - 43px);
554
+ }
555
+
556
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
557
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
558
+ height: calc(100% - 79px);
559
+ }
560
+
561
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
562
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
563
+ height: calc(100% - 36px);
538
564
  }
539
565
 
540
566
  .e-listbox-wrapper .e-icons,
package/styles/list-box/material.css CHANGED
@@ -51,6 +51,10 @@
51
51
  .e-listbox-container * {
52
52
  box-sizing: border-box;
53
53
  }
54
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
55
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
56
+ width: 86% !important;
57
+ }
54
58
  .e-listbox-wrapper:focus,
55
59
  .e-listbox-container:focus {
56
60
  outline: none;
@@ -281,8 +285,8 @@
281
285
  text-indent: 0;
282
286
  vertical-align: middle;
283
287
  }
284
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
285
- .e-listbox-container.e-right .e-checkbox-wrapper {
288
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
289
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
286
290
  position: absolute;
287
291
  right: 0;
288
292
  top: 30%;
@@ -401,6 +405,12 @@ ejs-listbox {
401
405
  list-style-type: none;
402
406
  margin-bottom: 10px;
403
407
  }
408
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
409
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
410
+ position: absolute;
411
+ right: 0;
412
+ top: 30%;
413
+ }
404
414
 
405
415
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
416
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -411,6 +421,12 @@ ejs-listbox {
411
421
  margin-left: 15px;
412
422
  }
413
423
 
424
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
425
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
426
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
427
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
428
+ width: 85% !important;
429
+ }
414
430
  .e-bigger .e-listbox-wrapper .e-list-item,
415
431
  .e-listbox-wrapper.e-bigger .e-list-item,
416
432
  .e-bigger .e-listbox-container .e-list-item,
@@ -505,7 +521,17 @@ ejs-listbox {
505
521
 
506
522
  .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
507
523
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
508
- height: calc(100% - 55px);
524
+ height: calc(100% - 50px);
525
+ }
526
+
527
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
528
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
529
+ height: calc(100% - 98px);
530
+ }
531
+
532
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
533
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
534
+ height: calc(100% - 48px);
509
535
  }
510
536
 
511
537
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
@@ -534,7 +560,17 @@ ejs-listbox {
534
560
 
535
561
  .e-listbox-wrapper.e-filter-list .e-list-parent,
536
562
  .e-listbox-container.e-filter-list .e-list-parent {
537
- height: calc(100% - 47px);
563
+ height: calc(100% - 43px);
564
+ }
565
+
566
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
567
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
568
+ height: calc(100% - 79px);
569
+ }
570
+
571
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
572
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
573
+ height: calc(100% - 36px);
538
574
  }
539
575
 
540
576
  .e-listbox-wrapper .e-icons,
package/styles/list-box/tailwind-dark.css CHANGED
@@ -87,6 +87,10 @@
87
87
  .e-listbox-container * {
88
88
  box-sizing: border-box;
89
89
  }
90
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
91
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
92
+ width: 84% !important;
93
+ }
90
94
  .e-listbox-wrapper:focus,
91
95
  .e-listbox-container:focus {
92
96
  outline: none;
@@ -317,8 +321,8 @@
317
321
  text-indent: 0;
318
322
  vertical-align: middle;
319
323
  }
320
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
321
- .e-listbox-container.e-right .e-checkbox-wrapper {
324
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
325
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
322
326
  position: absolute;
323
327
  right: 0;
324
328
  top: 30%;
@@ -437,6 +441,12 @@ ejs-listbox {
437
441
  list-style-type: none;
438
442
  margin-bottom: 10px;
439
443
  }
444
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
445
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
446
+ position: absolute;
447
+ right: 0;
448
+ top: 30%;
449
+ }
440
450
 
441
451
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
442
452
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -447,6 +457,12 @@ ejs-listbox {
447
457
  margin-left: 15px;
448
458
  }
449
459
 
460
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
461
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
462
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
463
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
464
+ width: 80% !important;
465
+ }
450
466
  .e-bigger .e-listbox-wrapper .e-list-item,
451
467
  .e-listbox-wrapper.e-bigger .e-list-item,
452
468
  .e-bigger .e-listbox-container .e-list-item,
@@ -544,6 +560,16 @@ ejs-listbox {
544
560
  height: calc(100% - 55px);
545
561
  }
546
562
 
563
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
564
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
565
+ height: calc(100% - 94px);
566
+ }
567
+
568
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
569
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
570
+ height: calc(100% - 48px);
571
+ }
572
+
547
573
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
548
574
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
549
575
  height: calc(100% - 45px);
@@ -583,6 +609,16 @@ ejs-listbox {
583
609
  height: calc(100% - 47px);
584
610
  }
585
611
 
612
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
613
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
614
+ height: calc(100% - 76px);
615
+ }
616
+
617
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
618
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
619
+ height: calc(100% - 38px);
620
+ }
621
+
586
622
  .e-listbox-wrapper .e-icons,
587
623
  .e-listbox-container .e-icons {
588
624
  color: #d1d5db;
package/styles/list-box/tailwind.css CHANGED
@@ -87,6 +87,10 @@
87
87
  .e-listbox-container * {
88
88
  box-sizing: border-box;
89
89
  }
90
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
91
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
92
+ width: 84% !important;
93
+ }
90
94
  .e-listbox-wrapper:focus,
91
95
  .e-listbox-container:focus {
92
96
  outline: none;
@@ -317,8 +321,8 @@
317
321
  text-indent: 0;
318
322
  vertical-align: middle;
319
323
  }
320
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
321
- .e-listbox-container.e-right .e-checkbox-wrapper {
324
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
325
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
322
326
  position: absolute;
323
327
  right: 0;
324
328
  top: 30%;
@@ -437,6 +441,12 @@ ejs-listbox {
437
441
  list-style-type: none;
438
442
  margin-bottom: 10px;
439
443
  }
444
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
445
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
446
+ position: absolute;
447
+ right: 0;
448
+ top: 30%;
449
+ }
440
450
 
441
451
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
442
452
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -447,6 +457,12 @@ ejs-listbox {
447
457
  margin-left: 15px;
448
458
  }
449
459
 
460
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
461
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
462
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
463
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
464
+ width: 80% !important;
465
+ }
450
466
  .e-bigger .e-listbox-wrapper .e-list-item,
451
467
  .e-listbox-wrapper.e-bigger .e-list-item,
452
468
  .e-bigger .e-listbox-container .e-list-item,
@@ -544,6 +560,16 @@ ejs-listbox {
544
560
  height: calc(100% - 55px);
545
561
  }
546
562
 
563
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
564
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
565
+ height: calc(100% - 94px);
566
+ }
567
+
568
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
569
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
570
+ height: calc(100% - 48px);
571
+ }
572
+
547
573
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
548
574
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
549
575
  height: calc(100% - 45px);
@@ -583,6 +609,16 @@ ejs-listbox {
583
609
  height: calc(100% - 47px);
584
610
  }
585
611
 
612
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
613
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
614
+ height: calc(100% - 76px);
615
+ }
616
+
617
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
618
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
619
+ height: calc(100% - 38px);
620
+ }
621
+
586
622
  .e-listbox-wrapper .e-icons,
587
623
  .e-listbox-container .e-icons {
588
624
  color: #6b7280;