@syncfusion/ej2-angular-dropdowns 25.2.7 → 26.1.35

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 (182) hide show
  1. package/CHANGELOG.md +2445 -0
  2. package/esm2020/public_api.mjs +1 -2
  3. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +0 -2
  4. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  5. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -2
  6. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  7. package/package.json +9 -9
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/styles/auto-complete/bootstrap-dark.css +109 -1
  11. package/styles/auto-complete/bootstrap.css +109 -1
  12. package/styles/auto-complete/bootstrap4.css +163 -1
  13. package/styles/auto-complete/bootstrap5-dark.css +151 -1
  14. package/styles/auto-complete/bootstrap5.css +151 -1
  15. package/styles/auto-complete/fabric-dark.css +84 -1
  16. package/styles/auto-complete/fabric.css +77 -1
  17. package/styles/auto-complete/fluent-dark.css +131 -1
  18. package/styles/auto-complete/fluent.css +131 -1
  19. package/styles/auto-complete/fluent2.css +1140 -0
  20. package/styles/auto-complete/fluent2.scss +1 -0
  21. package/styles/auto-complete/highcontrast-light.css +81 -1
  22. package/styles/auto-complete/highcontrast.css +81 -1
  23. package/styles/auto-complete/material-dark.css +118 -1
  24. package/styles/auto-complete/material.css +143 -1
  25. package/styles/auto-complete/material3-dark.css +263 -1
  26. package/styles/auto-complete/material3.css +375 -1
  27. package/styles/auto-complete/tailwind-dark.css +106 -1
  28. package/styles/auto-complete/tailwind.css +106 -1
  29. package/styles/bootstrap-dark.css +3439 -1
  30. package/styles/bootstrap.css +3444 -1
  31. package/styles/bootstrap4.css +3692 -1
  32. package/styles/bootstrap5-dark.css +3614 -1
  33. package/styles/bootstrap5.css +3614 -1
  34. package/styles/combo-box/bootstrap-dark.css +109 -1
  35. package/styles/combo-box/bootstrap.css +109 -1
  36. package/styles/combo-box/bootstrap4.css +163 -1
  37. package/styles/combo-box/bootstrap5-dark.css +151 -1
  38. package/styles/combo-box/bootstrap5.css +151 -1
  39. package/styles/combo-box/fabric-dark.css +84 -1
  40. package/styles/combo-box/fabric.css +77 -1
  41. package/styles/combo-box/fluent-dark.css +131 -1
  42. package/styles/combo-box/fluent.css +131 -1
  43. package/styles/combo-box/fluent2.css +1140 -0
  44. package/styles/combo-box/fluent2.scss +1 -0
  45. package/styles/combo-box/highcontrast-light.css +81 -1
  46. package/styles/combo-box/highcontrast.css +81 -1
  47. package/styles/combo-box/material-dark.css +118 -1
  48. package/styles/combo-box/material.css +143 -1
  49. package/styles/combo-box/material3-dark.css +263 -1
  50. package/styles/combo-box/material3.css +375 -1
  51. package/styles/combo-box/tailwind-dark.css +106 -1
  52. package/styles/combo-box/tailwind.css +106 -1
  53. package/styles/drop-down-base/bootstrap-dark.css +373 -1
  54. package/styles/drop-down-base/bootstrap.css +373 -1
  55. package/styles/drop-down-base/bootstrap4.css +383 -1
  56. package/styles/drop-down-base/bootstrap5-dark.css +405 -1
  57. package/styles/drop-down-base/bootstrap5.css +405 -1
  58. package/styles/drop-down-base/fabric-dark.css +373 -1
  59. package/styles/drop-down-base/fabric.css +373 -1
  60. package/styles/drop-down-base/fluent-dark.css +421 -1
  61. package/styles/drop-down-base/fluent.css +421 -1
  62. package/styles/drop-down-base/fluent2.css +1447 -0
  63. package/styles/drop-down-base/fluent2.scss +1 -0
  64. package/styles/drop-down-base/highcontrast-light.css +387 -1
  65. package/styles/drop-down-base/highcontrast.css +387 -1
  66. package/styles/drop-down-base/material-dark.css +372 -1
  67. package/styles/drop-down-base/material.css +372 -1
  68. package/styles/drop-down-base/material3-dark.css +492 -1
  69. package/styles/drop-down-base/material3.css +604 -1
  70. package/styles/drop-down-base/tailwind-dark.css +481 -1
  71. package/styles/drop-down-base/tailwind.css +481 -1
  72. package/styles/drop-down-list/bootstrap-dark.css +433 -1
  73. package/styles/drop-down-list/bootstrap.css +433 -1
  74. package/styles/drop-down-list/bootstrap4.css +477 -1
  75. package/styles/drop-down-list/bootstrap5-dark.css +490 -1
  76. package/styles/drop-down-list/bootstrap5.css +490 -1
  77. package/styles/drop-down-list/fabric-dark.css +408 -1
  78. package/styles/drop-down-list/fabric.css +401 -1
  79. package/styles/drop-down-list/fluent-dark.css +471 -1
  80. package/styles/drop-down-list/fluent.css +471 -1
  81. package/styles/drop-down-list/fluent2.css +1684 -0
  82. package/styles/drop-down-list/fluent2.scss +1 -0
  83. package/styles/drop-down-list/highcontrast-light.css +419 -1
  84. package/styles/drop-down-list/highcontrast.css +419 -1
  85. package/styles/drop-down-list/material-dark.css +455 -1
  86. package/styles/drop-down-list/material.css +499 -1
  87. package/styles/drop-down-list/material3-dark.css +626 -1
  88. package/styles/drop-down-list/material3.css +738 -1
  89. package/styles/drop-down-list/tailwind-dark.css +428 -1
  90. package/styles/drop-down-list/tailwind.css +428 -1
  91. package/styles/drop-down-tree/bootstrap-dark.css +464 -1
  92. package/styles/drop-down-tree/bootstrap.css +465 -1
  93. package/styles/drop-down-tree/bootstrap4.css +498 -1
  94. package/styles/drop-down-tree/bootstrap5-dark.css +544 -1
  95. package/styles/drop-down-tree/bootstrap5.css +544 -1
  96. package/styles/drop-down-tree/fabric-dark.css +466 -1
  97. package/styles/drop-down-tree/fabric.css +467 -1
  98. package/styles/drop-down-tree/fluent-dark.css +549 -1
  99. package/styles/drop-down-tree/fluent.css +549 -1
  100. package/styles/drop-down-tree/fluent2.css +1732 -0
  101. package/styles/drop-down-tree/fluent2.scss +1 -0
  102. package/styles/drop-down-tree/highcontrast-light.css +481 -1
  103. package/styles/drop-down-tree/highcontrast.css +491 -1
  104. package/styles/drop-down-tree/material-dark.css +790 -1
  105. package/styles/drop-down-tree/material.css +814 -1
  106. package/styles/drop-down-tree/material3-dark.css +580 -1
  107. package/styles/drop-down-tree/material3.css +692 -1
  108. package/styles/drop-down-tree/tailwind-dark.css +579 -1
  109. package/styles/drop-down-tree/tailwind.css +579 -1
  110. package/styles/fabric-dark.css +3413 -1
  111. package/styles/fabric.css +3413 -1
  112. package/styles/fluent-dark.css +3689 -1
  113. package/styles/fluent.css +3689 -1
  114. package/styles/fluent2.css +12401 -0
  115. package/styles/fluent2.scss +8 -0
  116. package/styles/highcontrast-light.css +3525 -1
  117. package/styles/highcontrast.css +3553 -1
  118. package/styles/list-box/bootstrap-dark.css +915 -1
  119. package/styles/list-box/bootstrap.css +926 -1
  120. package/styles/list-box/bootstrap4.css +980 -1
  121. package/styles/list-box/bootstrap5-dark.css +952 -1
  122. package/styles/list-box/bootstrap5.css +952 -1
  123. package/styles/list-box/fabric-dark.css +915 -1
  124. package/styles/list-box/fabric.css +926 -1
  125. package/styles/list-box/fluent-dark.css +952 -1
  126. package/styles/list-box/fluent.css +952 -1
  127. package/styles/list-box/fluent2.css +2029 -0
  128. package/styles/list-box/fluent2.scss +1 -0
  129. package/styles/list-box/highcontrast-light.css +929 -1
  130. package/styles/list-box/highcontrast.css +940 -1
  131. package/styles/list-box/material-dark.css +914 -1
  132. package/styles/list-box/material.css +925 -1
  133. package/styles/list-box/material3-dark.css +1025 -1
  134. package/styles/list-box/material3.css +1137 -1
  135. package/styles/list-box/tailwind-dark.css +961 -1
  136. package/styles/list-box/tailwind.css +961 -1
  137. package/styles/material-dark.css +4927 -1
  138. package/styles/material.css +5006 -1
  139. package/styles/material3-dark.css +5644 -1
  140. package/styles/material3.css +6540 -1
  141. package/styles/mention/bootstrap-dark.css +53 -1
  142. package/styles/mention/bootstrap.css +53 -1
  143. package/styles/mention/bootstrap4.css +63 -1
  144. package/styles/mention/bootstrap5-dark.css +82 -1
  145. package/styles/mention/bootstrap5.css +82 -1
  146. package/styles/mention/fabric-dark.css +53 -1
  147. package/styles/mention/fabric.css +53 -1
  148. package/styles/mention/fluent-dark.css +82 -1
  149. package/styles/mention/fluent.css +82 -1
  150. package/styles/mention/fluent2.css +1130 -0
  151. package/styles/mention/fluent2.scss +1 -0
  152. package/styles/mention/highcontrast-light.css +67 -1
  153. package/styles/mention/highcontrast.css +67 -1
  154. package/styles/mention/material-dark.css +52 -1
  155. package/styles/mention/material.css +52 -1
  156. package/styles/mention/material3-dark.css +165 -1
  157. package/styles/mention/material3.css +277 -1
  158. package/styles/mention/tailwind-dark.css +91 -1
  159. package/styles/mention/tailwind.css +91 -1
  160. package/styles/multi-select/bootstrap-dark.css +1318 -1
  161. package/styles/multi-select/bootstrap.css +1311 -1
  162. package/styles/multi-select/bootstrap4.css +1442 -1
  163. package/styles/multi-select/bootstrap5-dark.css +1389 -1
  164. package/styles/multi-select/bootstrap5.css +1389 -1
  165. package/styles/multi-select/fabric-dark.css +1315 -1
  166. package/styles/multi-select/fabric.css +1310 -1
  167. package/styles/multi-select/fluent-dark.css +1462 -1
  168. package/styles/multi-select/fluent.css +1462 -1
  169. package/styles/multi-select/fluent2.css +2663 -0
  170. package/styles/multi-select/fluent2.scss +1 -0
  171. package/styles/multi-select/highcontrast-light.css +1429 -1
  172. package/styles/multi-select/highcontrast.css +1436 -1
  173. package/styles/multi-select/material-dark.css +2470 -1
  174. package/styles/multi-select/material.css +2490 -1
  175. package/styles/multi-select/material3-dark.css +2683 -1
  176. package/styles/multi-select/material3.css +2795 -1
  177. package/styles/multi-select/tailwind-dark.css +1383 -1
  178. package/styles/multi-select/tailwind.css +1383 -1
  179. package/styles/tailwind-dark.css +3630 -1
  180. package/styles/tailwind.css +3630 -1
  181. package/license +0 -10
  182. package/postinstall/tagchange.js +0 -18
@@ -1 +1,433 @@
1
- @import '@syncfusion/ej2-dropdowns/styles/drop-down-list/bootstrap.css';
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable property-no-vendor-prefix */
3
+ @-webkit-keyframes material-spinner-rotate {
4
+ 0% {
5
+ -webkit-transform: rotate(0);
6
+ transform: rotate(0);
7
+ }
8
+ 100% {
9
+ -webkit-transform: rotate(360deg);
10
+ transform: rotate(360deg);
11
+ }
12
+ }
13
+ @keyframes material-spinner-rotate {
14
+ 0% {
15
+ -webkit-transform: rotate(0);
16
+ transform: rotate(0);
17
+ }
18
+ 100% {
19
+ -webkit-transform: rotate(360deg);
20
+ transform: rotate(360deg);
21
+ }
22
+ }
23
+ @-webkit-keyframes fabric-spinner-rotate {
24
+ 0% {
25
+ -webkit-transform: rotate(0);
26
+ transform: rotate(0);
27
+ }
28
+ 100% {
29
+ -webkit-transform: rotate(360deg);
30
+ transform: rotate(360deg);
31
+ }
32
+ }
33
+ @keyframes fabric-spinner-rotate {
34
+ 0% {
35
+ -webkit-transform: rotate(0);
36
+ transform: rotate(0);
37
+ }
38
+ 100% {
39
+ -webkit-transform: rotate(360deg);
40
+ transform: rotate(360deg);
41
+ }
42
+ }
43
+ .e-dropdownbase .e-list-item .e-list-icon {
44
+ padding: 0 10px 0 0;
45
+ }
46
+
47
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
48
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
49
+ padding: 0 12px 0 0;
50
+ }
51
+
52
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
53
+ padding: 0 8px 0 0;
54
+ }
55
+
56
+ .e-popup.e-ddl {
57
+ border-radius: 4px;
58
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
59
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
60
+ margin-top: 3px;
61
+ }
62
+ .e-popup.e-ddl .e-input-group {
63
+ width: auto;
64
+ }
65
+ .e-popup.e-ddl .e-input-group input {
66
+ line-height: 15px;
67
+ }
68
+
69
+ .e-popup.e-ddl .e-dropdownbase {
70
+ min-height: 26px;
71
+ }
72
+
73
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
74
+ display: -webkit-box;
75
+ display: -ms-flexbox;
76
+ display: flex;
77
+ width: auto;
78
+ }
79
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
80
+ border: 0;
81
+ }
82
+
83
+ .e-bigger .e-popup.e-ddl-device-filter {
84
+ margin-top: 0;
85
+ }
86
+
87
+ .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
88
+ font-size: 15px;
89
+ line-height: 40px;
90
+ padding-left: 0;
91
+ text-indent: 24px;
92
+ }
93
+
94
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
95
+ padding-left: 4px;
96
+ }
97
+
98
+ .e-bigger .e-popup.e-ddl .e-input-group {
99
+ padding: 4px 0;
100
+ }
101
+
102
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
103
+ height: 38px;
104
+ }
105
+
106
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
107
+ min-height: 40px;
108
+ }
109
+
110
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
111
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
112
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
113
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
114
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
115
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
116
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
117
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
118
+ background: transparent;
119
+ color: #333;
120
+ }
121
+
122
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
123
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
124
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
125
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
126
+ border: 0;
127
+ }
128
+
129
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
130
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
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-clear-icon:active {
133
+ -webkit-box-shadow: none;
134
+ box-shadow: none;
135
+ }
136
+
137
+ .e-ddl.e-popup .e-filter-parent {
138
+ border-bottom: 1px solid #ccc;
139
+ }
140
+
141
+ .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 {
142
+ font-size: 14px;
143
+ line-height: 34px;
144
+ padding-left: 0;
145
+ text-indent: 16px;
146
+ }
147
+
148
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
149
+ padding-left: 4px;
150
+ }
151
+
152
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
153
+ padding: 4px 0;
154
+ }
155
+
156
+ .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 {
157
+ height: 30px;
158
+ }
159
+
160
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
161
+ min-height: 34px;
162
+ }
163
+
164
+ .e-ddl .e-search-icon::before {
165
+ content: "\e993";
166
+ }
167
+
168
+ .e-ddl .e-back-icon::before {
169
+ content: "\e94b";
170
+ }
171
+
172
+ .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
173
+ content: "\e969";
174
+ font-family: "e-icons";
175
+ }
176
+
177
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
178
+ margin-left: -20px;
179
+ }
180
+
181
+ .e-bigger .e-ddl.e-popup .e-list-item {
182
+ font-size: 15px;
183
+ }
184
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
185
+ font-size: 15px;
186
+ }
187
+ .e-bigger .e-ddl.e-popup .e-input-group {
188
+ padding: 4px 0;
189
+ }
190
+
191
+ .e-bigger.e-ddl.e-popup .e-list-item {
192
+ font-size: 15px;
193
+ }
194
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
195
+ font-size: 15px;
196
+ }
197
+ .e-bigger.e-ddl.e-popup .e-input-group {
198
+ padding: 4px 0;
199
+ }
200
+
201
+ .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
202
+ display: block;
203
+ visibility: hidden;
204
+ }
205
+
206
+ .e-popup-full-page {
207
+ bottom: 0;
208
+ left: 0;
209
+ margin: 0;
210
+ overflow: hidden;
211
+ padding: 0;
212
+ right: 0;
213
+ top: 0;
214
+ }
215
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
216
+ margin: 0;
217
+ }
218
+
219
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon {
220
+ position: relative;
221
+ }
222
+
223
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
224
+ content: "";
225
+ }
226
+
227
+ .e-ddl-device-filter .e-filter-parent {
228
+ background-color: #fff;
229
+ }
230
+
231
+ /* stylelint-disable property-no-vendor-prefix */
232
+ .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
233
+ display: none;
234
+ pointer-events: none;
235
+ position: absolute;
236
+ right: 0;
237
+ visibility: hidden;
238
+ }
239
+
240
+ /* stylelint-enable property-no-vendor-prefix */
241
+ .e-filter-parent {
242
+ border: none;
243
+ border-top-width: 0;
244
+ -webkit-box-shadow: none;
245
+ box-shadow: none;
246
+ display: block;
247
+ padding: 5px 8px;
248
+ }
249
+
250
+ .e-ddl.e-input-group:not(.e-disabled) {
251
+ cursor: pointer;
252
+ }
253
+
254
+ .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 {
255
+ width: 0;
256
+ }
257
+
258
+ .e-ddl.e-popup {
259
+ background: #fff;
260
+ border: 1px solid #ccc;
261
+ position: absolute;
262
+ }
263
+ .e-ddl.e-popup .e-search-icon {
264
+ margin: 0;
265
+ opacity: 0.57;
266
+ padding: 8px;
267
+ }
268
+
269
+ .e-ddl.e-popup .e-filter-parent .e-back-icon {
270
+ padding: 0;
271
+ }
272
+
273
+ .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
274
+ padding: 0 12px;
275
+ }
276
+
277
+ .e-ddl.e-popup .e-input-group {
278
+ margin-bottom: 0;
279
+ }
280
+
281
+ .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
282
+ cursor: default;
283
+ }
284
+
285
+ /* stylelint-disable property-no-vendor-prefix */
286
+ .e-ddl.e-input-group .e-ddl-hidden,
287
+ .e-ddl.e-float-input .e-ddl-hidden {
288
+ -webkit-appearance: initial;
289
+ border: 0;
290
+ height: 0;
291
+ padding: 0;
292
+ visibility: hidden;
293
+ width: 0;
294
+ }
295
+
296
+ .e-ddl.e-input-group,
297
+ .e-ddl.e-input-group.e-input-focus:focus {
298
+ outline: none;
299
+ }
300
+
301
+ .e-dropdownbase .e-list-item .e-highlight {
302
+ display: inline;
303
+ font-weight: bold;
304
+ vertical-align: baseline;
305
+ }
306
+
307
+ .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
308
+ .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
309
+ .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
310
+ opacity: 1;
311
+ }
312
+
313
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
314
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
315
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
316
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
317
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
318
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
319
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
320
+ display: -webkit-box;
321
+ display: -ms-flexbox;
322
+ display: flex;
323
+ }
324
+
325
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
326
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
327
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
328
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
329
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
330
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
331
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
332
+ display: none;
333
+ }
334
+
335
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
336
+ .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,
337
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
338
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
339
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
340
+ .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 {
341
+ cursor: pointer;
342
+ display: -webkit-box;
343
+ display: -ms-flexbox;
344
+ display: flex;
345
+ }
346
+
347
+ .e-ddl.e-input-group .e-input-value,
348
+ .e-ddl.e-input-group .e-input-value:focus {
349
+ font-family: inherit;
350
+ font-size: 14px;
351
+ height: auto;
352
+ margin: 0;
353
+ outline: none;
354
+ width: 100%;
355
+ }
356
+ .e-ddl.e-input-group input[readonly].e-input,
357
+ .e-ddl.e-input-group input[readonly],
358
+ .e-ddl.e-input-group .e-dropdownlist {
359
+ pointer-events: none;
360
+ }
361
+
362
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
363
+ opacity: 0.7;
364
+ pointer-events: none;
365
+ }
366
+
367
+ ejs-autocomplete,
368
+ ejs-combobox,
369
+ ejs-dropdownlist {
370
+ display: block;
371
+ }
372
+
373
+ .e-small .e-ddl.e-popup .e-list-item,
374
+ .e-input-group.e-ddl.e-small .e-list-item {
375
+ font-size: 13px;
376
+ }
377
+ .e-small .e-ddl.e-popup .e-list-group-item,
378
+ .e-input-group.e-ddl.e-small .e-list-group-item {
379
+ font-size: 13px;
380
+ }
381
+
382
+ .e-small.e-ddl.e-popup .e-list-item,
383
+ .e-input-group.e-ddl.e-small .e-list-item {
384
+ font-size: 13px;
385
+ }
386
+ .e-small.e-ddl.e-popup .e-list-group-item,
387
+ .e-input-group.e-ddl.e-small .e-list-group-item {
388
+ font-size: 13px;
389
+ }
390
+
391
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
392
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
393
+ font-size: 14px;
394
+ }
395
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
396
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
397
+ font-size: 14px;
398
+ }
399
+
400
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
401
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
402
+ font-size: 14px;
403
+ }
404
+ .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
405
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
406
+ font-size: 14px;
407
+ }
408
+
409
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
410
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
411
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
412
+ background-size: 300px 33px;
413
+ min-height: 33px;
414
+ }
415
+
416
+ .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
417
+ .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
418
+ .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
419
+ .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
420
+ .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
421
+ .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
422
+ background-size: 300px 40px;
423
+ min-height: 40px;
424
+ }
425
+
426
+ .e-popup {
427
+ border-color: #ccc;
428
+ }
429
+
430
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
431
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
432
+ color: #333;
433
+ }