@syncfusion/ej2-angular-dropdowns 20.2.37-ngcc → 20.2.39-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 (37) hide show
  1. package/CHANGELOG.md +23 -0
  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 +16 -16
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +33 -11
  9. package/styles/bootstrap.css +33 -11
  10. package/styles/bootstrap4.css +33 -11
  11. package/styles/bootstrap5-dark.css +34 -12
  12. package/styles/bootstrap5.css +34 -12
  13. package/styles/fabric-dark.css +33 -11
  14. package/styles/fabric.css +33 -11
  15. package/styles/fluent-dark.css +37 -15
  16. package/styles/fluent.css +34 -12
  17. package/styles/highcontrast-light.css +33 -11
  18. package/styles/highcontrast.css +33 -11
  19. package/styles/list-box/bootstrap-dark.css +33 -11
  20. package/styles/list-box/bootstrap.css +33 -11
  21. package/styles/list-box/bootstrap4.css +33 -11
  22. package/styles/list-box/bootstrap5-dark.css +34 -12
  23. package/styles/list-box/bootstrap5.css +34 -12
  24. package/styles/list-box/fabric-dark.css +33 -11
  25. package/styles/list-box/fabric.css +33 -11
  26. package/styles/list-box/fluent-dark.css +37 -15
  27. package/styles/list-box/fluent.css +34 -12
  28. package/styles/list-box/highcontrast-light.css +33 -11
  29. package/styles/list-box/highcontrast.css +33 -11
  30. package/styles/list-box/material-dark.css +33 -11
  31. package/styles/list-box/material.css +33 -11
  32. package/styles/list-box/tailwind-dark.css +34 -12
  33. package/styles/list-box/tailwind.css +34 -12
  34. package/styles/material-dark.css +33 -11
  35. package/styles/material.css +33 -11
  36. package/styles/tailwind-dark.css +34 -12
  37. package/styles/tailwind.css +34 -12
package/CHANGELOG.md CHANGED
@@ -6,6 +6,14 @@
6
6
 
7
7
  #### Bug Fixes
8
8
 
9
+ - `#I384240` - Issue with "`RemoveItems` not working properly after adding items with specific index" has been resolved.
10
+
11
+ ## 20.2.36 (2022-06-30)
12
+
13
+ ### ListBox
14
+
15
+ #### Bug Fixes
16
+
9
17
  - `#I383114` - Issue with "Drop event argument not passes the selected item properly, while drag and drop the multiple item of listbox" has been resolved.
10
18
 
11
19
  ### MultiSelect
@@ -2076,6 +2084,21 @@ DropDownList component contains a list of predefined values from which a single
2076
2084
  - **Accessibility** - Provided with built-in accessibility support which helps to access all the DropDownList component features through the keyboard, screen readers, or other assistive technology devices.
2077
2085
 
2078
2086
 
2087
+ ## 20.2.38 (2022-07-12)
2088
+
2089
+ ### DropDownList
2090
+
2091
+ #### Bug fixes
2092
+
2093
+ - `#I388961` - Now, change event is not trigger when we bind the remote data with value
2094
+
2095
+ ### MultiSelect
2096
+
2097
+ #### Bug fixes
2098
+
2099
+ - `#I379731` - Issue with "popup is not opening while typing a single digit with custom value enabled" has been resolved.
2100
+ - `#I382004` - Issue with "unable to remove the added custom value from the input element on specific scenario" has been resolved.
2101
+
2079
2102
  ## 19.4.38 (2021-12-17)
2080
2103
 
2081
2104
  ### ComboBox
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-angular-dropdowns.umd.js
3
- * version : 20.2.36
3
+ * version : 20.2.39
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-angular-dropdowns.umd.min.js
3
- * version : 20.2.36
3
+ * version : 20.2.39
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,28 +1,28 @@
1
1
  {
2
- "_from": "@syncfusion/ej2-angular-dropdowns@20.2.36-ngcc",
3
- "_id": "@syncfusion/ej2-angular-dropdowns@20.2.36-ngcc",
2
+ "_from": "@syncfusion/ej2-angular-dropdowns@*",
3
+ "_id": "@syncfusion/ej2-angular-dropdowns@20.2.38",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-KjJe8h3fA5HZ+33cUoo2tsQCLiTsygdwMqEOBDOPjsFeuGO4oPRq7vIUEgp70cIwdTiL33f9F3QMsPDghggoqg==",
5
+ "_integrity": "sha512-KHLCwBYFehGi8RJGsPZP5eqI27X9lJNlhQ/HF5qkZkVex5UqXEYFECrgj41ptJZ3o1WouBlQqw1uDzP3V8g5ew==",
6
6
  "_location": "/@syncfusion/ej2-angular-dropdowns",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
9
- "type": "version",
9
+ "type": "range",
10
10
  "registry": true,
11
- "raw": "@syncfusion/ej2-angular-dropdowns@20.2.36-ngcc",
11
+ "raw": "@syncfusion/ej2-angular-dropdowns@*",
12
12
  "name": "@syncfusion/ej2-angular-dropdowns",
13
13
  "escapedName": "@syncfusion%2fej2-angular-dropdowns",
14
14
  "scope": "@syncfusion",
15
- "rawSpec": "20.2.36-ngcc",
15
+ "rawSpec": "*",
16
16
  "saveSpec": null,
17
- "fetchSpec": "20.2.36-ngcc"
17
+ "fetchSpec": "*"
18
18
  },
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-20.2.36-ngcc.tgz",
23
- "_shasum": "dd30dae9ece9e86060008c77a2bc9e67c6101646",
24
- "_spec": "@syncfusion/ej2-angular-dropdowns@20.2.36-ngcc",
25
- "_where": "D:\\june 2022\\New folder",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-20.2.38.tgz",
23
+ "_shasum": "94392dc4492f6752117542be5881ca889efbeaac",
24
+ "_spec": "@syncfusion/ej2-angular-dropdowns@*",
25
+ "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
26
26
  "author": {
27
27
  "name": "Syncfusion Inc."
28
28
  },
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-angular-base": "~20.2.36",
35
- "@syncfusion/ej2-base": "~20.2.36",
36
- "@syncfusion/ej2-dropdowns": "20.2.36"
34
+ "@syncfusion/ej2-angular-base": "~20.2.38",
35
+ "@syncfusion/ej2-base": "~20.2.38",
36
+ "@syncfusion/ej2-dropdowns": "20.2.39"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "Essential JS 2 DropDown Components for Angular",
@@ -72,5 +72,5 @@
72
72
  "schematics": "./schematics/collection.json",
73
73
  "sideEffects": false,
74
74
  "typings": "ej2-angular-dropdowns.d.ts",
75
- "version": "20.2.37-ngcc"
76
- }
75
+ "version": "20.2.39-ngcc"
76
+ }
@@ -1,4 +1,4 @@
1
1
  export declare const pkgName = "@syncfusion/ej2-angular-dropdowns";
2
- export declare const pkgVer = "^18.37.4";
2
+ export declare const pkgVer = "^20.2.38";
3
3
  export declare const moduleName = "DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule";
4
- export declare const themeVer = "~18.37.4";
4
+ export declare const themeVer = "~20.2.38";
@@ -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 = '^18.37.4';
4
+ exports.pkgVer = '^20.2.39';
5
5
  exports.moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule';
6
- exports.themeVer = '~18.37.4';
6
+ exports.themeVer = '~20.2.39';
@@ -1,4 +1,4 @@
1
1
  export const pkgName = '@syncfusion/ej2-angular-dropdowns';
2
- export const pkgVer = '^18.37.4';
2
+ export const pkgVer = '^20.2.39';
3
3
  export const moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule';
4
- export const themeVer = '~18.37.4';
4
+ export const themeVer = '~20.2.39';
@@ -2737,6 +2737,16 @@ ejs-listbox {
2737
2737
  top: 30%;
2738
2738
  }
2739
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
+ }
2749
+
2740
2750
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2741
2751
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2742
2752
  margin-right: 15px;
@@ -2839,16 +2849,30 @@ ejs-listbox {
2839
2849
  .e-listbox-container.e-bigger .e-list-header .e-text {
2840
2850
  font-size: 15px;
2841
2851
  }
2842
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2843
- .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 {
2844
2861
  height: calc(100% - 46px);
2845
2862
  }
2846
2863
 
2847
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2848
- .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 {
2849
2869
  height: calc(100% - 58px);
2850
2870
  }
2851
2871
 
2872
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2873
+ height: calc(100% - 58px) !important;
2874
+ }
2875
+
2852
2876
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2853
2877
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2854
2878
  height: calc(100% - 106px);
@@ -2859,11 +2883,14 @@ ejs-listbox {
2859
2883
  height: calc(100% - 48px);
2860
2884
  }
2861
2885
 
2862
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2863
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2886
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2864
2887
  height: calc(100% - 54px);
2865
2888
  }
2866
2889
 
2890
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2891
+ height: calc(100% - 54px) !important;
2892
+ }
2893
+
2867
2894
  .e-listbox-wrapper,
2868
2895
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2869
2896
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2883,11 +2910,6 @@ ejs-listbox {
2883
2910
  font-size: 14px;
2884
2911
  }
2885
2912
 
2886
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2887
- .e-listbox-container.e-filter-list .e-list-parent {
2888
- height: calc(100% - 52px);
2889
- }
2890
-
2891
2913
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2892
2914
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2893
2915
  height: calc(100% - 92px);
@@ -2736,6 +2736,16 @@ ejs-listbox {
2736
2736
  top: 30%;
2737
2737
  }
2738
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
+ }
2748
+
2739
2749
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2740
2750
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2741
2751
  margin-right: 15px;
@@ -2838,16 +2848,30 @@ ejs-listbox {
2838
2848
  .e-listbox-container.e-bigger .e-list-header .e-text {
2839
2849
  font-size: 15px;
2840
2850
  }
2841
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2842
- .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 {
2843
2860
  height: calc(100% - 46px);
2844
2861
  }
2845
2862
 
2846
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2847
- .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 {
2848
2868
  height: calc(100% - 58px);
2849
2869
  }
2850
2870
 
2871
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2872
+ height: calc(100% - 58px) !important;
2873
+ }
2874
+
2851
2875
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2852
2876
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2853
2877
  height: calc(100% - 106px);
@@ -2858,11 +2882,14 @@ ejs-listbox {
2858
2882
  height: calc(100% - 48px);
2859
2883
  }
2860
2884
 
2861
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2862
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2885
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2863
2886
  height: calc(100% - 54px);
2864
2887
  }
2865
2888
 
2889
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2890
+ height: calc(100% - 54px) !important;
2891
+ }
2892
+
2866
2893
  .e-listbox-wrapper,
2867
2894
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2868
2895
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2882,11 +2909,6 @@ ejs-listbox {
2882
2909
  font-size: 14px;
2883
2910
  }
2884
2911
 
2885
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2886
- .e-listbox-container.e-filter-list .e-list-parent {
2887
- height: calc(100% - 52px);
2888
- }
2889
-
2890
2912
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2891
2913
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2892
2914
  height: calc(100% - 92px);
@@ -2919,6 +2919,16 @@ ejs-listbox {
2919
2919
  top: 30%;
2920
2920
  }
2921
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
+ }
2931
+
2922
2932
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2923
2933
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2924
2934
  margin-right: 15px;
@@ -3065,16 +3075,30 @@ ejs-listbox {
3065
3075
  margin: 0 0 0 12px;
3066
3076
  }
3067
3077
 
3068
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3069
- .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 {
3070
3087
  height: calc(100% - 32px);
3071
3088
  }
3072
3089
 
3073
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3074
- .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 {
3075
3095
  height: calc(100% - 46px);
3076
3096
  }
3077
3097
 
3098
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3099
+ height: calc(100% - 46px) !important;
3100
+ }
3101
+
3078
3102
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3079
3103
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3080
3104
  height: calc(100% - 96px);
@@ -3085,11 +3109,14 @@ ejs-listbox {
3085
3109
  height: calc(100% - 50px);
3086
3110
  }
3087
3111
 
3088
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3089
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3112
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3090
3113
  height: calc(100% - 44px);
3091
3114
  }
3092
3115
 
3116
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3117
+ height: calc(100% - 44px) !important;
3118
+ }
3119
+
3093
3120
  .e-listbox-wrapper,
3094
3121
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3095
3122
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3109,11 +3136,6 @@ ejs-listbox {
3109
3136
  font-size: 16px;
3110
3137
  }
3111
3138
 
3112
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3113
- .e-listbox-container.e-filter-list .e-list-parent {
3114
- height: calc(100% - 39px);
3115
- }
3116
-
3117
3139
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3118
3140
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3119
3141
  height: calc(100% - 79px);
@@ -2899,6 +2899,16 @@ ejs-listbox {
2899
2899
  top: 30%;
2900
2900
  }
2901
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
+ }
2911
+
2902
2912
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2903
2913
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2904
2914
  margin-right: 15px;
@@ -3001,14 +3011,28 @@ ejs-listbox {
3001
3011
  .e-listbox-container.e-bigger .e-list-header .e-text {
3002
3012
  font-size: 14px;
3003
3013
  }
3004
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3005
- .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 {
3006
3023
  height: calc(100% - 45px);
3007
3024
  }
3008
3025
 
3009
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3010
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3011
- 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;
3012
3036
  }
3013
3037
 
3014
3038
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3021,11 +3045,14 @@ ejs-listbox {
3021
3045
  height: calc(100% - 40px);
3022
3046
  }
3023
3047
 
3024
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3025
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3048
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3026
3049
  height: calc(100% - 45px);
3027
3050
  }
3028
3051
 
3052
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3053
+ height: calc(100% - 45px) !important;
3054
+ }
3055
+
3029
3056
  .e-listbox-wrapper,
3030
3057
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3031
3058
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3045,11 +3072,6 @@ ejs-listbox {
3045
3072
  font-size: 12px;
3046
3073
  }
3047
3074
 
3048
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3049
- .e-listbox-container.e-filter-list .e-list-parent {
3050
- height: calc(100% - 47px);
3051
- }
3052
-
3053
3075
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3054
3076
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3055
3077
  height: calc(100% - 86px);
@@ -2899,6 +2899,16 @@ ejs-listbox {
2899
2899
  top: 30%;
2900
2900
  }
2901
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
+ }
2911
+
2902
2912
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2903
2913
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2904
2914
  margin-right: 15px;
@@ -3001,14 +3011,28 @@ ejs-listbox {
3001
3011
  .e-listbox-container.e-bigger .e-list-header .e-text {
3002
3012
  font-size: 14px;
3003
3013
  }
3004
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3005
- .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 {
3006
3023
  height: calc(100% - 45px);
3007
3024
  }
3008
3025
 
3009
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3010
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3011
- 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;
3012
3036
  }
3013
3037
 
3014
3038
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3021,11 +3045,14 @@ ejs-listbox {
3021
3045
  height: calc(100% - 40px);
3022
3046
  }
3023
3047
 
3024
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3025
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3048
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3026
3049
  height: calc(100% - 45px);
3027
3050
  }
3028
3051
 
3052
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3053
+ height: calc(100% - 45px) !important;
3054
+ }
3055
+
3029
3056
  .e-listbox-wrapper,
3030
3057
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3031
3058
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3045,11 +3072,6 @@ ejs-listbox {
3045
3072
  font-size: 12px;
3046
3073
  }
3047
3074
 
3048
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3049
- .e-listbox-container.e-filter-list .e-list-parent {
3050
- height: calc(100% - 47px);
3051
- }
3052
-
3053
3075
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3054
3076
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3055
3077
  height: calc(100% - 86px);
@@ -2716,6 +2716,16 @@ ejs-listbox {
2716
2716
  top: 30%;
2717
2717
  }
2718
2718
 
2719
+ .e-listboxtool-container .e-left {
2720
+ -ms-flex-direction: row-reverse;
2721
+ flex-direction: row-reverse;
2722
+ }
2723
+
2724
+ .e-listboxtool-wrapper .e-left {
2725
+ -ms-flex-direction: column-reverse;
2726
+ flex-direction: column-reverse;
2727
+ }
2728
+
2719
2729
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2720
2730
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2721
2731
  margin-right: 15px;
@@ -2818,16 +2828,30 @@ ejs-listbox {
2818
2828
  .e-listbox-container.e-bigger .e-list-header .e-text {
2819
2829
  font-size: 15px;
2820
2830
  }
2821
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2822
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2831
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2832
+ height: calc(100% - 51px);
2833
+ }
2834
+
2835
+ .e-listbox-container.e-filter-list .e-list-wrap {
2836
+ height: calc(100% - 51px) !important;
2837
+ }
2838
+
2839
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2823
2840
  height: calc(100% - 45px);
2824
2841
  }
2825
2842
 
2826
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2827
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2843
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2844
+ height: calc(100% - 45px) !important;
2845
+ }
2846
+
2847
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2828
2848
  height: calc(100% - 59px);
2829
2849
  }
2830
2850
 
2851
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2852
+ height: calc(100% - 59px) !important;
2853
+ }
2854
+
2831
2855
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2832
2856
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2833
2857
  height: calc(100% - 104px);
@@ -2838,11 +2862,14 @@ ejs-listbox {
2838
2862
  height: calc(100% - 45px);
2839
2863
  }
2840
2864
 
2841
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2842
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2865
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2843
2866
  height: calc(100% - 55px);
2844
2867
  }
2845
2868
 
2869
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2870
+ height: calc(100% - 55px) !important;
2871
+ }
2872
+
2846
2873
  .e-listbox-wrapper,
2847
2874
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2848
2875
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2862,11 +2889,6 @@ ejs-listbox {
2862
2889
  font-size: 14px;
2863
2890
  }
2864
2891
 
2865
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2866
- .e-listbox-container.e-filter-list .e-list-parent {
2867
- height: calc(100% - 51px);
2868
- }
2869
-
2870
2892
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2871
2893
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2872
2894
  height: calc(100% - 87px);