@syncfusion/ej2-dropdowns 20.2.36 → 20.2.38

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 (47) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +4 -4
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +4 -4
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/drop-down-list/drop-down-list.js +1 -1
  13. package/src/multi-select/multi-select.js +3 -3
  14. package/styles/bootstrap-dark.css +23 -11
  15. package/styles/bootstrap.css +23 -11
  16. package/styles/bootstrap4.css +23 -11
  17. package/styles/bootstrap5-dark.css +24 -12
  18. package/styles/bootstrap5.css +24 -12
  19. package/styles/fabric-dark.css +23 -11
  20. package/styles/fabric.css +23 -11
  21. package/styles/fluent-dark.css +27 -15
  22. package/styles/fluent.css +24 -12
  23. package/styles/highcontrast-light.css +23 -11
  24. package/styles/highcontrast.css +23 -11
  25. package/styles/list-box/_bootstrap5-definition.scss +0 -2
  26. package/styles/list-box/_fluent-definition.scss +0 -2
  27. package/styles/list-box/_tailwind-definition.scss +0 -2
  28. package/styles/list-box/_theme.scss +23 -10
  29. package/styles/list-box/bootstrap-dark.css +23 -11
  30. package/styles/list-box/bootstrap.css +23 -11
  31. package/styles/list-box/bootstrap4.css +23 -11
  32. package/styles/list-box/bootstrap5-dark.css +24 -12
  33. package/styles/list-box/bootstrap5.css +24 -12
  34. package/styles/list-box/fabric-dark.css +23 -11
  35. package/styles/list-box/fabric.css +23 -11
  36. package/styles/list-box/fluent-dark.css +27 -15
  37. package/styles/list-box/fluent.css +24 -12
  38. package/styles/list-box/highcontrast-light.css +23 -11
  39. package/styles/list-box/highcontrast.css +23 -11
  40. package/styles/list-box/material-dark.css +23 -11
  41. package/styles/list-box/material.css +23 -11
  42. package/styles/list-box/tailwind-dark.css +24 -12
  43. package/styles/list-box/tailwind.css +24 -12
  44. package/styles/material-dark.css +23 -11
  45. package/styles/material.css +23 -11
  46. package/styles/tailwind-dark.css +24 -12
  47. package/styles/tailwind.css +24 -12
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.2.36
3
+ * version : 20.2.38
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,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-dropdowns@*",
3
- "_id": "@syncfusion/ej2-dropdowns@18.37.4",
3
+ "_id": "@syncfusion/ej2-dropdowns@20.2.36",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-ImC+pSQKT4ls3VGNz3udyVhLktKTuqZQdW+JlmLRRe1ZAcliTdUj7zjKmntcFRzZpvQv76KKXIKoBBAp6rR+TQ==",
5
+ "_integrity": "sha512-FIb8PB6MB7ysZ/9APPUDJuKfxqouD9wirgEFqGA7DETAyvNECCi4dW8ZnW8sBL0YlaXPhNr9o+vKhFDn7/fR9g==",
6
6
  "_location": "/@syncfusion/ej2-dropdowns",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -33,8 +33,8 @@
33
33
  "/@syncfusion/ej2-spreadsheet",
34
34
  "/@syncfusion/ej2-vue-dropdowns"
35
35
  ],
36
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.37.4.tgz",
37
- "_shasum": "43499295a10a192983bc1112c07ca99d72d88651",
36
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.2.36.tgz",
37
+ "_shasum": "594959e4b506524cda286728dfbb611e7e67b217",
38
38
  "_spec": "@syncfusion/ej2-dropdowns@*",
39
39
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
40
40
  "author": {
@@ -42,12 +42,12 @@
42
42
  },
43
43
  "bundleDependencies": false,
44
44
  "dependencies": {
45
- "@syncfusion/ej2-base": "~20.2.36",
46
- "@syncfusion/ej2-data": "~20.2.36",
47
- "@syncfusion/ej2-inputs": "~20.2.36",
48
- "@syncfusion/ej2-lists": "~20.2.36",
49
- "@syncfusion/ej2-navigations": "~20.2.36",
50
- "@syncfusion/ej2-popups": "~20.2.36"
45
+ "@syncfusion/ej2-base": "~20.2.38",
46
+ "@syncfusion/ej2-data": "~20.2.38",
47
+ "@syncfusion/ej2-inputs": "~20.2.38",
48
+ "@syncfusion/ej2-lists": "~20.2.38",
49
+ "@syncfusion/ej2-navigations": "~20.2.38",
50
+ "@syncfusion/ej2-popups": "~20.2.38"
51
51
  },
52
52
  "deprecated": false,
53
53
  "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,6 @@
72
72
  "module": "./index.js",
73
73
  "name": "@syncfusion/ej2-dropdowns",
74
74
  "typings": "index.d.ts",
75
- "version": "20.2.36",
75
+ "version": "20.2.38",
76
76
  "sideEffects": false
77
77
  }
@@ -1498,7 +1498,6 @@ var DropDownList = /** @class */ (function (_super) {
1498
1498
  this.initial = true;
1499
1499
  this.activeIndex = this.index;
1500
1500
  this.initRemoteRender = false;
1501
- this.initial = false;
1502
1501
  if (this.value && this.dataSource instanceof DataManager) {
1503
1502
  var checkField_1 = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
1504
1503
  var checkVal = list.some(function (x) { return x[checkField_1] === _this.value; });
@@ -1521,6 +1520,7 @@ var DropDownList = /** @class */ (function (_super) {
1521
1520
  else {
1522
1521
  this.updateValues();
1523
1522
  }
1523
+ this.initial = false;
1524
1524
  }
1525
1525
  if (this.getModuleName() !== 'autocomplete' && this.isFiltering() && !this.isTyped) {
1526
1526
  if (!this.actionCompleteData.isUpdated || ((!this.isCustomFilter
@@ -1628,7 +1628,7 @@ var MultiSelect = /** @class */ (function (_super) {
1628
1628
  });
1629
1629
  _this.invokeCheckboxSelection(element_1, eve, isClearAll);
1630
1630
  }
1631
- if (_this.hideSelectedItem && _this.fields.groupBy) {
1631
+ if (_this.hideSelectedItem && _this.fields.groupBy && element_1) {
1632
1632
  _this.hideGroupItem(value);
1633
1633
  }
1634
1634
  if (_this.hideSelectedItem && _this.fixedHeaderElement && _this.fields.groupBy && _this.mode !== 'CheckBox' &&
@@ -2472,7 +2472,7 @@ var MultiSelect = /** @class */ (function (_super) {
2472
2472
  }
2473
2473
  };
2474
2474
  MultiSelect.prototype.updateDataList = function () {
2475
- if (this.mainList && this.ulElement) {
2475
+ if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction)) {
2476
2476
  var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
2477
2477
  var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
2478
2478
  var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
@@ -3679,7 +3679,7 @@ var MultiSelect = /** @class */ (function (_super) {
3679
3679
  var mainLiLength = _this.ulElement.querySelectorAll('li.' + 'e-list-item').length;
3680
3680
  var liLength = _this.ulElement.querySelectorAll('li.'
3681
3681
  + dropDownBaseClasses.li + '.' + HIDE_LIST).length;
3682
- if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length)) {
3682
+ if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length) && !(_this.targetElement() !== '' && _this.allowCustomValue)) {
3683
3683
  _this.beforePopupOpen = false;
3684
3684
  return;
3685
3685
  }
@@ -2839,16 +2839,30 @@ ejs-listbox {
2839
2839
  .e-listbox-container.e-bigger .e-list-header .e-text {
2840
2840
  font-size: 15px;
2841
2841
  }
2842
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2843
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2842
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2843
+ height: calc(100% - 52px);
2844
+ }
2845
+
2846
+ .e-listbox-container.e-filter-list .e-list-wrap {
2847
+ height: calc(100% - 52px) !important;
2848
+ }
2849
+
2850
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2844
2851
  height: calc(100% - 46px);
2845
2852
  }
2846
2853
 
2847
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2848
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2854
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2855
+ height: calc(100% - 46px) !important;
2856
+ }
2857
+
2858
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2849
2859
  height: calc(100% - 58px);
2850
2860
  }
2851
2861
 
2862
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2863
+ height: calc(100% - 58px) !important;
2864
+ }
2865
+
2852
2866
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2853
2867
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2854
2868
  height: calc(100% - 106px);
@@ -2859,11 +2873,14 @@ ejs-listbox {
2859
2873
  height: calc(100% - 48px);
2860
2874
  }
2861
2875
 
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 {
2876
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2864
2877
  height: calc(100% - 54px);
2865
2878
  }
2866
2879
 
2880
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2881
+ height: calc(100% - 54px) !important;
2882
+ }
2883
+
2867
2884
  .e-listbox-wrapper,
2868
2885
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2869
2886
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2883,11 +2900,6 @@ ejs-listbox {
2883
2900
  font-size: 14px;
2884
2901
  }
2885
2902
 
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
2903
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2892
2904
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2893
2905
  height: calc(100% - 92px);
@@ -2838,16 +2838,30 @@ ejs-listbox {
2838
2838
  .e-listbox-container.e-bigger .e-list-header .e-text {
2839
2839
  font-size: 15px;
2840
2840
  }
2841
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2842
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2841
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2842
+ height: calc(100% - 52px);
2843
+ }
2844
+
2845
+ .e-listbox-container.e-filter-list .e-list-wrap {
2846
+ height: calc(100% - 52px) !important;
2847
+ }
2848
+
2849
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2843
2850
  height: calc(100% - 46px);
2844
2851
  }
2845
2852
 
2846
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2847
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2853
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2854
+ height: calc(100% - 46px) !important;
2855
+ }
2856
+
2857
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2848
2858
  height: calc(100% - 58px);
2849
2859
  }
2850
2860
 
2861
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2862
+ height: calc(100% - 58px) !important;
2863
+ }
2864
+
2851
2865
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2852
2866
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2853
2867
  height: calc(100% - 106px);
@@ -2858,11 +2872,14 @@ ejs-listbox {
2858
2872
  height: calc(100% - 48px);
2859
2873
  }
2860
2874
 
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 {
2875
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2863
2876
  height: calc(100% - 54px);
2864
2877
  }
2865
2878
 
2879
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2880
+ height: calc(100% - 54px) !important;
2881
+ }
2882
+
2866
2883
  .e-listbox-wrapper,
2867
2884
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2868
2885
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2882,11 +2899,6 @@ ejs-listbox {
2882
2899
  font-size: 14px;
2883
2900
  }
2884
2901
 
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
2902
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2891
2903
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2892
2904
  height: calc(100% - 92px);
@@ -3065,16 +3065,30 @@ ejs-listbox {
3065
3065
  margin: 0 0 0 12px;
3066
3066
  }
3067
3067
 
3068
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3069
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3068
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3069
+ height: calc(100% - 39px);
3070
+ }
3071
+
3072
+ .e-listbox-container.e-filter-list .e-list-wrap {
3073
+ height: calc(100% - 39px) !important;
3074
+ }
3075
+
3076
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3070
3077
  height: calc(100% - 32px);
3071
3078
  }
3072
3079
 
3073
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3074
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3080
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3081
+ height: calc(100% - 32px) !important;
3082
+ }
3083
+
3084
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3075
3085
  height: calc(100% - 46px);
3076
3086
  }
3077
3087
 
3088
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3089
+ height: calc(100% - 46px) !important;
3090
+ }
3091
+
3078
3092
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3079
3093
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3080
3094
  height: calc(100% - 96px);
@@ -3085,11 +3099,14 @@ ejs-listbox {
3085
3099
  height: calc(100% - 50px);
3086
3100
  }
3087
3101
 
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 {
3102
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3090
3103
  height: calc(100% - 44px);
3091
3104
  }
3092
3105
 
3106
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3107
+ height: calc(100% - 44px) !important;
3108
+ }
3109
+
3093
3110
  .e-listbox-wrapper,
3094
3111
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3095
3112
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3109,11 +3126,6 @@ ejs-listbox {
3109
3126
  font-size: 16px;
3110
3127
  }
3111
3128
 
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
3129
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3118
3130
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3119
3131
  height: calc(100% - 79px);
@@ -3001,14 +3001,28 @@ ejs-listbox {
3001
3001
  .e-listbox-container.e-bigger .e-list-header .e-text {
3002
3002
  font-size: 14px;
3003
3003
  }
3004
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3005
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3004
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3005
+ height: calc(100% - 50px);
3006
+ }
3007
+
3008
+ .e-listbox-container.e-filter-list .e-list-wrap {
3009
+ height: calc(100% - 50px) !important;
3010
+ }
3011
+
3012
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3006
3013
  height: calc(100% - 45px);
3007
3014
  }
3008
3015
 
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);
3016
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3017
+ height: calc(100% - 45px) !important;
3018
+ }
3019
+
3020
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3021
+ height: calc(100% - 56px);
3022
+ }
3023
+
3024
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3025
+ height: calc(100% - 56px) !important;
3012
3026
  }
3013
3027
 
3014
3028
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3021,11 +3035,14 @@ ejs-listbox {
3021
3035
  height: calc(100% - 40px);
3022
3036
  }
3023
3037
 
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 {
3038
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3026
3039
  height: calc(100% - 45px);
3027
3040
  }
3028
3041
 
3042
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3043
+ height: calc(100% - 45px) !important;
3044
+ }
3045
+
3029
3046
  .e-listbox-wrapper,
3030
3047
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3031
3048
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3045,11 +3062,6 @@ ejs-listbox {
3045
3062
  font-size: 12px;
3046
3063
  }
3047
3064
 
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
3065
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3054
3066
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3055
3067
  height: calc(100% - 86px);
@@ -3001,14 +3001,28 @@ ejs-listbox {
3001
3001
  .e-listbox-container.e-bigger .e-list-header .e-text {
3002
3002
  font-size: 14px;
3003
3003
  }
3004
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3005
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3004
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3005
+ height: calc(100% - 50px);
3006
+ }
3007
+
3008
+ .e-listbox-container.e-filter-list .e-list-wrap {
3009
+ height: calc(100% - 50px) !important;
3010
+ }
3011
+
3012
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3006
3013
  height: calc(100% - 45px);
3007
3014
  }
3008
3015
 
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);
3016
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3017
+ height: calc(100% - 45px) !important;
3018
+ }
3019
+
3020
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3021
+ height: calc(100% - 56px);
3022
+ }
3023
+
3024
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3025
+ height: calc(100% - 56px) !important;
3012
3026
  }
3013
3027
 
3014
3028
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3021,11 +3035,14 @@ ejs-listbox {
3021
3035
  height: calc(100% - 40px);
3022
3036
  }
3023
3037
 
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 {
3038
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3026
3039
  height: calc(100% - 45px);
3027
3040
  }
3028
3041
 
3042
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3043
+ height: calc(100% - 45px) !important;
3044
+ }
3045
+
3029
3046
  .e-listbox-wrapper,
3030
3047
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3031
3048
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3045,11 +3062,6 @@ ejs-listbox {
3045
3062
  font-size: 12px;
3046
3063
  }
3047
3064
 
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
3065
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3054
3066
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3055
3067
  height: calc(100% - 86px);
@@ -2818,16 +2818,30 @@ ejs-listbox {
2818
2818
  .e-listbox-container.e-bigger .e-list-header .e-text {
2819
2819
  font-size: 15px;
2820
2820
  }
2821
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2822
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2821
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2822
+ height: calc(100% - 51px);
2823
+ }
2824
+
2825
+ .e-listbox-container.e-filter-list .e-list-wrap {
2826
+ height: calc(100% - 51px) !important;
2827
+ }
2828
+
2829
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2823
2830
  height: calc(100% - 45px);
2824
2831
  }
2825
2832
 
2826
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2827
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2833
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2834
+ height: calc(100% - 45px) !important;
2835
+ }
2836
+
2837
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2828
2838
  height: calc(100% - 59px);
2829
2839
  }
2830
2840
 
2841
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2842
+ height: calc(100% - 59px) !important;
2843
+ }
2844
+
2831
2845
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2832
2846
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2833
2847
  height: calc(100% - 104px);
@@ -2838,11 +2852,14 @@ ejs-listbox {
2838
2852
  height: calc(100% - 45px);
2839
2853
  }
2840
2854
 
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 {
2855
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2843
2856
  height: calc(100% - 55px);
2844
2857
  }
2845
2858
 
2859
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2860
+ height: calc(100% - 55px) !important;
2861
+ }
2862
+
2846
2863
  .e-listbox-wrapper,
2847
2864
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2848
2865
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2862,11 +2879,6 @@ ejs-listbox {
2862
2879
  font-size: 14px;
2863
2880
  }
2864
2881
 
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
2882
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2871
2883
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2872
2884
  height: calc(100% - 87px);
package/styles/fabric.css CHANGED
@@ -2812,16 +2812,30 @@ ejs-listbox {
2812
2812
  .e-listbox-container.e-bigger .e-list-header .e-text {
2813
2813
  font-size: 15px;
2814
2814
  }
2815
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2816
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2815
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2816
+ height: calc(100% - 51px);
2817
+ }
2818
+
2819
+ .e-listbox-container.e-filter-list .e-list-wrap {
2820
+ height: calc(100% - 51px) !important;
2821
+ }
2822
+
2823
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2817
2824
  height: calc(100% - 45px);
2818
2825
  }
2819
2826
 
2820
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2821
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2827
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2828
+ height: calc(100% - 45px) !important;
2829
+ }
2830
+
2831
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2822
2832
  height: calc(100% - 59px);
2823
2833
  }
2824
2834
 
2835
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2836
+ height: calc(100% - 59px) !important;
2837
+ }
2838
+
2825
2839
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2826
2840
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2827
2841
  height: calc(100% - 104px);
@@ -2832,11 +2846,14 @@ ejs-listbox {
2832
2846
  height: calc(100% - 45px);
2833
2847
  }
2834
2848
 
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 {
2849
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2837
2850
  height: calc(100% - 55px);
2838
2851
  }
2839
2852
 
2853
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2854
+ height: calc(100% - 55px) !important;
2855
+ }
2856
+
2840
2857
  .e-listbox-wrapper,
2841
2858
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2842
2859
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2856,11 +2873,6 @@ ejs-listbox {
2856
2873
  font-size: 14px;
2857
2874
  }
2858
2875
 
2859
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2860
- .e-listbox-container.e-filter-list .e-list-parent {
2861
- height: calc(100% - 51px);
2862
- }
2863
-
2864
2876
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2865
2877
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2866
2878
  height: calc(100% - 87px);
@@ -2907,9 +2907,9 @@ ejs-listbox {
2907
2907
  -ms-flex-align: center;
2908
2908
  align-items: center;
2909
2909
  background-color: #0078d4;
2910
- border: 1px solid #fff;
2910
+ border: 1px solid #1b1a19;
2911
2911
  border-radius: 50%;
2912
- color: #fff;
2912
+ color: #1b1a19;
2913
2913
  display: -ms-flexbox;
2914
2914
  display: flex;
2915
2915
  font-size: 12px;
@@ -3071,14 +3071,28 @@ ejs-listbox {
3071
3071
  .e-listbox-container.e-bigger .e-list-header .e-text {
3072
3072
  font-size: 14px;
3073
3073
  }
3074
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3075
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3074
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3075
+ height: calc(100% - 57px);
3076
+ }
3077
+
3078
+ .e-listbox-container.e-filter-list .e-list-wrap {
3079
+ height: calc(100% - 57px) !important;
3080
+ }
3081
+
3082
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3076
3083
  height: calc(100% - 45px);
3077
3084
  }
3078
3085
 
3079
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3080
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3081
- height: calc(100% - 55px);
3086
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3087
+ height: calc(100% - 45px) !important;
3088
+ }
3089
+
3090
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3091
+ height: calc(100% - 65px);
3092
+ }
3093
+
3094
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3095
+ height: calc(100% - 65px) !important;
3082
3096
  }
3083
3097
 
3084
3098
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3091,11 +3105,14 @@ ejs-listbox {
3091
3105
  height: calc(100% - 48px);
3092
3106
  }
3093
3107
 
3094
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3095
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3108
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3096
3109
  height: calc(100% - 45px);
3097
3110
  }
3098
3111
 
3112
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3113
+ height: calc(100% - 45px) !important;
3114
+ }
3115
+
3099
3116
  .e-listbox-wrapper,
3100
3117
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3101
3118
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3115,11 +3132,6 @@ ejs-listbox {
3115
3132
  font-size: 12px;
3116
3133
  }
3117
3134
 
3118
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3119
- .e-listbox-container.e-filter-list .e-list-parent {
3120
- height: calc(100% - 47px);
3121
- }
3122
-
3123
3135
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3124
3136
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3125
3137
  height: calc(100% - 93px);
@@ -3177,7 +3189,7 @@ ejs-listbox {
3177
3189
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3178
3190
  background-color: #0078d4;
3179
3191
  border-color: transparent;
3180
- color: #fff;
3192
+ color: #1b1a19;
3181
3193
  }
3182
3194
 
3183
3195
  .e-listbox-wrapper .e-list-group-item,