@syncfusion/ej2-angular-dropdowns 23.2.7-ngcc → 24.1.41-ngcc

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 (160) hide show
  1. package/CHANGELOG.md +19 -138
  2. package/dist/ej2-angular-dropdowns.umd.js +1 -1
  3. package/dist/ej2-angular-dropdowns.umd.min.js +1 -1
  4. package/package.json +9 -9
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/auto-complete/bootstrap-dark.css +1 -106
  9. package/styles/auto-complete/bootstrap.css +1 -106
  10. package/styles/auto-complete/bootstrap4.css +1 -159
  11. package/styles/auto-complete/bootstrap5-dark.css +1 -147
  12. package/styles/auto-complete/bootstrap5.css +1 -147
  13. package/styles/auto-complete/fabric-dark.css +1 -82
  14. package/styles/auto-complete/fabric.css +1 -75
  15. package/styles/auto-complete/fluent-dark.css +1 -127
  16. package/styles/auto-complete/fluent.css +1 -127
  17. package/styles/auto-complete/highcontrast-light.css +1 -79
  18. package/styles/auto-complete/highcontrast.css +1 -79
  19. package/styles/auto-complete/material-dark.css +1 -107
  20. package/styles/auto-complete/material.css +1 -132
  21. package/styles/auto-complete/material3-dark.css +1 -197
  22. package/styles/auto-complete/material3.css +1 -253
  23. package/styles/auto-complete/tailwind-dark.css +1 -95
  24. package/styles/auto-complete/tailwind.css +1 -95
  25. package/styles/bootstrap-dark.css +1 -3395
  26. package/styles/bootstrap.css +1 -3400
  27. package/styles/bootstrap4.css +1 -3651
  28. package/styles/bootstrap5-dark.css +1 -3566
  29. package/styles/bootstrap5.css +1 -3566
  30. package/styles/combo-box/bootstrap-dark.css +1 -106
  31. package/styles/combo-box/bootstrap.css +1 -106
  32. package/styles/combo-box/bootstrap4.css +1 -159
  33. package/styles/combo-box/bootstrap5-dark.css +1 -147
  34. package/styles/combo-box/bootstrap5.css +1 -147
  35. package/styles/combo-box/fabric-dark.css +1 -82
  36. package/styles/combo-box/fabric.css +1 -75
  37. package/styles/combo-box/fluent-dark.css +1 -127
  38. package/styles/combo-box/fluent.css +1 -127
  39. package/styles/combo-box/highcontrast-light.css +1 -79
  40. package/styles/combo-box/highcontrast.css +1 -79
  41. package/styles/combo-box/material-dark.css +1 -107
  42. package/styles/combo-box/material.css +1 -132
  43. package/styles/combo-box/material3-dark.css +1 -197
  44. package/styles/combo-box/material3.css +1 -253
  45. package/styles/combo-box/tailwind-dark.css +1 -95
  46. package/styles/combo-box/tailwind.css +1 -95
  47. package/styles/drop-down-base/bootstrap-dark.css +1 -380
  48. package/styles/drop-down-base/bootstrap.css +1 -380
  49. package/styles/drop-down-base/bootstrap4.css +1 -390
  50. package/styles/drop-down-base/bootstrap5-dark.css +1 -412
  51. package/styles/drop-down-base/bootstrap5.css +1 -412
  52. package/styles/drop-down-base/fabric-dark.css +1 -380
  53. package/styles/drop-down-base/fabric.css +1 -380
  54. package/styles/drop-down-base/fluent-dark.css +1 -428
  55. package/styles/drop-down-base/fluent.css +1 -428
  56. package/styles/drop-down-base/highcontrast-light.css +1 -394
  57. package/styles/drop-down-base/highcontrast.css +1 -394
  58. package/styles/drop-down-base/material-dark.css +1 -379
  59. package/styles/drop-down-base/material.css +1 -379
  60. package/styles/drop-down-base/material3-dark.css +1 -438
  61. package/styles/drop-down-base/material3.css +1 -494
  62. package/styles/drop-down-base/tailwind-dark.css +1 -488
  63. package/styles/drop-down-base/tailwind.css +1 -488
  64. package/styles/drop-down-list/bootstrap-dark.css +1 -393
  65. package/styles/drop-down-list/bootstrap.css +1 -393
  66. package/styles/drop-down-list/bootstrap4.css +1 -436
  67. package/styles/drop-down-list/bootstrap5-dark.css +1 -449
  68. package/styles/drop-down-list/bootstrap5.css +1 -449
  69. package/styles/drop-down-list/fabric-dark.css +1 -369
  70. package/styles/drop-down-list/fabric.css +1 -362
  71. package/styles/drop-down-list/fluent-dark.css +1 -430
  72. package/styles/drop-down-list/fluent.css +1 -430
  73. package/styles/drop-down-list/highcontrast-light.css +1 -380
  74. package/styles/drop-down-list/highcontrast.css +1 -380
  75. package/styles/drop-down-list/material-dark.css +1 -399
  76. package/styles/drop-down-list/material.css +1 -431
  77. package/styles/drop-down-list/material3-dark.css +1 -502
  78. package/styles/drop-down-list/material3.css +1 -558
  79. package/styles/drop-down-list/tailwind-dark.css +1 -380
  80. package/styles/drop-down-list/tailwind.css +1 -380
  81. package/styles/drop-down-tree/bootstrap-dark.css +1 -423
  82. package/styles/drop-down-tree/bootstrap.css +1 -424
  83. package/styles/drop-down-tree/bootstrap4.css +1 -457
  84. package/styles/drop-down-tree/bootstrap5-dark.css +1 -501
  85. package/styles/drop-down-tree/bootstrap5.css +1 -501
  86. package/styles/drop-down-tree/fabric-dark.css +1 -425
  87. package/styles/drop-down-tree/fabric.css +1 -426
  88. package/styles/drop-down-tree/fluent-dark.css +1 -504
  89. package/styles/drop-down-tree/fluent.css +1 -504
  90. package/styles/drop-down-tree/highcontrast-light.css +1 -440
  91. package/styles/drop-down-tree/highcontrast.css +1 -444
  92. package/styles/drop-down-tree/material-dark.css +1 -746
  93. package/styles/drop-down-tree/material.css +1 -761
  94. package/styles/drop-down-tree/material3-dark.css +1 -465
  95. package/styles/drop-down-tree/material3.css +1 -521
  96. package/styles/drop-down-tree/tailwind-dark.css +1 -528
  97. package/styles/drop-down-tree/tailwind.css +1 -528
  98. package/styles/fabric-dark.css +1 -3374
  99. package/styles/fabric.css +1 -3374
  100. package/styles/fluent-dark.css +1 -3639
  101. package/styles/fluent.css +1 -3639
  102. package/styles/highcontrast-light.css +1 -3483
  103. package/styles/highcontrast.css +1 -3505
  104. package/styles/list-box/bootstrap-dark.css +1 -955
  105. package/styles/list-box/bootstrap.css +1 -966
  106. package/styles/list-box/bootstrap4.css +1 -1020
  107. package/styles/list-box/bootstrap5-dark.css +1 -986
  108. package/styles/list-box/bootstrap5.css +1 -986
  109. package/styles/list-box/fabric-dark.css +1 -955
  110. package/styles/list-box/fabric.css +1 -966
  111. package/styles/list-box/fluent-dark.css +1 -992
  112. package/styles/list-box/fluent.css +1 -992
  113. package/styles/list-box/highcontrast-light.css +1 -969
  114. package/styles/list-box/highcontrast.css +1 -980
  115. package/styles/list-box/material-dark.css +1 -954
  116. package/styles/list-box/material.css +1 -965
  117. package/styles/list-box/material3-dark.css +1 -1010
  118. package/styles/list-box/material3.css +1 -1066
  119. package/styles/list-box/tailwind-dark.css +1 -1011
  120. package/styles/list-box/tailwind.css +1 -1011
  121. package/styles/material-dark.css +1 -4857
  122. package/styles/material.css +1 -4923
  123. package/styles/material3-dark.css +1 -5108
  124. package/styles/material3.css +1 -5556
  125. package/styles/mention/bootstrap-dark.css +1 -29
  126. package/styles/mention/bootstrap.css +1 -29
  127. package/styles/mention/bootstrap4.css +1 -39
  128. package/styles/mention/bootstrap5-dark.css +1 -58
  129. package/styles/mention/bootstrap5.css +1 -58
  130. package/styles/mention/fabric-dark.css +1 -29
  131. package/styles/mention/fabric.css +1 -29
  132. package/styles/mention/fluent-dark.css +1 -58
  133. package/styles/mention/fluent.css +1 -58
  134. package/styles/mention/highcontrast-light.css +1 -43
  135. package/styles/mention/highcontrast.css +1 -43
  136. package/styles/mention/material-dark.css +1 -28
  137. package/styles/mention/material.css +1 -28
  138. package/styles/mention/material3-dark.css +1 -86
  139. package/styles/mention/material3.css +1 -142
  140. package/styles/mention/tailwind-dark.css +1 -67
  141. package/styles/mention/tailwind.css +1 -67
  142. package/styles/multi-select/bootstrap-dark.css +1 -1273
  143. package/styles/multi-select/bootstrap.css +1 -1266
  144. package/styles/multi-select/bootstrap4.css +1 -1400
  145. package/styles/multi-select/bootstrap5-dark.css +1 -1349
  146. package/styles/multi-select/bootstrap5.css +1 -1349
  147. package/styles/multi-select/fabric-dark.css +1 -1274
  148. package/styles/multi-select/fabric.css +1 -1269
  149. package/styles/multi-select/fluent-dark.css +1 -1416
  150. package/styles/multi-select/fluent.css +1 -1416
  151. package/styles/multi-select/highcontrast-light.css +1 -1385
  152. package/styles/multi-select/highcontrast.css +1 -1392
  153. package/styles/multi-select/material-dark.css +1 -2404
  154. package/styles/multi-select/material.css +1 -2412
  155. package/styles/multi-select/material3-dark.css +1 -2550
  156. package/styles/multi-select/material3.css +1 -2606
  157. package/styles/multi-select/tailwind-dark.css +1 -1343
  158. package/styles/multi-select/tailwind.css +1 -1343
  159. package/styles/tailwind-dark.css +1 -3583
  160. package/styles/tailwind.css +1 -3583
@@ -1,449 +1 @@
1
- /* stylelint-disable property-no-vendor-prefix */
2
- /* stylelint-disable-line no-empty-source */
3
- /* stylelint-disable property-no-vendor-prefix */
4
- @keyframes material-spinner-rotate {
5
- 0% {
6
- transform: rotate(0);
7
- }
8
- 100% {
9
- transform: rotate(360deg);
10
- }
11
- }
12
- @keyframes fabric-spinner-rotate {
13
- 0% {
14
- transform: rotate(0);
15
- }
16
- 100% {
17
- transform: rotate(360deg);
18
- }
19
- }
20
- .e-dropdownbase .e-list-group-item,
21
- .e-fixed-head {
22
- font-size: 12px;
23
- }
24
-
25
- .e-small .e-dropdownbase .e-list-group-item,
26
- .e-small .e-fixed-head,
27
- .e-small.e-dropdownbase .e-list-group-item,
28
- .e-small.e-fixed-head {
29
- font-size: 10px;
30
- }
31
-
32
- .e-bigger .e-dropdownbase .e-list-group-item,
33
- .e-bigger .e-fixed-head,
34
- .e-bigger.e-dropdownbase .e-list-group-item,
35
- .e-bigger.e-fixed-head {
36
- font-size: 14px;
37
- }
38
-
39
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
40
- .e-bigger.e-small .e-fixed-head,
41
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
42
- .e-bigger.e-small.e-fixed-head {
43
- font-size: 12px;
44
- }
45
-
46
- .e-dropdownbase .e-list-item .e-list-icon {
47
- padding: 0 8px 0 0;
48
- }
49
-
50
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
51
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
52
- padding: 0 12px 0 0;
53
- }
54
-
55
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
56
- padding: 0 6px 0 0;
57
- }
58
-
59
- .e-popup.e-ddl {
60
- border-radius: 4px;
61
- box-shadow: none;
62
- margin-top: 3px;
63
- }
64
- .e-popup.e-ddl .e-input-group {
65
- width: auto;
66
- }
67
- .e-popup.e-ddl .e-input-group input {
68
- line-height: 15px;
69
- }
70
-
71
- .e-popup.e-ddl .e-dropdownbase {
72
- min-height: 26px;
73
- }
74
-
75
- .e-popup.e-ddl .e-filter-parent .e-input-group {
76
- display: -ms-flexbox;
77
- display: flex;
78
- width: auto;
79
- }
80
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
81
- border: 0;
82
- }
83
-
84
- .e-bigger .e-popup.e-ddl-device-filter {
85
- margin-top: 0;
86
- }
87
-
88
- .e-bigger .e-popup.e-ddl .e-list-item {
89
- font-size: 16px;
90
- line-height: 32px;
91
- padding-left: 0;
92
- text-indent: 16px;
93
- }
94
-
95
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
96
- font-size: 14px;
97
- line-height: 32px;
98
- padding-left: 0;
99
- text-indent: 16px;
100
- }
101
-
102
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
103
- padding-left: 0;
104
- }
105
-
106
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
107
- font-size: 16px;
108
- height: 36px;
109
- }
110
-
111
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
112
- min-height: 40px;
113
- }
114
-
115
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
116
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
117
- background: transparent;
118
- }
119
-
120
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
121
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
122
- background: #343a40;
123
- }
124
-
125
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
126
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
127
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
128
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
129
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
130
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
131
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
132
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
133
- background: transparent;
134
- color: #adb5bd;
135
- }
136
-
137
- .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
138
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
139
- .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
140
- .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
141
- background: transparent;
142
- color: #adb5bd;
143
- }
144
-
145
- .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
146
- .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
147
- .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
148
- .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
149
- background: #343a40;
150
- }
151
-
152
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
153
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
154
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
155
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
156
- border: 0;
157
- }
158
-
159
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
160
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
161
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
162
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
163
- box-shadow: none;
164
- }
165
-
166
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
167
- background: transparent;
168
- display: -ms-flexbox;
169
- display: flex;
170
- position: relative;
171
- }
172
-
173
- .e-ddl.e-popup .e-filter-parent .e-input-group,
174
- .e-ddl.e-popup .e-filter-parent {
175
- background: #212529;
176
- }
177
-
178
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
179
- font-size: 14px;
180
- }
181
-
182
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
183
- font-size: 16px;
184
- }
185
-
186
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
187
- font-size: 14px;
188
- line-height: 34px;
189
- padding-left: 0;
190
- text-indent: 16px;
191
- }
192
-
193
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
194
- padding-left: 4px;
195
- }
196
-
197
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
198
- height: 30px;
199
- }
200
-
201
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
202
- min-height: 34px;
203
- }
204
-
205
- .e-ddl .e-search-icon::before {
206
- content: "\e754";
207
- }
208
-
209
- .e-ddl .e-back-icon::before {
210
- content: "\e773";
211
- }
212
-
213
- .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
214
- content: "\e729";
215
- font-family: "e-icons";
216
- }
217
-
218
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
219
- margin-left: -20px;
220
- }
221
-
222
- .e-bigger .e-ddl.e-popup .e-list-item {
223
- font-size: 16px;
224
- }
225
- .e-bigger .e-ddl.e-popup .e-list-group-item {
226
- font-size: 16px;
227
- }
228
- .e-bigger.e-ddl.e-popup .e-list-item {
229
- font-size: 16px;
230
- }
231
- .e-bigger.e-ddl.e-popup .e-list-group-item {
232
- font-size: 16px;
233
- }
234
- .e-popup-full-page {
235
- bottom: 0;
236
- left: 0;
237
- margin: 0;
238
- overflow: hidden;
239
- padding: 0;
240
- right: 0;
241
- top: 0;
242
- }
243
- .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
244
- margin: 0;
245
- }
246
-
247
- .e-ddl.e-control-wrapper .e-ddl-disable-icon {
248
- position: relative;
249
- }
250
-
251
- .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
252
- content: "";
253
- }
254
-
255
- .e-ddl-device-filter .e-filter-parent {
256
- background-color: #212529;
257
- }
258
-
259
- /* stylelint-disable property-no-vendor-prefix */
260
- .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
261
- display: none;
262
- pointer-events: none;
263
- position: absolute;
264
- right: 0;
265
- visibility: hidden;
266
- }
267
-
268
- /* stylelint-enable property-no-vendor-prefix */
269
- .e-filter-parent {
270
- border: 0;
271
- border-top-width: 0;
272
- box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
273
- display: block;
274
- padding: 5px;
275
- }
276
-
277
- .e-ddl.e-input-group:not(.e-disabled) {
278
- cursor: pointer;
279
- }
280
-
281
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
282
- width: 0;
283
- }
284
-
285
- .e-ddl.e-popup {
286
- background: #343a40;
287
- border: 1px solid #444c54;
288
- position: absolute;
289
- }
290
- .e-ddl.e-popup .e-search-icon {
291
- margin: 0;
292
- opacity: 0.57;
293
- padding: 12px 8px 8px;
294
- }
295
-
296
- .e-ddl.e-popup .e-filter-parent .e-back-icon {
297
- padding: 0 8px;
298
- }
299
-
300
- .e-ddl.e-popup .e-input-group {
301
- margin-bottom: 0;
302
- }
303
-
304
- .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
305
- cursor: default;
306
- }
307
-
308
- /* stylelint-disable property-no-vendor-prefix */
309
- .e-ddl.e-input-group .e-ddl-hidden,
310
- .e-ddl.e-float-input .e-ddl-hidden {
311
- -webkit-appearance: initial;
312
- border: 0;
313
- height: 0;
314
- padding: 0;
315
- visibility: hidden;
316
- width: 0;
317
- }
318
-
319
- .e-ddl.e-input-group,
320
- .e-ddl.e-input-group.e-input-focus:focus {
321
- outline: none;
322
- }
323
-
324
- .e-dropdownbase .e-list-item .e-highlight {
325
- display: inline;
326
- font-weight: bold;
327
- vertical-align: baseline;
328
- }
329
-
330
- .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
331
- .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
332
- .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
333
- opacity: 1;
334
- }
335
-
336
- .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
337
- .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
338
- .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
339
- .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
340
- .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
341
- .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
342
- .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
343
- display: -ms-flexbox;
344
- display: flex;
345
- }
346
-
347
- .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
348
- .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
349
- .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
350
- .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
351
- .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
352
- .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
353
- .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
354
- display: none;
355
- }
356
-
357
- .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
358
- .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
359
- .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
360
- .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
361
- .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
362
- .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
363
- cursor: pointer;
364
- display: -ms-flexbox;
365
- display: flex;
366
- }
367
-
368
- .e-ddl.e-input-group .e-input-value,
369
- .e-ddl.e-input-group .e-input-value:focus {
370
- font-family: inherit;
371
- font-size: 14px;
372
- height: auto;
373
- margin: 0;
374
- outline: none;
375
- width: 100%;
376
- }
377
- .e-ddl.e-input-group input[readonly].e-input,
378
- .e-ddl.e-input-group input[readonly],
379
- .e-ddl.e-input-group .e-dropdownlist {
380
- pointer-events: none;
381
- }
382
-
383
- ejs-autocomplete,
384
- ejs-combobox,
385
- ejs-dropdownlist {
386
- display: block;
387
- }
388
-
389
- .e-small .e-ddl.e-popup .e-list-item,
390
- .e-input-group.e-ddl.e-small .e-list-item {
391
- font-size: 12px;
392
- }
393
- .e-small .e-ddl.e-popup .e-list-group-item,
394
- .e-input-group.e-ddl.e-small .e-list-group-item {
395
- font-size: 12px;
396
- }
397
-
398
- .e-small.e-ddl.e-popup .e-list-item,
399
- .e-input-group.e-ddl.e-small .e-list-item {
400
- font-size: 12px;
401
- }
402
- .e-small.e-ddl.e-popup .e-list-group-item,
403
- .e-input-group.e-ddl.e-small .e-list-group-item {
404
- font-size: 12px;
405
- }
406
-
407
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
408
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
409
- font-size: 14px;
410
- }
411
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
412
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
413
- font-size: 14px;
414
- }
415
-
416
- .e-bigger.e-small.e-ddl.e-popup .e-list-item,
417
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
418
- font-size: 14px;
419
- }
420
- .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
421
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
422
- font-size: 14px;
423
- }
424
-
425
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
426
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
427
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
428
- background-size: 300px 33px;
429
- min-height: 33px;
430
- }
431
-
432
- .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
433
- .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
434
- .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
435
- .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
436
- .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
437
- .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
438
- background-size: 300px 40px;
439
- min-height: 40px;
440
- }
441
-
442
- .e-popup {
443
- border-color: #444c54;
444
- }
445
-
446
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
447
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
448
- color: #fff;
449
- }
1
+ @import '@syncfusion/ej2-dropdowns/styles/drop-down-list/bootstrap5-dark.css';