@syncfusion/ej2-angular-dropdowns 23.1.40 → 23.1.41

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 (91) hide show
  1. package/esm2020/src/drop-down-tree/dropdowntree.component.mjs +3 -3
  2. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +2 -2
  3. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  4. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +2 -2
  5. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  6. package/package.json +7 -7
  7. package/schematics/utils/lib-details.d.ts +2 -2
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/styles/auto-complete/bootstrap4.css +13 -2
  11. package/styles/bootstrap-dark.css +83 -9
  12. package/styles/bootstrap.css +83 -9
  13. package/styles/bootstrap4.css +116 -12
  14. package/styles/bootstrap5-dark.css +84 -10
  15. package/styles/bootstrap5.css +84 -10
  16. package/styles/combo-box/bootstrap4.css +13 -2
  17. package/styles/drop-down-list/_bootstrap4-definition.scss +13 -2
  18. package/styles/drop-down-list/bootstrap4.css +13 -2
  19. package/styles/fabric-dark.css +84 -10
  20. package/styles/fabric.css +84 -10
  21. package/styles/fluent-dark.css +83 -9
  22. package/styles/fluent.css +83 -9
  23. package/styles/highcontrast-light.css +83 -9
  24. package/styles/highcontrast.css +83 -9
  25. package/styles/list-box/_bootstrap-dark-definition.scss +6 -2
  26. package/styles/list-box/_bootstrap-definition.scss +7 -3
  27. package/styles/list-box/_bootstrap4-definition.scss +8 -4
  28. package/styles/list-box/_bootstrap5-definition.scss +6 -4
  29. package/styles/list-box/_fabric-dark-definition.scss +6 -2
  30. package/styles/list-box/_fabric-definition.scss +6 -2
  31. package/styles/list-box/_fluent-definition.scss +8 -6
  32. package/styles/list-box/_highcontrast-definition.scss +6 -2
  33. package/styles/list-box/_highcontrast-light-definition.scss +6 -2
  34. package/styles/list-box/_material-dark-definition.scss +8 -4
  35. package/styles/list-box/_material-definition.scss +8 -4
  36. package/styles/list-box/_material3-definition.scss +8 -6
  37. package/styles/list-box/_tailwind-definition.scss +8 -6
  38. package/styles/list-box/_theme.scss +73 -8
  39. package/styles/list-box/bootstrap-dark.css +71 -8
  40. package/styles/list-box/bootstrap.css +71 -8
  41. package/styles/list-box/bootstrap4.css +72 -9
  42. package/styles/list-box/bootstrap5-dark.css +72 -9
  43. package/styles/list-box/bootstrap5.css +72 -9
  44. package/styles/list-box/fabric-dark.css +71 -8
  45. package/styles/list-box/fabric.css +71 -8
  46. package/styles/list-box/fluent-dark.css +71 -8
  47. package/styles/list-box/fluent.css +71 -8
  48. package/styles/list-box/highcontrast-light.css +71 -8
  49. package/styles/list-box/highcontrast.css +71 -8
  50. package/styles/list-box/material-dark.css +72 -9
  51. package/styles/list-box/material.css +72 -9
  52. package/styles/list-box/material3-dark.css +72 -9
  53. package/styles/list-box/material3.css +72 -9
  54. package/styles/list-box/tailwind-dark.css +72 -9
  55. package/styles/list-box/tailwind.css +72 -9
  56. package/styles/material-dark.css +84 -10
  57. package/styles/material.css +84 -10
  58. package/styles/material3-dark.css +82 -9
  59. package/styles/material3.css +82 -9
  60. package/styles/multi-select/_bootstrap-dark-definition.scss +2 -0
  61. package/styles/multi-select/_bootstrap-definition.scss +2 -0
  62. package/styles/multi-select/_bootstrap4-definition.scss +21 -0
  63. package/styles/multi-select/_bootstrap5-definition.scss +2 -0
  64. package/styles/multi-select/_fabric-dark-definition.scss +3 -1
  65. package/styles/multi-select/_fabric-definition.scss +3 -1
  66. package/styles/multi-select/_fluent-definition.scss +2 -0
  67. package/styles/multi-select/_highcontrast-definition.scss +2 -0
  68. package/styles/multi-select/_highcontrast-light-definition.scss +2 -0
  69. package/styles/multi-select/_layout.scss +12 -1
  70. package/styles/multi-select/_material-dark-definition.scss +2 -0
  71. package/styles/multi-select/_material-definition.scss +2 -0
  72. package/styles/multi-select/_tailwind-definition.scss +2 -0
  73. package/styles/multi-select/bootstrap-dark.css +12 -1
  74. package/styles/multi-select/bootstrap.css +12 -1
  75. package/styles/multi-select/bootstrap4.css +31 -1
  76. package/styles/multi-select/bootstrap5-dark.css +12 -1
  77. package/styles/multi-select/bootstrap5.css +12 -1
  78. package/styles/multi-select/fabric-dark.css +13 -2
  79. package/styles/multi-select/fabric.css +13 -2
  80. package/styles/multi-select/fluent-dark.css +12 -1
  81. package/styles/multi-select/fluent.css +12 -1
  82. package/styles/multi-select/highcontrast-light.css +12 -1
  83. package/styles/multi-select/highcontrast.css +12 -1
  84. package/styles/multi-select/material-dark.css +12 -1
  85. package/styles/multi-select/material.css +12 -1
  86. package/styles/multi-select/material3-dark.css +10 -0
  87. package/styles/multi-select/material3.css +10 -0
  88. package/styles/multi-select/tailwind-dark.css +12 -1
  89. package/styles/multi-select/tailwind.css +12 -1
  90. package/styles/tailwind-dark.css +84 -10
  91. package/styles/tailwind.css +84 -10
@@ -1527,7 +1527,8 @@ ejs-dropdownlist {
1527
1527
  padding: 0 0 0 48px;
1528
1528
  }
1529
1529
 
1530
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1530
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1531
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1531
1532
  margin-top: -1.3em;
1532
1533
  }
1533
1534
 
@@ -2104,6 +2105,11 @@ ejs-multiselect {
2104
2105
  width: 28px;
2105
2106
  }
2106
2107
 
2108
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2109
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2110
+ margin-top: -1.3em;
2111
+ }
2112
+
2107
2113
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2108
2114
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2109
2115
  line-height: 32px;
@@ -2111,6 +2117,11 @@ ejs-multiselect {
2111
2117
  text-indent: 14px;
2112
2118
  }
2113
2119
 
2120
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2121
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2122
+ margin-top: -1.3em;
2123
+ }
2124
+
2114
2125
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2115
2126
  height: 18px;
2116
2127
  width: 18px;
@@ -3148,27 +3159,66 @@ ejs-listbox {
3148
3159
  }
3149
3160
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3150
3161
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3151
- height: calc(100% - 45px);
3162
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3163
+ }
3164
+
3165
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3166
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3167
+ }
3168
+
3169
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3170
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3152
3171
  }
3153
3172
 
3154
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3155
3173
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3156
- height: calc(100% - 57px);
3174
+ height: 100%;
3157
3175
  }
3158
3176
 
3159
3177
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3160
3178
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3161
- height: calc(100% - 94px);
3179
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3180
+ }
3181
+
3182
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3183
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3184
+ }
3185
+
3186
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3187
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3188
+ }
3189
+
3190
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3191
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3192
+ }
3193
+
3194
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3195
+ height: 100%;
3162
3196
  }
3163
3197
 
3164
3198
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3199
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3200
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3201
+ }
3202
+
3165
3203
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3166
- height: calc(100% - 48px);
3204
+ height: 100%;
3167
3205
  }
3168
3206
 
3169
3207
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3208
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3209
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
3210
+ }
3211
+
3212
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3213
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3214
+ }
3215
+
3216
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3217
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3218
+ }
3219
+
3170
3220
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3171
- height: calc(100% - 53px);
3221
+ height: 100%;
3172
3222
  }
3173
3223
 
3174
3224
  .e-listbox-wrapper,
@@ -3205,19 +3255,19 @@ ejs-listbox {
3205
3255
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3206
3256
  .e-listbox-container.e-filter-list .e-list-parent,
3207
3257
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3208
- height: calc(100% - 49px);
3258
+ height: calc(100% - 50px);
3209
3259
  }
3210
3260
 
3211
3261
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3212
3262
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3213
3263
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3214
- height: calc(100% - 76px);
3264
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3215
3265
  }
3216
3266
 
3217
3267
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3218
3268
  .e-listbox-container .e-selectall-parent + .e-list-parent,
3219
3269
  .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3220
- height: calc(100% - 38px);
3270
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3221
3271
  }
3222
3272
 
3223
3273
  .e-listbox-wrapper .e-icons,
@@ -3487,6 +3537,30 @@ ejs-listbox {
3487
3537
  padding-right: 16px;
3488
3538
  }
3489
3539
 
3540
+ .e-listbox-container.e-filter-list .e-list-parent {
3541
+ height: 100%;
3542
+ }
3543
+
3544
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3545
+ height: 100%;
3546
+ }
3547
+
3548
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3549
+ height: 100%;
3550
+ }
3551
+
3552
+ .e-listbox-container.e-filter-list .e-list-wrap {
3553
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3554
+ }
3555
+
3556
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3557
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3558
+ }
3559
+
3560
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3561
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3562
+ }
3563
+
3490
3564
  /* stylelint-disable-line no-empty-source */
3491
3565
  /* stylelint-disable property-no-vendor-prefix */
3492
3566
  @keyframes material-spinner-rotate {
@@ -1527,7 +1527,8 @@ ejs-dropdownlist {
1527
1527
  padding: 0 0 0 48px;
1528
1528
  }
1529
1529
 
1530
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1530
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1531
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1531
1532
  margin-top: -1.3em;
1532
1533
  }
1533
1534
 
@@ -2104,6 +2105,11 @@ ejs-multiselect {
2104
2105
  width: 28px;
2105
2106
  }
2106
2107
 
2108
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2109
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2110
+ margin-top: -1.3em;
2111
+ }
2112
+
2107
2113
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2108
2114
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2109
2115
  line-height: 32px;
@@ -2111,6 +2117,11 @@ ejs-multiselect {
2111
2117
  text-indent: 14px;
2112
2118
  }
2113
2119
 
2120
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2121
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2122
+ margin-top: -1.3em;
2123
+ }
2124
+
2114
2125
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2115
2126
  height: 18px;
2116
2127
  width: 18px;
@@ -3148,27 +3159,66 @@ ejs-listbox {
3148
3159
  }
3149
3160
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3150
3161
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3151
- height: calc(100% - 45px);
3162
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3163
+ }
3164
+
3165
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3166
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3167
+ }
3168
+
3169
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3170
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3152
3171
  }
3153
3172
 
3154
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3155
3173
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3156
- height: calc(100% - 57px);
3174
+ height: 100%;
3157
3175
  }
3158
3176
 
3159
3177
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3160
3178
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3161
- height: calc(100% - 94px);
3179
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3180
+ }
3181
+
3182
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3183
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3184
+ }
3185
+
3186
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3187
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3188
+ }
3189
+
3190
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3191
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3192
+ }
3193
+
3194
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3195
+ height: 100%;
3162
3196
  }
3163
3197
 
3164
3198
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3199
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3200
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3201
+ }
3202
+
3165
3203
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3166
- height: calc(100% - 48px);
3204
+ height: 100%;
3167
3205
  }
3168
3206
 
3169
3207
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3208
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3209
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
3210
+ }
3211
+
3212
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3213
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3214
+ }
3215
+
3216
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3217
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3218
+ }
3219
+
3170
3220
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3171
- height: calc(100% - 53px);
3221
+ height: 100%;
3172
3222
  }
3173
3223
 
3174
3224
  .e-listbox-wrapper,
@@ -3205,19 +3255,19 @@ ejs-listbox {
3205
3255
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3206
3256
  .e-listbox-container.e-filter-list .e-list-parent,
3207
3257
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3208
- height: calc(100% - 49px);
3258
+ height: calc(100% - 50px);
3209
3259
  }
3210
3260
 
3211
3261
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3212
3262
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3213
3263
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3214
- height: calc(100% - 76px);
3264
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3215
3265
  }
3216
3266
 
3217
3267
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3218
3268
  .e-listbox-container .e-selectall-parent + .e-list-parent,
3219
3269
  .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3220
- height: calc(100% - 38px);
3270
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3221
3271
  }
3222
3272
 
3223
3273
  .e-listbox-wrapper .e-icons,
@@ -3487,6 +3537,30 @@ ejs-listbox {
3487
3537
  padding-right: 16px;
3488
3538
  }
3489
3539
 
3540
+ .e-listbox-container.e-filter-list .e-list-parent {
3541
+ height: 100%;
3542
+ }
3543
+
3544
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3545
+ height: 100%;
3546
+ }
3547
+
3548
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3549
+ height: 100%;
3550
+ }
3551
+
3552
+ .e-listbox-container.e-filter-list .e-list-wrap {
3553
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3554
+ }
3555
+
3556
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3557
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3558
+ }
3559
+
3560
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3561
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3562
+ }
3563
+
3490
3564
  /* stylelint-disable-line no-empty-source */
3491
3565
  /* stylelint-disable property-no-vendor-prefix */
3492
3566
  @keyframes material-spinner-rotate {