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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/CHANGELOG.md +8 -102
  2. package/dist/ej2-angular-dropdowns.umd.js +1 -1
  3. package/dist/ej2-angular-dropdowns.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/generators/autocomplete-custom-filtering/schema.json +3 -2
  6. package/schematics/generators/autocomplete-default/schema.json +3 -2
  7. package/schematics/generators/autocomplete-diacritics-filtering/schema.json +3 -2
  8. package/schematics/generators/autocomplete-highlight/schema.json +3 -2
  9. package/schematics/generators/autocomplete-reactive-form/schema.json +3 -2
  10. package/schematics/generators/autocomplete-template/schema.json +3 -2
  11. package/schematics/generators/autocomplete-template-driven/schema.json +3 -2
  12. package/schematics/generators/combobox-custom-value/schema.json +3 -2
  13. package/schematics/generators/combobox-default/schema.json +3 -2
  14. package/schematics/generators/combobox-filtering/schema.json +3 -2
  15. package/schematics/generators/combobox-grouping/schema.json +3 -2
  16. package/schematics/generators/combobox-reactive-form/schema.json +3 -2
  17. package/schematics/generators/combobox-template/schema.json +3 -2
  18. package/schematics/generators/combobox-template-driven/schema.json +3 -2
  19. package/schematics/generators/dropdownlist-cascading/schema.json +3 -2
  20. package/schematics/generators/dropdownlist-default/schema.json +3 -2
  21. package/schematics/generators/dropdownlist-filtering/schema.json +3 -2
  22. package/schematics/generators/dropdownlist-inline/schema.json +3 -2
  23. package/schematics/generators/dropdownlist-reactive-form/schema.json +3 -2
  24. package/schematics/generators/dropdownlist-template/schema.json +3 -2
  25. package/schematics/generators/dropdownlist-template-driven/schema.json +3 -2
  26. package/schematics/generators/multiselect-box-mode/schema.json +3 -2
  27. package/schematics/generators/multiselect-checkbox/schema.json +3 -2
  28. package/schematics/generators/multiselect-chip-customization/schema.json +3 -2
  29. package/schematics/generators/multiselect-delimiter-mode/schema.json +3 -2
  30. package/schematics/generators/multiselect-filtering/schema.json +3 -2
  31. package/schematics/generators/multiselect-reactive-form/schema.json +3 -2
  32. package/schematics/generators/multiselect-template/schema.json +3 -2
  33. package/schematics/generators/multiselect-template-driven/schema.json +3 -2
  34. package/schematics/utils/lib-details.d.ts +2 -2
  35. package/schematics/utils/lib-details.js +2 -2
  36. package/schematics/utils/lib-details.ts +2 -2
  37. package/styles/bootstrap-dark.css +38 -2
  38. package/styles/bootstrap.css +38 -2
  39. package/styles/bootstrap4.css +38 -2
  40. package/styles/bootstrap5-dark.css +38 -2
  41. package/styles/bootstrap5.css +38 -2
  42. package/styles/fabric-dark.css +38 -2
  43. package/styles/fabric.css +38 -2
  44. package/styles/fluent-dark.css +38 -2
  45. package/styles/fluent.css +38 -2
  46. package/styles/highcontrast-light.css +38 -2
  47. package/styles/highcontrast.css +38 -2
  48. package/styles/list-box/bootstrap-dark.css +28 -2
  49. package/styles/list-box/bootstrap.css +38 -2
  50. package/styles/list-box/bootstrap4.css +38 -2
  51. package/styles/list-box/bootstrap5-dark.css +38 -2
  52. package/styles/list-box/bootstrap5.css +38 -2
  53. package/styles/list-box/fabric-dark.css +28 -2
  54. package/styles/list-box/fabric.css +38 -2
  55. package/styles/list-box/fluent-dark.css +38 -2
  56. package/styles/list-box/fluent.css +38 -2
  57. package/styles/list-box/highcontrast-light.css +28 -2
  58. package/styles/list-box/highcontrast.css +38 -2
  59. package/styles/list-box/material-dark.css +30 -4
  60. package/styles/list-box/material.css +40 -4
  61. package/styles/list-box/tailwind-dark.css +38 -2
  62. package/styles/list-box/tailwind.css +38 -2
  63. package/styles/material-dark.css +40 -4
  64. package/styles/material.css +40 -4
  65. package/styles/tailwind-dark.css +38 -2
  66. package/styles/tailwind.css +38 -2
package/styles/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,12 @@ 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
+ }
2961
2971
 
2962
2972
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2963
2973
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2968,6 +2978,12 @@ ejs-listbox {
2968
2978
  margin-left: 15px;
2969
2979
  }
2970
2980
 
2981
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2982
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2983
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2984
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2985
+ width: 80% !important;
2986
+ }
2971
2987
  .e-bigger .e-listbox-wrapper .e-list-item,
2972
2988
  .e-listbox-wrapper.e-bigger .e-list-item,
2973
2989
  .e-bigger .e-listbox-container .e-list-item,
@@ -3065,6 +3081,16 @@ ejs-listbox {
3065
3081
  height: calc(100% - 55px);
3066
3082
  }
3067
3083
 
3084
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3085
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3086
+ height: calc(100% - 113px);
3087
+ }
3088
+
3089
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3090
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3091
+ height: calc(100% - 48px);
3092
+ }
3093
+
3068
3094
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3069
3095
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3070
3096
  height: calc(100% - 45px);
@@ -3094,6 +3120,16 @@ ejs-listbox {
3094
3120
  height: calc(100% - 47px);
3095
3121
  }
3096
3122
 
3123
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3124
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3125
+ height: calc(100% - 93px);
3126
+ }
3127
+
3128
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3129
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3130
+ height: calc(100% - 36px);
3131
+ }
3132
+
3097
3133
  .e-listbox-wrapper .e-icons,
3098
3134
  .e-listbox-container .e-icons {
3099
3135
  color: #605e5c;
@@ -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,12 @@ 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
+ }
2812
2822
 
2813
2823
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2814
2824
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2819,6 +2829,12 @@ ejs-listbox {
2819
2829
  margin-left: 15px;
2820
2830
  }
2821
2831
 
2832
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2833
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2834
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2835
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2836
+ width: 83% !important;
2837
+ }
2822
2838
  .e-bigger .e-listbox-wrapper .e-list-item,
2823
2839
  .e-listbox-wrapper.e-bigger .e-list-item,
2824
2840
  .e-bigger .e-listbox-container .e-list-item,
@@ -2916,6 +2932,16 @@ ejs-listbox {
2916
2932
  height: calc(100% - 59px);
2917
2933
  }
2918
2934
 
2935
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2936
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2937
+ height: calc(100% - 104px);
2938
+ }
2939
+
2940
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2941
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2942
+ height: calc(100% - 45px);
2943
+ }
2944
+
2919
2945
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2920
2946
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2921
2947
  height: calc(100% - 55px);
@@ -2945,6 +2971,16 @@ ejs-listbox {
2945
2971
  height: calc(100% - 51px);
2946
2972
  }
2947
2973
 
2974
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2975
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2976
+ height: calc(100% - 87px);
2977
+ }
2978
+
2979
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2980
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2981
+ height: calc(100% - 36px);
2982
+ }
2983
+
2948
2984
  .e-listbox-wrapper .e-icons,
2949
2985
  .e-listbox-container .e-icons {
2950
2986
  color: #000;
@@ -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,12 @@ 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
+ }
2818
2828
 
2819
2829
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2820
2830
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2825,6 +2835,12 @@ ejs-listbox {
2825
2835
  margin-left: 15px;
2826
2836
  }
2827
2837
 
2838
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2839
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2840
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2841
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2842
+ width: 83% !important;
2843
+ }
2828
2844
  .e-bigger .e-listbox-wrapper .e-list-item,
2829
2845
  .e-listbox-wrapper.e-bigger .e-list-item,
2830
2846
  .e-bigger .e-listbox-container .e-list-item,
@@ -2922,6 +2938,16 @@ ejs-listbox {
2922
2938
  height: calc(100% - 59px);
2923
2939
  }
2924
2940
 
2941
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2942
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2943
+ height: calc(100% - 104px);
2944
+ }
2945
+
2946
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2947
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2948
+ height: calc(100% - 45px);
2949
+ }
2950
+
2925
2951
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2926
2952
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2927
2953
  height: calc(100% - 55px);
@@ -2951,6 +2977,16 @@ ejs-listbox {
2951
2977
  height: calc(100% - 51px);
2952
2978
  }
2953
2979
 
2980
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2981
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2982
+ height: calc(100% - 87px);
2983
+ }
2984
+
2985
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2986
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2987
+ height: calc(100% - 36px);
2988
+ }
2989
+
2954
2990
  .e-listbox-wrapper .e-icons,
2955
2991
  .e-listbox-container .e-icons {
2956
2992
  color: #fff;
@@ -281,8 +281,8 @@
281
281
  text-indent: 0;
282
282
  vertical-align: middle;
283
283
  }
284
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
285
- .e-listbox-container.e-right .e-checkbox-wrapper {
284
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
285
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
286
286
  position: absolute;
287
287
  right: 0;
288
288
  top: 30%;
@@ -401,6 +401,12 @@ ejs-listbox {
401
401
  list-style-type: none;
402
402
  margin-bottom: 10px;
403
403
  }
404
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
405
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
406
+ position: absolute;
407
+ right: 0;
408
+ top: 30%;
409
+ }
404
410
 
405
411
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
412
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -508,6 +514,16 @@ ejs-listbox {
508
514
  height: calc(100% - 58px);
509
515
  }
510
516
 
517
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
518
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
519
+ height: calc(100% - 106px);
520
+ }
521
+
522
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
523
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
524
+ height: calc(100% - 48px);
525
+ }
526
+
511
527
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
512
528
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
513
529
  height: calc(100% - 54px);
@@ -537,6 +553,16 @@ ejs-listbox {
537
553
  height: calc(100% - 52px);
538
554
  }
539
555
 
556
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
557
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
558
+ height: calc(100% - 92px);
559
+ }
560
+
561
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
562
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
563
+ height: calc(100% - 40px);
564
+ }
565
+
540
566
  .e-listbox-wrapper .e-icons,
541
567
  .e-listbox-container .e-icons {
542
568
  color: #f0f0f0;
@@ -51,6 +51,10 @@
51
51
  .e-listbox-container * {
52
52
  box-sizing: border-box;
53
53
  }
54
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
55
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
56
+ width: 86% !important;
57
+ }
54
58
  .e-listbox-wrapper:focus,
55
59
  .e-listbox-container:focus {
56
60
  outline: none;
@@ -281,8 +285,8 @@
281
285
  text-indent: 0;
282
286
  vertical-align: middle;
283
287
  }
284
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
285
- .e-listbox-container.e-right .e-checkbox-wrapper {
288
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
289
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
286
290
  position: absolute;
287
291
  right: 0;
288
292
  top: 30%;
@@ -401,6 +405,12 @@ ejs-listbox {
401
405
  list-style-type: none;
402
406
  margin-bottom: 10px;
403
407
  }
408
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
409
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
410
+ position: absolute;
411
+ right: 0;
412
+ top: 30%;
413
+ }
404
414
 
405
415
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
416
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -411,6 +421,12 @@ ejs-listbox {
411
421
  margin-left: 15px;
412
422
  }
413
423
 
424
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
425
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
426
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
427
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
428
+ width: 85% !important;
429
+ }
414
430
  .e-bigger .e-listbox-wrapper .e-list-item,
415
431
  .e-listbox-wrapper.e-bigger .e-list-item,
416
432
  .e-bigger .e-listbox-container .e-list-item,
@@ -508,6 +524,16 @@ ejs-listbox {
508
524
  height: calc(100% - 58px);
509
525
  }
510
526
 
527
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
528
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
529
+ height: calc(100% - 106px);
530
+ }
531
+
532
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
533
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
534
+ height: calc(100% - 48px);
535
+ }
536
+
511
537
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
512
538
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
513
539
  height: calc(100% - 54px);
@@ -537,6 +563,16 @@ ejs-listbox {
537
563
  height: calc(100% - 52px);
538
564
  }
539
565
 
566
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
567
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
568
+ height: calc(100% - 92px);
569
+ }
570
+
571
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
572
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
573
+ height: calc(100% - 40px);
574
+ }
575
+
540
576
  .e-listbox-wrapper .e-icons,
541
577
  .e-listbox-container .e-icons {
542
578
  color: rgba(0, 0, 0, 0.75);
@@ -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,12 @@ 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
+ }
422
432
 
423
433
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
424
434
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -435,6 +445,12 @@ ejs-listbox {
435
445
  .e-listbox-container.e-bigger {
436
446
  font-size: 16px;
437
447
  }
448
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
449
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
450
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
452
+ width: 85% !important;
453
+ }
438
454
  .e-bigger .e-listbox-wrapper .e-list-item,
439
455
  .e-listbox-wrapper.e-bigger .e-list-item,
440
456
  .e-bigger .e-listbox-container .e-list-item,
@@ -570,6 +586,16 @@ ejs-listbox {
570
586
  height: calc(100% - 46px);
571
587
  }
572
588
 
589
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
590
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
591
+ height: calc(100% - 96px);
592
+ }
593
+
594
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
595
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
596
+ height: calc(100% - 50px);
597
+ }
598
+
573
599
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
574
600
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
575
601
  height: calc(100% - 44px);
@@ -599,6 +625,16 @@ ejs-listbox {
599
625
  height: calc(100% - 39px);
600
626
  }
601
627
 
628
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
629
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
630
+ height: calc(100% - 79px);
631
+ }
632
+
633
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
634
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
635
+ height: calc(100% - 40px);
636
+ }
637
+
602
638
  .e-listbox-wrapper .e-icons,
603
639
  .e-listbox-container .e-icons {
604
640
  color: #212529;
@@ -77,6 +77,10 @@
77
77
  .e-listbox-container * {
78
78
  box-sizing: border-box;
79
79
  }
80
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
81
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
82
+ width: 84% !important;
83
+ }
80
84
  .e-listbox-wrapper:focus,
81
85
  .e-listbox-container:focus {
82
86
  outline: none;
@@ -307,8 +311,8 @@
307
311
  text-indent: 0;
308
312
  vertical-align: middle;
309
313
  }
310
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
311
- .e-listbox-container.e-right .e-checkbox-wrapper {
314
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
315
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
312
316
  position: absolute;
313
317
  right: 0;
314
318
  top: 30%;
@@ -427,6 +431,12 @@ ejs-listbox {
427
431
  list-style-type: none;
428
432
  margin-bottom: 10px;
429
433
  }
434
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
435
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
436
+ position: absolute;
437
+ right: 0;
438
+ top: 30%;
439
+ }
430
440
 
431
441
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
432
442
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -437,6 +447,12 @@ ejs-listbox {
437
447
  margin-left: 15px;
438
448
  }
439
449
 
450
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
452
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
453
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
454
+ width: 80% !important;
455
+ }
440
456
  .e-bigger .e-listbox-wrapper .e-list-item,
441
457
  .e-listbox-wrapper.e-bigger .e-list-item,
442
458
  .e-bigger .e-listbox-container .e-list-item,
@@ -534,6 +550,16 @@ ejs-listbox {
534
550
  height: calc(100% - 55px);
535
551
  }
536
552
 
553
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
554
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
555
+ height: calc(100% - 96px);
556
+ }
557
+
558
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
559
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
560
+ height: calc(100% - 40px);
561
+ }
562
+
537
563
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
564
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
539
565
  height: calc(100% - 45px);
@@ -563,6 +589,16 @@ ejs-listbox {
563
589
  height: calc(100% - 47px);
564
590
  }
565
591
 
592
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
+ height: calc(100% - 86px);
595
+ }
596
+
597
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
598
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
599
+ height: calc(100% - 36px);
600
+ }
601
+
566
602
  .e-listbox-wrapper .e-list-item,
567
603
  .e-listbox-container .e-list-item {
568
604
  background-color: transparent;
@@ -77,6 +77,10 @@
77
77
  .e-listbox-container * {
78
78
  box-sizing: border-box;
79
79
  }
80
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
81
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
82
+ width: 84% !important;
83
+ }
80
84
  .e-listbox-wrapper:focus,
81
85
  .e-listbox-container:focus {
82
86
  outline: none;
@@ -307,8 +311,8 @@
307
311
  text-indent: 0;
308
312
  vertical-align: middle;
309
313
  }
310
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
311
- .e-listbox-container.e-right .e-checkbox-wrapper {
314
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
315
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
312
316
  position: absolute;
313
317
  right: 0;
314
318
  top: 30%;
@@ -427,6 +431,12 @@ ejs-listbox {
427
431
  list-style-type: none;
428
432
  margin-bottom: 10px;
429
433
  }
434
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
435
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
436
+ position: absolute;
437
+ right: 0;
438
+ top: 30%;
439
+ }
430
440
 
431
441
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
432
442
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -437,6 +447,12 @@ ejs-listbox {
437
447
  margin-left: 15px;
438
448
  }
439
449
 
450
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
452
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
453
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
454
+ width: 80% !important;
455
+ }
440
456
  .e-bigger .e-listbox-wrapper .e-list-item,
441
457
  .e-listbox-wrapper.e-bigger .e-list-item,
442
458
  .e-bigger .e-listbox-container .e-list-item,
@@ -534,6 +550,16 @@ ejs-listbox {
534
550
  height: calc(100% - 55px);
535
551
  }
536
552
 
553
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
554
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
555
+ height: calc(100% - 96px);
556
+ }
557
+
558
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
559
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
560
+ height: calc(100% - 40px);
561
+ }
562
+
537
563
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
564
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
539
565
  height: calc(100% - 45px);
@@ -563,6 +589,16 @@ ejs-listbox {
563
589
  height: calc(100% - 47px);
564
590
  }
565
591
 
592
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
+ height: calc(100% - 86px);
595
+ }
596
+
597
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
598
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
599
+ height: calc(100% - 36px);
600
+ }
601
+
566
602
  .e-listbox-wrapper .e-list-item,
567
603
  .e-listbox-container .e-list-item {
568
604
  background-color: transparent;
@@ -281,8 +281,8 @@
281
281
  text-indent: 0;
282
282
  vertical-align: middle;
283
283
  }
284
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
285
- .e-listbox-container.e-right .e-checkbox-wrapper {
284
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
285
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
286
286
  position: absolute;
287
287
  right: 0;
288
288
  top: 30%;
@@ -401,6 +401,12 @@ ejs-listbox {
401
401
  list-style-type: none;
402
402
  margin-bottom: 10px;
403
403
  }
404
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
405
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
406
+ position: absolute;
407
+ right: 0;
408
+ top: 30%;
409
+ }
404
410
 
405
411
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
412
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -508,6 +514,16 @@ ejs-listbox {
508
514
  height: calc(100% - 59px);
509
515
  }
510
516
 
517
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
518
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
519
+ height: calc(100% - 104px);
520
+ }
521
+
522
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
523
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
524
+ height: calc(100% - 45px);
525
+ }
526
+
511
527
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
512
528
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
513
529
  height: calc(100% - 55px);
@@ -537,6 +553,16 @@ ejs-listbox {
537
553
  height: calc(100% - 51px);
538
554
  }
539
555
 
556
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
557
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
558
+ height: calc(100% - 87px);
559
+ }
560
+
561
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
562
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
563
+ height: calc(100% - 36px);
564
+ }
565
+
540
566
  .e-listbox-wrapper .e-icons,
541
567
  .e-listbox-container .e-icons {
542
568
  color: #dadada;