@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
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-dropdowns@*",
3
- "_id": "@syncfusion/ej2-vue-dropdowns@20.1.60",
3
+ "_id": "@syncfusion/ej2-vue-dropdowns@20.2.38",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-7V3JoVUTjdqnNshKRtgFg7oXHnTSh43fEfYoVuuflOnf5qxMRG+MICQRZQD1Mm3blFp70X1dnJPW/7YPJnTeIA==",
5
+ "_integrity": "sha512-9vkmC/b+81gv+5BXMSoURAP2YNQKzutoGQS3nOnTWqt7sulDIIQ6PPslkexUjuhUXnL2ei0Dc3L/vn2qrMK6UQ==",
6
6
  "_location": "/@syncfusion/ej2-vue-dropdowns",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-dropdowns/-/ej2-vue-dropdowns-20.1.60.tgz",
23
- "_shasum": "d11a2c50b0f36860a95ce038c22d6b3607f6e803",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-dropdowns/-/ej2-vue-dropdowns-20.2.38.tgz",
23
+ "_shasum": "ef3a5eac5db061fefb43b93b5264324377974a15",
24
24
  "_spec": "@syncfusion/ej2-vue-dropdowns@*",
25
25
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~20.1.61",
35
- "@syncfusion/ej2-dropdowns": "20.1.61",
36
- "@syncfusion/ej2-vue-base": "~20.1.61"
34
+ "@syncfusion/ej2-base": "~20.2.38",
35
+ "@syncfusion/ej2-dropdowns": "20.2.39",
36
+ "@syncfusion/ej2-vue-base": "~20.2.38"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "Essential JS 2 DropDown Components for Vue",
@@ -67,6 +67,6 @@
67
67
  "type": "git",
68
68
  "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
69
69
  },
70
- "version": "20.1.61",
70
+ "version": "20.2.39",
71
71
  "sideEffects": false
72
72
  }
@@ -39,7 +39,7 @@ export declare class MultiSelectComponent extends ComponentBase {
39
39
  focusOut(): void;
40
40
  getDataByValue(value: string | number | boolean): Object | string | number | boolean;
41
41
  getItems(): Object[];
42
- hidePopup(): void;
42
+ hidePopup(e?: Object | Object): void;
43
43
  hideSpinner(): void;
44
44
  requiredModules(): Object[];
45
45
  selectAll(state: boolean): void;
@@ -180,8 +180,8 @@ var MultiSelectComponent = /** @class */ (function (_super) {
180
180
  MultiSelectComponent.prototype.getItems = function () {
181
181
  return this.ej2Instances.getItems();
182
182
  };
183
- MultiSelectComponent.prototype.hidePopup = function () {
184
- return this.ej2Instances.hidePopup();
183
+ MultiSelectComponent.prototype.hidePopup = function (e) {
184
+ return this.ej2Instances.hidePopup(e);
185
185
  };
186
186
  MultiSelectComponent.prototype.hideSpinner = function () {
187
187
  return this.ej2Instances.hideSpinner();
@@ -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,22 @@ 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
+ }
2739
+
2740
+ .e-listboxtool-container .e-left {
2741
+ -ms-flex-direction: row-reverse;
2742
+ flex-direction: row-reverse;
2743
+ }
2744
+
2745
+ .e-listboxtool-wrapper .e-left {
2746
+ -ms-flex-direction: column-reverse;
2747
+ flex-direction: column-reverse;
2748
+ }
2729
2749
 
2730
2750
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2731
2751
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2736,6 +2756,12 @@ ejs-listbox {
2736
2756
  margin-left: 15px;
2737
2757
  }
2738
2758
 
2759
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2760
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2761
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2762
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2763
+ width: 85% !important;
2764
+ }
2739
2765
  .e-bigger .e-listbox-wrapper .e-list-item,
2740
2766
  .e-listbox-wrapper.e-bigger .e-list-item,
2741
2767
  .e-bigger .e-listbox-container .e-list-item,
@@ -2823,21 +2849,48 @@ ejs-listbox {
2823
2849
  .e-listbox-container.e-bigger .e-list-header .e-text {
2824
2850
  font-size: 15px;
2825
2851
  }
2826
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2827
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2852
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2853
+ height: calc(100% - 52px);
2854
+ }
2855
+
2856
+ .e-listbox-container.e-filter-list .e-list-wrap {
2857
+ height: calc(100% - 52px) !important;
2858
+ }
2859
+
2860
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2828
2861
  height: calc(100% - 46px);
2829
2862
  }
2830
2863
 
2831
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2832
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2864
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2865
+ height: calc(100% - 46px) !important;
2866
+ }
2867
+
2868
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2833
2869
  height: calc(100% - 58px);
2834
2870
  }
2835
2871
 
2836
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2837
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2872
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2873
+ height: calc(100% - 58px) !important;
2874
+ }
2875
+
2876
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2877
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2878
+ height: calc(100% - 106px);
2879
+ }
2880
+
2881
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2882
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2883
+ height: calc(100% - 48px);
2884
+ }
2885
+
2886
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2838
2887
  height: calc(100% - 54px);
2839
2888
  }
2840
2889
 
2890
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2891
+ height: calc(100% - 54px) !important;
2892
+ }
2893
+
2841
2894
  .e-listbox-wrapper,
2842
2895
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2843
2896
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2857,9 +2910,14 @@ ejs-listbox {
2857
2910
  font-size: 14px;
2858
2911
  }
2859
2912
 
2860
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2861
- .e-listbox-container.e-filter-list .e-list-parent {
2862
- height: calc(100% - 52px);
2913
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2914
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2915
+ height: calc(100% - 92px);
2916
+ }
2917
+
2918
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2919
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2920
+ height: calc(100% - 40px);
2863
2921
  }
2864
2922
 
2865
2923
  .e-listbox-wrapper .e-icons,
@@ -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,22 @@ 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
+ }
2738
+
2739
+ .e-listboxtool-container .e-left {
2740
+ -ms-flex-direction: row-reverse;
2741
+ flex-direction: row-reverse;
2742
+ }
2743
+
2744
+ .e-listboxtool-wrapper .e-left {
2745
+ -ms-flex-direction: column-reverse;
2746
+ flex-direction: column-reverse;
2747
+ }
2728
2748
 
2729
2749
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2730
2750
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2735,6 +2755,12 @@ ejs-listbox {
2735
2755
  margin-left: 15px;
2736
2756
  }
2737
2757
 
2758
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2759
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2760
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2761
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2762
+ width: 85% !important;
2763
+ }
2738
2764
  .e-bigger .e-listbox-wrapper .e-list-item,
2739
2765
  .e-listbox-wrapper.e-bigger .e-list-item,
2740
2766
  .e-bigger .e-listbox-container .e-list-item,
@@ -2822,21 +2848,48 @@ ejs-listbox {
2822
2848
  .e-listbox-container.e-bigger .e-list-header .e-text {
2823
2849
  font-size: 15px;
2824
2850
  }
2825
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2826
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2851
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2852
+ height: calc(100% - 52px);
2853
+ }
2854
+
2855
+ .e-listbox-container.e-filter-list .e-list-wrap {
2856
+ height: calc(100% - 52px) !important;
2857
+ }
2858
+
2859
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2827
2860
  height: calc(100% - 46px);
2828
2861
  }
2829
2862
 
2830
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2831
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2863
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2864
+ height: calc(100% - 46px) !important;
2865
+ }
2866
+
2867
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2832
2868
  height: calc(100% - 58px);
2833
2869
  }
2834
2870
 
2835
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2836
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2871
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2872
+ height: calc(100% - 58px) !important;
2873
+ }
2874
+
2875
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2876
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2877
+ height: calc(100% - 106px);
2878
+ }
2879
+
2880
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2881
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2882
+ height: calc(100% - 48px);
2883
+ }
2884
+
2885
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2837
2886
  height: calc(100% - 54px);
2838
2887
  }
2839
2888
 
2889
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2890
+ height: calc(100% - 54px) !important;
2891
+ }
2892
+
2840
2893
  .e-listbox-wrapper,
2841
2894
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2842
2895
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2856,9 +2909,14 @@ ejs-listbox {
2856
2909
  font-size: 14px;
2857
2910
  }
2858
2911
 
2859
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2860
- .e-listbox-container.e-filter-list .e-list-parent {
2861
- height: calc(100% - 52px);
2912
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2913
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2914
+ height: calc(100% - 92px);
2915
+ }
2916
+
2917
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2918
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2919
+ height: calc(100% - 40px);
2862
2920
  }
2863
2921
 
2864
2922
  .e-listbox-wrapper .e-icons,
@@ -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,22 @@ 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
+ }
2921
+
2922
+ .e-listboxtool-container .e-left {
2923
+ -ms-flex-direction: row-reverse;
2924
+ flex-direction: row-reverse;
2925
+ }
2926
+
2927
+ .e-listboxtool-wrapper .e-left {
2928
+ -ms-flex-direction: column-reverse;
2929
+ flex-direction: column-reverse;
2930
+ }
2911
2931
 
2912
2932
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2913
2933
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2924,6 +2944,12 @@ ejs-listbox {
2924
2944
  .e-listbox-container.e-bigger {
2925
2945
  font-size: 16px;
2926
2946
  }
2947
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2948
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2949
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2950
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2951
+ width: 85% !important;
2952
+ }
2927
2953
  .e-bigger .e-listbox-wrapper .e-list-item,
2928
2954
  .e-listbox-wrapper.e-bigger .e-list-item,
2929
2955
  .e-bigger .e-listbox-container .e-list-item,
@@ -3049,21 +3075,48 @@ ejs-listbox {
3049
3075
  margin: 0 0 0 12px;
3050
3076
  }
3051
3077
 
3052
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3053
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3078
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3079
+ height: calc(100% - 39px);
3080
+ }
3081
+
3082
+ .e-listbox-container.e-filter-list .e-list-wrap {
3083
+ height: calc(100% - 39px) !important;
3084
+ }
3085
+
3086
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3054
3087
  height: calc(100% - 32px);
3055
3088
  }
3056
3089
 
3057
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3058
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3090
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3091
+ height: calc(100% - 32px) !important;
3092
+ }
3093
+
3094
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3059
3095
  height: calc(100% - 46px);
3060
3096
  }
3061
3097
 
3062
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3063
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3098
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3099
+ height: calc(100% - 46px) !important;
3100
+ }
3101
+
3102
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3103
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3104
+ height: calc(100% - 96px);
3105
+ }
3106
+
3107
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3108
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3109
+ height: calc(100% - 50px);
3110
+ }
3111
+
3112
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3064
3113
  height: calc(100% - 44px);
3065
3114
  }
3066
3115
 
3116
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3117
+ height: calc(100% - 44px) !important;
3118
+ }
3119
+
3067
3120
  .e-listbox-wrapper,
3068
3121
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3069
3122
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3083,9 +3136,14 @@ ejs-listbox {
3083
3136
  font-size: 16px;
3084
3137
  }
3085
3138
 
3086
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3087
- .e-listbox-container.e-filter-list .e-list-parent {
3088
- height: calc(100% - 39px);
3139
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3140
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3141
+ height: calc(100% - 79px);
3142
+ }
3143
+
3144
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3145
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3146
+ height: calc(100% - 40px);
3089
3147
  }
3090
3148
 
3091
3149
  .e-listbox-wrapper .e-icons,
@@ -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,