@syncfusion/ej2-dropdowns 23.1.36 → 23.1.39

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 (95) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ej2-dropdowns.min.js +3 -3
  3. package/dist/ej2-dropdowns.umd.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +36 -6
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +36 -6
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +3 -3
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +9 -9
  13. package/src/common/virtual-scroll.d.ts +1 -0
  14. package/src/common/virtual-scroll.js +3 -0
  15. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  16. package/src/drop-down-list/drop-down-list.js +31 -5
  17. package/src/multi-select/multi-select.js +2 -1
  18. package/styles/bootstrap-dark.css +82 -8
  19. package/styles/bootstrap.css +82 -8
  20. package/styles/bootstrap4.css +83 -9
  21. package/styles/bootstrap5-dark.css +83 -9
  22. package/styles/bootstrap5.css +83 -9
  23. package/styles/fabric-dark.css +83 -9
  24. package/styles/fabric.css +83 -9
  25. package/styles/fluent-dark.css +82 -8
  26. package/styles/fluent.css +82 -8
  27. package/styles/highcontrast-light.css +82 -8
  28. package/styles/highcontrast.css +82 -8
  29. package/styles/list-box/_bootstrap-dark-definition.scss +6 -2
  30. package/styles/list-box/_bootstrap-definition.scss +7 -3
  31. package/styles/list-box/_bootstrap4-definition.scss +8 -4
  32. package/styles/list-box/_bootstrap5-definition.scss +6 -4
  33. package/styles/list-box/_fabric-dark-definition.scss +6 -2
  34. package/styles/list-box/_fabric-definition.scss +6 -2
  35. package/styles/list-box/_fluent-definition.scss +8 -6
  36. package/styles/list-box/_highcontrast-definition.scss +6 -2
  37. package/styles/list-box/_highcontrast-light-definition.scss +6 -2
  38. package/styles/list-box/_material-dark-definition.scss +8 -4
  39. package/styles/list-box/_material-definition.scss +8 -4
  40. package/styles/list-box/_material3-definition.scss +8 -6
  41. package/styles/list-box/_tailwind-definition.scss +8 -6
  42. package/styles/list-box/_theme.scss +72 -7
  43. package/styles/list-box/bootstrap-dark.css +70 -7
  44. package/styles/list-box/bootstrap.css +70 -7
  45. package/styles/list-box/bootstrap4.css +71 -8
  46. package/styles/list-box/bootstrap5-dark.css +71 -8
  47. package/styles/list-box/bootstrap5.css +71 -8
  48. package/styles/list-box/fabric-dark.css +70 -7
  49. package/styles/list-box/fabric.css +70 -7
  50. package/styles/list-box/fluent-dark.css +70 -7
  51. package/styles/list-box/fluent.css +70 -7
  52. package/styles/list-box/highcontrast-light.css +70 -7
  53. package/styles/list-box/highcontrast.css +70 -7
  54. package/styles/list-box/material-dark.css +71 -8
  55. package/styles/list-box/material.css +71 -8
  56. package/styles/list-box/material3-dark.css +71 -8
  57. package/styles/list-box/material3.css +71 -8
  58. package/styles/list-box/tailwind-dark.css +71 -8
  59. package/styles/list-box/tailwind.css +71 -8
  60. package/styles/material-dark.css +83 -9
  61. package/styles/material.css +83 -9
  62. package/styles/material3-dark.css +81 -8
  63. package/styles/material3.css +81 -8
  64. package/styles/multi-select/_bootstrap-dark-definition.scss +2 -0
  65. package/styles/multi-select/_bootstrap-definition.scss +2 -0
  66. package/styles/multi-select/_bootstrap4-definition.scss +2 -0
  67. package/styles/multi-select/_bootstrap5-definition.scss +2 -0
  68. package/styles/multi-select/_fabric-dark-definition.scss +3 -1
  69. package/styles/multi-select/_fabric-definition.scss +3 -1
  70. package/styles/multi-select/_fluent-definition.scss +2 -0
  71. package/styles/multi-select/_highcontrast-definition.scss +2 -0
  72. package/styles/multi-select/_highcontrast-light-definition.scss +2 -0
  73. package/styles/multi-select/_layout.scss +12 -1
  74. package/styles/multi-select/_material-dark-definition.scss +2 -0
  75. package/styles/multi-select/_material-definition.scss +2 -0
  76. package/styles/multi-select/_tailwind-definition.scss +2 -0
  77. package/styles/multi-select/bootstrap-dark.css +12 -1
  78. package/styles/multi-select/bootstrap.css +12 -1
  79. package/styles/multi-select/bootstrap4.css +12 -1
  80. package/styles/multi-select/bootstrap5-dark.css +12 -1
  81. package/styles/multi-select/bootstrap5.css +12 -1
  82. package/styles/multi-select/fabric-dark.css +13 -2
  83. package/styles/multi-select/fabric.css +13 -2
  84. package/styles/multi-select/fluent-dark.css +12 -1
  85. package/styles/multi-select/fluent.css +12 -1
  86. package/styles/multi-select/highcontrast-light.css +12 -1
  87. package/styles/multi-select/highcontrast.css +12 -1
  88. package/styles/multi-select/material-dark.css +12 -1
  89. package/styles/multi-select/material.css +12 -1
  90. package/styles/multi-select/material3-dark.css +10 -0
  91. package/styles/multi-select/material3.css +10 -0
  92. package/styles/multi-select/tailwind-dark.css +12 -1
  93. package/styles/multi-select/tailwind.css +12 -1
  94. package/styles/tailwind-dark.css +83 -9
  95. package/styles/tailwind.css +83 -9
@@ -673,27 +673,66 @@ ejs-listbox {
673
673
  }
674
674
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
675
675
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
676
- height: calc(100% - 35px);
676
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
677
+ }
678
+
679
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
680
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
681
+ }
682
+
683
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
684
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
677
685
  }
678
686
 
679
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
680
687
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
681
- height: calc(100% - 48px);
688
+ height: 100%;
682
689
  }
683
690
 
684
691
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
685
692
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
686
- height: calc(100% - 98px);
693
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+
696
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
697
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
698
+ }
699
+
700
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
701
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
702
+ }
703
+
704
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
705
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
706
+ }
707
+
708
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
709
+ height: 100%;
687
710
  }
688
711
 
689
712
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
713
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
714
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
715
+ }
716
+
690
717
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
691
- height: calc(100% - 48px);
718
+ height: 100%;
692
719
  }
693
720
 
694
721
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
722
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
723
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
724
+ }
725
+
726
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
727
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
728
+ }
729
+
730
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
731
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
732
+ }
733
+
695
734
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
696
- height: calc(100% - 37px);
735
+ height: 100%;
697
736
  }
698
737
 
699
738
  .e-listbox-wrapper,
@@ -720,13 +759,13 @@ ejs-listbox {
720
759
  .e-listbox-wrapper.e-filter-list .e-list-parent,
721
760
  .e-listbox-container.e-filter-list .e-list-parent,
722
761
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
723
- height: calc(100% - 40px);
762
+ height: calc(100% - 36px);
724
763
  }
725
764
 
726
765
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
727
766
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
728
767
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
729
- height: calc(100% - 79px);
768
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
730
769
  }
731
770
 
732
771
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -1000,4 +1039,28 @@ ejs-listbox {
1000
1039
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
1001
1040
  padding-left: 10px;
1002
1041
  padding-right: 16px;
1042
+ }
1043
+
1044
+ .e-listbox-container.e-filter-list .e-list-parent {
1045
+ height: 100%;
1046
+ }
1047
+
1048
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
1049
+ height: 100%;
1050
+ }
1051
+
1052
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
1053
+ height: 100%;
1054
+ }
1055
+
1056
+ .e-listbox-container.e-filter-list .e-list-wrap {
1057
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
1058
+ }
1059
+
1060
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
1061
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
1062
+ }
1063
+
1064
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
1065
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
1003
1066
  }
@@ -608,27 +608,66 @@ ejs-listbox {
608
608
  }
609
609
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
610
610
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
611
- height: calc(100% - 45px);
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
615
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
619
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
612
620
  }
613
621
 
614
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
615
622
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
616
- height: calc(100% - 57px);
623
+ height: 100%;
617
624
  }
618
625
 
619
626
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
620
627
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
621
- height: calc(100% - 94px);
628
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
629
+ }
630
+
631
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
632
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
633
+ }
634
+
635
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
636
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
637
+ }
638
+
639
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
640
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
641
+ }
642
+
643
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
644
+ height: 100%;
622
645
  }
623
646
 
624
647
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
648
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
649
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
650
+ }
651
+
625
652
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
626
- height: calc(100% - 48px);
653
+ height: 100%;
627
654
  }
628
655
 
629
656
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
657
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
658
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
659
+ }
660
+
661
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
662
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
663
+ }
664
+
665
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
666
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
667
+ }
668
+
630
669
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
631
- height: calc(100% - 53px);
670
+ height: 100%;
632
671
  }
633
672
 
634
673
  .e-listbox-wrapper,
@@ -665,13 +704,13 @@ ejs-listbox {
665
704
  .e-listbox-wrapper.e-filter-list .e-list-parent,
666
705
  .e-listbox-container.e-filter-list .e-list-parent,
667
706
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
668
- height: calc(100% - 49px);
707
+ height: calc(100% - 50px);
669
708
  }
670
709
 
671
710
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
672
711
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
673
712
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
674
- height: calc(100% - 76px);
713
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
675
714
  }
676
715
 
677
716
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -945,4 +984,28 @@ ejs-listbox {
945
984
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
946
985
  padding-left: 10px;
947
986
  padding-right: 16px;
987
+ }
988
+
989
+ .e-listbox-container.e-filter-list .e-list-parent {
990
+ height: 100%;
991
+ }
992
+
993
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
994
+ height: 100%;
995
+ }
996
+
997
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
998
+ height: 100%;
999
+ }
1000
+
1001
+ .e-listbox-container.e-filter-list .e-list-wrap {
1002
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
1003
+ }
1004
+
1005
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
1006
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
1007
+ }
1008
+
1009
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
1010
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
948
1011
  }
@@ -608,27 +608,66 @@ ejs-listbox {
608
608
  }
609
609
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
610
610
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
611
- height: calc(100% - 45px);
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
615
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
619
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
612
620
  }
613
621
 
614
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
615
622
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
616
- height: calc(100% - 57px);
623
+ height: 100%;
617
624
  }
618
625
 
619
626
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
620
627
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
621
- height: calc(100% - 94px);
628
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
629
+ }
630
+
631
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
632
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
633
+ }
634
+
635
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
636
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
637
+ }
638
+
639
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
640
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
641
+ }
642
+
643
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
644
+ height: 100%;
622
645
  }
623
646
 
624
647
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
648
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
649
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
650
+ }
651
+
625
652
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
626
- height: calc(100% - 48px);
653
+ height: 100%;
627
654
  }
628
655
 
629
656
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
657
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
658
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
659
+ }
660
+
661
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
662
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
663
+ }
664
+
665
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
666
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
667
+ }
668
+
630
669
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
631
- height: calc(100% - 53px);
670
+ height: 100%;
632
671
  }
633
672
 
634
673
  .e-listbox-wrapper,
@@ -665,13 +704,13 @@ ejs-listbox {
665
704
  .e-listbox-wrapper.e-filter-list .e-list-parent,
666
705
  .e-listbox-container.e-filter-list .e-list-parent,
667
706
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
668
- height: calc(100% - 49px);
707
+ height: calc(100% - 50px);
669
708
  }
670
709
 
671
710
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
672
711
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
673
712
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
674
- height: calc(100% - 76px);
713
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
675
714
  }
676
715
 
677
716
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -945,4 +984,28 @@ ejs-listbox {
945
984
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
946
985
  padding-left: 10px;
947
986
  padding-right: 16px;
987
+ }
988
+
989
+ .e-listbox-container.e-filter-list .e-list-parent {
990
+ height: 100%;
991
+ }
992
+
993
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
994
+ height: 100%;
995
+ }
996
+
997
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
998
+ height: 100%;
999
+ }
1000
+
1001
+ .e-listbox-container.e-filter-list .e-list-wrap {
1002
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
1003
+ }
1004
+
1005
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
1006
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
1007
+ }
1008
+
1009
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
1010
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
948
1011
  }
@@ -2257,7 +2257,8 @@ ejs-dropdownlist {
2257
2257
  padding: 0 0 0 48px;
2258
2258
  }
2259
2259
 
2260
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2260
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2261
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2261
2262
  margin-top: -2.5em;
2262
2263
  }
2263
2264
 
@@ -2828,11 +2829,21 @@ ejs-multiselect {
2828
2829
  margin-top: -2.5em;
2829
2830
  }
2830
2831
 
2832
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2833
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2834
+ margin-top: -1.8em;
2835
+ }
2836
+
2831
2837
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2832
2838
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2833
2839
  line-height: 40px;
2834
2840
  }
2835
2841
 
2842
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2843
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2844
+ margin-top: -2em;
2845
+ }
2846
+
2836
2847
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2837
2848
  height: 16px;
2838
2849
  width: 16px;
@@ -4435,27 +4446,66 @@ ejs-listbox {
4435
4446
  }
4436
4447
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4437
4448
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4438
- height: calc(100% - 45px);
4449
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4450
+ }
4451
+
4452
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4453
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4454
+ }
4455
+
4456
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4457
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4439
4458
  }
4440
4459
 
4441
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4442
4460
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4443
- height: calc(100% - 50px);
4461
+ height: 100%;
4444
4462
  }
4445
4463
 
4446
4464
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4447
4465
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4448
- height: calc(100% - 98px);
4466
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4467
+ }
4468
+
4469
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4470
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4471
+ }
4472
+
4473
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4474
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4475
+ }
4476
+
4477
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4478
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4479
+ }
4480
+
4481
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4482
+ height: 100%;
4449
4483
  }
4450
4484
 
4451
4485
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4486
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4487
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4488
+ }
4489
+
4452
4490
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4453
- height: calc(100% - 48px);
4491
+ height: 100%;
4454
4492
  }
4455
4493
 
4456
4494
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4495
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4496
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4497
+ }
4498
+
4499
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4500
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
4501
+ }
4502
+
4503
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4504
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4505
+ }
4506
+
4457
4507
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4458
- height: calc(100% - 45px);
4508
+ height: 100%;
4459
4509
  }
4460
4510
 
4461
4511
  .e-listbox-wrapper,
@@ -4482,13 +4532,13 @@ ejs-listbox {
4482
4532
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4483
4533
  .e-listbox-container.e-filter-list .e-list-parent,
4484
4534
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4485
- height: calc(100% - 43px);
4535
+ height: calc(100% - 48px);
4486
4536
  }
4487
4537
 
4488
4538
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4489
4539
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4490
4540
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4491
- height: calc(100% - 79px);
4541
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4492
4542
  }
4493
4543
 
4494
4544
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4764,6 +4814,30 @@ ejs-listbox {
4764
4814
  padding-right: 1.0666em;
4765
4815
  }
4766
4816
 
4817
+ .e-listbox-container.e-filter-list .e-list-parent {
4818
+ height: 100%;
4819
+ }
4820
+
4821
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4822
+ height: 100%;
4823
+ }
4824
+
4825
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4826
+ height: 100%;
4827
+ }
4828
+
4829
+ .e-listbox-container.e-filter-list .e-list-wrap {
4830
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
4831
+ }
4832
+
4833
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4834
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4835
+ }
4836
+
4837
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4838
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4839
+ }
4840
+
4767
4841
  /* stylelint-disable property-no-vendor-prefix */
4768
4842
  @keyframes material-spinner-rotate {
4769
4843
  0% {
@@ -2312,7 +2312,8 @@ ejs-dropdownlist {
2312
2312
  padding: 0 0 0 48px;
2313
2313
  }
2314
2314
 
2315
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2315
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2316
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2316
2317
  margin-top: -2.5em;
2317
2318
  }
2318
2319
 
@@ -2883,11 +2884,21 @@ ejs-multiselect {
2883
2884
  margin-top: -2.5em;
2884
2885
  }
2885
2886
 
2887
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2888
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2889
+ margin-top: -1.8em;
2890
+ }
2891
+
2886
2892
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2887
2893
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2888
2894
  line-height: 40px;
2889
2895
  }
2890
2896
 
2897
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2898
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2899
+ margin-top: -2em;
2900
+ }
2901
+
2891
2902
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2892
2903
  height: 16px;
2893
2904
  width: 16px;
@@ -4501,27 +4512,66 @@ ejs-listbox {
4501
4512
  }
4502
4513
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4503
4514
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4504
- height: calc(100% - 45px);
4515
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4516
+ }
4517
+
4518
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4519
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4520
+ }
4521
+
4522
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4523
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4505
4524
  }
4506
4525
 
4507
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4508
4526
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4509
- height: calc(100% - 50px);
4527
+ height: 100%;
4510
4528
  }
4511
4529
 
4512
4530
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4513
4531
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4514
- height: calc(100% - 98px);
4532
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4533
+ }
4534
+
4535
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4536
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4537
+ }
4538
+
4539
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4540
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4541
+ }
4542
+
4543
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4544
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4545
+ }
4546
+
4547
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4548
+ height: 100%;
4515
4549
  }
4516
4550
 
4517
4551
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4552
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4553
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4554
+ }
4555
+
4518
4556
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4519
- height: calc(100% - 48px);
4557
+ height: 100%;
4520
4558
  }
4521
4559
 
4522
4560
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4561
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4562
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4563
+ }
4564
+
4565
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4566
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
4567
+ }
4568
+
4569
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4570
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4571
+ }
4572
+
4523
4573
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4524
- height: calc(100% - 45px);
4574
+ height: 100%;
4525
4575
  }
4526
4576
 
4527
4577
  .e-listbox-wrapper,
@@ -4548,13 +4598,13 @@ ejs-listbox {
4548
4598
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4549
4599
  .e-listbox-container.e-filter-list .e-list-parent,
4550
4600
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4551
- height: calc(100% - 43px);
4601
+ height: calc(100% - 48px);
4552
4602
  }
4553
4603
 
4554
4604
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4555
4605
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4556
4606
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4557
- height: calc(100% - 79px);
4607
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4558
4608
  }
4559
4609
 
4560
4610
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4830,6 +4880,30 @@ ejs-listbox {
4830
4880
  padding-right: 1.0666em;
4831
4881
  }
4832
4882
 
4883
+ .e-listbox-container.e-filter-list .e-list-parent {
4884
+ height: 100%;
4885
+ }
4886
+
4887
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4888
+ height: 100%;
4889
+ }
4890
+
4891
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4892
+ height: 100%;
4893
+ }
4894
+
4895
+ .e-listbox-container.e-filter-list .e-list-wrap {
4896
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
4897
+ }
4898
+
4899
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4900
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4901
+ }
4902
+
4903
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4904
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4905
+ }
4906
+
4833
4907
  /* stylelint-disable property-no-vendor-prefix */
4834
4908
  @keyframes material-spinner-rotate {
4835
4909
  0% {