@syncfusion/ej2-angular-dropdowns 20.1.59 → 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 +9 -78
  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
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.pkgName = '@syncfusion/ej2-angular-dropdowns';
4
- exports.pkgVer = '^20.1.58';
4
+ exports.pkgVer = '^18.37.4';
5
5
  exports.moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule';
6
- exports.themeVer = '~20.1.58';
6
+ exports.themeVer = '~18.37.4';
@@ -1,4 +1,4 @@
1
1
  export const pkgName = '@syncfusion/ej2-angular-dropdowns';
2
- export const pkgVer = '^20.1.58';
2
+ export const pkgVer = '^18.37.4';
3
3
  export const moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule';
4
- export const themeVer = '~20.1.58';
4
+ export const themeVer = '~18.37.4';
@@ -2376,6 +2376,10 @@ ejs-multiselect {
2376
2376
  .e-listbox-container * {
2377
2377
  box-sizing: border-box;
2378
2378
  }
2379
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2380
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2381
+ width: 86% !important;
2382
+ }
2379
2383
  .e-listbox-wrapper:focus,
2380
2384
  .e-listbox-container:focus {
2381
2385
  outline: none;
@@ -2606,8 +2610,8 @@ ejs-multiselect {
2606
2610
  text-indent: 0;
2607
2611
  vertical-align: middle;
2608
2612
  }
2609
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2610
- .e-listbox-container.e-right .e-checkbox-wrapper {
2613
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2614
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2611
2615
  position: absolute;
2612
2616
  right: 0;
2613
2617
  top: 30%;
@@ -2726,6 +2730,12 @@ ejs-listbox {
2726
2730
  list-style-type: none;
2727
2731
  margin-bottom: 10px;
2728
2732
  }
2733
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2734
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2735
+ position: absolute;
2736
+ right: 0;
2737
+ top: 30%;
2738
+ }
2729
2739
 
2730
2740
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2731
2741
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2736,6 +2746,12 @@ ejs-listbox {
2736
2746
  margin-left: 15px;
2737
2747
  }
2738
2748
 
2749
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2750
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2751
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2752
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2753
+ width: 85% !important;
2754
+ }
2739
2755
  .e-bigger .e-listbox-wrapper .e-list-item,
2740
2756
  .e-listbox-wrapper.e-bigger .e-list-item,
2741
2757
  .e-bigger .e-listbox-container .e-list-item,
@@ -2833,6 +2849,16 @@ ejs-listbox {
2833
2849
  height: calc(100% - 58px);
2834
2850
  }
2835
2851
 
2852
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2853
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2854
+ height: calc(100% - 106px);
2855
+ }
2856
+
2857
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2858
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2859
+ height: calc(100% - 48px);
2860
+ }
2861
+
2836
2862
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2837
2863
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2838
2864
  height: calc(100% - 54px);
@@ -2862,6 +2888,16 @@ ejs-listbox {
2862
2888
  height: calc(100% - 52px);
2863
2889
  }
2864
2890
 
2891
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2892
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2893
+ height: calc(100% - 92px);
2894
+ }
2895
+
2896
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2897
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2898
+ height: calc(100% - 40px);
2899
+ }
2900
+
2865
2901
  .e-listbox-wrapper .e-icons,
2866
2902
  .e-listbox-container .e-icons {
2867
2903
  color: #f0f0f0;
@@ -2375,6 +2375,10 @@ ejs-multiselect {
2375
2375
  .e-listbox-container * {
2376
2376
  box-sizing: border-box;
2377
2377
  }
2378
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2379
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2380
+ width: 86% !important;
2381
+ }
2378
2382
  .e-listbox-wrapper:focus,
2379
2383
  .e-listbox-container:focus {
2380
2384
  outline: none;
@@ -2605,8 +2609,8 @@ ejs-multiselect {
2605
2609
  text-indent: 0;
2606
2610
  vertical-align: middle;
2607
2611
  }
2608
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2609
- .e-listbox-container.e-right .e-checkbox-wrapper {
2612
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2613
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2610
2614
  position: absolute;
2611
2615
  right: 0;
2612
2616
  top: 30%;
@@ -2725,6 +2729,12 @@ ejs-listbox {
2725
2729
  list-style-type: none;
2726
2730
  margin-bottom: 10px;
2727
2731
  }
2732
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2733
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2734
+ position: absolute;
2735
+ right: 0;
2736
+ top: 30%;
2737
+ }
2728
2738
 
2729
2739
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2730
2740
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2735,6 +2745,12 @@ ejs-listbox {
2735
2745
  margin-left: 15px;
2736
2746
  }
2737
2747
 
2748
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2749
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2750
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2751
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2752
+ width: 85% !important;
2753
+ }
2738
2754
  .e-bigger .e-listbox-wrapper .e-list-item,
2739
2755
  .e-listbox-wrapper.e-bigger .e-list-item,
2740
2756
  .e-bigger .e-listbox-container .e-list-item,
@@ -2832,6 +2848,16 @@ ejs-listbox {
2832
2848
  height: calc(100% - 58px);
2833
2849
  }
2834
2850
 
2851
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2852
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2853
+ height: calc(100% - 106px);
2854
+ }
2855
+
2856
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2857
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2858
+ height: calc(100% - 48px);
2859
+ }
2860
+
2835
2861
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2836
2862
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2837
2863
  height: calc(100% - 54px);
@@ -2861,6 +2887,16 @@ ejs-listbox {
2861
2887
  height: calc(100% - 52px);
2862
2888
  }
2863
2889
 
2890
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2891
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2892
+ height: calc(100% - 92px);
2893
+ }
2894
+
2895
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2896
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2897
+ height: calc(100% - 40px);
2898
+ }
2899
+
2864
2900
  .e-listbox-wrapper .e-icons,
2865
2901
  .e-listbox-container .e-icons {
2866
2902
  color: rgba(0, 0, 0, 0.75);
@@ -2558,6 +2558,10 @@ ejs-multiselect {
2558
2558
  .e-listbox-container * {
2559
2559
  box-sizing: border-box;
2560
2560
  }
2561
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2562
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2563
+ width: 86% !important;
2564
+ }
2561
2565
  .e-listbox-wrapper:focus,
2562
2566
  .e-listbox-container:focus {
2563
2567
  outline: none;
@@ -2788,8 +2792,8 @@ ejs-multiselect {
2788
2792
  text-indent: 0;
2789
2793
  vertical-align: middle;
2790
2794
  }
2791
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2792
- .e-listbox-container.e-right .e-checkbox-wrapper {
2795
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2796
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2793
2797
  position: absolute;
2794
2798
  right: 0;
2795
2799
  top: 30%;
@@ -2908,6 +2912,12 @@ ejs-listbox {
2908
2912
  list-style-type: none;
2909
2913
  margin-bottom: 10px;
2910
2914
  }
2915
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2916
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2917
+ position: absolute;
2918
+ right: 0;
2919
+ top: 30%;
2920
+ }
2911
2921
 
2912
2922
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2913
2923
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2924,6 +2934,12 @@ ejs-listbox {
2924
2934
  .e-listbox-container.e-bigger {
2925
2935
  font-size: 16px;
2926
2936
  }
2937
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2938
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2939
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2940
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2941
+ width: 85% !important;
2942
+ }
2927
2943
  .e-bigger .e-listbox-wrapper .e-list-item,
2928
2944
  .e-listbox-wrapper.e-bigger .e-list-item,
2929
2945
  .e-bigger .e-listbox-container .e-list-item,
@@ -3059,6 +3075,16 @@ ejs-listbox {
3059
3075
  height: calc(100% - 46px);
3060
3076
  }
3061
3077
 
3078
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3079
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3080
+ height: calc(100% - 96px);
3081
+ }
3082
+
3083
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3084
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3085
+ height: calc(100% - 50px);
3086
+ }
3087
+
3062
3088
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3063
3089
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3064
3090
  height: calc(100% - 44px);
@@ -3088,6 +3114,16 @@ ejs-listbox {
3088
3114
  height: calc(100% - 39px);
3089
3115
  }
3090
3116
 
3117
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3118
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3119
+ height: calc(100% - 79px);
3120
+ }
3121
+
3122
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3123
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3124
+ height: calc(100% - 40px);
3125
+ }
3126
+
3091
3127
  .e-listbox-wrapper .e-icons,
3092
3128
  .e-listbox-container .e-icons {
3093
3129
  color: #212529;
@@ -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,12 @@ 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
+ }
2891
2901
 
2892
2902
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2893
2903
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2898,6 +2908,12 @@ ejs-listbox {
2898
2908
  margin-left: 15px;
2899
2909
  }
2900
2910
 
2911
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2912
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2913
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2914
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2915
+ width: 80% !important;
2916
+ }
2901
2917
  .e-bigger .e-listbox-wrapper .e-list-item,
2902
2918
  .e-listbox-wrapper.e-bigger .e-list-item,
2903
2919
  .e-bigger .e-listbox-container .e-list-item,
@@ -2995,6 +3011,16 @@ ejs-listbox {
2995
3011
  height: calc(100% - 55px);
2996
3012
  }
2997
3013
 
3014
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3015
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3016
+ height: calc(100% - 96px);
3017
+ }
3018
+
3019
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3020
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3021
+ height: calc(100% - 40px);
3022
+ }
3023
+
2998
3024
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2999
3025
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3000
3026
  height: calc(100% - 45px);
@@ -3024,6 +3050,16 @@ ejs-listbox {
3024
3050
  height: calc(100% - 47px);
3025
3051
  }
3026
3052
 
3053
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3054
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3055
+ height: calc(100% - 86px);
3056
+ }
3057
+
3058
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3059
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3060
+ height: calc(100% - 36px);
3061
+ }
3062
+
3027
3063
  .e-listbox-wrapper .e-list-item,
3028
3064
  .e-listbox-container .e-list-item {
3029
3065
  background-color: transparent;
@@ -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,12 @@ 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
+ }
2891
2901
 
2892
2902
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2893
2903
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2898,6 +2908,12 @@ ejs-listbox {
2898
2908
  margin-left: 15px;
2899
2909
  }
2900
2910
 
2911
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2912
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2913
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2914
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2915
+ width: 80% !important;
2916
+ }
2901
2917
  .e-bigger .e-listbox-wrapper .e-list-item,
2902
2918
  .e-listbox-wrapper.e-bigger .e-list-item,
2903
2919
  .e-bigger .e-listbox-container .e-list-item,
@@ -2995,6 +3011,16 @@ ejs-listbox {
2995
3011
  height: calc(100% - 55px);
2996
3012
  }
2997
3013
 
3014
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3015
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3016
+ height: calc(100% - 96px);
3017
+ }
3018
+
3019
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3020
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3021
+ height: calc(100% - 40px);
3022
+ }
3023
+
2998
3024
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2999
3025
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3000
3026
  height: calc(100% - 45px);
@@ -3024,6 +3050,16 @@ ejs-listbox {
3024
3050
  height: calc(100% - 47px);
3025
3051
  }
3026
3052
 
3053
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3054
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3055
+ height: calc(100% - 86px);
3056
+ }
3057
+
3058
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3059
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3060
+ height: calc(100% - 36px);
3061
+ }
3062
+
3027
3063
  .e-listbox-wrapper .e-list-item,
3028
3064
  .e-listbox-container .e-list-item {
3029
3065
  background-color: transparent;
@@ -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,12 @@ 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
+ }
2708
2718
 
2709
2719
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2710
2720
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2715,6 +2725,12 @@ ejs-listbox {
2715
2725
  margin-left: 15px;
2716
2726
  }
2717
2727
 
2728
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2729
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2730
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2731
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2732
+ width: 83% !important;
2733
+ }
2718
2734
  .e-bigger .e-listbox-wrapper .e-list-item,
2719
2735
  .e-listbox-wrapper.e-bigger .e-list-item,
2720
2736
  .e-bigger .e-listbox-container .e-list-item,
@@ -2812,6 +2828,16 @@ ejs-listbox {
2812
2828
  height: calc(100% - 59px);
2813
2829
  }
2814
2830
 
2831
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2832
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2833
+ height: calc(100% - 104px);
2834
+ }
2835
+
2836
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2837
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2838
+ height: calc(100% - 45px);
2839
+ }
2840
+
2815
2841
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2816
2842
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2817
2843
  height: calc(100% - 55px);
@@ -2841,6 +2867,16 @@ ejs-listbox {
2841
2867
  height: calc(100% - 51px);
2842
2868
  }
2843
2869
 
2870
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2871
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2872
+ height: calc(100% - 87px);
2873
+ }
2874
+
2875
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2876
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2877
+ height: calc(100% - 36px);
2878
+ }
2879
+
2844
2880
  .e-listbox-wrapper .e-icons,
2845
2881
  .e-listbox-container .e-icons {
2846
2882
  color: #dadada;
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,12 @@ 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
+ }
2702
2712
 
2703
2713
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2704
2714
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2709,6 +2719,12 @@ ejs-listbox {
2709
2719
  margin-left: 15px;
2710
2720
  }
2711
2721
 
2722
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2723
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2724
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2725
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2726
+ width: 83% !important;
2727
+ }
2712
2728
  .e-bigger .e-listbox-wrapper .e-list-item,
2713
2729
  .e-listbox-wrapper.e-bigger .e-list-item,
2714
2730
  .e-bigger .e-listbox-container .e-list-item,
@@ -2806,6 +2822,16 @@ ejs-listbox {
2806
2822
  height: calc(100% - 59px);
2807
2823
  }
2808
2824
 
2825
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2826
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2827
+ height: calc(100% - 104px);
2828
+ }
2829
+
2830
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2831
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2832
+ height: calc(100% - 45px);
2833
+ }
2834
+
2809
2835
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2810
2836
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2811
2837
  height: calc(100% - 55px);
@@ -2835,6 +2861,16 @@ ejs-listbox {
2835
2861
  height: calc(100% - 51px);
2836
2862
  }
2837
2863
 
2864
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2865
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2866
+ height: calc(100% - 87px);
2867
+ }
2868
+
2869
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2870
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2871
+ height: calc(100% - 36px);
2872
+ }
2873
+
2838
2874
  .e-listbox-wrapper .e-icons,
2839
2875
  .e-listbox-container .e-icons {
2840
2876
  color: #333;
@@ -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: #a19f9d;