@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/styles/tailwind.css CHANGED
@@ -2546,6 +2546,10 @@ ejs-multiselect {
2546
2546
  .e-listbox-container * {
2547
2547
  box-sizing: border-box;
2548
2548
  }
2549
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2550
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2551
+ width: 84% !important;
2552
+ }
2549
2553
  .e-listbox-wrapper:focus,
2550
2554
  .e-listbox-container:focus {
2551
2555
  outline: none;
@@ -2776,8 +2780,8 @@ ejs-multiselect {
2776
2780
  text-indent: 0;
2777
2781
  vertical-align: middle;
2778
2782
  }
2779
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2780
- .e-listbox-container.e-right .e-checkbox-wrapper {
2783
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2784
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2781
2785
  position: absolute;
2782
2786
  right: 0;
2783
2787
  top: 30%;
@@ -2896,6 +2900,22 @@ ejs-listbox {
2896
2900
  list-style-type: none;
2897
2901
  margin-bottom: 10px;
2898
2902
  }
2903
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2904
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2905
+ position: absolute;
2906
+ right: 0;
2907
+ top: 30%;
2908
+ }
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
+ }
2899
2919
 
2900
2920
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2901
2921
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2906,6 +2926,12 @@ ejs-listbox {
2906
2926
  margin-left: 15px;
2907
2927
  }
2908
2928
 
2929
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2930
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2931
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2932
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2933
+ width: 80% !important;
2934
+ }
2909
2935
  .e-bigger .e-listbox-wrapper .e-list-item,
2910
2936
  .e-listbox-wrapper.e-bigger .e-list-item,
2911
2937
  .e-bigger .e-listbox-container .e-list-item,
@@ -2993,21 +3019,48 @@ ejs-listbox {
2993
3019
  .e-listbox-container.e-bigger .e-list-header .e-text {
2994
3020
  font-size: 14px;
2995
3021
  }
2996
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2997
- .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 {
2998
3031
  height: calc(100% - 45px);
2999
3032
  }
3000
3033
 
3001
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3002
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3003
- 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;
3044
+ }
3045
+
3046
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3047
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3048
+ height: calc(100% - 94px);
3004
3049
  }
3005
3050
 
3006
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3007
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3051
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3052
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3053
+ height: calc(100% - 48px);
3054
+ }
3055
+
3056
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3008
3057
  height: calc(100% - 45px);
3009
3058
  }
3010
3059
 
3060
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3061
+ height: calc(100% - 45px) !important;
3062
+ }
3063
+
3011
3064
  .e-listbox-wrapper,
3012
3065
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3013
3066
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3037,9 +3090,14 @@ ejs-listbox {
3037
3090
  font-size: 12px;
3038
3091
  }
3039
3092
 
3040
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3041
- .e-listbox-container.e-filter-list .e-list-parent {
3042
- height: calc(100% - 47px);
3093
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3094
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3095
+ height: calc(100% - 76px);
3096
+ }
3097
+
3098
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3099
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3100
+ height: calc(100% - 38px);
3043
3101
  }
3044
3102
 
3045
3103
  .e-listbox-wrapper .e-icons,