@syncfusion/ej2-angular-dropdowns 19.4.40 → 19.4.48

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 (57) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-angular-dropdowns.umd.js +1 -1
  4. package/dist/ej2-angular-dropdowns.umd.min.js +1 -1
  5. package/package.json +8 -8
  6. package/schematics/utils/lib-details.d.ts +2 -2
  7. package/schematics/utils/lib-details.js +2 -2
  8. package/schematics/utils/lib-details.ts +2 -2
  9. package/styles/auto-complete/bootstrap5-dark.css +0 -1
  10. package/styles/auto-complete/bootstrap5.css +0 -1
  11. package/styles/bootstrap-dark.css +21 -3
  12. package/styles/bootstrap.css +21 -3
  13. package/styles/bootstrap4.css +21 -3
  14. package/styles/bootstrap5-dark.css +33 -9
  15. package/styles/bootstrap5.css +33 -9
  16. package/styles/combo-box/bootstrap5-dark.css +0 -1
  17. package/styles/combo-box/bootstrap5.css +0 -1
  18. package/styles/drop-down-list/bootstrap5-dark.css +0 -1
  19. package/styles/drop-down-list/bootstrap5.css +0 -1
  20. package/styles/drop-down-tree/bootstrap5-dark.css +11 -4
  21. package/styles/drop-down-tree/bootstrap5.css +11 -4
  22. package/styles/drop-down-tree/tailwind-dark.css +1 -0
  23. package/styles/drop-down-tree/tailwind.css +1 -0
  24. package/styles/fabric-dark.css +21 -3
  25. package/styles/fabric.css +21 -3
  26. package/styles/highcontrast-light.css +21 -3
  27. package/styles/highcontrast.css +21 -3
  28. package/styles/list-box/bootstrap-dark.css +10 -0
  29. package/styles/list-box/bootstrap.css +10 -0
  30. package/styles/list-box/bootstrap4.css +10 -0
  31. package/styles/list-box/bootstrap5-dark.css +11 -1
  32. package/styles/list-box/bootstrap5.css +11 -1
  33. package/styles/list-box/fabric-dark.css +10 -0
  34. package/styles/list-box/fabric.css +10 -0
  35. package/styles/list-box/highcontrast-light.css +10 -0
  36. package/styles/list-box/highcontrast.css +10 -0
  37. package/styles/list-box/material-dark.css +10 -0
  38. package/styles/list-box/material.css +10 -0
  39. package/styles/list-box/tailwind-dark.css +13 -3
  40. package/styles/list-box/tailwind.css +11 -1
  41. package/styles/material-dark.css +21 -97
  42. package/styles/material.css +21 -97
  43. package/styles/multi-select/bootstrap-dark.css +11 -3
  44. package/styles/multi-select/bootstrap.css +11 -3
  45. package/styles/multi-select/bootstrap4.css +11 -3
  46. package/styles/multi-select/bootstrap5-dark.css +11 -3
  47. package/styles/multi-select/bootstrap5.css +11 -3
  48. package/styles/multi-select/fabric-dark.css +11 -3
  49. package/styles/multi-select/fabric.css +11 -3
  50. package/styles/multi-select/highcontrast-light.css +11 -3
  51. package/styles/multi-select/highcontrast.css +11 -3
  52. package/styles/multi-select/material-dark.css +11 -97
  53. package/styles/multi-select/material.css +11 -97
  54. package/styles/multi-select/tailwind-dark.css +11 -3
  55. package/styles/multi-select/tailwind.css +11 -3
  56. package/styles/tailwind-dark.css +25 -6
  57. package/styles/tailwind.css +23 -4
package/styles/material.css CHANGED
@@ -2342,11 +2342,13 @@ ejs-dropdownlist {
2342
2342
  padding: 12px 4px 11px 0;
2343
2343
  }
2344
2344
 
2345
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
2345
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
2346
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
2346
2347
  width: 0;
2347
2348
  }
2348
2349
 
2349
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
2350
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
2351
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
2350
2352
  height: 1px;
2351
2353
  min-height: 1px;
2352
2354
  }
@@ -2476,7 +2478,8 @@ ejs-dropdownlist {
2476
2478
  word-wrap: initial;
2477
2479
  }
2478
2480
 
2479
- .e-multiselect.e-input-group .e-searcher .e-label-top {
2481
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
2482
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
2480
2483
  top: 15px;
2481
2484
  }
2482
2485
 
@@ -3152,100 +3155,6 @@ ejs-multiselect {
3152
3155
  padding: 3px 38px 1px 0;
3153
3156
  }
3154
3157
 
3155
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3156
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3157
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3158
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3159
- margin-top: -1.6em;
3160
- }
3161
-
3162
- .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3163
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3164
- .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3165
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3166
- margin-top: -2.8em;
3167
- right: 36px;
3168
- }
3169
-
3170
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3171
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3172
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3173
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3174
- margin-top: -1.4em;
3175
- }
3176
-
3177
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3178
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3179
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3180
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3181
- margin-right: 6px;
3182
- margin-top: -1.6em;
3183
- }
3184
-
3185
- .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3186
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3187
- .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3188
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3189
- .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3190
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3191
- .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3192
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3193
- margin-top: -3em;
3194
- right: 43px;
3195
- }
3196
-
3197
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3198
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3199
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3200
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3201
- margin-top: -1.4em;
3202
- }
3203
-
3204
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3205
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3206
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3207
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3208
- margin-top: -1.6em;
3209
- }
3210
-
3211
- .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3212
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3213
- .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3214
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3215
- .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3216
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3217
- .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3218
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3219
- margin-top: -2.6em;
3220
- right: 31px;
3221
- }
3222
-
3223
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3224
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3225
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3226
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3227
- margin-right: 6px;
3228
- margin-top: -1.7em;
3229
- }
3230
-
3231
- .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3232
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3233
- .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3234
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3235
- .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3236
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3237
- .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3238
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3239
- margin-top: -1.7em;
3240
- right: 36px;
3241
- }
3242
-
3243
- .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3244
- .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3245
- .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
3246
- padding: 11px 12px 0;
3247
- }
3248
-
3249
3158
  .e-multiselect.e-outline .e-multi-select-wrapper {
3250
3159
  min-height: 34px;
3251
3160
  padding: 3px 38px 1px 0;
@@ -4132,6 +4041,11 @@ ejs-multiselect {
4132
4041
  color: rgba(0, 0, 0, 0.38);
4133
4042
  }
4134
4043
 
4044
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
4045
+ -webkit-text-fill-color: rgba(0, 0, 0, 0.42);
4046
+ color: rgba(0, 0, 0, 0.42);
4047
+ }
4048
+
4135
4049
  .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
4136
4050
  background-color: #f5f5f5;
4137
4051
  }
@@ -4756,6 +4670,16 @@ ejs-listbox {
4756
4670
  height: calc(100% - 47px);
4757
4671
  }
4758
4672
 
4673
+ .e-listbox-wrapper.e-select-all .e-list-parent,
4674
+ .e-listbox-container.e-select-all .e-list-parent {
4675
+ height: calc(100% - 36px);
4676
+ }
4677
+
4678
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
4679
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
4680
+ height: calc(100% - 79px);
4681
+ }
4682
+
4759
4683
  .e-listbox-wrapper .e-icons,
4760
4684
  .e-listbox-container .e-icons {
4761
4685
  color: rgba(0, 0, 0, 0.54);
package/styles/multi-select/bootstrap-dark.css CHANGED
@@ -129,11 +129,13 @@
129
129
  padding: 13px 0 13px 0;
130
130
  }
131
131
 
132
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
132
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
133
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
133
134
  width: 0;
134
135
  }
135
136
 
136
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
137
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
138
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
137
139
  height: 1px;
138
140
  min-height: 1px;
139
141
  }
@@ -261,7 +263,8 @@
261
263
  word-wrap: initial;
262
264
  }
263
265
 
264
- .e-multiselect.e-input-group .e-searcher .e-label-top {
266
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
267
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
265
268
  top: 17px;
266
269
  }
267
270
 
@@ -1243,3 +1246,8 @@ ejs-multiselect {
1243
1246
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1244
1247
  font-size: 10px;
1245
1248
  }
1249
+
1250
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1251
+ -webkit-text-fill-color: #9c9c9c;
1252
+ color: #9c9c9c;
1253
+ }
package/styles/multi-select/bootstrap.css CHANGED
@@ -127,11 +127,13 @@
127
127
  padding: 13px 0 13px 0;
128
128
  }
129
129
 
130
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
130
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
131
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
131
132
  width: 0;
132
133
  }
133
134
 
134
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
135
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
136
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
135
137
  height: 1px;
136
138
  min-height: 1px;
137
139
  }
@@ -259,7 +261,8 @@
259
261
  word-wrap: initial;
260
262
  }
261
263
 
262
- .e-multiselect.e-input-group .e-searcher .e-label-top {
264
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
265
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
263
266
  top: 16px;
264
267
  }
265
268
 
@@ -1241,3 +1244,8 @@ ejs-multiselect {
1241
1244
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1242
1245
  font-size: 10px;
1243
1246
  }
1247
+
1248
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1249
+ -webkit-text-fill-color: #999;
1250
+ color: #999;
1251
+ }
package/styles/multi-select/bootstrap4.css CHANGED
@@ -202,11 +202,13 @@
202
202
  padding: 13px 0 13px 0;
203
203
  }
204
204
 
205
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
205
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
206
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
206
207
  width: 0;
207
208
  }
208
209
 
209
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
210
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
211
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
210
212
  height: 1px;
211
213
  min-height: 1px;
212
214
  }
@@ -336,7 +338,8 @@
336
338
  word-wrap: initial;
337
339
  }
338
340
 
339
- .e-multiselect.e-input-group .e-searcher .e-label-top {
341
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
342
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
340
343
  top: 15px;
341
344
  }
342
345
 
@@ -1363,3 +1366,8 @@ ejs-multiselect {
1363
1366
  top: 11px;
1364
1367
  font-size: 10px;
1365
1368
  }
1369
+
1370
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1371
+ -webkit-text-fill-color: #6c757d;
1372
+ color: #6c757d;
1373
+ }
package/styles/multi-select/bootstrap5-dark.css CHANGED
@@ -162,11 +162,13 @@
162
162
  padding: 12px 4px 11px 0;
163
163
  }
164
164
 
165
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
165
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
166
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
166
167
  width: 0;
167
168
  }
168
169
 
169
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
170
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
171
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
170
172
  height: 1px;
171
173
  min-height: 1px;
172
174
  }
@@ -296,7 +298,8 @@
296
298
  word-wrap: initial;
297
299
  }
298
300
 
299
- .e-multiselect.e-input-group .e-searcher .e-label-top {
301
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
302
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
300
303
  top: 15px;
301
304
  }
302
305
 
@@ -1287,3 +1290,8 @@ ejs-multiselect {
1287
1290
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1288
1291
  font-size: 14px;
1289
1292
  }
1293
+
1294
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1295
+ -webkit-text-fill-color: #e9ecef;
1296
+ color: #e9ecef;
1297
+ }
package/styles/multi-select/bootstrap5.css CHANGED
@@ -162,11 +162,13 @@
162
162
  padding: 12px 4px 11px 0;
163
163
  }
164
164
 
165
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
165
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
166
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
166
167
  width: 0;
167
168
  }
168
169
 
169
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
170
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
171
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
170
172
  height: 1px;
171
173
  min-height: 1px;
172
174
  }
@@ -296,7 +298,8 @@
296
298
  word-wrap: initial;
297
299
  }
298
300
 
299
- .e-multiselect.e-input-group .e-searcher .e-label-top {
301
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
302
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
300
303
  top: 15px;
301
304
  }
302
305
 
@@ -1287,3 +1290,8 @@ ejs-multiselect {
1287
1290
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1288
1291
  font-size: 14px;
1289
1292
  }
1293
+
1294
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1295
+ -webkit-text-fill-color: #343a40;
1296
+ color: #343a40;
1297
+ }
package/styles/multi-select/fabric-dark.css CHANGED
@@ -120,11 +120,13 @@
120
120
  padding: 9px 0;
121
121
  }
122
122
 
123
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
123
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
124
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
124
125
  width: 0;
125
126
  }
126
127
 
127
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
128
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
129
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
128
130
  height: 1px;
129
131
  min-height: 1px;
130
132
  }
@@ -254,7 +256,8 @@
254
256
  word-wrap: initial;
255
257
  }
256
258
 
257
- .e-multiselect.e-input-group .e-searcher .e-label-top {
259
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
260
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
258
261
  top: 15px;
259
262
  }
260
263
 
@@ -1244,3 +1247,8 @@ ejs-multiselect {
1244
1247
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1245
1248
  font-size: 10px;
1246
1249
  }
1250
+
1251
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1252
+ -webkit-text-fill-color: #6f6c6c;
1253
+ color: #6f6c6c;
1254
+ }
package/styles/multi-select/fabric.css CHANGED
@@ -120,11 +120,13 @@
120
120
  padding: 9px 0;
121
121
  }
122
122
 
123
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
123
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
124
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
124
125
  width: 0;
125
126
  }
126
127
 
127
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
128
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
129
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
128
130
  height: 1px;
129
131
  min-height: 1px;
130
132
  }
@@ -254,7 +256,8 @@
254
256
  word-wrap: initial;
255
257
  }
256
258
 
257
- .e-multiselect.e-input-group .e-searcher .e-label-top {
259
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
260
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
258
261
  top: 15px;
259
262
  }
260
263
 
@@ -1244,3 +1247,8 @@ ejs-multiselect {
1244
1247
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1245
1248
  font-size: 10px;
1246
1249
  }
1250
+
1251
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1252
+ -webkit-text-fill-color: #a6a6a6;
1253
+ color: #a6a6a6;
1254
+ }
package/styles/multi-select/highcontrast-light.css CHANGED
@@ -237,11 +237,13 @@
237
237
  padding: 9px 0;
238
238
  }
239
239
 
240
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
240
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
241
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
241
242
  width: 0;
242
243
  }
243
244
 
244
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
245
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
246
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
245
247
  height: 1px;
246
248
  min-height: 1px;
247
249
  }
@@ -371,7 +373,8 @@
371
373
  word-wrap: initial;
372
374
  }
373
375
 
374
- .e-multiselect.e-input-group .e-searcher .e-label-top {
376
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
377
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
375
378
  top: 15px;
376
379
  }
377
380
 
@@ -1375,3 +1378,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
1375
1378
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1376
1379
  font-size: 10px;
1377
1380
  }
1381
+
1382
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1383
+ -webkit-text-fill-color: #757575;
1384
+ color: #757575;
1385
+ }
package/styles/multi-select/highcontrast.css CHANGED
@@ -239,11 +239,13 @@
239
239
  padding: 9px 0;
240
240
  }
241
241
 
242
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
242
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
243
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
243
244
  width: 0;
244
245
  }
245
246
 
246
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
247
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
248
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
247
249
  height: 1px;
248
250
  min-height: 1px;
249
251
  }
@@ -373,7 +375,8 @@
373
375
  word-wrap: initial;
374
376
  }
375
377
 
376
- .e-multiselect.e-input-group .e-searcher .e-label-top {
378
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
379
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
377
380
  top: 15px;
378
381
  }
379
382
 
@@ -1377,3 +1380,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
1377
1380
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1378
1381
  font-size: 10px;
1379
1382
  }
1383
+
1384
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1385
+ -webkit-text-fill-color: #757575;
1386
+ color: #757575;
1387
+ }
package/styles/multi-select/material-dark.css CHANGED
@@ -667,11 +667,13 @@
667
667
  padding: 12px 4px 11px 0;
668
668
  }
669
669
 
670
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
670
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
671
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
671
672
  width: 0;
672
673
  }
673
674
 
674
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
675
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
676
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
675
677
  height: 1px;
676
678
  min-height: 1px;
677
679
  }
@@ -801,7 +803,8 @@
801
803
  word-wrap: initial;
802
804
  }
803
805
 
804
- .e-multiselect.e-input-group .e-searcher .e-label-top {
806
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
807
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
805
808
  top: 15px;
806
809
  }
807
810
 
@@ -1477,100 +1480,6 @@ ejs-multiselect {
1477
1480
  padding: 3px 38px 1px 0;
1478
1481
  }
1479
1482
 
1480
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1481
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1482
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1483
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1484
- margin-top: -1.6em;
1485
- }
1486
-
1487
- .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1488
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1489
- .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1490
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1491
- margin-top: -2.8em;
1492
- right: 36px;
1493
- }
1494
-
1495
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1496
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1497
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1498
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1499
- margin-top: -1.4em;
1500
- }
1501
-
1502
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1503
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1504
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1505
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1506
- margin-right: 6px;
1507
- margin-top: -1.6em;
1508
- }
1509
-
1510
- .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1511
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1512
- .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1513
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1514
- .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1515
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1516
- .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1517
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1518
- margin-top: -3em;
1519
- right: 43px;
1520
- }
1521
-
1522
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1523
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1524
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1525
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1526
- margin-top: -1.4em;
1527
- }
1528
-
1529
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1530
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1531
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1532
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1533
- margin-top: -1.6em;
1534
- }
1535
-
1536
- .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1537
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1538
- .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1539
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1540
- .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1541
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1542
- .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1543
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1544
- margin-top: -2.6em;
1545
- right: 31px;
1546
- }
1547
-
1548
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1549
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1550
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1551
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1552
- margin-right: 6px;
1553
- margin-top: -1.7em;
1554
- }
1555
-
1556
- .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1557
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1558
- .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1559
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1560
- .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1561
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1562
- .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1563
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1564
- margin-top: -1.7em;
1565
- right: 36px;
1566
- }
1567
-
1568
- .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1569
- .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1570
- .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
1571
- padding: 11px 12px 0;
1572
- }
1573
-
1574
1483
  .e-multiselect.e-outline .e-multi-select-wrapper {
1575
1484
  min-height: 34px;
1576
1485
  padding: 3px 38px 1px 0;
@@ -2457,6 +2366,11 @@ ejs-multiselect {
2457
2366
  color: rgba(0, 0, 0, 0.38);
2458
2367
  }
2459
2368
 
2369
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2370
+ -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
2371
+ color: rgba(255, 255, 255, 0.3);
2372
+ }
2373
+
2460
2374
  .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
2461
2375
  background-color: #f5f5f5;
2462
2376
  }