@syncfusion/ej2-angular-dropdowns 19.4.56 → 20.1.51

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 (121) hide show
  1. package/@syncfusion/ej2-angular-dropdowns.es5.js +1 -1
  2. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-dropdowns.js +1 -1
  4. package/@syncfusion/ej2-angular-dropdowns.js.map +1 -1
  5. package/CHANGELOG.md +9 -55
  6. package/dist/ej2-angular-dropdowns.umd.js +2 -1
  7. package/dist/ej2-angular-dropdowns.umd.js.map +1 -1
  8. package/dist/ej2-angular-dropdowns.umd.min.js +2 -2
  9. package/package.json +8 -8
  10. package/schematics/utils/lib-details.d.ts +2 -2
  11. package/schematics/utils/lib-details.js +2 -2
  12. package/schematics/utils/lib-details.ts +2 -2
  13. package/styles/auto-complete/bootstrap5-dark.css +7 -0
  14. package/styles/auto-complete/bootstrap5.css +7 -0
  15. package/styles/auto-complete/fluent-dark.css +132 -0
  16. package/styles/auto-complete/fluent-dark.scss +1 -0
  17. package/styles/auto-complete/fluent.css +132 -0
  18. package/styles/auto-complete/fluent.scss +1 -0
  19. package/styles/auto-complete/tailwind-dark.css +1 -57
  20. package/styles/auto-complete/tailwind.css +1 -57
  21. package/styles/bootstrap-dark.css +56 -30
  22. package/styles/bootstrap.css +56 -30
  23. package/styles/bootstrap4.css +56 -30
  24. package/styles/bootstrap5-dark.css +116 -40
  25. package/styles/bootstrap5.css +116 -40
  26. package/styles/combo-box/bootstrap5-dark.css +7 -0
  27. package/styles/combo-box/bootstrap5.css +7 -0
  28. package/styles/combo-box/fluent-dark.css +132 -0
  29. package/styles/combo-box/fluent-dark.scss +1 -0
  30. package/styles/combo-box/fluent.css +132 -0
  31. package/styles/combo-box/fluent.scss +1 -0
  32. package/styles/combo-box/tailwind-dark.css +1 -57
  33. package/styles/combo-box/tailwind.css +1 -57
  34. package/styles/drop-down-base/bootstrap-dark.css +7 -2
  35. package/styles/drop-down-base/bootstrap.css +7 -2
  36. package/styles/drop-down-base/bootstrap4.css +7 -2
  37. package/styles/drop-down-base/bootstrap5-dark.css +12 -3
  38. package/styles/drop-down-base/bootstrap5.css +12 -3
  39. package/styles/drop-down-base/fabric-dark.css +7 -2
  40. package/styles/drop-down-base/fabric.css +7 -2
  41. package/styles/drop-down-base/fluent-dark.css +397 -0
  42. package/styles/drop-down-base/fluent-dark.scss +1 -0
  43. package/styles/drop-down-base/fluent.css +397 -0
  44. package/styles/drop-down-base/fluent.scss +1 -0
  45. package/styles/drop-down-base/highcontrast-light.css +7 -2
  46. package/styles/drop-down-base/highcontrast.css +7 -2
  47. package/styles/drop-down-base/material-dark.css +7 -2
  48. package/styles/drop-down-base/material.css +7 -2
  49. package/styles/drop-down-base/tailwind-dark.css +103 -14
  50. package/styles/drop-down-base/tailwind.css +103 -14
  51. package/styles/drop-down-list/bootstrap-dark.css +28 -6
  52. package/styles/drop-down-list/bootstrap.css +28 -6
  53. package/styles/drop-down-list/bootstrap4.css +28 -6
  54. package/styles/drop-down-list/bootstrap5-dark.css +35 -6
  55. package/styles/drop-down-list/bootstrap5.css +35 -6
  56. package/styles/drop-down-list/fabric-dark.css +28 -6
  57. package/styles/drop-down-list/fabric.css +28 -6
  58. package/styles/drop-down-list/fluent-dark.css +447 -0
  59. package/styles/drop-down-list/fluent-dark.scss +1 -0
  60. package/styles/drop-down-list/fluent.css +447 -0
  61. package/styles/drop-down-list/fluent.scss +1 -0
  62. package/styles/drop-down-list/highcontrast-light.css +28 -6
  63. package/styles/drop-down-list/highcontrast.css +28 -6
  64. package/styles/drop-down-list/material-dark.css +28 -6
  65. package/styles/drop-down-list/material.css +28 -6
  66. package/styles/drop-down-list/tailwind-dark.css +20 -95
  67. package/styles/drop-down-list/tailwind.css +20 -95
  68. package/styles/drop-down-tree/bootstrap5-dark.css +6 -2
  69. package/styles/drop-down-tree/bootstrap5.css +6 -2
  70. package/styles/drop-down-tree/fluent-dark.css +599 -0
  71. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  72. package/styles/drop-down-tree/fluent.css +599 -0
  73. package/styles/drop-down-tree/fluent.scss +1 -0
  74. package/styles/drop-down-tree/tailwind-dark.css +15 -6
  75. package/styles/drop-down-tree/tailwind.css +15 -6
  76. package/styles/fabric-dark.css +56 -30
  77. package/styles/fabric.css +56 -30
  78. package/styles/fluent-dark.css +3602 -0
  79. package/styles/fluent-dark.scss +7 -0
  80. package/styles/fluent.css +3602 -0
  81. package/styles/fluent.scss +7 -0
  82. package/styles/highcontrast-light.css +58 -31
  83. package/styles/highcontrast.css +58 -31
  84. package/styles/list-box/bootstrap-dark.css +2 -12
  85. package/styles/list-box/bootstrap.css +2 -12
  86. package/styles/list-box/bootstrap4.css +2 -12
  87. package/styles/list-box/bootstrap5-dark.css +5 -15
  88. package/styles/list-box/bootstrap5.css +5 -15
  89. package/styles/list-box/fabric-dark.css +2 -12
  90. package/styles/list-box/fabric.css +2 -12
  91. package/styles/list-box/fluent-dark.css +895 -0
  92. package/styles/list-box/fluent-dark.scss +1 -0
  93. package/styles/list-box/fluent.css +895 -0
  94. package/styles/list-box/fluent.scss +1 -0
  95. package/styles/list-box/highcontrast-light.css +2 -12
  96. package/styles/list-box/highcontrast.css +2 -12
  97. package/styles/list-box/material-dark.css +4 -14
  98. package/styles/list-box/material.css +4 -14
  99. package/styles/list-box/tailwind-dark.css +17 -24
  100. package/styles/list-box/tailwind.css +17 -24
  101. package/styles/material-dark.css +58 -32
  102. package/styles/material.css +58 -32
  103. package/styles/multi-select/bootstrap-dark.css +19 -10
  104. package/styles/multi-select/bootstrap.css +19 -10
  105. package/styles/multi-select/bootstrap4.css +19 -10
  106. package/styles/multi-select/bootstrap5-dark.css +58 -14
  107. package/styles/multi-select/bootstrap5.css +58 -14
  108. package/styles/multi-select/fabric-dark.css +19 -10
  109. package/styles/multi-select/fabric.css +19 -10
  110. package/styles/multi-select/fluent-dark.css +1416 -0
  111. package/styles/multi-select/fluent-dark.scss +1 -0
  112. package/styles/multi-select/fluent.css +1416 -0
  113. package/styles/multi-select/fluent.scss +1 -0
  114. package/styles/multi-select/highcontrast-light.css +21 -11
  115. package/styles/multi-select/highcontrast.css +21 -11
  116. package/styles/multi-select/material-dark.css +19 -10
  117. package/styles/multi-select/material.css +19 -10
  118. package/styles/multi-select/tailwind-dark.css +166 -126
  119. package/styles/multi-select/tailwind.css +166 -126
  120. package/styles/tailwind-dark.css +297 -253
  121. package/styles/tailwind.css +297 -253
package/styles/drop-down-list/bootstrap5-dark.css CHANGED
@@ -146,6 +146,13 @@
146
146
  color: #adb5bd;
147
147
  }
148
148
 
149
+ .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
150
+ .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
151
+ .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
152
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
153
+ background: #343a40;
154
+ }
155
+
149
156
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
150
157
  .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
151
158
  .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -220,12 +227,18 @@
220
227
  margin-left: -20px;
221
228
  }
222
229
 
223
- .e-bigger .e-ddl.e-popup .e-list-item,
230
+ .e-bigger .e-ddl.e-popup .e-list-item {
231
+ font-size: 16px;
232
+ }
233
+
224
234
  .e-bigger .e-ddl.e-popup .e-list-group-item {
225
235
  font-size: 16px;
226
236
  }
227
237
 
228
- .e-bigger.e-ddl.e-popup .e-list-item,
238
+ .e-bigger.e-ddl.e-popup .e-list-item {
239
+ font-size: 16px;
240
+ }
241
+
229
242
  .e-bigger.e-ddl.e-popup .e-list-group-item {
230
243
  font-size: 16px;
231
244
  }
@@ -240,6 +253,10 @@
240
253
  top: 0;
241
254
  }
242
255
 
256
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
257
+ margin: 0;
258
+ }
259
+
243
260
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
244
261
  position: relative;
245
262
  }
@@ -384,29 +401,41 @@ ejs-dropdownlist {
384
401
  }
385
402
 
386
403
  .e-small .e-ddl.e-popup .e-list-item,
404
+ .e-input-group.e-ddl.e-small .e-list-item {
405
+ font-size: 12px;
406
+ }
407
+
387
408
  .e-small .e-ddl.e-popup .e-list-group-item,
388
- .e-input-group.e-ddl.e-small .e-list-item,
389
409
  .e-input-group.e-ddl.e-small .e-list-group-item {
390
410
  font-size: 12px;
391
411
  }
392
412
 
393
413
  .e-small.e-ddl.e-popup .e-list-item,
414
+ .e-input-group.e-ddl.e-small .e-list-item {
415
+ font-size: 12px;
416
+ }
417
+
394
418
  .e-small.e-ddl.e-popup .e-list-group-item,
395
- .e-input-group.e-ddl.e-small .e-list-item,
396
419
  .e-input-group.e-ddl.e-small .e-list-group-item {
397
420
  font-size: 12px;
398
421
  }
399
422
 
400
423
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
424
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
425
+ font-size: 14px;
426
+ }
427
+
401
428
  .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
402
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
403
429
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
404
430
  font-size: 14px;
405
431
  }
406
432
 
407
433
  .e-bigger.e-small.e-ddl.e-popup .e-list-item,
434
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
435
+ font-size: 14px;
436
+ }
437
+
408
438
  .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
409
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
410
439
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
411
440
  font-size: 14px;
412
441
  }
package/styles/drop-down-list/bootstrap5.css CHANGED
@@ -146,6 +146,13 @@
146
146
  color: #6c757d;
147
147
  }
148
148
 
149
+ .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
150
+ .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
151
+ .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
152
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
153
+ background: #e9ecef;
154
+ }
155
+
149
156
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
150
157
  .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
151
158
  .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -220,12 +227,18 @@
220
227
  margin-left: -20px;
221
228
  }
222
229
 
223
- .e-bigger .e-ddl.e-popup .e-list-item,
230
+ .e-bigger .e-ddl.e-popup .e-list-item {
231
+ font-size: 16px;
232
+ }
233
+
224
234
  .e-bigger .e-ddl.e-popup .e-list-group-item {
225
235
  font-size: 16px;
226
236
  }
227
237
 
228
- .e-bigger.e-ddl.e-popup .e-list-item,
238
+ .e-bigger.e-ddl.e-popup .e-list-item {
239
+ font-size: 16px;
240
+ }
241
+
229
242
  .e-bigger.e-ddl.e-popup .e-list-group-item {
230
243
  font-size: 16px;
231
244
  }
@@ -240,6 +253,10 @@
240
253
  top: 0;
241
254
  }
242
255
 
256
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
257
+ margin: 0;
258
+ }
259
+
243
260
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
244
261
  position: relative;
245
262
  }
@@ -384,29 +401,41 @@ ejs-dropdownlist {
384
401
  }
385
402
 
386
403
  .e-small .e-ddl.e-popup .e-list-item,
404
+ .e-input-group.e-ddl.e-small .e-list-item {
405
+ font-size: 12px;
406
+ }
407
+
387
408
  .e-small .e-ddl.e-popup .e-list-group-item,
388
- .e-input-group.e-ddl.e-small .e-list-item,
389
409
  .e-input-group.e-ddl.e-small .e-list-group-item {
390
410
  font-size: 12px;
391
411
  }
392
412
 
393
413
  .e-small.e-ddl.e-popup .e-list-item,
414
+ .e-input-group.e-ddl.e-small .e-list-item {
415
+ font-size: 12px;
416
+ }
417
+
394
418
  .e-small.e-ddl.e-popup .e-list-group-item,
395
- .e-input-group.e-ddl.e-small .e-list-item,
396
419
  .e-input-group.e-ddl.e-small .e-list-group-item {
397
420
  font-size: 12px;
398
421
  }
399
422
 
400
423
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
424
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
425
+ font-size: 14px;
426
+ }
427
+
401
428
  .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
402
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
403
429
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
404
430
  font-size: 14px;
405
431
  }
406
432
 
407
433
  .e-bigger.e-small.e-ddl.e-popup .e-list-item,
434
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
435
+ font-size: 14px;
436
+ }
437
+
408
438
  .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
409
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
410
439
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
411
440
  font-size: 14px;
412
441
  }
package/styles/drop-down-list/fabric-dark.css CHANGED
@@ -135,7 +135,10 @@
135
135
  margin-left: -20px;
136
136
  }
137
137
 
138
- .e-bigger .e-ddl.e-popup .e-list-item,
138
+ .e-bigger .e-ddl.e-popup .e-list-item {
139
+ font-size: 15px;
140
+ }
141
+
139
142
  .e-bigger .e-ddl.e-popup .e-list-group-item {
140
143
  font-size: 15px;
141
144
  }
@@ -144,7 +147,10 @@
144
147
  padding: 4px 0;
145
148
  }
146
149
 
147
- .e-bigger.e-ddl.e-popup .e-list-item,
150
+ .e-bigger.e-ddl.e-popup .e-list-item {
151
+ font-size: 15px;
152
+ }
153
+
148
154
  .e-bigger.e-ddl.e-popup .e-list-group-item {
149
155
  font-size: 15px;
150
156
  }
@@ -163,6 +169,10 @@
163
169
  top: 0;
164
170
  }
165
171
 
172
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
173
+ margin: 0;
174
+ }
175
+
166
176
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
167
177
  position: relative;
168
178
  }
@@ -315,29 +325,41 @@ ejs-dropdownlist {
315
325
  }
316
326
 
317
327
  .e-small .e-ddl.e-popup .e-list-item,
328
+ .e-input-group.e-ddl.e-small .e-list-item {
329
+ font-size: 13px;
330
+ }
331
+
318
332
  .e-small .e-ddl.e-popup .e-list-group-item,
319
- .e-input-group.e-ddl.e-small .e-list-item,
320
333
  .e-input-group.e-ddl.e-small .e-list-group-item {
321
334
  font-size: 13px;
322
335
  }
323
336
 
324
337
  .e-small.e-ddl.e-popup .e-list-item,
338
+ .e-input-group.e-ddl.e-small .e-list-item {
339
+ font-size: 13px;
340
+ }
341
+
325
342
  .e-small.e-ddl.e-popup .e-list-group-item,
326
- .e-input-group.e-ddl.e-small .e-list-item,
327
343
  .e-input-group.e-ddl.e-small .e-list-group-item {
328
344
  font-size: 13px;
329
345
  }
330
346
 
331
347
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
348
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
349
+ font-size: 14px;
350
+ }
351
+
332
352
  .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
333
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
334
353
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
335
354
  font-size: 14px;
336
355
  }
337
356
 
338
357
  .e-bigger.e-small.e-ddl.e-popup .e-list-item,
358
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
359
+ font-size: 14px;
360
+ }
361
+
339
362
  .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
340
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
341
363
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
342
364
  font-size: 14px;
343
365
  }
package/styles/drop-down-list/fabric.css CHANGED
@@ -128,7 +128,10 @@
128
128
  margin-left: -20px;
129
129
  }
130
130
 
131
- .e-bigger .e-ddl.e-popup .e-list-item,
131
+ .e-bigger .e-ddl.e-popup .e-list-item {
132
+ font-size: 15px;
133
+ }
134
+
132
135
  .e-bigger .e-ddl.e-popup .e-list-group-item {
133
136
  font-size: 15px;
134
137
  }
@@ -137,7 +140,10 @@
137
140
  padding: 4px 0;
138
141
  }
139
142
 
140
- .e-bigger.e-ddl.e-popup .e-list-item,
143
+ .e-bigger.e-ddl.e-popup .e-list-item {
144
+ font-size: 15px;
145
+ }
146
+
141
147
  .e-bigger.e-ddl.e-popup .e-list-group-item {
142
148
  font-size: 15px;
143
149
  }
@@ -156,6 +162,10 @@
156
162
  top: 0;
157
163
  }
158
164
 
165
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
166
+ margin: 0;
167
+ }
168
+
159
169
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
160
170
  position: relative;
161
171
  }
@@ -308,29 +318,41 @@ ejs-dropdownlist {
308
318
  }
309
319
 
310
320
  .e-small .e-ddl.e-popup .e-list-item,
321
+ .e-input-group.e-ddl.e-small .e-list-item {
322
+ font-size: 13px;
323
+ }
324
+
311
325
  .e-small .e-ddl.e-popup .e-list-group-item,
312
- .e-input-group.e-ddl.e-small .e-list-item,
313
326
  .e-input-group.e-ddl.e-small .e-list-group-item {
314
327
  font-size: 13px;
315
328
  }
316
329
 
317
330
  .e-small.e-ddl.e-popup .e-list-item,
331
+ .e-input-group.e-ddl.e-small .e-list-item {
332
+ font-size: 13px;
333
+ }
334
+
318
335
  .e-small.e-ddl.e-popup .e-list-group-item,
319
- .e-input-group.e-ddl.e-small .e-list-item,
320
336
  .e-input-group.e-ddl.e-small .e-list-group-item {
321
337
  font-size: 13px;
322
338
  }
323
339
 
324
340
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
341
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
342
+ font-size: 14px;
343
+ }
344
+
325
345
  .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
326
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
327
346
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
328
347
  font-size: 14px;
329
348
  }
330
349
 
331
350
  .e-bigger.e-small.e-ddl.e-popup .e-list-item,
351
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
352
+ font-size: 14px;
353
+ }
354
+
332
355
  .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
333
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
334
356
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
335
357
  font-size: 14px;
336
358
  }