@syncfusion/ej2-vue-dropdowns 22.2.12 → 23.1.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 (111) hide show
  1. package/CHANGELOG.md +9 -212
  2. package/dist/ej2-vue-dropdowns.umd.min.js +3 -3
  3. package/dist/ej2-vue-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js +15 -6
  5. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-dropdowns.es5.js +15 -6
  7. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-dropdowns.min.js +3 -3
  9. package/package.json +9 -9
  10. package/src/auto-complete/autocomplete.component.d.ts +3 -1
  11. package/src/auto-complete/autocomplete.component.js +5 -2
  12. package/src/combo-box/combobox.component.d.ts +3 -1
  13. package/src/combo-box/combobox.component.js +5 -2
  14. package/src/drop-down-list/dropdownlist.component.d.ts +3 -1
  15. package/src/drop-down-list/dropdownlist.component.js +5 -2
  16. package/src/drop-down-tree/dropdowntree.component.d.ts +3 -1
  17. package/src/list-box/listbox.component.d.ts +3 -1
  18. package/src/mention/mention.component.d.ts +3 -1
  19. package/src/multi-select/multiselect.component.d.ts +3 -1
  20. package/styles/auto-complete/material-dark.css +0 -1
  21. package/styles/auto-complete/material.css +0 -1
  22. package/styles/auto-complete/material3-dark.css +0 -1
  23. package/styles/auto-complete/material3-dark.scss +1 -1
  24. package/styles/auto-complete/material3.css +0 -1
  25. package/styles/auto-complete/material3.scss +1 -1
  26. package/styles/auto-complete/tailwind-dark.css +0 -1
  27. package/styles/auto-complete/tailwind.css +0 -1
  28. package/styles/bootstrap-dark.css +70 -15
  29. package/styles/bootstrap.css +70 -15
  30. package/styles/bootstrap4.css +71 -16
  31. package/styles/bootstrap5-dark.css +71 -16
  32. package/styles/bootstrap5.css +71 -16
  33. package/styles/combo-box/material-dark.css +0 -1
  34. package/styles/combo-box/material.css +0 -1
  35. package/styles/combo-box/material3-dark.css +0 -1
  36. package/styles/combo-box/material3-dark.scss +1 -1
  37. package/styles/combo-box/material3.css +0 -1
  38. package/styles/combo-box/material3.scss +1 -1
  39. package/styles/combo-box/tailwind-dark.css +0 -1
  40. package/styles/combo-box/tailwind.css +0 -1
  41. package/styles/drop-down-base/material-dark.css +0 -1
  42. package/styles/drop-down-base/material.css +0 -1
  43. package/styles/drop-down-base/material3-dark.css +0 -1
  44. package/styles/drop-down-base/material3-dark.scss +1 -1
  45. package/styles/drop-down-base/material3.css +0 -1
  46. package/styles/drop-down-base/material3.scss +1 -1
  47. package/styles/drop-down-base/tailwind-dark.css +0 -1
  48. package/styles/drop-down-base/tailwind.css +0 -1
  49. package/styles/drop-down-list/material-dark.css +0 -1
  50. package/styles/drop-down-list/material.css +0 -1
  51. package/styles/drop-down-list/material3-dark.css +0 -1
  52. package/styles/drop-down-list/material3-dark.scss +1 -1
  53. package/styles/drop-down-list/material3.css +0 -1
  54. package/styles/drop-down-list/material3.scss +1 -1
  55. package/styles/drop-down-list/tailwind-dark.css +0 -1
  56. package/styles/drop-down-list/tailwind.css +0 -1
  57. package/styles/drop-down-tree/material-dark.css +0 -1
  58. package/styles/drop-down-tree/material.css +0 -1
  59. package/styles/drop-down-tree/material3-dark.css +0 -1
  60. package/styles/drop-down-tree/material3-dark.scss +1 -1
  61. package/styles/drop-down-tree/material3.css +0 -1
  62. package/styles/drop-down-tree/material3.scss +1 -1
  63. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  64. package/styles/drop-down-tree/tailwind.css +0 -1
  65. package/styles/fabric-dark.css +70 -15
  66. package/styles/fabric.css +70 -15
  67. package/styles/fluent-dark.css +71 -16
  68. package/styles/fluent.css +71 -16
  69. package/styles/highcontrast-light.css +70 -15
  70. package/styles/highcontrast.css +70 -15
  71. package/styles/list-box/bootstrap-dark.css +70 -15
  72. package/styles/list-box/bootstrap.css +70 -15
  73. package/styles/list-box/bootstrap4.css +71 -16
  74. package/styles/list-box/bootstrap5-dark.css +71 -16
  75. package/styles/list-box/bootstrap5.css +71 -16
  76. package/styles/list-box/fabric-dark.css +70 -15
  77. package/styles/list-box/fabric.css +70 -15
  78. package/styles/list-box/fluent-dark.css +71 -16
  79. package/styles/list-box/fluent.css +71 -16
  80. package/styles/list-box/highcontrast-light.css +70 -15
  81. package/styles/list-box/highcontrast.css +70 -15
  82. package/styles/list-box/material-dark.css +71 -17
  83. package/styles/list-box/material.css +71 -17
  84. package/styles/list-box/material3-dark.css +71 -17
  85. package/styles/list-box/material3-dark.scss +1 -1
  86. package/styles/list-box/material3.css +71 -17
  87. package/styles/list-box/material3.scss +1 -1
  88. package/styles/list-box/tailwind-dark.css +71 -17
  89. package/styles/list-box/tailwind.css +71 -17
  90. package/styles/material-dark.css +71 -17
  91. package/styles/material.css +71 -17
  92. package/styles/material3-dark.css +71 -24
  93. package/styles/material3.css +71 -17
  94. package/styles/mention/material-dark.css +0 -1
  95. package/styles/mention/material.css +0 -1
  96. package/styles/mention/material3-dark.css +0 -1
  97. package/styles/mention/material3-dark.scss +1 -1
  98. package/styles/mention/material3.css +0 -1
  99. package/styles/mention/material3.scss +1 -1
  100. package/styles/mention/tailwind-dark.css +0 -1
  101. package/styles/mention/tailwind.css +0 -1
  102. package/styles/multi-select/material-dark.css +0 -1
  103. package/styles/multi-select/material.css +0 -1
  104. package/styles/multi-select/material3-dark.css +0 -1
  105. package/styles/multi-select/material3-dark.scss +1 -1
  106. package/styles/multi-select/material3.css +0 -1
  107. package/styles/multi-select/material3.scss +1 -1
  108. package/styles/multi-select/tailwind-dark.css +0 -1
  109. package/styles/multi-select/tailwind.css +0 -1
  110. package/styles/tailwind-dark.css +71 -24
  111. package/styles/tailwind.css +71 -24
@@ -2671,11 +2671,6 @@ ejs-multiselect {
2671
2671
  padding: 10px 16px 10px 16px;
2672
2672
  position: relative;
2673
2673
  }
2674
- .e-listbox-wrapper.e-filter-list,
2675
- .e-listbox-container.e-filter-list,
2676
- .e-listboxtool-wrapper.e-filter-list {
2677
- overflow: inherit;
2678
- }
2679
2674
  .e-listbox-wrapper .e-list-parent,
2680
2675
  .e-listbox-container .e-list-parent,
2681
2676
  .e-listboxtool-wrapper .e-list-parent {
@@ -2959,9 +2954,6 @@ ejs-listbox {
2959
2954
  overflow: auto;
2960
2955
  }
2961
2956
 
2962
- .e-listbox-wrapper.e-filter-list {
2963
- overflow: inherit;
2964
- }
2965
2957
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2966
2958
  overflow: auto;
2967
2959
  }
@@ -3207,27 +3199,66 @@ ejs-listbox {
3207
3199
 
3208
3200
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3209
3201
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3210
- height: calc(100% - 32px);
3202
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
3203
+ }
3204
+
3205
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3206
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3207
+ }
3208
+
3209
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3210
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3211
3211
  }
3212
3212
 
3213
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3214
3213
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3215
- height: calc(100% - 46px);
3214
+ height: 100%;
3216
3215
  }
3217
3216
 
3218
3217
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3219
3218
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3220
- height: calc(100% - 96px);
3219
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3220
+ }
3221
+
3222
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3223
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3224
+ }
3225
+
3226
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3227
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3228
+ }
3229
+
3230
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3231
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3232
+ }
3233
+
3234
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3235
+ height: 100%;
3221
3236
  }
3222
3237
 
3223
3238
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3239
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3240
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3241
+ }
3242
+
3224
3243
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3225
- height: calc(100% - 50px);
3244
+ height: 100%;
3226
3245
  }
3227
3246
 
3228
3247
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3248
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3249
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3250
+ }
3251
+
3252
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3253
+ height: calc(100% - 90.5px) !important; /* stylelint-disable-line declaration-no-important */
3254
+ }
3255
+
3256
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3257
+ height: calc(100% - 108px) !important; /* stylelint-disable-line declaration-no-important */
3258
+ }
3259
+
3229
3260
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3230
- height: calc(100% - 44px);
3261
+ height: 100%;
3231
3262
  }
3232
3263
 
3233
3264
  .e-listbox-wrapper,
@@ -3254,13 +3285,13 @@ ejs-listbox {
3254
3285
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3255
3286
  .e-listbox-container.e-filter-list .e-list-parent,
3256
3287
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3257
- height: calc(100% - 39px);
3288
+ height: calc(100% - 51px);
3258
3289
  }
3259
3290
 
3260
3291
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3261
3292
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3262
3293
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3263
- height: calc(100% - 79px);
3294
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
3264
3295
  }
3265
3296
 
3266
3297
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3536,6 +3567,30 @@ ejs-listbox {
3536
3567
  padding-right: 1.0714em;
3537
3568
  }
3538
3569
 
3570
+ .e-listbox-container.e-filter-list .e-list-parent {
3571
+ height: 100%;
3572
+ }
3573
+
3574
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3575
+ height: 100%;
3576
+ }
3577
+
3578
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3579
+ height: 100%;
3580
+ }
3581
+
3582
+ .e-listbox-container.e-filter-list .e-list-wrap {
3583
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3584
+ }
3585
+
3586
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3587
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
3588
+ }
3589
+
3590
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3591
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3592
+ }
3593
+
3539
3594
  /* stylelint-disable property-no-vendor-prefix */
3540
3595
  @keyframes material-spinner-rotate {
3541
3596
  0% {
@@ -2663,11 +2663,6 @@ ejs-multiselect {
2663
2663
  padding: 10px 12px;
2664
2664
  position: relative;
2665
2665
  }
2666
- .e-listbox-wrapper.e-filter-list,
2667
- .e-listbox-container.e-filter-list,
2668
- .e-listboxtool-wrapper.e-filter-list {
2669
- overflow: inherit;
2670
- }
2671
2666
  .e-listbox-wrapper .e-list-parent,
2672
2667
  .e-listbox-container .e-list-parent,
2673
2668
  .e-listboxtool-wrapper .e-list-parent {
@@ -2951,9 +2946,6 @@ ejs-listbox {
2951
2946
  overflow: auto;
2952
2947
  }
2953
2948
 
2954
- .e-listbox-wrapper.e-filter-list {
2955
- overflow: inherit;
2956
- }
2957
2949
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2958
2950
  overflow: auto;
2959
2951
  }
@@ -3155,27 +3147,66 @@ ejs-listbox {
3155
3147
  }
3156
3148
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3157
3149
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3158
- height: calc(100% - 45px);
3150
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3151
+ }
3152
+
3153
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3154
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3155
+ }
3156
+
3157
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3158
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3159
3159
  }
3160
3160
 
3161
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3162
3161
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3163
- height: calc(100% - 55px);
3162
+ height: 100%;
3164
3163
  }
3165
3164
 
3166
3165
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3167
3166
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3168
- height: calc(100% - 96px);
3167
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3168
+ }
3169
+
3170
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3171
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3172
+ }
3173
+
3174
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3175
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3176
+ }
3177
+
3178
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3179
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3180
+ }
3181
+
3182
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3183
+ height: 100%;
3169
3184
  }
3170
3185
 
3171
3186
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3187
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3188
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3189
+ }
3190
+
3172
3191
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3173
- height: calc(100% - 40px);
3192
+ height: 100%;
3174
3193
  }
3175
3194
 
3176
3195
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3196
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3197
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3198
+ }
3199
+
3200
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3201
+ height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3202
+ }
3203
+
3204
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3205
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3206
+ }
3207
+
3177
3208
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3178
- height: calc(100% - 45px);
3209
+ height: 100%;
3179
3210
  }
3180
3211
 
3181
3212
  .e-listbox-wrapper,
@@ -3202,13 +3233,13 @@ ejs-listbox {
3202
3233
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3203
3234
  .e-listbox-container.e-filter-list .e-list-parent,
3204
3235
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3205
- height: calc(100% - 47px);
3236
+ height: calc(100% - 50px);
3206
3237
  }
3207
3238
 
3208
3239
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3209
3240
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3210
3241
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3211
- height: calc(100% - 86px);
3242
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3212
3243
  }
3213
3244
 
3214
3245
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3478,6 +3509,30 @@ ejs-listbox {
3478
3509
  padding-right: 16px;
3479
3510
  }
3480
3511
 
3512
+ .e-listbox-container.e-filter-list .e-list-parent {
3513
+ height: 100%;
3514
+ }
3515
+
3516
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3517
+ height: 100%;
3518
+ }
3519
+
3520
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3521
+ height: 100%;
3522
+ }
3523
+
3524
+ .e-listbox-container.e-filter-list .e-list-wrap {
3525
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3526
+ }
3527
+
3528
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3529
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3530
+ }
3531
+
3532
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3533
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3534
+ }
3535
+
3481
3536
  /* stylelint-disable-line no-empty-source */
3482
3537
  /* stylelint-disable property-no-vendor-prefix */
3483
3538
  @keyframes material-spinner-rotate {
@@ -2663,11 +2663,6 @@ ejs-multiselect {
2663
2663
  padding: 10px 12px;
2664
2664
  position: relative;
2665
2665
  }
2666
- .e-listbox-wrapper.e-filter-list,
2667
- .e-listbox-container.e-filter-list,
2668
- .e-listboxtool-wrapper.e-filter-list {
2669
- overflow: inherit;
2670
- }
2671
2666
  .e-listbox-wrapper .e-list-parent,
2672
2667
  .e-listbox-container .e-list-parent,
2673
2668
  .e-listboxtool-wrapper .e-list-parent {
@@ -2951,9 +2946,6 @@ ejs-listbox {
2951
2946
  overflow: auto;
2952
2947
  }
2953
2948
 
2954
- .e-listbox-wrapper.e-filter-list {
2955
- overflow: inherit;
2956
- }
2957
2949
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2958
2950
  overflow: auto;
2959
2951
  }
@@ -3155,27 +3147,66 @@ ejs-listbox {
3155
3147
  }
3156
3148
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3157
3149
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3158
- height: calc(100% - 45px);
3150
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3151
+ }
3152
+
3153
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3154
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3155
+ }
3156
+
3157
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3158
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3159
3159
  }
3160
3160
 
3161
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3162
3161
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3163
- height: calc(100% - 55px);
3162
+ height: 100%;
3164
3163
  }
3165
3164
 
3166
3165
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3167
3166
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3168
- height: calc(100% - 96px);
3167
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3168
+ }
3169
+
3170
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3171
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3172
+ }
3173
+
3174
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3175
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3176
+ }
3177
+
3178
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3179
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3180
+ }
3181
+
3182
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3183
+ height: 100%;
3169
3184
  }
3170
3185
 
3171
3186
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3187
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3188
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3189
+ }
3190
+
3172
3191
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3173
- height: calc(100% - 40px);
3192
+ height: 100%;
3174
3193
  }
3175
3194
 
3176
3195
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3196
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3197
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3198
+ }
3199
+
3200
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3201
+ height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3202
+ }
3203
+
3204
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3205
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3206
+ }
3207
+
3177
3208
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3178
- height: calc(100% - 45px);
3209
+ height: 100%;
3179
3210
  }
3180
3211
 
3181
3212
  .e-listbox-wrapper,
@@ -3202,13 +3233,13 @@ ejs-listbox {
3202
3233
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3203
3234
  .e-listbox-container.e-filter-list .e-list-parent,
3204
3235
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3205
- height: calc(100% - 47px);
3236
+ height: calc(100% - 50px);
3206
3237
  }
3207
3238
 
3208
3239
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3209
3240
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3210
3241
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3211
- height: calc(100% - 86px);
3242
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3212
3243
  }
3213
3244
 
3214
3245
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3478,6 +3509,30 @@ ejs-listbox {
3478
3509
  padding-right: 16px;
3479
3510
  }
3480
3511
 
3512
+ .e-listbox-container.e-filter-list .e-list-parent {
3513
+ height: 100%;
3514
+ }
3515
+
3516
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3517
+ height: 100%;
3518
+ }
3519
+
3520
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3521
+ height: 100%;
3522
+ }
3523
+
3524
+ .e-listbox-container.e-filter-list .e-list-wrap {
3525
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3526
+ }
3527
+
3528
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3529
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3530
+ }
3531
+
3532
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3533
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3534
+ }
3535
+
3481
3536
  /* stylelint-disable-line no-empty-source */
3482
3537
  /* stylelint-disable property-no-vendor-prefix */
3483
3538
  @keyframes material-spinner-rotate {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/combo-box/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/combo-box/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-base/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-base/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-dropdownbase .e-list-item.e-active,
3
2
  .e-dropdownbase .e-list-item.e-active.e-hover {
4
3
  font-weight: 500;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-dropdownbase .e-list-item.e-active,
3
2
  .e-dropdownbase .e-list-item.e-active.e-hover {
4
3
  font-weight: 500;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-list/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-list/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-tree/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-tree/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */