@syncfusion/ej2-vue-dropdowns 20.1.61 → 20.2.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 (40) hide show
  1. package/CHANGELOG.md +3 -65
  2. package/dist/ej2-vue-dropdowns.umd.min.js +2 -11
  3. package/dist/es6/ej2-vue-dropdowns.es2015.js +2 -2
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-dropdowns.es5.js +2 -2
  6. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-dropdowns.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/multi-select/multiselect.component.d.ts +1 -1
  10. package/src/multi-select/multiselect.component.js +2 -2
  11. package/styles/bootstrap-dark.css +69 -11
  12. package/styles/bootstrap.css +69 -11
  13. package/styles/bootstrap4.css +69 -11
  14. package/styles/bootstrap5-dark.css +70 -12
  15. package/styles/bootstrap5.css +70 -12
  16. package/styles/fabric-dark.css +69 -11
  17. package/styles/fabric.css +69 -11
  18. package/styles/fluent-dark.css +73 -15
  19. package/styles/fluent.css +70 -12
  20. package/styles/highcontrast-light.css +69 -11
  21. package/styles/highcontrast.css +69 -11
  22. package/styles/list-box/bootstrap-dark.css +59 -11
  23. package/styles/list-box/bootstrap.css +69 -11
  24. package/styles/list-box/bootstrap4.css +69 -11
  25. package/styles/list-box/bootstrap5-dark.css +70 -12
  26. package/styles/list-box/bootstrap5.css +70 -12
  27. package/styles/list-box/fabric-dark.css +59 -11
  28. package/styles/list-box/fabric.css +69 -11
  29. package/styles/list-box/fluent-dark.css +73 -15
  30. package/styles/list-box/fluent.css +70 -12
  31. package/styles/list-box/highcontrast-light.css +59 -11
  32. package/styles/list-box/highcontrast.css +69 -11
  33. package/styles/list-box/material-dark.css +60 -12
  34. package/styles/list-box/material.css +70 -12
  35. package/styles/list-box/tailwind-dark.css +70 -12
  36. package/styles/list-box/tailwind.css +70 -12
  37. package/styles/material-dark.css +70 -12
  38. package/styles/material.css +70 -12
  39. package/styles/tailwind-dark.css +70 -12
  40. package/styles/tailwind.css +70 -12
@@ -2538,6 +2538,10 @@ ejs-multiselect {
2538
2538
  .e-listbox-container * {
2539
2539
  box-sizing: border-box;
2540
2540
  }
2541
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2542
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2543
+ width: 84% !important;
2544
+ }
2541
2545
  .e-listbox-wrapper:focus,
2542
2546
  .e-listbox-container:focus {
2543
2547
  outline: none;
@@ -2768,8 +2772,8 @@ ejs-multiselect {
2768
2772
  text-indent: 0;
2769
2773
  vertical-align: middle;
2770
2774
  }
2771
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2772
- .e-listbox-container.e-right .e-checkbox-wrapper {
2775
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2776
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2773
2777
  position: absolute;
2774
2778
  right: 0;
2775
2779
  top: 30%;
@@ -2888,6 +2892,22 @@ ejs-listbox {
2888
2892
  list-style-type: none;
2889
2893
  margin-bottom: 10px;
2890
2894
  }
2895
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2896
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2897
+ position: absolute;
2898
+ right: 0;
2899
+ top: 30%;
2900
+ }
2901
+
2902
+ .e-listboxtool-container .e-left {
2903
+ -ms-flex-direction: row-reverse;
2904
+ flex-direction: row-reverse;
2905
+ }
2906
+
2907
+ .e-listboxtool-wrapper .e-left {
2908
+ -ms-flex-direction: column-reverse;
2909
+ flex-direction: column-reverse;
2910
+ }
2891
2911
 
2892
2912
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2893
2913
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2898,6 +2918,12 @@ ejs-listbox {
2898
2918
  margin-left: 15px;
2899
2919
  }
2900
2920
 
2921
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2922
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2923
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2924
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2925
+ width: 80% !important;
2926
+ }
2901
2927
  .e-bigger .e-listbox-wrapper .e-list-item,
2902
2928
  .e-listbox-wrapper.e-bigger .e-list-item,
2903
2929
  .e-bigger .e-listbox-container .e-list-item,
@@ -2985,21 +3011,48 @@ ejs-listbox {
2985
3011
  .e-listbox-container.e-bigger .e-list-header .e-text {
2986
3012
  font-size: 14px;
2987
3013
  }
2988
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2989
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3014
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3015
+ height: calc(100% - 50px);
3016
+ }
3017
+
3018
+ .e-listbox-container.e-filter-list .e-list-wrap {
3019
+ height: calc(100% - 50px) !important;
3020
+ }
3021
+
3022
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2990
3023
  height: calc(100% - 45px);
2991
3024
  }
2992
3025
 
2993
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2994
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2995
- height: calc(100% - 55px);
3026
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3027
+ height: calc(100% - 45px) !important;
3028
+ }
3029
+
3030
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3031
+ height: calc(100% - 56px);
3032
+ }
3033
+
3034
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3035
+ height: calc(100% - 56px) !important;
3036
+ }
3037
+
3038
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3039
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3040
+ height: calc(100% - 96px);
2996
3041
  }
2997
3042
 
2998
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2999
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3043
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3044
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3045
+ height: calc(100% - 40px);
3046
+ }
3047
+
3048
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3000
3049
  height: calc(100% - 45px);
3001
3050
  }
3002
3051
 
3052
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3053
+ height: calc(100% - 45px) !important;
3054
+ }
3055
+
3003
3056
  .e-listbox-wrapper,
3004
3057
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3005
3058
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3019,9 +3072,14 @@ ejs-listbox {
3019
3072
  font-size: 12px;
3020
3073
  }
3021
3074
 
3022
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3023
- .e-listbox-container.e-filter-list .e-list-parent {
3024
- height: calc(100% - 47px);
3075
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3076
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3077
+ height: calc(100% - 86px);
3078
+ }
3079
+
3080
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3081
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3082
+ height: calc(100% - 36px);
3025
3083
  }
3026
3084
 
3027
3085
  .e-listbox-wrapper .e-list-item,
@@ -2355,6 +2355,10 @@ ejs-multiselect {
2355
2355
  .e-listbox-container * {
2356
2356
  box-sizing: border-box;
2357
2357
  }
2358
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2359
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2360
+ width: 86% !important;
2361
+ }
2358
2362
  .e-listbox-wrapper:focus,
2359
2363
  .e-listbox-container:focus {
2360
2364
  outline: none;
@@ -2585,8 +2589,8 @@ ejs-multiselect {
2585
2589
  text-indent: 0;
2586
2590
  vertical-align: middle;
2587
2591
  }
2588
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2589
- .e-listbox-container.e-right .e-checkbox-wrapper {
2592
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2593
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2590
2594
  position: absolute;
2591
2595
  right: 0;
2592
2596
  top: 30%;
@@ -2705,6 +2709,22 @@ ejs-listbox {
2705
2709
  list-style-type: none;
2706
2710
  margin-bottom: 10px;
2707
2711
  }
2712
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2713
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2714
+ position: absolute;
2715
+ right: 0;
2716
+ top: 30%;
2717
+ }
2718
+
2719
+ .e-listboxtool-container .e-left {
2720
+ -ms-flex-direction: row-reverse;
2721
+ flex-direction: row-reverse;
2722
+ }
2723
+
2724
+ .e-listboxtool-wrapper .e-left {
2725
+ -ms-flex-direction: column-reverse;
2726
+ flex-direction: column-reverse;
2727
+ }
2708
2728
 
2709
2729
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2710
2730
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2715,6 +2735,12 @@ ejs-listbox {
2715
2735
  margin-left: 15px;
2716
2736
  }
2717
2737
 
2738
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2739
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2740
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2741
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2742
+ width: 83% !important;
2743
+ }
2718
2744
  .e-bigger .e-listbox-wrapper .e-list-item,
2719
2745
  .e-listbox-wrapper.e-bigger .e-list-item,
2720
2746
  .e-bigger .e-listbox-container .e-list-item,
@@ -2802,21 +2828,48 @@ ejs-listbox {
2802
2828
  .e-listbox-container.e-bigger .e-list-header .e-text {
2803
2829
  font-size: 15px;
2804
2830
  }
2805
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2806
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2831
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2832
+ height: calc(100% - 51px);
2833
+ }
2834
+
2835
+ .e-listbox-container.e-filter-list .e-list-wrap {
2836
+ height: calc(100% - 51px) !important;
2837
+ }
2838
+
2839
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2807
2840
  height: calc(100% - 45px);
2808
2841
  }
2809
2842
 
2810
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2811
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2843
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2844
+ height: calc(100% - 45px) !important;
2845
+ }
2846
+
2847
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2812
2848
  height: calc(100% - 59px);
2813
2849
  }
2814
2850
 
2815
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2816
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2851
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2852
+ height: calc(100% - 59px) !important;
2853
+ }
2854
+
2855
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2856
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2857
+ height: calc(100% - 104px);
2858
+ }
2859
+
2860
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2861
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2862
+ height: calc(100% - 45px);
2863
+ }
2864
+
2865
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2817
2866
  height: calc(100% - 55px);
2818
2867
  }
2819
2868
 
2869
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2870
+ height: calc(100% - 55px) !important;
2871
+ }
2872
+
2820
2873
  .e-listbox-wrapper,
2821
2874
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2822
2875
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2836,9 +2889,14 @@ ejs-listbox {
2836
2889
  font-size: 14px;
2837
2890
  }
2838
2891
 
2839
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2840
- .e-listbox-container.e-filter-list .e-list-parent {
2841
- height: calc(100% - 51px);
2892
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2893
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2894
+ height: calc(100% - 87px);
2895
+ }
2896
+
2897
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2898
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2899
+ height: calc(100% - 36px);
2842
2900
  }
2843
2901
 
2844
2902
  .e-listbox-wrapper .e-icons,
package/styles/fabric.css CHANGED
@@ -2349,6 +2349,10 @@ ejs-multiselect {
2349
2349
  .e-listbox-container * {
2350
2350
  box-sizing: border-box;
2351
2351
  }
2352
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2353
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2354
+ width: 86% !important;
2355
+ }
2352
2356
  .e-listbox-wrapper:focus,
2353
2357
  .e-listbox-container:focus {
2354
2358
  outline: none;
@@ -2579,8 +2583,8 @@ ejs-multiselect {
2579
2583
  text-indent: 0;
2580
2584
  vertical-align: middle;
2581
2585
  }
2582
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2583
- .e-listbox-container.e-right .e-checkbox-wrapper {
2586
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2587
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2584
2588
  position: absolute;
2585
2589
  right: 0;
2586
2590
  top: 30%;
@@ -2699,6 +2703,22 @@ ejs-listbox {
2699
2703
  list-style-type: none;
2700
2704
  margin-bottom: 10px;
2701
2705
  }
2706
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2707
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2708
+ position: absolute;
2709
+ right: 0;
2710
+ top: 30%;
2711
+ }
2712
+
2713
+ .e-listboxtool-container .e-left {
2714
+ -ms-flex-direction: row-reverse;
2715
+ flex-direction: row-reverse;
2716
+ }
2717
+
2718
+ .e-listboxtool-wrapper .e-left {
2719
+ -ms-flex-direction: column-reverse;
2720
+ flex-direction: column-reverse;
2721
+ }
2702
2722
 
2703
2723
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2704
2724
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2709,6 +2729,12 @@ ejs-listbox {
2709
2729
  margin-left: 15px;
2710
2730
  }
2711
2731
 
2732
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2733
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2734
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2735
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2736
+ width: 83% !important;
2737
+ }
2712
2738
  .e-bigger .e-listbox-wrapper .e-list-item,
2713
2739
  .e-listbox-wrapper.e-bigger .e-list-item,
2714
2740
  .e-bigger .e-listbox-container .e-list-item,
@@ -2796,21 +2822,48 @@ ejs-listbox {
2796
2822
  .e-listbox-container.e-bigger .e-list-header .e-text {
2797
2823
  font-size: 15px;
2798
2824
  }
2799
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2800
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2825
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2826
+ height: calc(100% - 51px);
2827
+ }
2828
+
2829
+ .e-listbox-container.e-filter-list .e-list-wrap {
2830
+ height: calc(100% - 51px) !important;
2831
+ }
2832
+
2833
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2801
2834
  height: calc(100% - 45px);
2802
2835
  }
2803
2836
 
2804
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2805
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2837
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2838
+ height: calc(100% - 45px) !important;
2839
+ }
2840
+
2841
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2806
2842
  height: calc(100% - 59px);
2807
2843
  }
2808
2844
 
2809
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2810
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2845
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2846
+ height: calc(100% - 59px) !important;
2847
+ }
2848
+
2849
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2850
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2851
+ height: calc(100% - 104px);
2852
+ }
2853
+
2854
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2855
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2856
+ height: calc(100% - 45px);
2857
+ }
2858
+
2859
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2811
2860
  height: calc(100% - 55px);
2812
2861
  }
2813
2862
 
2863
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2864
+ height: calc(100% - 55px) !important;
2865
+ }
2866
+
2814
2867
  .e-listbox-wrapper,
2815
2868
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2816
2869
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2830,9 +2883,14 @@ ejs-listbox {
2830
2883
  font-size: 14px;
2831
2884
  }
2832
2885
 
2833
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2834
- .e-listbox-container.e-filter-list .e-list-parent {
2835
- height: calc(100% - 51px);
2886
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2887
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2888
+ height: calc(100% - 87px);
2889
+ }
2890
+
2891
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2892
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2893
+ height: calc(100% - 36px);
2836
2894
  }
2837
2895
 
2838
2896
  .e-listbox-wrapper .e-icons,
@@ -2608,6 +2608,10 @@ ejs-multiselect {
2608
2608
  .e-listbox-container * {
2609
2609
  box-sizing: border-box;
2610
2610
  }
2611
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2612
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2613
+ width: 84% !important;
2614
+ }
2611
2615
  .e-listbox-wrapper:focus,
2612
2616
  .e-listbox-container:focus {
2613
2617
  outline: none;
@@ -2838,8 +2842,8 @@ ejs-multiselect {
2838
2842
  text-indent: 0;
2839
2843
  vertical-align: middle;
2840
2844
  }
2841
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2842
- .e-listbox-container.e-right .e-checkbox-wrapper {
2845
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2846
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2843
2847
  position: absolute;
2844
2848
  right: 0;
2845
2849
  top: 30%;
@@ -2903,9 +2907,9 @@ ejs-listbox {
2903
2907
  -ms-flex-align: center;
2904
2908
  align-items: center;
2905
2909
  background-color: #0078d4;
2906
- border: 1px solid #fff;
2910
+ border: 1px solid #1b1a19;
2907
2911
  border-radius: 50%;
2908
- color: #fff;
2912
+ color: #1b1a19;
2909
2913
  display: -ms-flexbox;
2910
2914
  display: flex;
2911
2915
  font-size: 12px;
@@ -2958,6 +2962,22 @@ ejs-listbox {
2958
2962
  list-style-type: none;
2959
2963
  margin-bottom: 10px;
2960
2964
  }
2965
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2966
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2967
+ position: absolute;
2968
+ right: 0;
2969
+ top: 30%;
2970
+ }
2971
+
2972
+ .e-listboxtool-container .e-left {
2973
+ -ms-flex-direction: row-reverse;
2974
+ flex-direction: row-reverse;
2975
+ }
2976
+
2977
+ .e-listboxtool-wrapper .e-left {
2978
+ -ms-flex-direction: column-reverse;
2979
+ flex-direction: column-reverse;
2980
+ }
2961
2981
 
2962
2982
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2963
2983
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2968,6 +2988,12 @@ ejs-listbox {
2968
2988
  margin-left: 15px;
2969
2989
  }
2970
2990
 
2991
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2992
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2993
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2994
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2995
+ width: 80% !important;
2996
+ }
2971
2997
  .e-bigger .e-listbox-wrapper .e-list-item,
2972
2998
  .e-listbox-wrapper.e-bigger .e-list-item,
2973
2999
  .e-bigger .e-listbox-container .e-list-item,
@@ -3055,21 +3081,48 @@ ejs-listbox {
3055
3081
  .e-listbox-container.e-bigger .e-list-header .e-text {
3056
3082
  font-size: 14px;
3057
3083
  }
3058
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3059
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3084
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3085
+ height: calc(100% - 57px);
3086
+ }
3087
+
3088
+ .e-listbox-container.e-filter-list .e-list-wrap {
3089
+ height: calc(100% - 57px) !important;
3090
+ }
3091
+
3092
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3060
3093
  height: calc(100% - 45px);
3061
3094
  }
3062
3095
 
3063
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3064
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3065
- height: calc(100% - 55px);
3096
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3097
+ height: calc(100% - 45px) !important;
3098
+ }
3099
+
3100
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3101
+ height: calc(100% - 65px);
3102
+ }
3103
+
3104
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3105
+ height: calc(100% - 65px) !important;
3106
+ }
3107
+
3108
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3109
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3110
+ height: calc(100% - 113px);
3066
3111
  }
3067
3112
 
3068
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3069
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3113
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3114
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3115
+ height: calc(100% - 48px);
3116
+ }
3117
+
3118
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3070
3119
  height: calc(100% - 45px);
3071
3120
  }
3072
3121
 
3122
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3123
+ height: calc(100% - 45px) !important;
3124
+ }
3125
+
3073
3126
  .e-listbox-wrapper,
3074
3127
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3075
3128
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3089,9 +3142,14 @@ ejs-listbox {
3089
3142
  font-size: 12px;
3090
3143
  }
3091
3144
 
3092
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3093
- .e-listbox-container.e-filter-list .e-list-parent {
3094
- height: calc(100% - 47px);
3145
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3146
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3147
+ height: calc(100% - 93px);
3148
+ }
3149
+
3150
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3151
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3152
+ height: calc(100% - 36px);
3095
3153
  }
3096
3154
 
3097
3155
  .e-listbox-wrapper .e-icons,
@@ -3141,7 +3199,7 @@ ejs-listbox {
3141
3199
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3142
3200
  background-color: #0078d4;
3143
3201
  border-color: transparent;
3144
- color: #fff;
3202
+ color: #1b1a19;
3145
3203
  }
3146
3204
 
3147
3205
  .e-listbox-wrapper .e-list-group-item,
package/styles/fluent.css CHANGED
@@ -2608,6 +2608,10 @@ ejs-multiselect {
2608
2608
  .e-listbox-container * {
2609
2609
  box-sizing: border-box;
2610
2610
  }
2611
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2612
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2613
+ width: 84% !important;
2614
+ }
2611
2615
  .e-listbox-wrapper:focus,
2612
2616
  .e-listbox-container:focus {
2613
2617
  outline: none;
@@ -2838,8 +2842,8 @@ ejs-multiselect {
2838
2842
  text-indent: 0;
2839
2843
  vertical-align: middle;
2840
2844
  }
2841
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2842
- .e-listbox-container.e-right .e-checkbox-wrapper {
2845
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2846
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2843
2847
  position: absolute;
2844
2848
  right: 0;
2845
2849
  top: 30%;
@@ -2958,6 +2962,22 @@ ejs-listbox {
2958
2962
  list-style-type: none;
2959
2963
  margin-bottom: 10px;
2960
2964
  }
2965
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2966
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2967
+ position: absolute;
2968
+ right: 0;
2969
+ top: 30%;
2970
+ }
2971
+
2972
+ .e-listboxtool-container .e-left {
2973
+ -ms-flex-direction: row-reverse;
2974
+ flex-direction: row-reverse;
2975
+ }
2976
+
2977
+ .e-listboxtool-wrapper .e-left {
2978
+ -ms-flex-direction: column-reverse;
2979
+ flex-direction: column-reverse;
2980
+ }
2961
2981
 
2962
2982
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2963
2983
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2968,6 +2988,12 @@ ejs-listbox {
2968
2988
  margin-left: 15px;
2969
2989
  }
2970
2990
 
2991
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2992
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2993
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2994
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2995
+ width: 80% !important;
2996
+ }
2971
2997
  .e-bigger .e-listbox-wrapper .e-list-item,
2972
2998
  .e-listbox-wrapper.e-bigger .e-list-item,
2973
2999
  .e-bigger .e-listbox-container .e-list-item,
@@ -3055,21 +3081,48 @@ ejs-listbox {
3055
3081
  .e-listbox-container.e-bigger .e-list-header .e-text {
3056
3082
  font-size: 14px;
3057
3083
  }
3058
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3059
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3084
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3085
+ height: calc(100% - 57px);
3086
+ }
3087
+
3088
+ .e-listbox-container.e-filter-list .e-list-wrap {
3089
+ height: calc(100% - 57px) !important;
3090
+ }
3091
+
3092
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3060
3093
  height: calc(100% - 45px);
3061
3094
  }
3062
3095
 
3063
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3064
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3065
- height: calc(100% - 55px);
3096
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3097
+ height: calc(100% - 45px) !important;
3098
+ }
3099
+
3100
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3101
+ height: calc(100% - 65px);
3102
+ }
3103
+
3104
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3105
+ height: calc(100% - 65px) !important;
3106
+ }
3107
+
3108
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3109
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3110
+ height: calc(100% - 113px);
3066
3111
  }
3067
3112
 
3068
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3069
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3113
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3114
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3115
+ height: calc(100% - 48px);
3116
+ }
3117
+
3118
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3070
3119
  height: calc(100% - 45px);
3071
3120
  }
3072
3121
 
3122
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3123
+ height: calc(100% - 45px) !important;
3124
+ }
3125
+
3073
3126
  .e-listbox-wrapper,
3074
3127
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3075
3128
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3089,9 +3142,14 @@ ejs-listbox {
3089
3142
  font-size: 12px;
3090
3143
  }
3091
3144
 
3092
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3093
- .e-listbox-container.e-filter-list .e-list-parent {
3094
- height: calc(100% - 47px);
3145
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3146
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3147
+ height: calc(100% - 93px);
3148
+ }
3149
+
3150
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3151
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3152
+ height: calc(100% - 36px);
3095
3153
  }
3096
3154
 
3097
3155
  .e-listbox-wrapper .e-icons,