@syncfusion/ej2-angular-dropdowns 26.1.42 → 26.2.4

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 (165) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/package.json +8 -8
  3. package/schematics/utils/lib-details.ts +2 -2
  4. package/styles/auto-complete/bootstrap-dark.css +1 -109
  5. package/styles/auto-complete/bootstrap.css +1 -109
  6. package/styles/auto-complete/bootstrap4.css +1 -163
  7. package/styles/auto-complete/bootstrap5-dark.css +1 -151
  8. package/styles/auto-complete/bootstrap5.css +1 -151
  9. package/styles/auto-complete/fabric-dark.css +1 -84
  10. package/styles/auto-complete/fabric.css +1 -77
  11. package/styles/auto-complete/fluent-dark.css +1 -131
  12. package/styles/auto-complete/fluent.css +1 -131
  13. package/styles/auto-complete/fluent2.css +1 -1140
  14. package/styles/auto-complete/highcontrast-light.css +1 -81
  15. package/styles/auto-complete/highcontrast.css +1 -81
  16. package/styles/auto-complete/material-dark.css +1 -118
  17. package/styles/auto-complete/material.css +1 -143
  18. package/styles/auto-complete/material3-dark.css +1 -263
  19. package/styles/auto-complete/material3.css +1 -375
  20. package/styles/auto-complete/tailwind-dark.css +1 -106
  21. package/styles/auto-complete/tailwind.css +1 -106
  22. package/styles/bootstrap-dark.css +1 -3440
  23. package/styles/bootstrap.css +1 -3445
  24. package/styles/bootstrap4.css +1 -3693
  25. package/styles/bootstrap5-dark.css +1 -3615
  26. package/styles/bootstrap5.css +1 -3615
  27. package/styles/combo-box/bootstrap-dark.css +1 -109
  28. package/styles/combo-box/bootstrap.css +1 -109
  29. package/styles/combo-box/bootstrap4.css +1 -163
  30. package/styles/combo-box/bootstrap5-dark.css +1 -151
  31. package/styles/combo-box/bootstrap5.css +1 -151
  32. package/styles/combo-box/fabric-dark.css +1 -84
  33. package/styles/combo-box/fabric.css +1 -77
  34. package/styles/combo-box/fluent-dark.css +1 -131
  35. package/styles/combo-box/fluent.css +1 -131
  36. package/styles/combo-box/fluent2.css +1 -1140
  37. package/styles/combo-box/highcontrast-light.css +1 -81
  38. package/styles/combo-box/highcontrast.css +1 -81
  39. package/styles/combo-box/material-dark.css +1 -118
  40. package/styles/combo-box/material.css +1 -143
  41. package/styles/combo-box/material3-dark.css +1 -263
  42. package/styles/combo-box/material3.css +1 -375
  43. package/styles/combo-box/tailwind-dark.css +1 -106
  44. package/styles/combo-box/tailwind.css +1 -106
  45. package/styles/drop-down-base/bootstrap-dark.css +1 -373
  46. package/styles/drop-down-base/bootstrap.css +1 -373
  47. package/styles/drop-down-base/bootstrap4.css +1 -383
  48. package/styles/drop-down-base/bootstrap5-dark.css +1 -405
  49. package/styles/drop-down-base/bootstrap5.css +1 -405
  50. package/styles/drop-down-base/fabric-dark.css +1 -373
  51. package/styles/drop-down-base/fabric.css +1 -373
  52. package/styles/drop-down-base/fluent-dark.css +1 -421
  53. package/styles/drop-down-base/fluent.css +1 -421
  54. package/styles/drop-down-base/fluent2.css +1 -1447
  55. package/styles/drop-down-base/highcontrast-light.css +1 -387
  56. package/styles/drop-down-base/highcontrast.css +1 -387
  57. package/styles/drop-down-base/material-dark.css +1 -372
  58. package/styles/drop-down-base/material.css +1 -372
  59. package/styles/drop-down-base/material3-dark.css +1 -492
  60. package/styles/drop-down-base/material3.css +1 -604
  61. package/styles/drop-down-base/tailwind-dark.css +1 -481
  62. package/styles/drop-down-base/tailwind.css +1 -481
  63. package/styles/drop-down-list/bootstrap-dark.css +1 -433
  64. package/styles/drop-down-list/bootstrap.css +1 -433
  65. package/styles/drop-down-list/bootstrap4.css +1 -477
  66. package/styles/drop-down-list/bootstrap5-dark.css +1 -490
  67. package/styles/drop-down-list/bootstrap5.css +1 -490
  68. package/styles/drop-down-list/fabric-dark.css +1 -408
  69. package/styles/drop-down-list/fabric.css +1 -401
  70. package/styles/drop-down-list/fluent-dark.css +1 -471
  71. package/styles/drop-down-list/fluent.css +1 -471
  72. package/styles/drop-down-list/fluent2.css +1 -1684
  73. package/styles/drop-down-list/highcontrast-light.css +1 -419
  74. package/styles/drop-down-list/highcontrast.css +1 -419
  75. package/styles/drop-down-list/material-dark.css +1 -455
  76. package/styles/drop-down-list/material.css +1 -499
  77. package/styles/drop-down-list/material3-dark.css +1 -626
  78. package/styles/drop-down-list/material3.css +1 -738
  79. package/styles/drop-down-list/tailwind-dark.css +1 -428
  80. package/styles/drop-down-list/tailwind.css +1 -428
  81. package/styles/drop-down-tree/bootstrap-dark.css +1 -465
  82. package/styles/drop-down-tree/bootstrap.css +1 -466
  83. package/styles/drop-down-tree/bootstrap4.css +1 -499
  84. package/styles/drop-down-tree/bootstrap5-dark.css +1 -545
  85. package/styles/drop-down-tree/bootstrap5.css +1 -545
  86. package/styles/drop-down-tree/fabric-dark.css +1 -467
  87. package/styles/drop-down-tree/fabric.css +1 -468
  88. package/styles/drop-down-tree/fluent-dark.css +1 -550
  89. package/styles/drop-down-tree/fluent.css +1 -550
  90. package/styles/drop-down-tree/fluent2.css +1 -1733
  91. package/styles/drop-down-tree/highcontrast-light.css +1 -482
  92. package/styles/drop-down-tree/highcontrast.css +1 -492
  93. package/styles/drop-down-tree/material-dark.css +1 -791
  94. package/styles/drop-down-tree/material.css +1 -815
  95. package/styles/drop-down-tree/material3-dark.css +1 -581
  96. package/styles/drop-down-tree/material3.css +1 -693
  97. package/styles/drop-down-tree/tailwind-dark.css +1 -580
  98. package/styles/drop-down-tree/tailwind.css +1 -580
  99. package/styles/fabric-dark.css +1 -3414
  100. package/styles/fabric.css +1 -3414
  101. package/styles/fluent-dark.css +1 -3690
  102. package/styles/fluent.css +1 -3690
  103. package/styles/fluent2.css +1 -12403
  104. package/styles/highcontrast-light.css +1 -3526
  105. package/styles/highcontrast.css +1 -3554
  106. package/styles/list-box/bootstrap-dark.css +1 -915
  107. package/styles/list-box/bootstrap.css +1 -926
  108. package/styles/list-box/bootstrap4.css +1 -980
  109. package/styles/list-box/bootstrap5-dark.css +1 -952
  110. package/styles/list-box/bootstrap5.css +1 -952
  111. package/styles/list-box/fabric-dark.css +1 -915
  112. package/styles/list-box/fabric.css +1 -926
  113. package/styles/list-box/fluent-dark.css +1 -952
  114. package/styles/list-box/fluent.css +1 -952
  115. package/styles/list-box/fluent2.css +1 -2029
  116. package/styles/list-box/highcontrast-light.css +1 -929
  117. package/styles/list-box/highcontrast.css +1 -940
  118. package/styles/list-box/material-dark.css +1 -914
  119. package/styles/list-box/material.css +1 -925
  120. package/styles/list-box/material3-dark.css +1 -1025
  121. package/styles/list-box/material3.css +1 -1137
  122. package/styles/list-box/tailwind-dark.css +1 -961
  123. package/styles/list-box/tailwind.css +1 -961
  124. package/styles/material-dark.css +1 -4928
  125. package/styles/material.css +1 -5007
  126. package/styles/material3-dark.css +1 -5645
  127. package/styles/material3.css +1 -6541
  128. package/styles/mention/bootstrap-dark.css +1 -53
  129. package/styles/mention/bootstrap.css +1 -53
  130. package/styles/mention/bootstrap4.css +1 -63
  131. package/styles/mention/bootstrap5-dark.css +1 -82
  132. package/styles/mention/bootstrap5.css +1 -82
  133. package/styles/mention/fabric-dark.css +1 -53
  134. package/styles/mention/fabric.css +1 -53
  135. package/styles/mention/fluent-dark.css +1 -82
  136. package/styles/mention/fluent.css +1 -82
  137. package/styles/mention/fluent2.css +1 -1130
  138. package/styles/mention/highcontrast-light.css +1 -67
  139. package/styles/mention/highcontrast.css +1 -67
  140. package/styles/mention/material-dark.css +1 -52
  141. package/styles/mention/material.css +1 -52
  142. package/styles/mention/material3-dark.css +1 -165
  143. package/styles/mention/material3.css +1 -277
  144. package/styles/mention/tailwind-dark.css +1 -91
  145. package/styles/mention/tailwind.css +1 -91
  146. package/styles/multi-select/bootstrap-dark.css +1 -1318
  147. package/styles/multi-select/bootstrap.css +1 -1311
  148. package/styles/multi-select/bootstrap4.css +1 -1442
  149. package/styles/multi-select/bootstrap5-dark.css +1 -1389
  150. package/styles/multi-select/bootstrap5.css +1 -1389
  151. package/styles/multi-select/fabric-dark.css +1 -1315
  152. package/styles/multi-select/fabric.css +1 -1310
  153. package/styles/multi-select/fluent-dark.css +1 -1462
  154. package/styles/multi-select/fluent.css +1 -1462
  155. package/styles/multi-select/fluent2.css +1 -2664
  156. package/styles/multi-select/highcontrast-light.css +1 -1429
  157. package/styles/multi-select/highcontrast.css +1 -1436
  158. package/styles/multi-select/material-dark.css +1 -2470
  159. package/styles/multi-select/material.css +1 -2490
  160. package/styles/multi-select/material3-dark.css +1 -2683
  161. package/styles/multi-select/material3.css +1 -2795
  162. package/styles/multi-select/tailwind-dark.css +1 -1383
  163. package/styles/multi-select/tailwind.css +1 -1383
  164. package/styles/tailwind-dark.css +1 -3631
  165. package/styles/tailwind.css +1 -3631
@@ -1,467 +1 @@
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
- /* stylelint-disable */
44
- .e-dropdownbase .e-list-item .e-list-icon {
45
- padding: 0 10px 0 0;
46
- }
47
-
48
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
49
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
50
- padding: 0 12px 0 0;
51
- }
52
-
53
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
54
- padding: 0 8px 0 0;
55
- }
56
-
57
- /* stylelint-disable */
58
- .e-ddt .e-ddt-icon::before {
59
- content: "\e966";
60
- }
61
- .e-ddt .e-chips-close::before {
62
- content: "\e7a7";
63
- }
64
-
65
- .e-ddt {
66
- cursor: pointer;
67
- outline: none;
68
- }
69
- .e-ddt .e-ddt-icon::before {
70
- -webkit-transform: rotate(0deg);
71
- transform: rotate(0deg);
72
- -webkit-transition: -webkit-transform 300ms ease;
73
- transition: -webkit-transform 300ms ease;
74
- transition: transform 300ms ease;
75
- transition: transform 300ms ease, -webkit-transform 300ms ease;
76
- }
77
- .e-ddt.e-icon-anim .e-ddt-icon::before {
78
- -webkit-transform: rotate(180deg);
79
- transform: rotate(180deg);
80
- -webkit-transition: -webkit-transform 300ms ease;
81
- transition: -webkit-transform 300ms ease;
82
- transition: transform 300ms ease;
83
- transition: transform 300ms ease, -webkit-transform 300ms ease;
84
- }
85
- .e-ddt .e-ddt-hidden {
86
- border: 0;
87
- height: 0;
88
- visibility: hidden;
89
- width: 0;
90
- }
91
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
92
- -webkit-box-sizing: content-box;
93
- box-sizing: content-box;
94
- min-height: 30px;
95
- }
96
- .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
97
- border: 0;
98
- }
99
- .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
100
- display: none;
101
- }
102
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
103
- bottom: 0;
104
- position: absolute;
105
- right: 0;
106
- }
107
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
108
- right: 30px;
109
- }
110
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
111
- bottom: 0;
112
- position: absolute;
113
- right: 0;
114
- }
115
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
116
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
117
- .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
118
- .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
119
- .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
120
- padding-left: 0;
121
- padding-right: 0;
122
- }
123
- .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
124
- display: -webkit-box;
125
- display: -ms-flexbox;
126
- display: flex;
127
- }
128
- .e-ddt .e-chips-wrapper {
129
- width: 100%;
130
- }
131
- .e-ddt.e-show-chip .e-chips-close {
132
- min-height: 26px;
133
- min-width: 18px;
134
- line-height: 23px;
135
- text-align: center;
136
- }
137
- .e-ddt.e-show-chip .e-chips-close::before {
138
- font-size: 10px;
139
- }
140
- .e-ddt.e-show-chip .e-chips-close::before {
141
- vertical-align: middle;
142
- }
143
- .e-ddt.e-show-chip .e-chips {
144
- -webkit-box-align: center;
145
- -ms-flex-align: center;
146
- align-items: center;
147
- border-radius: 0;
148
- -webkit-box-sizing: border-box;
149
- box-sizing: border-box;
150
- display: -webkit-inline-box;
151
- display: -ms-inline-flexbox;
152
- display: inline-flex;
153
- float: left;
154
- height: 26px;
155
- margin: 2px 1px;
156
- max-width: calc(100% - 2px);
157
- overflow: hidden;
158
- padding: 0 4px 0 4px;
159
- text-overflow: ellipsis;
160
- white-space: nowrap;
161
- }
162
- .e-ddt.e-show-chip .e-chips > .e-chipcontent {
163
- max-width: 100%;
164
- overflow: hidden;
165
- padding: 0 4px 0 4px;
166
- text-indent: 0;
167
- text-overflow: ellipsis;
168
- white-space: nowrap;
169
- line-height: 26px;
170
- }
171
- .e-ddt .e-overflow {
172
- white-space: nowrap;
173
- }
174
- .e-ddt .e-overflow.e-show-text {
175
- padding: 6px 10px 0 10px;
176
- }
177
- .e-ddt .e-overflow.e-total-count {
178
- -webkit-box-sizing: border-box;
179
- box-sizing: border-box;
180
- display: inline-block;
181
- overflow: hidden;
182
- text-overflow: ellipsis;
183
- }
184
- .e-ddt .e-overflow.e-total-count .e-remain {
185
- padding: 0 16px 0 0;
186
- }
187
- .e-ddt .e-overflow.e-wrap-count {
188
- padding-top: 6px;
189
- }
190
- .e-ddt .e-overflow .e-remain {
191
- cursor: pointer;
192
- display: inline-block;
193
- font-size: 14px;
194
- padding: 0 0 0 16px;
195
- }
196
- .e-ddt .e-overflow .e-remain.e-wrap-count {
197
- padding-top: 6px;
198
- }
199
- .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
200
- padding: 6px 10px 0 10px;
201
- }
202
- .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
203
- margin-right: 30px;
204
- max-width: calc(100% - 31px);
205
- }
206
- .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
207
- margin-right: 30px;
208
- max-width: calc(100% - 31px);
209
- }
210
- .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
211
- margin-right: 60px;
212
- max-width: calc(100% - 61px);
213
- }
214
- .e-ddt input[readonly],
215
- .e-ddt .e-dropdowntree,
216
- .e-ddt input[readonly].e-input {
217
- pointer-events: none;
218
- }
219
- .e-ddt input[readonly].e-chip-input,
220
- .e-ddt .e-dropdowntree.e-chip-input,
221
- .e-ddt input[readonly].e-input.e-chip-input {
222
- width: 0;
223
- visibility: hidden;
224
- }
225
- .e-ddt.e-popup {
226
- border: 1px solid #414040;
227
- -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
228
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
229
- position: absolute;
230
- }
231
- .e-ddt.e-popup .e-selectall-parent {
232
- border-bottom: 1px solid;
233
- cursor: pointer;
234
- display: block;
235
- line-height: 36px;
236
- overflow: hidden;
237
- position: relative;
238
- text-indent: 38px;
239
- white-space: nowrap;
240
- width: 100%;
241
- }
242
- .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
243
- display: none;
244
- }
245
- .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
246
- position: relative;
247
- text-indent: 0;
248
- }
249
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
250
- font-family: inherit;
251
- font-size: 14px;
252
- margin: 10px;
253
- }
254
- .e-ddt.e-popup .e-filter-wrap {
255
- border-top-width: 0;
256
- display: block;
257
- padding: 5px;
258
- border: 1px solid #414040;
259
- border-left-width: 0;
260
- border-right-width: 0;
261
- }
262
- .e-ddt.e-popup .e-filter-wrap .e-input,
263
- .e-ddt.e-popup .e-filter-wrap .e-input:focus {
264
- padding: 0 12px;
265
- }
266
- .e-ddt.e-popup .e-filter-wrap .e-input-group {
267
- margin-bottom: 0;
268
- }
269
- .e-ddt.e-popup .e-popup-content {
270
- overflow: auto;
271
- position: relative;
272
- }
273
- .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
274
- display: none;
275
- }
276
- .e-ddt.e-popup .e-popup-content.e-no-data {
277
- cursor: default;
278
- font-family: inherit;
279
- font-size: 14px;
280
- text-align: center;
281
- padding: 14px 16px;
282
- }
283
- .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
284
- display: none;
285
- }
286
- .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
287
- display: block;
288
- }
289
- .e-ddt.e-popup .e-treeview {
290
- display: inline-table;
291
- width: 100%;
292
- }
293
- .e-ddt.e-popup .e-treeview .e-list-item {
294
- padding: 0;
295
- }
296
- .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
297
- margin: 0;
298
- padding: 0 0 0 14px;
299
- }
300
- .e-ddt.e-popup .e-treeview .e-fullrow {
301
- height: 36px;
302
- }
303
- .e-ddt.e-popup .e-treeview > .e-ul {
304
- overflow: hidden;
305
- padding: 0 8px;
306
- }
307
- .e-ddt.e-popup .e-treeview.e-fullrow-wrap .e-text-content {
308
- padding-bottom: 2px;
309
- padding-top: 2px;
310
- }
311
- .e-ddt.e-popup .e-ddt-footer,
312
- .e-ddt.e-popup .e-ddt-header {
313
- cursor: default;
314
- }
315
- .e-ddt.e-rtl.e-show-chip .e-chips {
316
- float: right;
317
- }
318
- .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
319
- padding: 0 16px 0 0;
320
- }
321
- .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
322
- padding-top: 6px;
323
- }
324
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
325
- position: absolute;
326
- right: auto;
327
- }
328
- .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
329
- padding: 0 0 0 16px;
330
- }
331
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
332
- padding: 6px 10px 0 10px;
333
- }
334
- .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
335
- margin-right: 1px;
336
- margin-left: 30px;
337
- }
338
- .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
339
- margin-right: 1px;
340
- margin-left: 30px;
341
- }
342
- .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
343
- margin-right: 1px;
344
- margin-left: 60px;
345
- }
346
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
347
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
348
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
349
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
350
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
351
- left: 0;
352
- right: auto;
353
- }
354
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
355
- left: 30px;
356
- }
357
- .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
358
- padding: 0 14px 0 0;
359
- }
360
-
361
- .e-ddt-icon-hide {
362
- display: none;
363
- }
364
-
365
- .e-bigger .e-ddt .e-chips,
366
- .e-ddt.e-bigger .e-chips {
367
- height: 34px;
368
- }
369
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
370
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
371
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
372
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
373
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
374
- right: 38px;
375
- }
376
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
377
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
378
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
379
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
380
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
381
- bottom: 0;
382
- }
383
- .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
384
- .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
385
- .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
386
- min-height: 38px;
387
- }
388
- .e-bigger .e-ddt .e-overflow.e-show-text,
389
- .e-ddt.e-bigger .e-overflow.e-show-text {
390
- padding: 8px 12px 0 12px;
391
- }
392
- .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
393
- .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
394
- margin-right: 38px;
395
- max-width: calc(100% - 39px);
396
- }
397
- .e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child,
398
- .e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child {
399
- margin-right: 38px;
400
- max-width: calc(100% - 39px);
401
- }
402
- .e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
403
- .e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
404
- margin-right: 76px;
405
- max-width: calc(100% - 77px);
406
- }
407
- .e-bigger .e-ddt.e-popup .e-selectall-parent,
408
- .e-ddt.e-bigger.e-popup .e-selectall-parent {
409
- text-indent: 43px;
410
- }
411
- .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
412
- .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
413
- height: 44px;
414
- }
415
- .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
416
- .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
417
- margin-right: 1px;
418
- margin-left: 38px;
419
- }
420
- .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
421
- .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
422
- margin-right: 1px;
423
- margin-left: 38px;
424
- }
425
- .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
426
- .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
427
- margin-right: 76px;
428
- margin-left: 1px;
429
- }
430
- .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
431
- .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
432
- .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
433
- left: 38px;
434
- right: auto;
435
- }
436
-
437
- .e-ddt .e-chips {
438
- background-color: #414040;
439
- }
440
- .e-ddt .e-chips .e-chips-close::before {
441
- color: #dadada;
442
- }
443
- .e-ddt .e-chips > .e-chipcontent {
444
- color: #dadada;
445
- }
446
- .e-ddt .e-overflow .e-remain {
447
- color: #9a9a9a;
448
- }
449
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
450
- background-color: #201f1f;
451
- }
452
- .e-ddt.e-popup {
453
- background: #282727;
454
- border-color: #414040;
455
- }
456
- .e-ddt.e-popup .e-popup-content.e-no-data {
457
- color: #dadada;
458
- }
459
- .e-ddt.e-popup .e-selectall-parent {
460
- border-bottom-color: #414040;
461
- }
462
- .e-ddt.e-popup .e-selectall-parent:focus {
463
- background: #414040;
464
- }
465
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
466
- color: #dadada;
467
- }
1
+ @import '@syncfusion/ej2-dropdowns/styles/drop-down-tree/fabric-dark.css';