@syncfusion/ej2-dropdowns 20.2.36 → 20.2.40

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 (50) hide show
  1. package/CHANGELOG.md +16 -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 +40 -6
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +40 -6
  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 +22 -1
  13. package/src/drop-down-tree/drop-down-tree.js +2 -1
  14. package/src/list-box/list-box.js +13 -1
  15. package/src/multi-select/multi-select.js +3 -3
  16. package/styles/bootstrap-dark.css +33 -11
  17. package/styles/bootstrap.css +33 -11
  18. package/styles/bootstrap4.css +33 -11
  19. package/styles/bootstrap5-dark.css +34 -12
  20. package/styles/bootstrap5.css +34 -12
  21. package/styles/fabric-dark.css +33 -11
  22. package/styles/fabric.css +33 -11
  23. package/styles/fluent-dark.css +37 -15
  24. package/styles/fluent.css +34 -12
  25. package/styles/highcontrast-light.css +33 -11
  26. package/styles/highcontrast.css +33 -11
  27. package/styles/list-box/_bootstrap5-definition.scss +0 -2
  28. package/styles/list-box/_fluent-definition.scss +0 -2
  29. package/styles/list-box/_layout.scss +9 -0
  30. package/styles/list-box/_tailwind-definition.scss +0 -2
  31. package/styles/list-box/_theme.scss +23 -10
  32. package/styles/list-box/bootstrap-dark.css +33 -11
  33. package/styles/list-box/bootstrap.css +33 -11
  34. package/styles/list-box/bootstrap4.css +33 -11
  35. package/styles/list-box/bootstrap5-dark.css +34 -12
  36. package/styles/list-box/bootstrap5.css +34 -12
  37. package/styles/list-box/fabric-dark.css +33 -11
  38. package/styles/list-box/fabric.css +33 -11
  39. package/styles/list-box/fluent-dark.css +37 -15
  40. package/styles/list-box/fluent.css +34 -12
  41. package/styles/list-box/highcontrast-light.css +33 -11
  42. package/styles/list-box/highcontrast.css +33 -11
  43. package/styles/list-box/material-dark.css +33 -11
  44. package/styles/list-box/material.css +33 -11
  45. package/styles/list-box/tailwind-dark.css +34 -12
  46. package/styles/list-box/tailwind.css +34 -12
  47. package/styles/material-dark.css +33 -11
  48. package/styles/material.css +33 -11
  49. package/styles/tailwind-dark.css +34 -12
  50. package/styles/tailwind.css +34 -12
package/styles/tailwind-dark.css CHANGED
@@ -2907,6 +2907,16 @@ ejs-listbox {
2907
2907
  top: 30%;
2908
2908
  }
2909
2909
 
2910
+ .e-listboxtool-container .e-left {
2911
+ -ms-flex-direction: row-reverse;
2912
+ flex-direction: row-reverse;
2913
+ }
2914
+
2915
+ .e-listboxtool-wrapper .e-left {
2916
+ -ms-flex-direction: column-reverse;
2917
+ flex-direction: column-reverse;
2918
+ }
2919
+
2910
2920
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2911
2921
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2912
2922
  margin-right: 15px;
@@ -3009,14 +3019,28 @@ ejs-listbox {
3009
3019
  .e-listbox-container.e-bigger .e-list-header .e-text {
3010
3020
  font-size: 14px;
3011
3021
  }
3012
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3013
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3022
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3023
+ height: calc(100% - 38px);
3024
+ }
3025
+
3026
+ .e-listbox-container.e-filter-list .e-list-wrap {
3027
+ height: calc(100% - 38px) !important;
3028
+ }
3029
+
3030
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3014
3031
  height: calc(100% - 45px);
3015
3032
  }
3016
3033
 
3017
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3018
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3019
- height: calc(100% - 55px);
3034
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3035
+ height: calc(100% - 45px) !important;
3036
+ }
3037
+
3038
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3039
+ height: calc(100% - 46px);
3040
+ }
3041
+
3042
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3043
+ height: calc(100% - 46px) !important;
3020
3044
  }
3021
3045
 
3022
3046
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3029,11 +3053,14 @@ ejs-listbox {
3029
3053
  height: calc(100% - 48px);
3030
3054
  }
3031
3055
 
3032
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3033
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3056
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3034
3057
  height: calc(100% - 45px);
3035
3058
  }
3036
3059
 
3060
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3061
+ height: calc(100% - 45px) !important;
3062
+ }
3063
+
3037
3064
  .e-listbox-wrapper,
3038
3065
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3039
3066
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3063,11 +3090,6 @@ ejs-listbox {
3063
3090
  font-size: 12px;
3064
3091
  }
3065
3092
 
3066
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3067
- .e-listbox-container.e-filter-list .e-list-parent {
3068
- height: calc(100% - 47px);
3069
- }
3070
-
3071
3093
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3072
3094
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3073
3095
  height: calc(100% - 76px);
package/styles/tailwind.css CHANGED
@@ -2907,6 +2907,16 @@ ejs-listbox {
2907
2907
  top: 30%;
2908
2908
  }
2909
2909
 
2910
+ .e-listboxtool-container .e-left {
2911
+ -ms-flex-direction: row-reverse;
2912
+ flex-direction: row-reverse;
2913
+ }
2914
+
2915
+ .e-listboxtool-wrapper .e-left {
2916
+ -ms-flex-direction: column-reverse;
2917
+ flex-direction: column-reverse;
2918
+ }
2919
+
2910
2920
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2911
2921
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2912
2922
  margin-right: 15px;
@@ -3009,14 +3019,28 @@ ejs-listbox {
3009
3019
  .e-listbox-container.e-bigger .e-list-header .e-text {
3010
3020
  font-size: 14px;
3011
3021
  }
3012
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3013
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3022
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3023
+ height: calc(100% - 38px);
3024
+ }
3025
+
3026
+ .e-listbox-container.e-filter-list .e-list-wrap {
3027
+ height: calc(100% - 38px) !important;
3028
+ }
3029
+
3030
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3014
3031
  height: calc(100% - 45px);
3015
3032
  }
3016
3033
 
3017
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3018
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3019
- height: calc(100% - 55px);
3034
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3035
+ height: calc(100% - 45px) !important;
3036
+ }
3037
+
3038
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3039
+ height: calc(100% - 46px);
3040
+ }
3041
+
3042
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3043
+ height: calc(100% - 46px) !important;
3020
3044
  }
3021
3045
 
3022
3046
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3029,11 +3053,14 @@ ejs-listbox {
3029
3053
  height: calc(100% - 48px);
3030
3054
  }
3031
3055
 
3032
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3033
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3056
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3034
3057
  height: calc(100% - 45px);
3035
3058
  }
3036
3059
 
3060
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3061
+ height: calc(100% - 45px) !important;
3062
+ }
3063
+
3037
3064
  .e-listbox-wrapper,
3038
3065
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3039
3066
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3063,11 +3090,6 @@ ejs-listbox {
3063
3090
  font-size: 12px;
3064
3091
  }
3065
3092
 
3066
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3067
- .e-listbox-container.e-filter-list .e-list-parent {
3068
- height: calc(100% - 47px);
3069
- }
3070
-
3071
3093
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3072
3094
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3073
3095
  height: calc(100% - 76px);