@syncfusion/ej2-vue-dropdowns 20.1.60 → 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 (45) hide show
  1. package/CHANGELOG.md +2 -56
  2. package/dist/ej2-vue-dropdowns.umd.min.js +2 -11
  3. package/dist/es6/ej2-vue-dropdowns.es2015.js +8 -8
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-dropdowns.es5.js +8 -8
  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/auto-complete/autocomplete.component.js +1 -1
  10. package/src/combo-box/combobox.component.js +1 -1
  11. package/src/drop-down-list/dropdownlist.component.js +1 -1
  12. package/src/drop-down-tree/dropdowntree.component.js +1 -1
  13. package/src/list-box/listbox.component.js +1 -1
  14. package/src/multi-select/multiselect.component.d.ts +1 -1
  15. package/src/multi-select/multiselect.component.js +3 -3
  16. package/styles/bootstrap-dark.css +59 -11
  17. package/styles/bootstrap.css +59 -11
  18. package/styles/bootstrap4.css +59 -11
  19. package/styles/bootstrap5-dark.css +60 -12
  20. package/styles/bootstrap5.css +60 -12
  21. package/styles/fabric-dark.css +59 -11
  22. package/styles/fabric.css +59 -11
  23. package/styles/fluent-dark.css +63 -15
  24. package/styles/fluent.css +60 -12
  25. package/styles/highcontrast-light.css +59 -11
  26. package/styles/highcontrast.css +59 -11
  27. package/styles/list-box/bootstrap-dark.css +49 -11
  28. package/styles/list-box/bootstrap.css +59 -11
  29. package/styles/list-box/bootstrap4.css +59 -11
  30. package/styles/list-box/bootstrap5-dark.css +60 -12
  31. package/styles/list-box/bootstrap5.css +60 -12
  32. package/styles/list-box/fabric-dark.css +49 -11
  33. package/styles/list-box/fabric.css +59 -11
  34. package/styles/list-box/fluent-dark.css +63 -15
  35. package/styles/list-box/fluent.css +60 -12
  36. package/styles/list-box/highcontrast-light.css +49 -11
  37. package/styles/list-box/highcontrast.css +59 -11
  38. package/styles/list-box/material-dark.css +50 -12
  39. package/styles/list-box/material.css +60 -12
  40. package/styles/list-box/tailwind-dark.css +60 -12
  41. package/styles/list-box/tailwind.css +60 -12
  42. package/styles/material-dark.css +60 -12
  43. package/styles/material.css +60 -12
  44. package/styles/tailwind-dark.css +60 -12
  45. package/styles/tailwind.css +60 -12
package/styles/material.css CHANGED
@@ -3899,6 +3899,10 @@ ejs-multiselect {
3899
3899
  .e-listbox-container * {
3900
3900
  box-sizing: border-box;
3901
3901
  }
3902
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3903
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
3904
+ width: 86% !important;
3905
+ }
3902
3906
  .e-listbox-wrapper:focus,
3903
3907
  .e-listbox-container:focus {
3904
3908
  outline: none;
@@ -4129,8 +4133,8 @@ ejs-multiselect {
4129
4133
  text-indent: 0;
4130
4134
  vertical-align: middle;
4131
4135
  }
4132
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
4133
- .e-listbox-container.e-right .e-checkbox-wrapper {
4136
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
4137
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
4134
4138
  position: absolute;
4135
4139
  right: 0;
4136
4140
  top: 30%;
@@ -4249,6 +4253,12 @@ ejs-listbox {
4249
4253
  list-style-type: none;
4250
4254
  margin-bottom: 10px;
4251
4255
  }
4256
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
4257
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
4258
+ position: absolute;
4259
+ right: 0;
4260
+ top: 30%;
4261
+ }
4252
4262
 
4253
4263
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4254
4264
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -4259,6 +4269,12 @@ ejs-listbox {
4259
4269
  margin-left: 15px;
4260
4270
  }
4261
4271
 
4272
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
4273
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
4274
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
4275
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
4276
+ width: 85% !important;
4277
+ }
4262
4278
  .e-bigger .e-listbox-wrapper .e-list-item,
4263
4279
  .e-listbox-wrapper.e-bigger .e-list-item,
4264
4280
  .e-bigger .e-listbox-container .e-list-item,
@@ -4346,21 +4362,48 @@ ejs-listbox {
4346
4362
  .e-listbox-container.e-bigger .e-list-header .e-text {
4347
4363
  font-size: 20px;
4348
4364
  }
4349
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4350
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
4365
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
4366
+ height: calc(100% - 43px);
4367
+ }
4368
+
4369
+ .e-listbox-container.e-filter-list .e-list-wrap {
4370
+ height: calc(100% - 43px) !important;
4371
+ }
4372
+
4373
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
4351
4374
  height: calc(100% - 45px);
4352
4375
  }
4353
4376
 
4354
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4355
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4356
- height: calc(100% - 55px);
4377
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
4378
+ height: calc(100% - 45px) !important;
4357
4379
  }
4358
4380
 
4359
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4360
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4381
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4382
+ height: calc(100% - 50px);
4383
+ }
4384
+
4385
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4386
+ height: calc(100% - 50px) !important;
4387
+ }
4388
+
4389
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4390
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4391
+ height: calc(100% - 98px);
4392
+ }
4393
+
4394
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4395
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4396
+ height: calc(100% - 48px);
4397
+ }
4398
+
4399
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4361
4400
  height: calc(100% - 45px);
4362
4401
  }
4363
4402
 
4403
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4404
+ height: calc(100% - 45px) !important;
4405
+ }
4406
+
4364
4407
  .e-listbox-wrapper,
4365
4408
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4366
4409
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4380,9 +4423,14 @@ ejs-listbox {
4380
4423
  font-size: 20px;
4381
4424
  }
4382
4425
 
4383
- .e-listbox-wrapper.e-filter-list .e-list-parent,
4384
- .e-listbox-container.e-filter-list .e-list-parent {
4385
- height: calc(100% - 47px);
4426
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4427
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4428
+ height: calc(100% - 79px);
4429
+ }
4430
+
4431
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4432
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4433
+ height: calc(100% - 36px);
4386
4434
  }
4387
4435
 
4388
4436
  .e-listbox-wrapper .e-icons,
package/styles/tailwind-dark.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,12 @@ 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
+ }
2899
2909
 
2900
2910
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2901
2911
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2906,6 +2916,12 @@ ejs-listbox {
2906
2916
  margin-left: 15px;
2907
2917
  }
2908
2918
 
2919
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2920
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2921
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2922
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2923
+ width: 80% !important;
2924
+ }
2909
2925
  .e-bigger .e-listbox-wrapper .e-list-item,
2910
2926
  .e-listbox-wrapper.e-bigger .e-list-item,
2911
2927
  .e-bigger .e-listbox-container .e-list-item,
@@ -2993,21 +3009,48 @@ ejs-listbox {
2993
3009
  .e-listbox-container.e-bigger .e-list-header .e-text {
2994
3010
  font-size: 14px;
2995
3011
  }
2996
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2997
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3012
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3013
+ height: calc(100% - 38px);
3014
+ }
3015
+
3016
+ .e-listbox-container.e-filter-list .e-list-wrap {
3017
+ height: calc(100% - 38px) !important;
3018
+ }
3019
+
3020
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2998
3021
  height: calc(100% - 45px);
2999
3022
  }
3000
3023
 
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);
3024
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3025
+ height: calc(100% - 45px) !important;
3004
3026
  }
3005
3027
 
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 {
3028
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3029
+ height: calc(100% - 46px);
3030
+ }
3031
+
3032
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3033
+ height: calc(100% - 46px) !important;
3034
+ }
3035
+
3036
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3037
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3038
+ height: calc(100% - 94px);
3039
+ }
3040
+
3041
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3042
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3043
+ height: calc(100% - 48px);
3044
+ }
3045
+
3046
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3008
3047
  height: calc(100% - 45px);
3009
3048
  }
3010
3049
 
3050
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3051
+ height: calc(100% - 45px) !important;
3052
+ }
3053
+
3011
3054
  .e-listbox-wrapper,
3012
3055
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3013
3056
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3037,9 +3080,14 @@ ejs-listbox {
3037
3080
  font-size: 12px;
3038
3081
  }
3039
3082
 
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);
3083
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3084
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3085
+ height: calc(100% - 76px);
3086
+ }
3087
+
3088
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3089
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3090
+ height: calc(100% - 38px);
3043
3091
  }
3044
3092
 
3045
3093
  .e-listbox-wrapper .e-icons,
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,12 @@ 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
+ }
2899
2909
 
2900
2910
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2901
2911
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2906,6 +2916,12 @@ ejs-listbox {
2906
2916
  margin-left: 15px;
2907
2917
  }
2908
2918
 
2919
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2920
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2921
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2922
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2923
+ width: 80% !important;
2924
+ }
2909
2925
  .e-bigger .e-listbox-wrapper .e-list-item,
2910
2926
  .e-listbox-wrapper.e-bigger .e-list-item,
2911
2927
  .e-bigger .e-listbox-container .e-list-item,
@@ -2993,21 +3009,48 @@ ejs-listbox {
2993
3009
  .e-listbox-container.e-bigger .e-list-header .e-text {
2994
3010
  font-size: 14px;
2995
3011
  }
2996
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2997
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3012
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3013
+ height: calc(100% - 38px);
3014
+ }
3015
+
3016
+ .e-listbox-container.e-filter-list .e-list-wrap {
3017
+ height: calc(100% - 38px) !important;
3018
+ }
3019
+
3020
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2998
3021
  height: calc(100% - 45px);
2999
3022
  }
3000
3023
 
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);
3024
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3025
+ height: calc(100% - 45px) !important;
3004
3026
  }
3005
3027
 
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 {
3028
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3029
+ height: calc(100% - 46px);
3030
+ }
3031
+
3032
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3033
+ height: calc(100% - 46px) !important;
3034
+ }
3035
+
3036
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3037
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3038
+ height: calc(100% - 94px);
3039
+ }
3040
+
3041
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3042
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3043
+ height: calc(100% - 48px);
3044
+ }
3045
+
3046
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3008
3047
  height: calc(100% - 45px);
3009
3048
  }
3010
3049
 
3050
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3051
+ height: calc(100% - 45px) !important;
3052
+ }
3053
+
3011
3054
  .e-listbox-wrapper,
3012
3055
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3013
3056
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3037,9 +3080,14 @@ ejs-listbox {
3037
3080
  font-size: 12px;
3038
3081
  }
3039
3082
 
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);
3083
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3084
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3085
+ height: calc(100% - 76px);
3086
+ }
3087
+
3088
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3089
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3090
+ height: calc(100% - 38px);
3043
3091
  }
3044
3092
 
3045
3093
  .e-listbox-wrapper .e-icons,