@syncfusion/ej2-angular-dropdowns 20.2.37-ngcc → 20.2.39-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 (37) hide show
  1. package/CHANGELOG.md +23 -0
  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 +16 -16
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +33 -11
  9. package/styles/bootstrap.css +33 -11
  10. package/styles/bootstrap4.css +33 -11
  11. package/styles/bootstrap5-dark.css +34 -12
  12. package/styles/bootstrap5.css +34 -12
  13. package/styles/fabric-dark.css +33 -11
  14. package/styles/fabric.css +33 -11
  15. package/styles/fluent-dark.css +37 -15
  16. package/styles/fluent.css +34 -12
  17. package/styles/highcontrast-light.css +33 -11
  18. package/styles/highcontrast.css +33 -11
  19. package/styles/list-box/bootstrap-dark.css +33 -11
  20. package/styles/list-box/bootstrap.css +33 -11
  21. package/styles/list-box/bootstrap4.css +33 -11
  22. package/styles/list-box/bootstrap5-dark.css +34 -12
  23. package/styles/list-box/bootstrap5.css +34 -12
  24. package/styles/list-box/fabric-dark.css +33 -11
  25. package/styles/list-box/fabric.css +33 -11
  26. package/styles/list-box/fluent-dark.css +37 -15
  27. package/styles/list-box/fluent.css +34 -12
  28. package/styles/list-box/highcontrast-light.css +33 -11
  29. package/styles/list-box/highcontrast.css +33 -11
  30. package/styles/list-box/material-dark.css +33 -11
  31. package/styles/list-box/material.css +33 -11
  32. package/styles/list-box/tailwind-dark.css +34 -12
  33. package/styles/list-box/tailwind.css +34 -12
  34. package/styles/material-dark.css +33 -11
  35. package/styles/material.css +33 -11
  36. package/styles/tailwind-dark.css +34 -12
  37. package/styles/tailwind.css +34 -12
@@ -438,6 +438,16 @@ ejs-listbox {
438
438
  top: 30%;
439
439
  }
440
440
 
441
+ .e-listboxtool-container .e-left {
442
+ -ms-flex-direction: row-reverse;
443
+ flex-direction: row-reverse;
444
+ }
445
+
446
+ .e-listboxtool-wrapper .e-left {
447
+ -ms-flex-direction: column-reverse;
448
+ flex-direction: column-reverse;
449
+ }
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 {
443
453
  margin-right: 15px;
@@ -540,14 +550,28 @@ ejs-listbox {
540
550
  .e-listbox-container.e-bigger .e-list-header .e-text {
541
551
  font-size: 14px;
542
552
  }
543
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
544
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
553
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
554
+ height: calc(100% - 50px);
555
+ }
556
+
557
+ .e-listbox-container.e-filter-list .e-list-wrap {
558
+ height: calc(100% - 50px) !important;
559
+ }
560
+
561
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
545
562
  height: calc(100% - 45px);
546
563
  }
547
564
 
548
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
549
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
550
- height: calc(100% - 55px);
565
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 45px) !important;
567
+ }
568
+
569
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
570
+ height: calc(100% - 56px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 56px) !important;
551
575
  }
552
576
 
553
577
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -560,11 +584,14 @@ ejs-listbox {
560
584
  height: calc(100% - 40px);
561
585
  }
562
586
 
563
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
564
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
587
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
565
588
  height: calc(100% - 45px);
566
589
  }
567
590
 
591
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
592
+ height: calc(100% - 45px) !important;
593
+ }
594
+
568
595
  .e-listbox-wrapper,
569
596
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
570
597
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -584,11 +611,6 @@ ejs-listbox {
584
611
  font-size: 12px;
585
612
  }
586
613
 
587
- .e-listbox-wrapper.e-filter-list .e-list-parent,
588
- .e-listbox-container.e-filter-list .e-list-parent {
589
- height: calc(100% - 47px);
590
- }
591
-
592
614
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
615
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
616
  height: calc(100% - 86px);
@@ -438,6 +438,16 @@ ejs-listbox {
438
438
  top: 30%;
439
439
  }
440
440
 
441
+ .e-listboxtool-container .e-left {
442
+ -ms-flex-direction: row-reverse;
443
+ flex-direction: row-reverse;
444
+ }
445
+
446
+ .e-listboxtool-wrapper .e-left {
447
+ -ms-flex-direction: column-reverse;
448
+ flex-direction: column-reverse;
449
+ }
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 {
443
453
  margin-right: 15px;
@@ -540,14 +550,28 @@ ejs-listbox {
540
550
  .e-listbox-container.e-bigger .e-list-header .e-text {
541
551
  font-size: 14px;
542
552
  }
543
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
544
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
553
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
554
+ height: calc(100% - 50px);
555
+ }
556
+
557
+ .e-listbox-container.e-filter-list .e-list-wrap {
558
+ height: calc(100% - 50px) !important;
559
+ }
560
+
561
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
545
562
  height: calc(100% - 45px);
546
563
  }
547
564
 
548
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
549
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
550
- height: calc(100% - 55px);
565
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 45px) !important;
567
+ }
568
+
569
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
570
+ height: calc(100% - 56px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 56px) !important;
551
575
  }
552
576
 
553
577
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -560,11 +584,14 @@ ejs-listbox {
560
584
  height: calc(100% - 40px);
561
585
  }
562
586
 
563
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
564
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
587
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
565
588
  height: calc(100% - 45px);
566
589
  }
567
590
 
591
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
592
+ height: calc(100% - 45px) !important;
593
+ }
594
+
568
595
  .e-listbox-wrapper,
569
596
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
570
597
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -584,11 +611,6 @@ ejs-listbox {
584
611
  font-size: 12px;
585
612
  }
586
613
 
587
- .e-listbox-wrapper.e-filter-list .e-list-parent,
588
- .e-listbox-container.e-filter-list .e-list-parent {
589
- height: calc(100% - 47px);
590
- }
591
-
592
614
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
615
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
616
  height: calc(100% - 86px);
@@ -408,6 +408,16 @@ ejs-listbox {
408
408
  top: 30%;
409
409
  }
410
410
 
411
+ .e-listboxtool-container .e-left {
412
+ -ms-flex-direction: row-reverse;
413
+ flex-direction: row-reverse;
414
+ }
415
+
416
+ .e-listboxtool-wrapper .e-left {
417
+ -ms-flex-direction: column-reverse;
418
+ flex-direction: column-reverse;
419
+ }
420
+
411
421
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
412
422
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
413
423
  margin-right: 15px;
@@ -504,16 +514,30 @@ ejs-listbox {
504
514
  .e-listbox-container.e-bigger .e-list-header .e-text {
505
515
  font-size: 15px;
506
516
  }
507
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
508
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
517
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
518
+ height: calc(100% - 51px);
519
+ }
520
+
521
+ .e-listbox-container.e-filter-list .e-list-wrap {
522
+ height: calc(100% - 51px) !important;
523
+ }
524
+
525
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
509
526
  height: calc(100% - 45px);
510
527
  }
511
528
 
512
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
513
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
529
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
530
+ height: calc(100% - 45px) !important;
531
+ }
532
+
533
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
514
534
  height: calc(100% - 59px);
515
535
  }
516
536
 
537
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
538
+ height: calc(100% - 59px) !important;
539
+ }
540
+
517
541
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
518
542
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
519
543
  height: calc(100% - 104px);
@@ -524,11 +548,14 @@ ejs-listbox {
524
548
  height: calc(100% - 45px);
525
549
  }
526
550
 
527
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
528
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
551
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
529
552
  height: calc(100% - 55px);
530
553
  }
531
554
 
555
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 55px) !important;
557
+ }
558
+
532
559
  .e-listbox-wrapper,
533
560
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
534
561
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -548,11 +575,6 @@ ejs-listbox {
548
575
  font-size: 14px;
549
576
  }
550
577
 
551
- .e-listbox-wrapper.e-filter-list .e-list-parent,
552
- .e-listbox-container.e-filter-list .e-list-parent {
553
- height: calc(100% - 51px);
554
- }
555
-
556
578
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
557
579
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
558
580
  height: calc(100% - 87px);
@@ -412,6 +412,16 @@ ejs-listbox {
412
412
  top: 30%;
413
413
  }
414
414
 
415
+ .e-listboxtool-container .e-left {
416
+ -ms-flex-direction: row-reverse;
417
+ flex-direction: row-reverse;
418
+ }
419
+
420
+ .e-listboxtool-wrapper .e-left {
421
+ -ms-flex-direction: column-reverse;
422
+ flex-direction: column-reverse;
423
+ }
424
+
415
425
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
416
426
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
417
427
  margin-right: 15px;
@@ -514,16 +524,30 @@ ejs-listbox {
514
524
  .e-listbox-container.e-bigger .e-list-header .e-text {
515
525
  font-size: 15px;
516
526
  }
517
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
518
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
527
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
528
+ height: calc(100% - 51px);
529
+ }
530
+
531
+ .e-listbox-container.e-filter-list .e-list-wrap {
532
+ height: calc(100% - 51px) !important;
533
+ }
534
+
535
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
519
536
  height: calc(100% - 45px);
520
537
  }
521
538
 
522
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
523
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
539
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
540
+ height: calc(100% - 45px) !important;
541
+ }
542
+
543
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
524
544
  height: calc(100% - 59px);
525
545
  }
526
546
 
547
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 59px) !important;
549
+ }
550
+
527
551
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
528
552
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
529
553
  height: calc(100% - 104px);
@@ -534,11 +558,14 @@ ejs-listbox {
534
558
  height: calc(100% - 45px);
535
559
  }
536
560
 
537
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
561
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
539
562
  height: calc(100% - 55px);
540
563
  }
541
564
 
565
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 55px) !important;
567
+ }
568
+
542
569
  .e-listbox-wrapper,
543
570
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
544
571
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -558,11 +585,6 @@ ejs-listbox {
558
585
  font-size: 14px;
559
586
  }
560
587
 
561
- .e-listbox-wrapper.e-filter-list .e-list-parent,
562
- .e-listbox-container.e-filter-list .e-list-parent {
563
- height: calc(100% - 51px);
564
- }
565
-
566
588
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
567
589
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
568
590
  height: calc(100% - 87px);
@@ -376,9 +376,9 @@ ejs-listbox {
376
376
  -ms-flex-align: center;
377
377
  align-items: center;
378
378
  background-color: #0078d4;
379
- border: 1px solid #fff;
379
+ border: 1px solid #1b1a19;
380
380
  border-radius: 50%;
381
- color: #fff;
381
+ color: #1b1a19;
382
382
  display: -ms-flexbox;
383
383
  display: flex;
384
384
  font-size: 12px;
@@ -438,6 +438,16 @@ ejs-listbox {
438
438
  top: 30%;
439
439
  }
440
440
 
441
+ .e-listboxtool-container .e-left {
442
+ -ms-flex-direction: row-reverse;
443
+ flex-direction: row-reverse;
444
+ }
445
+
446
+ .e-listboxtool-wrapper .e-left {
447
+ -ms-flex-direction: column-reverse;
448
+ flex-direction: column-reverse;
449
+ }
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 {
443
453
  margin-right: 15px;
@@ -540,14 +550,28 @@ ejs-listbox {
540
550
  .e-listbox-container.e-bigger .e-list-header .e-text {
541
551
  font-size: 14px;
542
552
  }
543
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
544
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
553
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
554
+ height: calc(100% - 57px);
555
+ }
556
+
557
+ .e-listbox-container.e-filter-list .e-list-wrap {
558
+ height: calc(100% - 57px) !important;
559
+ }
560
+
561
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
545
562
  height: calc(100% - 45px);
546
563
  }
547
564
 
548
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
549
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
550
- height: calc(100% - 55px);
565
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 45px) !important;
567
+ }
568
+
569
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
570
+ height: calc(100% - 65px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 65px) !important;
551
575
  }
552
576
 
553
577
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -560,11 +584,14 @@ ejs-listbox {
560
584
  height: calc(100% - 48px);
561
585
  }
562
586
 
563
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
564
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
587
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
565
588
  height: calc(100% - 45px);
566
589
  }
567
590
 
591
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
592
+ height: calc(100% - 45px) !important;
593
+ }
594
+
568
595
  .e-listbox-wrapper,
569
596
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
570
597
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -584,11 +611,6 @@ ejs-listbox {
584
611
  font-size: 12px;
585
612
  }
586
613
 
587
- .e-listbox-wrapper.e-filter-list .e-list-parent,
588
- .e-listbox-container.e-filter-list .e-list-parent {
589
- height: calc(100% - 47px);
590
- }
591
-
592
614
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
615
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
616
  height: calc(100% - 93px);
@@ -646,7 +668,7 @@ ejs-listbox {
646
668
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
647
669
  background-color: #0078d4;
648
670
  border-color: transparent;
649
- color: #fff;
671
+ color: #1b1a19;
650
672
  }
651
673
 
652
674
  .e-listbox-wrapper .e-list-group-item,
@@ -438,6 +438,16 @@ ejs-listbox {
438
438
  top: 30%;
439
439
  }
440
440
 
441
+ .e-listboxtool-container .e-left {
442
+ -ms-flex-direction: row-reverse;
443
+ flex-direction: row-reverse;
444
+ }
445
+
446
+ .e-listboxtool-wrapper .e-left {
447
+ -ms-flex-direction: column-reverse;
448
+ flex-direction: column-reverse;
449
+ }
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 {
443
453
  margin-right: 15px;
@@ -540,14 +550,28 @@ ejs-listbox {
540
550
  .e-listbox-container.e-bigger .e-list-header .e-text {
541
551
  font-size: 14px;
542
552
  }
543
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
544
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
553
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
554
+ height: calc(100% - 57px);
555
+ }
556
+
557
+ .e-listbox-container.e-filter-list .e-list-wrap {
558
+ height: calc(100% - 57px) !important;
559
+ }
560
+
561
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
545
562
  height: calc(100% - 45px);
546
563
  }
547
564
 
548
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
549
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
550
- height: calc(100% - 55px);
565
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 45px) !important;
567
+ }
568
+
569
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
570
+ height: calc(100% - 65px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 65px) !important;
551
575
  }
552
576
 
553
577
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -560,11 +584,14 @@ ejs-listbox {
560
584
  height: calc(100% - 48px);
561
585
  }
562
586
 
563
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
564
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
587
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
565
588
  height: calc(100% - 45px);
566
589
  }
567
590
 
591
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
592
+ height: calc(100% - 45px) !important;
593
+ }
594
+
568
595
  .e-listbox-wrapper,
569
596
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
570
597
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -584,11 +611,6 @@ ejs-listbox {
584
611
  font-size: 12px;
585
612
  }
586
613
 
587
- .e-listbox-wrapper.e-filter-list .e-list-parent,
588
- .e-listbox-container.e-filter-list .e-list-parent {
589
- height: calc(100% - 47px);
590
- }
591
-
592
614
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
615
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
616
  height: calc(100% - 93px);
@@ -422,6 +422,16 @@ ejs-listbox {
422
422
  top: 30%;
423
423
  }
424
424
 
425
+ .e-listboxtool-container .e-left {
426
+ -ms-flex-direction: row-reverse;
427
+ flex-direction: row-reverse;
428
+ }
429
+
430
+ .e-listboxtool-wrapper .e-left {
431
+ -ms-flex-direction: column-reverse;
432
+ flex-direction: column-reverse;
433
+ }
434
+
425
435
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
426
436
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
427
437
  margin-right: 15px;
@@ -518,16 +528,30 @@ ejs-listbox {
518
528
  .e-listbox-container.e-bigger .e-list-header .e-text {
519
529
  font-size: 15px;
520
530
  }
521
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
522
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
531
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
532
+ height: calc(100% - 51px);
533
+ }
534
+
535
+ .e-listbox-container.e-filter-list .e-list-wrap {
536
+ height: calc(100% - 51px) !important;
537
+ }
538
+
539
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
523
540
  height: calc(100% - 45px);
524
541
  }
525
542
 
526
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
527
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
543
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
544
+ height: calc(100% - 45px) !important;
545
+ }
546
+
547
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
528
548
  height: calc(100% - 59px);
529
549
  }
530
550
 
551
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
552
+ height: calc(100% - 59px) !important;
553
+ }
554
+
531
555
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
532
556
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
533
557
  height: calc(100% - 104px);
@@ -538,11 +562,14 @@ ejs-listbox {
538
562
  height: calc(100% - 45px);
539
563
  }
540
564
 
541
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
542
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
565
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
543
566
  height: calc(100% - 55px);
544
567
  }
545
568
 
569
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
570
+ height: calc(100% - 55px) !important;
571
+ }
572
+
546
573
  .e-listbox-wrapper,
547
574
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
548
575
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -562,11 +589,6 @@ ejs-listbox {
562
589
  font-size: 14px;
563
590
  }
564
591
 
565
- .e-listbox-wrapper.e-filter-list .e-list-parent,
566
- .e-listbox-container.e-filter-list .e-list-parent {
567
- height: calc(100% - 51px);
568
- }
569
-
570
592
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
571
593
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
572
594
  height: calc(100% - 87px);
@@ -426,6 +426,16 @@ ejs-listbox {
426
426
  top: 30%;
427
427
  }
428
428
 
429
+ .e-listboxtool-container .e-left {
430
+ -ms-flex-direction: row-reverse;
431
+ flex-direction: row-reverse;
432
+ }
433
+
434
+ .e-listboxtool-wrapper .e-left {
435
+ -ms-flex-direction: column-reverse;
436
+ flex-direction: column-reverse;
437
+ }
438
+
429
439
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
430
440
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
431
441
  margin-right: 15px;
@@ -528,16 +538,30 @@ ejs-listbox {
528
538
  .e-listbox-container.e-bigger .e-list-header .e-text {
529
539
  font-size: 15px;
530
540
  }
531
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
532
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
541
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
542
+ height: calc(100% - 51px);
543
+ }
544
+
545
+ .e-listbox-container.e-filter-list .e-list-wrap {
546
+ height: calc(100% - 51px) !important;
547
+ }
548
+
549
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
533
550
  height: calc(100% - 45px);
534
551
  }
535
552
 
536
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
537
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
553
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
554
+ height: calc(100% - 45px) !important;
555
+ }
556
+
557
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
538
558
  height: calc(100% - 59px);
539
559
  }
540
560
 
561
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
562
+ height: calc(100% - 59px) !important;
563
+ }
564
+
541
565
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
542
566
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
543
567
  height: calc(100% - 104px);
@@ -548,11 +572,14 @@ ejs-listbox {
548
572
  height: calc(100% - 45px);
549
573
  }
550
574
 
551
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
552
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
575
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
553
576
  height: calc(100% - 55px);
554
577
  }
555
578
 
579
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
580
+ height: calc(100% - 55px) !important;
581
+ }
582
+
556
583
  .e-listbox-wrapper,
557
584
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
558
585
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -572,11 +599,6 @@ ejs-listbox {
572
599
  font-size: 14px;
573
600
  }
574
601
 
575
- .e-listbox-wrapper.e-filter-list .e-list-parent,
576
- .e-listbox-container.e-filter-list .e-list-parent {
577
- height: calc(100% - 51px);
578
- }
579
-
580
602
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
581
603
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
582
604
  height: calc(100% - 87px);