@syncfusion/ej2-angular-dropdowns 20.1.59 → 20.2.36-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 (66) hide show
  1. package/CHANGELOG.md +9 -78
  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 +8 -8
  5. package/schematics/generators/autocomplete-custom-filtering/schema.json +3 -2
  6. package/schematics/generators/autocomplete-default/schema.json +3 -2
  7. package/schematics/generators/autocomplete-diacritics-filtering/schema.json +3 -2
  8. package/schematics/generators/autocomplete-highlight/schema.json +3 -2
  9. package/schematics/generators/autocomplete-reactive-form/schema.json +3 -2
  10. package/schematics/generators/autocomplete-template/schema.json +3 -2
  11. package/schematics/generators/autocomplete-template-driven/schema.json +3 -2
  12. package/schematics/generators/combobox-custom-value/schema.json +3 -2
  13. package/schematics/generators/combobox-default/schema.json +3 -2
  14. package/schematics/generators/combobox-filtering/schema.json +3 -2
  15. package/schematics/generators/combobox-grouping/schema.json +3 -2
  16. package/schematics/generators/combobox-reactive-form/schema.json +3 -2
  17. package/schematics/generators/combobox-template/schema.json +3 -2
  18. package/schematics/generators/combobox-template-driven/schema.json +3 -2
  19. package/schematics/generators/dropdownlist-cascading/schema.json +3 -2
  20. package/schematics/generators/dropdownlist-default/schema.json +3 -2
  21. package/schematics/generators/dropdownlist-filtering/schema.json +3 -2
  22. package/schematics/generators/dropdownlist-inline/schema.json +3 -2
  23. package/schematics/generators/dropdownlist-reactive-form/schema.json +3 -2
  24. package/schematics/generators/dropdownlist-template/schema.json +3 -2
  25. package/schematics/generators/dropdownlist-template-driven/schema.json +3 -2
  26. package/schematics/generators/multiselect-box-mode/schema.json +3 -2
  27. package/schematics/generators/multiselect-checkbox/schema.json +3 -2
  28. package/schematics/generators/multiselect-chip-customization/schema.json +3 -2
  29. package/schematics/generators/multiselect-delimiter-mode/schema.json +3 -2
  30. package/schematics/generators/multiselect-filtering/schema.json +3 -2
  31. package/schematics/generators/multiselect-reactive-form/schema.json +3 -2
  32. package/schematics/generators/multiselect-template/schema.json +3 -2
  33. package/schematics/generators/multiselect-template-driven/schema.json +3 -2
  34. package/schematics/utils/lib-details.d.ts +2 -2
  35. package/schematics/utils/lib-details.js +2 -2
  36. package/schematics/utils/lib-details.ts +2 -2
  37. package/styles/bootstrap-dark.css +38 -2
  38. package/styles/bootstrap.css +38 -2
  39. package/styles/bootstrap4.css +38 -2
  40. package/styles/bootstrap5-dark.css +38 -2
  41. package/styles/bootstrap5.css +38 -2
  42. package/styles/fabric-dark.css +38 -2
  43. package/styles/fabric.css +38 -2
  44. package/styles/fluent-dark.css +38 -2
  45. package/styles/fluent.css +38 -2
  46. package/styles/highcontrast-light.css +38 -2
  47. package/styles/highcontrast.css +38 -2
  48. package/styles/list-box/bootstrap-dark.css +28 -2
  49. package/styles/list-box/bootstrap.css +38 -2
  50. package/styles/list-box/bootstrap4.css +38 -2
  51. package/styles/list-box/bootstrap5-dark.css +38 -2
  52. package/styles/list-box/bootstrap5.css +38 -2
  53. package/styles/list-box/fabric-dark.css +28 -2
  54. package/styles/list-box/fabric.css +38 -2
  55. package/styles/list-box/fluent-dark.css +38 -2
  56. package/styles/list-box/fluent.css +38 -2
  57. package/styles/list-box/highcontrast-light.css +28 -2
  58. package/styles/list-box/highcontrast.css +38 -2
  59. package/styles/list-box/material-dark.css +30 -4
  60. package/styles/list-box/material.css +40 -4
  61. package/styles/list-box/tailwind-dark.css +38 -2
  62. package/styles/list-box/tailwind.css +38 -2
  63. package/styles/material-dark.css +40 -4
  64. package/styles/material.css +40 -4
  65. package/styles/tailwind-dark.css +38 -2
  66. package/styles/tailwind.css +38 -2
package/styles/material-dark.css CHANGED
@@ -3842,6 +3842,10 @@ ejs-multiselect {
3842
3842
  .e-listbox-container * {
3843
3843
  box-sizing: border-box;
3844
3844
  }
3845
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3846
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
3847
+ width: 86% !important;
3848
+ }
3845
3849
  .e-listbox-wrapper:focus,
3846
3850
  .e-listbox-container:focus {
3847
3851
  outline: none;
@@ -4072,8 +4076,8 @@ ejs-multiselect {
4072
4076
  text-indent: 0;
4073
4077
  vertical-align: middle;
4074
4078
  }
4075
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
4076
- .e-listbox-container.e-right .e-checkbox-wrapper {
4079
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
4080
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
4077
4081
  position: absolute;
4078
4082
  right: 0;
4079
4083
  top: 30%;
@@ -4192,6 +4196,12 @@ ejs-listbox {
4192
4196
  list-style-type: none;
4193
4197
  margin-bottom: 10px;
4194
4198
  }
4199
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
4200
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
4201
+ position: absolute;
4202
+ right: 0;
4203
+ top: 30%;
4204
+ }
4195
4205
 
4196
4206
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4197
4207
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -4202,6 +4212,12 @@ ejs-listbox {
4202
4212
  margin-left: 15px;
4203
4213
  }
4204
4214
 
4215
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
4216
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
4217
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
4218
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
4219
+ width: 85% !important;
4220
+ }
4205
4221
  .e-bigger .e-listbox-wrapper .e-list-item,
4206
4222
  .e-listbox-wrapper.e-bigger .e-list-item,
4207
4223
  .e-bigger .e-listbox-container .e-list-item,
@@ -4296,7 +4312,17 @@ ejs-listbox {
4296
4312
 
4297
4313
  .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4298
4314
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4299
- height: calc(100% - 55px);
4315
+ height: calc(100% - 50px);
4316
+ }
4317
+
4318
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4319
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4320
+ height: calc(100% - 98px);
4321
+ }
4322
+
4323
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4324
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4325
+ height: calc(100% - 48px);
4300
4326
  }
4301
4327
 
4302
4328
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
@@ -4325,7 +4351,17 @@ ejs-listbox {
4325
4351
 
4326
4352
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4327
4353
  .e-listbox-container.e-filter-list .e-list-parent {
4328
- height: calc(100% - 47px);
4354
+ height: calc(100% - 43px);
4355
+ }
4356
+
4357
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4358
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4359
+ height: calc(100% - 79px);
4360
+ }
4361
+
4362
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4363
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4364
+ height: calc(100% - 36px);
4329
4365
  }
4330
4366
 
4331
4367
  .e-listbox-wrapper .e-icons,
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,
@@ -4353,7 +4369,17 @@ ejs-listbox {
4353
4369
 
4354
4370
  .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4355
4371
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4356
- height: calc(100% - 55px);
4372
+ height: calc(100% - 50px);
4373
+ }
4374
+
4375
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4376
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4377
+ height: calc(100% - 98px);
4378
+ }
4379
+
4380
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4381
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4382
+ height: calc(100% - 48px);
4357
4383
  }
4358
4384
 
4359
4385
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
@@ -4382,7 +4408,17 @@ ejs-listbox {
4382
4408
 
4383
4409
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4384
4410
  .e-listbox-container.e-filter-list .e-list-parent {
4385
- height: calc(100% - 47px);
4411
+ height: calc(100% - 43px);
4412
+ }
4413
+
4414
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4415
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4416
+ height: calc(100% - 79px);
4417
+ }
4418
+
4419
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4420
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4421
+ height: calc(100% - 36px);
4386
4422
  }
4387
4423
 
4388
4424
  .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,
@@ -3003,6 +3019,16 @@ ejs-listbox {
3003
3019
  height: calc(100% - 55px);
3004
3020
  }
3005
3021
 
3022
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3023
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3024
+ height: calc(100% - 94px);
3025
+ }
3026
+
3027
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3028
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3029
+ height: calc(100% - 48px);
3030
+ }
3031
+
3006
3032
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3007
3033
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3008
3034
  height: calc(100% - 45px);
@@ -3042,6 +3068,16 @@ ejs-listbox {
3042
3068
  height: calc(100% - 47px);
3043
3069
  }
3044
3070
 
3071
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3072
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3073
+ height: calc(100% - 76px);
3074
+ }
3075
+
3076
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3077
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3078
+ height: calc(100% - 38px);
3079
+ }
3080
+
3045
3081
  .e-listbox-wrapper .e-icons,
3046
3082
  .e-listbox-container .e-icons {
3047
3083
  color: #d1d5db;
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,
@@ -3003,6 +3019,16 @@ ejs-listbox {
3003
3019
  height: calc(100% - 55px);
3004
3020
  }
3005
3021
 
3022
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3023
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3024
+ height: calc(100% - 94px);
3025
+ }
3026
+
3027
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3028
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3029
+ height: calc(100% - 48px);
3030
+ }
3031
+
3006
3032
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3007
3033
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3008
3034
  height: calc(100% - 45px);
@@ -3042,6 +3068,16 @@ ejs-listbox {
3042
3068
  height: calc(100% - 47px);
3043
3069
  }
3044
3070
 
3071
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3072
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3073
+ height: calc(100% - 76px);
3074
+ }
3075
+
3076
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3077
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3078
+ height: calc(100% - 38px);
3079
+ }
3080
+
3045
3081
  .e-listbox-wrapper .e-icons,
3046
3082
  .e-listbox-container .e-icons {
3047
3083
  color: #6b7280;