@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
@@ -2459,6 +2459,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2459
2459
  .e-listbox-container * {
2460
2460
  box-sizing: border-box;
2461
2461
  }
2462
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2463
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2464
+ width: 87% !important;
2465
+ }
2462
2466
  .e-listbox-wrapper:focus,
2463
2467
  .e-listbox-container:focus {
2464
2468
  outline: none;
@@ -2689,8 +2693,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2689
2693
  text-indent: 0;
2690
2694
  vertical-align: middle;
2691
2695
  }
2692
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2693
- .e-listbox-container.e-right .e-checkbox-wrapper {
2696
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2697
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2694
2698
  position: absolute;
2695
2699
  right: 0;
2696
2700
  top: 30%;
@@ -2809,6 +2813,22 @@ ejs-listbox {
2809
2813
  list-style-type: none;
2810
2814
  margin-bottom: 10px;
2811
2815
  }
2816
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2817
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2818
+ position: absolute;
2819
+ right: 0;
2820
+ top: 30%;
2821
+ }
2822
+
2823
+ .e-listboxtool-container .e-left {
2824
+ -ms-flex-direction: row-reverse;
2825
+ flex-direction: row-reverse;
2826
+ }
2827
+
2828
+ .e-listboxtool-wrapper .e-left {
2829
+ -ms-flex-direction: column-reverse;
2830
+ flex-direction: column-reverse;
2831
+ }
2812
2832
 
2813
2833
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2814
2834
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2819,6 +2839,12 @@ ejs-listbox {
2819
2839
  margin-left: 15px;
2820
2840
  }
2821
2841
 
2842
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2843
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2844
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2845
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2846
+ width: 83% !important;
2847
+ }
2822
2848
  .e-bigger .e-listbox-wrapper .e-list-item,
2823
2849
  .e-listbox-wrapper.e-bigger .e-list-item,
2824
2850
  .e-bigger .e-listbox-container .e-list-item,
@@ -2906,21 +2932,48 @@ ejs-listbox {
2906
2932
  .e-listbox-container.e-bigger .e-list-header .e-text {
2907
2933
  font-size: 15px;
2908
2934
  }
2909
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2910
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2935
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2936
+ height: calc(100% - 51px);
2937
+ }
2938
+
2939
+ .e-listbox-container.e-filter-list .e-list-wrap {
2940
+ height: calc(100% - 51px) !important;
2941
+ }
2942
+
2943
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2911
2944
  height: calc(100% - 45px);
2912
2945
  }
2913
2946
 
2914
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2915
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2947
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2948
+ height: calc(100% - 45px) !important;
2949
+ }
2950
+
2951
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2916
2952
  height: calc(100% - 59px);
2917
2953
  }
2918
2954
 
2919
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2920
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2955
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2956
+ height: calc(100% - 59px) !important;
2957
+ }
2958
+
2959
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2960
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2961
+ height: calc(100% - 104px);
2962
+ }
2963
+
2964
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2965
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2966
+ height: calc(100% - 45px);
2967
+ }
2968
+
2969
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2921
2970
  height: calc(100% - 55px);
2922
2971
  }
2923
2972
 
2973
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2974
+ height: calc(100% - 55px) !important;
2975
+ }
2976
+
2924
2977
  .e-listbox-wrapper,
2925
2978
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2926
2979
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2940,9 +2993,14 @@ ejs-listbox {
2940
2993
  font-size: 14px;
2941
2994
  }
2942
2995
 
2943
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2944
- .e-listbox-container.e-filter-list .e-list-parent {
2945
- height: calc(100% - 51px);
2996
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2997
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2998
+ height: calc(100% - 87px);
2999
+ }
3000
+
3001
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3002
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3003
+ height: calc(100% - 36px);
2946
3004
  }
2947
3005
 
2948
3006
  .e-listbox-wrapper .e-icons,
@@ -2465,6 +2465,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2465
2465
  .e-listbox-container * {
2466
2466
  box-sizing: border-box;
2467
2467
  }
2468
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2469
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2470
+ width: 87% !important;
2471
+ }
2468
2472
  .e-listbox-wrapper:focus,
2469
2473
  .e-listbox-container:focus {
2470
2474
  outline: none;
@@ -2695,8 +2699,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2695
2699
  text-indent: 0;
2696
2700
  vertical-align: middle;
2697
2701
  }
2698
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2699
- .e-listbox-container.e-right .e-checkbox-wrapper {
2702
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2703
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2700
2704
  position: absolute;
2701
2705
  right: 0;
2702
2706
  top: 30%;
@@ -2815,6 +2819,22 @@ ejs-listbox {
2815
2819
  list-style-type: none;
2816
2820
  margin-bottom: 10px;
2817
2821
  }
2822
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2823
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2824
+ position: absolute;
2825
+ right: 0;
2826
+ top: 30%;
2827
+ }
2828
+
2829
+ .e-listboxtool-container .e-left {
2830
+ -ms-flex-direction: row-reverse;
2831
+ flex-direction: row-reverse;
2832
+ }
2833
+
2834
+ .e-listboxtool-wrapper .e-left {
2835
+ -ms-flex-direction: column-reverse;
2836
+ flex-direction: column-reverse;
2837
+ }
2818
2838
 
2819
2839
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2820
2840
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2825,6 +2845,12 @@ ejs-listbox {
2825
2845
  margin-left: 15px;
2826
2846
  }
2827
2847
 
2848
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2849
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2850
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2851
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2852
+ width: 83% !important;
2853
+ }
2828
2854
  .e-bigger .e-listbox-wrapper .e-list-item,
2829
2855
  .e-listbox-wrapper.e-bigger .e-list-item,
2830
2856
  .e-bigger .e-listbox-container .e-list-item,
@@ -2912,21 +2938,48 @@ ejs-listbox {
2912
2938
  .e-listbox-container.e-bigger .e-list-header .e-text {
2913
2939
  font-size: 15px;
2914
2940
  }
2915
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2916
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2941
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2942
+ height: calc(100% - 51px);
2943
+ }
2944
+
2945
+ .e-listbox-container.e-filter-list .e-list-wrap {
2946
+ height: calc(100% - 51px) !important;
2947
+ }
2948
+
2949
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2917
2950
  height: calc(100% - 45px);
2918
2951
  }
2919
2952
 
2920
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2921
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2953
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2954
+ height: calc(100% - 45px) !important;
2955
+ }
2956
+
2957
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2922
2958
  height: calc(100% - 59px);
2923
2959
  }
2924
2960
 
2925
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2926
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2961
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2962
+ height: calc(100% - 59px) !important;
2963
+ }
2964
+
2965
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2966
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2967
+ height: calc(100% - 104px);
2968
+ }
2969
+
2970
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2971
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2972
+ height: calc(100% - 45px);
2973
+ }
2974
+
2975
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2927
2976
  height: calc(100% - 55px);
2928
2977
  }
2929
2978
 
2979
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2980
+ height: calc(100% - 55px) !important;
2981
+ }
2982
+
2930
2983
  .e-listbox-wrapper,
2931
2984
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2932
2985
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2946,9 +2999,14 @@ ejs-listbox {
2946
2999
  font-size: 14px;
2947
3000
  }
2948
3001
 
2949
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2950
- .e-listbox-container.e-filter-list .e-list-parent {
2951
- height: calc(100% - 51px);
3002
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3003
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3004
+ height: calc(100% - 87px);
3005
+ }
3006
+
3007
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3008
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3009
+ height: calc(100% - 36px);
2952
3010
  }
2953
3011
 
2954
3012
  .e-listbox-wrapper .e-icons,
@@ -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,22 @@ 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
+ }
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
+ }
404
420
 
405
421
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
422
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -498,21 +514,48 @@ ejs-listbox {
498
514
  .e-listbox-container.e-bigger .e-list-header .e-text {
499
515
  font-size: 15px;
500
516
  }
501
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
502
- .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% - 52px);
519
+ }
520
+
521
+ .e-listbox-container.e-filter-list .e-list-wrap {
522
+ height: calc(100% - 52px) !important;
523
+ }
524
+
525
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
503
526
  height: calc(100% - 46px);
504
527
  }
505
528
 
506
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
507
- .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% - 46px) !important;
531
+ }
532
+
533
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
508
534
  height: calc(100% - 58px);
509
535
  }
510
536
 
511
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
512
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
537
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
538
+ height: calc(100% - 58px) !important;
539
+ }
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% - 106px);
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% - 48px);
549
+ }
550
+
551
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
513
552
  height: calc(100% - 54px);
514
553
  }
515
554
 
555
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 54px) !important;
557
+ }
558
+
516
559
  .e-listbox-wrapper,
517
560
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
518
561
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -532,9 +575,14 @@ ejs-listbox {
532
575
  font-size: 14px;
533
576
  }
534
577
 
535
- .e-listbox-wrapper.e-filter-list .e-list-parent,
536
- .e-listbox-container.e-filter-list .e-list-parent {
537
- height: calc(100% - 52px);
578
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
579
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
580
+ height: calc(100% - 92px);
581
+ }
582
+
583
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
584
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
585
+ height: calc(100% - 40px);
538
586
  }
539
587
 
540
588
  .e-listbox-wrapper .e-icons,
@@ -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,22 @@ 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
+ }
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
+ }
404
424
 
405
425
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
426
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -411,6 +431,12 @@ ejs-listbox {
411
431
  margin-left: 15px;
412
432
  }
413
433
 
434
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
435
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
436
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
437
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
438
+ width: 85% !important;
439
+ }
414
440
  .e-bigger .e-listbox-wrapper .e-list-item,
415
441
  .e-listbox-wrapper.e-bigger .e-list-item,
416
442
  .e-bigger .e-listbox-container .e-list-item,
@@ -498,21 +524,48 @@ ejs-listbox {
498
524
  .e-listbox-container.e-bigger .e-list-header .e-text {
499
525
  font-size: 15px;
500
526
  }
501
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
502
- .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% - 52px);
529
+ }
530
+
531
+ .e-listbox-container.e-filter-list .e-list-wrap {
532
+ height: calc(100% - 52px) !important;
533
+ }
534
+
535
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
503
536
  height: calc(100% - 46px);
504
537
  }
505
538
 
506
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
507
- .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% - 46px) !important;
541
+ }
542
+
543
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
508
544
  height: calc(100% - 58px);
509
545
  }
510
546
 
511
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
512
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
547
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 58px) !important;
549
+ }
550
+
551
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
552
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
553
+ height: calc(100% - 106px);
554
+ }
555
+
556
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
557
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
558
+ height: calc(100% - 48px);
559
+ }
560
+
561
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
513
562
  height: calc(100% - 54px);
514
563
  }
515
564
 
565
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 54px) !important;
567
+ }
568
+
516
569
  .e-listbox-wrapper,
517
570
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
518
571
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -532,9 +585,14 @@ ejs-listbox {
532
585
  font-size: 14px;
533
586
  }
534
587
 
535
- .e-listbox-wrapper.e-filter-list .e-list-parent,
536
- .e-listbox-container.e-filter-list .e-list-parent {
537
- height: calc(100% - 52px);
588
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
589
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
590
+ height: calc(100% - 92px);
591
+ }
592
+
593
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
594
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
595
+ height: calc(100% - 40px);
538
596
  }
539
597
 
540
598
  .e-listbox-wrapper .e-icons,
@@ -69,6 +69,10 @@
69
69
  .e-listbox-container * {
70
70
  box-sizing: border-box;
71
71
  }
72
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
73
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
74
+ width: 86% !important;
75
+ }
72
76
  .e-listbox-wrapper:focus,
73
77
  .e-listbox-container:focus {
74
78
  outline: none;
@@ -299,8 +303,8 @@
299
303
  text-indent: 0;
300
304
  vertical-align: middle;
301
305
  }
302
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
303
- .e-listbox-container.e-right .e-checkbox-wrapper {
306
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
307
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
304
308
  position: absolute;
305
309
  right: 0;
306
310
  top: 30%;
@@ -419,6 +423,22 @@ ejs-listbox {
419
423
  list-style-type: none;
420
424
  margin-bottom: 10px;
421
425
  }
426
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
427
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
428
+ position: absolute;
429
+ right: 0;
430
+ top: 30%;
431
+ }
432
+
433
+ .e-listboxtool-container .e-left {
434
+ -ms-flex-direction: row-reverse;
435
+ flex-direction: row-reverse;
436
+ }
437
+
438
+ .e-listboxtool-wrapper .e-left {
439
+ -ms-flex-direction: column-reverse;
440
+ flex-direction: column-reverse;
441
+ }
422
442
 
423
443
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
424
444
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -435,6 +455,12 @@ ejs-listbox {
435
455
  .e-listbox-container.e-bigger {
436
456
  font-size: 16px;
437
457
  }
458
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
459
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
460
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
461
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
462
+ width: 85% !important;
463
+ }
438
464
  .e-bigger .e-listbox-wrapper .e-list-item,
439
465
  .e-listbox-wrapper.e-bigger .e-list-item,
440
466
  .e-bigger .e-listbox-container .e-list-item,
@@ -560,21 +586,48 @@ ejs-listbox {
560
586
  margin: 0 0 0 12px;
561
587
  }
562
588
 
563
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
564
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
589
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
590
+ height: calc(100% - 39px);
591
+ }
592
+
593
+ .e-listbox-container.e-filter-list .e-list-wrap {
594
+ height: calc(100% - 39px) !important;
595
+ }
596
+
597
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
565
598
  height: calc(100% - 32px);
566
599
  }
567
600
 
568
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
569
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
601
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
602
+ height: calc(100% - 32px) !important;
603
+ }
604
+
605
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
570
606
  height: calc(100% - 46px);
571
607
  }
572
608
 
573
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
574
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
609
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
610
+ height: calc(100% - 46px) !important;
611
+ }
612
+
613
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
614
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
615
+ height: calc(100% - 96px);
616
+ }
617
+
618
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
619
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
620
+ height: calc(100% - 50px);
621
+ }
622
+
623
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
575
624
  height: calc(100% - 44px);
576
625
  }
577
626
 
627
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
628
+ height: calc(100% - 44px) !important;
629
+ }
630
+
578
631
  .e-listbox-wrapper,
579
632
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
580
633
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -594,9 +647,14 @@ ejs-listbox {
594
647
  font-size: 16px;
595
648
  }
596
649
 
597
- .e-listbox-wrapper.e-filter-list .e-list-parent,
598
- .e-listbox-container.e-filter-list .e-list-parent {
599
- height: calc(100% - 39px);
650
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
651
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
652
+ height: calc(100% - 79px);
653
+ }
654
+
655
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
656
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
657
+ height: calc(100% - 40px);
600
658
  }
601
659
 
602
660
  .e-listbox-wrapper .e-icons,