@syncfusion/ej2-angular-dropdowns 19.2.62 → 19.3.46

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 (105) hide show
  1. package/@syncfusion/ej2-angular-dropdowns.es5.js +2 -2
  2. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-dropdowns.js +2 -2
  4. package/@syncfusion/ej2-angular-dropdowns.js.map +1 -1
  5. package/CHANGELOG.md +36 -0
  6. package/dist/ej2-angular-dropdowns.umd.js +3 -3
  7. package/dist/ej2-angular-dropdowns.umd.js.map +1 -1
  8. package/dist/ej2-angular-dropdowns.umd.min.js +2 -2
  9. package/dist/ej2-angular-dropdowns.umd.min.js.map +1 -1
  10. package/ej2-angular-dropdowns.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/auto-complete/autocomplete.component.d.ts +15 -0
  16. package/src/combo-box/combobox.component.d.ts +15 -0
  17. package/src/drop-down-list/dropdownlist.component.d.ts +14 -0
  18. package/src/drop-down-tree/dropdowntree.component.d.ts +13 -0
  19. package/src/list-box/listbox.component.d.ts +14 -0
  20. package/src/multi-select/multiselect.component.d.ts +21 -0
  21. package/styles/auto-complete/bootstrap4.css +5 -0
  22. package/styles/auto-complete/bootstrap5-dark.css +146 -0
  23. package/styles/auto-complete/bootstrap5-dark.scss +1 -0
  24. package/styles/auto-complete/bootstrap5.css +146 -0
  25. package/styles/auto-complete/bootstrap5.scss +1 -0
  26. package/styles/auto-complete/material-dark.css +1 -1
  27. package/styles/bootstrap-dark.css +15 -4
  28. package/styles/bootstrap.css +15 -4
  29. package/styles/bootstrap4.css +21 -21
  30. package/styles/bootstrap5-dark.css +3413 -0
  31. package/styles/bootstrap5-dark.scss +7 -0
  32. package/styles/bootstrap5.css +3413 -0
  33. package/styles/bootstrap5.scss +7 -0
  34. package/styles/combo-box/bootstrap4.css +5 -0
  35. package/styles/combo-box/bootstrap5-dark.css +146 -0
  36. package/styles/combo-box/bootstrap5-dark.scss +1 -0
  37. package/styles/combo-box/bootstrap5.css +146 -0
  38. package/styles/combo-box/bootstrap5.scss +1 -0
  39. package/styles/combo-box/material-dark.css +1 -1
  40. package/styles/drop-down-base/bootstrap-dark.css +1 -3
  41. package/styles/drop-down-base/bootstrap.css +1 -3
  42. package/styles/drop-down-base/bootstrap4.css +1 -3
  43. package/styles/drop-down-base/bootstrap5-dark.css +372 -0
  44. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  45. package/styles/drop-down-base/bootstrap5.css +372 -0
  46. package/styles/drop-down-base/bootstrap5.scss +1 -0
  47. package/styles/drop-down-base/fabric-dark.css +1 -3
  48. package/styles/drop-down-base/fabric.css +1 -3
  49. package/styles/drop-down-base/highcontrast-light.css +1 -3
  50. package/styles/drop-down-base/highcontrast.css +1 -3
  51. package/styles/drop-down-base/material-dark.css +3 -5
  52. package/styles/drop-down-base/material.css +1 -3
  53. package/styles/drop-down-base/tailwind-dark.css +5 -7
  54. package/styles/drop-down-base/tailwind.css +1 -3
  55. package/styles/drop-down-list/bootstrap4.css +5 -16
  56. package/styles/drop-down-list/bootstrap5-dark.css +438 -0
  57. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  58. package/styles/drop-down-list/bootstrap5.css +438 -0
  59. package/styles/drop-down-list/bootstrap5.scss +1 -0
  60. package/styles/drop-down-list/material-dark.css +2 -2
  61. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  62. package/styles/drop-down-tree/bootstrap.css +4 -0
  63. package/styles/drop-down-tree/bootstrap4.css +4 -0
  64. package/styles/drop-down-tree/bootstrap5-dark.css +580 -0
  65. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  66. package/styles/drop-down-tree/bootstrap5.css +580 -0
  67. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  68. package/styles/drop-down-tree/fabric-dark.css +4 -0
  69. package/styles/drop-down-tree/fabric.css +4 -0
  70. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  71. package/styles/drop-down-tree/highcontrast.css +4 -0
  72. package/styles/drop-down-tree/material-dark.css +406 -9
  73. package/styles/drop-down-tree/material.css +406 -9
  74. package/styles/drop-down-tree/tailwind-dark.css +9 -5
  75. package/styles/drop-down-tree/tailwind.css +8 -4
  76. package/styles/fabric-dark.css +15 -4
  77. package/styles/fabric.css +15 -4
  78. package/styles/highcontrast-light.css +15 -4
  79. package/styles/highcontrast.css +15 -4
  80. package/styles/list-box/bootstrap5-dark.css +886 -0
  81. package/styles/list-box/bootstrap5-dark.scss +1 -0
  82. package/styles/list-box/bootstrap5.css +886 -0
  83. package/styles/list-box/bootstrap5.scss +1 -0
  84. package/styles/list-box/material-dark.css +3 -3
  85. package/styles/list-box/tailwind-dark.css +1 -1
  86. package/styles/list-box/tailwind.css +1 -1
  87. package/styles/material-dark.css +1113 -59
  88. package/styles/material.css +508 -13
  89. package/styles/multi-select/bootstrap-dark.css +10 -1
  90. package/styles/multi-select/bootstrap.css +10 -1
  91. package/styles/multi-select/bootstrap4.css +11 -2
  92. package/styles/multi-select/bootstrap5-dark.css +1289 -0
  93. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  94. package/styles/multi-select/bootstrap5.css +1289 -0
  95. package/styles/multi-select/bootstrap5.scss +1 -0
  96. package/styles/multi-select/fabric-dark.css +10 -1
  97. package/styles/multi-select/fabric.css +10 -1
  98. package/styles/multi-select/highcontrast-light.css +10 -1
  99. package/styles/multi-select/highcontrast.css +10 -1
  100. package/styles/multi-select/material-dark.css +699 -40
  101. package/styles/multi-select/material.css +101 -1
  102. package/styles/multi-select/tailwind-dark.css +13 -4
  103. package/styles/multi-select/tailwind.css +13 -4
  104. package/styles/tailwind-dark.css +28 -17
  105. package/styles/tailwind.css +23 -12
package/styles/drop-down-base/bootstrap5-dark.css ADDED
@@ -0,0 +1,372 @@
1
+ .e-dropdownbase .e-list-group-item,
2
+ .e-fixed-head {
3
+ font-size: 12px;
4
+ }
5
+
6
+ .e-small .e-dropdownbase .e-list-group-item,
7
+ .e-small .e-fixed-head,
8
+ .e-small.e-dropdownbase .e-list-group-item,
9
+ .e-small.e-fixed-head {
10
+ font-size: 10px;
11
+ }
12
+
13
+ .e-bigger .e-dropdownbase .e-list-group-item,
14
+ .e-bigger .e-fixed-head,
15
+ .e-bigger.e-dropdownbase .e-list-group-item,
16
+ .e-bigger.e-fixed-head {
17
+ font-size: 14px;
18
+ }
19
+
20
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
21
+ .e-bigger.e-small .e-fixed-head,
22
+ .e-bigger.e-small.e-dropdownbase .e-list-group-item,
23
+ .e-bigger.e-small.e-fixed-head {
24
+ font-size: 12px;
25
+ }
26
+
27
+ .e-dropdownbase .e-list-item .e-list-icon {
28
+ padding: 0 8px 0 0;
29
+ }
30
+
31
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
32
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
33
+ padding: 0 12px 0 0;
34
+ }
35
+
36
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
37
+ padding: 0 6px 0 0;
38
+ }
39
+
40
+ .e-bigger .e-dropdownbase,
41
+ .e-dropdownbase.e-bigger {
42
+ min-height: 45px;
43
+ }
44
+
45
+ .e-bigger .e-dropdownbase .e-list-item,
46
+ .e-bigger .e-dropdownbase .e-list-group-item,
47
+ .e-bigger .e-dropdownbase .e-fixed-head,
48
+ .e-dropdownbase.e-bigger .e-list-item,
49
+ .e-dropdownbase.e-bigger .e-list-group-item,
50
+ .e-dropdownbase.e-bigger .e-fixed-head {
51
+ line-height: 32px;
52
+ text-indent: 16px;
53
+ }
54
+
55
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
56
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
57
+ font-size: 20px;
58
+ }
59
+
60
+ .e-dropdownbase {
61
+ display: block;
62
+ height: 100%;
63
+ min-height: 36px;
64
+ position: relative;
65
+ width: 100%;
66
+ }
67
+
68
+ .e-dropdownbase .e-list-parent {
69
+ margin: 0;
70
+ padding: 0;
71
+ }
72
+
73
+ .e-dropdownbase .e-list-group-item,
74
+ .e-dropdownbase .e-fixed-head {
75
+ cursor: default;
76
+ }
77
+
78
+ .e-dropdownbase .e-list-item {
79
+ cursor: pointer;
80
+ overflow: hidden;
81
+ position: relative;
82
+ text-overflow: ellipsis;
83
+ vertical-align: middle;
84
+ white-space: nowrap;
85
+ width: 100%;
86
+ }
87
+
88
+ .e-dropdownbase .e-list-item .e-list-icon {
89
+ font-size: 16px;
90
+ vertical-align: middle;
91
+ }
92
+
93
+ .e-dropdownbase .e-fixed-head {
94
+ position: absolute;
95
+ top: 0;
96
+ }
97
+
98
+ .e-rtl .e-dropdownbase .e-fixed-head {
99
+ left: 33px;
100
+ }
101
+
102
+ .e-dropdownbase.e-content {
103
+ overflow: auto;
104
+ position: relative;
105
+ }
106
+
107
+ .e-popup.e-ddl .e-dropdownbase.e-nodata {
108
+ color: #fff;
109
+ cursor: default;
110
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
111
+ font-size: 14px;
112
+ padding: 14px 16px;
113
+ text-align: center;
114
+ }
115
+
116
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
117
+ padding-right: 12px;
118
+ }
119
+
120
+ .e-dropdownbase.e-dd-group .e-list-item {
121
+ padding-left: 12px;
122
+ text-indent: 0;
123
+ }
124
+
125
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
126
+ padding-left: 8px;
127
+ }
128
+
129
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
130
+ padding-left: 16px;
131
+ }
132
+
133
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
134
+ padding-left: 14px;
135
+ }
136
+
137
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
138
+ text-indent: 0;
139
+ }
140
+
141
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
142
+ cursor: pointer;
143
+ font-weight: normal;
144
+ overflow: hidden;
145
+ position: relative;
146
+ text-overflow: ellipsis;
147
+ vertical-align: middle;
148
+ white-space: nowrap;
149
+ width: 100%;
150
+ font-weight: 500;
151
+ }
152
+
153
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
154
+ padding-right: 12px;
155
+ }
156
+
157
+ .e-rtl .e-dropdownbase .e-list-item {
158
+ padding-left: 16px;
159
+ padding-right: 0;
160
+ }
161
+
162
+ .e-small.e-rtl .e-dropdownbase .e-list-item,
163
+ .e-small .e-rtl .e-dropdownbase .e-list-item,
164
+ .e-rtl .e-small .e-dropdownbase .e-list-item {
165
+ padding-left: 16px;
166
+ padding-right: 0;
167
+ }
168
+
169
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
170
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
171
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
172
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
173
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
174
+ padding-left: 16px;
175
+ padding-right: 0;
176
+ }
177
+
178
+ .e-dropdownbase {
179
+ border-color: #444c54;
180
+ }
181
+
182
+ .e-dropdownbase .e-list-item {
183
+ background-color: #343a40;
184
+ border-bottom: 0;
185
+ border-color: #444c54;
186
+ color: #fff;
187
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
188
+ font-size: 14px;
189
+ line-height: 30px;
190
+ min-height: 30px;
191
+ padding-right: 16px;
192
+ text-indent: 12px;
193
+ }
194
+
195
+ .e-dropdownbase .e-list-group-item,
196
+ .e-fixed-head {
197
+ background-color: #343a40;
198
+ border-color: #444c54;
199
+ color: #7b848d;
200
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
201
+ font-size: 14px;
202
+ font-weight: 500;
203
+ line-height: 30px;
204
+ min-height: 30px;
205
+ padding-left: 12px;
206
+ padding-right: 16px;
207
+ }
208
+
209
+ .e-dropdownbase .e-list-item.e-active,
210
+ .e-dropdownbase .e-list-item.e-active.e-hover {
211
+ background-color: #0d6efd;
212
+ border-color: #212529;
213
+ color: #fff;
214
+ }
215
+
216
+ .e-dropdownbase .e-list-item.e-hover {
217
+ background-color: #444c54;
218
+ border-color: #212529;
219
+ color: #fff;
220
+ }
221
+
222
+ .e-dropdownbase .e-list-item:last-child {
223
+ border-bottom: 0;
224
+ }
225
+
226
+ .e-dropdownbase .e-list-item.e-item-focus {
227
+ background-color: #444c54;
228
+ }
229
+
230
+ .e-bigger .e-dropdownbase .e-list-group-item,
231
+ .e-bigger .e-dropdownbase .e-fixed-head {
232
+ font-size: 16px;
233
+ padding-left: 16px;
234
+ }
235
+
236
+ .e-multi-column.e-ddl.e-popup.e-popup-open table {
237
+ border-collapse: collapse;
238
+ table-layout: fixed;
239
+ width: 100%;
240
+ }
241
+
242
+ .e-multi-column.e-ddl.e-popup.e-popup-open th,
243
+ .e-multi-column.e-ddl.e-popup.e-popup-open td {
244
+ display: table-cell;
245
+ overflow: hidden;
246
+ padding-right: 16px;
247
+ text-indent: 10px;
248
+ text-overflow: ellipsis;
249
+ }
250
+
251
+ .e-multi-column.e-ddl.e-popup.e-popup-open th {
252
+ line-height: 36px;
253
+ text-align: left;
254
+ }
255
+
256
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
257
+ background-color: #343a40;
258
+ border-color: #495057;
259
+ border-style: solid;
260
+ border-width: 0 0 1px 0;
261
+ color: #7b848d;
262
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
263
+ font-size: 14px;
264
+ font-weight: 500;
265
+ text-indent: 10px;
266
+ }
267
+
268
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item {
269
+ padding-right: 0;
270
+ }
271
+
272
+ .e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header {
273
+ padding-right: 16px;
274
+ }
275
+
276
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
277
+ .e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header {
278
+ padding-right: 0;
279
+ }
280
+
281
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center {
282
+ text-align: center;
283
+ }
284
+
285
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right {
286
+ text-align: right;
287
+ }
288
+
289
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left {
290
+ text-align: left;
291
+ }
292
+
293
+ .e-small .e-dropdownbase .e-list-item,
294
+ .e-dropdownbase.e-small .e-list-item {
295
+ color: #fff;
296
+ line-height: 26px;
297
+ min-height: 26px;
298
+ text-indent: 8px;
299
+ }
300
+
301
+ .e-small .e-dropdownbase .e-list-group-item,
302
+ .e-small .e-dropdownbase .e-fixed-head,
303
+ .e-dropdownbase.e-small .e-list-group-item,
304
+ .e-dropdownbase.e-small .e-fixed-head {
305
+ font-size: 10px;
306
+ line-height: 26px;
307
+ min-height: 26px;
308
+ padding-left: 8px;
309
+ }
310
+
311
+ .e-small .e-dropdownbase .e-list-item .e-list-icon,
312
+ .e-dropdownbase.e-small .e-list-item .e-list-icon {
313
+ font-size: 14px;
314
+ }
315
+
316
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
317
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
318
+ color: #fff;
319
+ line-height: 30px;
320
+ min-height: 30px;
321
+ text-indent: 16px;
322
+ }
323
+
324
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
325
+ .e-bigger.e-small .e-dropdownbase .e-fixed-head,
326
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
327
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
328
+ line-height: 30px;
329
+ min-height: 30px;
330
+ padding-left: 14px;
331
+ }
332
+
333
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
334
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
335
+ font-size: 18px;
336
+ }
337
+
338
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
339
+ .e-bigger.e-small .e-dropdownbase .e-fixed-head,
340
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
341
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
342
+ font-size: 12px;
343
+ }
344
+
345
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
346
+ background-color: #343a40;
347
+ border-bottom: 0;
348
+ border-color: #444c54;
349
+ color: #fff;
350
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
351
+ font-size: 14px;
352
+ padding-right: 16px;
353
+ text-indent: 12px;
354
+ color: #7b848d;
355
+ }
356
+
357
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
358
+ background-color: #444c54;
359
+ }
360
+
361
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
362
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
363
+ background-color: #0d6efd;
364
+ border-color: #212529;
365
+ color: #fff;
366
+ }
367
+
368
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
369
+ background-color: #444c54;
370
+ border-color: #212529;
371
+ color: #fff;
372
+ }
package/styles/drop-down-base/bootstrap5-dark.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark.scss';