@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,504 +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
- /*! TreeView's bootstrap5 theme wise override definitions and variables */
21
- /* stylelint-disable */
22
- .e-dropdownbase .e-list-group-item,
23
- .e-fixed-head {
24
- font-size: 12px;
25
- }
26
-
27
- .e-small .e-dropdownbase .e-list-group-item,
28
- .e-small .e-fixed-head,
29
- .e-small.e-dropdownbase .e-list-group-item,
30
- .e-small.e-fixed-head {
31
- font-size: 10px;
32
- }
33
-
34
- .e-bigger .e-dropdownbase .e-list-group-item,
35
- .e-bigger .e-fixed-head,
36
- .e-bigger.e-dropdownbase .e-list-group-item,
37
- .e-bigger.e-fixed-head {
38
- font-size: 14px;
39
- }
40
-
41
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
42
- .e-bigger.e-small .e-fixed-head,
43
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
44
- .e-bigger.e-small.e-fixed-head {
45
- font-size: 12px;
46
- }
47
-
48
- .e-dropdownbase .e-list-item .e-list-icon {
49
- padding: 0 8px 0 0;
50
- }
51
-
52
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
53
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
54
- padding: 0 12px 0 0;
55
- }
56
-
57
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
58
- padding: 0 8px 0 0;
59
- }
60
-
61
- /* stylelint-disable */
62
- .e-ddt .e-ddt-icon::before {
63
- content: "\e729";
64
- }
65
- .e-ddt .e-chips-close::before {
66
- content: "\e7e7";
67
- }
68
-
69
- .e-ddt {
70
- cursor: pointer;
71
- outline: none;
72
- }
73
- .e-ddt .e-ddt-icon::before {
74
- transform: rotate(0deg);
75
- transition: transform 300ms ease;
76
- }
77
- .e-ddt.e-icon-anim .e-ddt-icon::before {
78
- transform: rotate(180deg);
79
- transition: transform 300ms ease;
80
- }
81
- .e-ddt .e-ddt-hidden {
82
- border: 0;
83
- height: 0;
84
- visibility: hidden;
85
- width: 0;
86
- }
87
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
88
- box-sizing: content-box;
89
- }
90
- .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 {
91
- border: 0;
92
- }
93
- .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
94
- display: none;
95
- }
96
- .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 {
97
- bottom: 10px;
98
- position: absolute;
99
- right: 0;
100
- }
101
- .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 {
102
- right: 30px;
103
- }
104
- .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 {
105
- position: absolute;
106
- right: 0;
107
- }
108
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
109
- .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,
110
- .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,
111
- .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,
112
- .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
113
- padding-left: 0;
114
- padding-right: 0;
115
- }
116
- .e-ddt .e-chips-wrapper {
117
- width: 100%;
118
- }
119
- .e-ddt.e-show-chip .e-chips-close {
120
- line-height: 20px;
121
- min-height: 24px;
122
- min-width: 24px;
123
- text-align: center;
124
- }
125
- .e-ddt.e-show-chip .e-chips-close::before {
126
- font-size: 10px;
127
- vertical-align: middle;
128
- }
129
- .e-ddt.e-show-chip .e-chips {
130
- -ms-flex-align: center;
131
- align-items: center;
132
- border-radius: 0;
133
- box-sizing: border-box;
134
- display: -ms-inline-flexbox;
135
- display: inline-flex;
136
- float: left;
137
- height: 24px;
138
- margin: 3px 4px;
139
- max-width: calc(100% - 8px);
140
- overflow: hidden;
141
- padding: 0 4px 0 4px;
142
- text-overflow: ellipsis;
143
- white-space: nowrap;
144
- }
145
- .e-ddt.e-show-chip .e-chips > .e-chipcontent {
146
- max-width: 100%;
147
- overflow: hidden;
148
- padding: 0 4px 0 0;
149
- text-indent: 0;
150
- text-overflow: ellipsis;
151
- white-space: nowrap;
152
- }
153
- .e-ddt.e-show-chip .e-ddt-icon {
154
- bottom: 0;
155
- }
156
- .e-ddt .e-overflow {
157
- white-space: nowrap;
158
- }
159
- .e-ddt .e-overflow.e-show-text {
160
- padding: 0 8px;
161
- line-height: 30px;
162
- }
163
- .e-ddt .e-overflow.e-total-count {
164
- box-sizing: border-box;
165
- display: inline-block;
166
- overflow: hidden;
167
- text-overflow: ellipsis;
168
- }
169
- .e-ddt .e-overflow.e-total-count .e-remain {
170
- line-height: 30px;
171
- }
172
- .e-ddt .e-overflow.e-wrap-count {
173
- padding-top: 0;
174
- }
175
- .e-ddt .e-overflow .e-remain {
176
- cursor: pointer;
177
- display: inline-block;
178
- font-size: 14px;
179
- padding: 0 0 0 8px;
180
- }
181
- .e-ddt .e-overflow .e-remain.e-wrap-count {
182
- line-height: 30px;
183
- }
184
- .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
185
- padding: 0 8px;
186
- }
187
- .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count {
188
- padding-left: 4px;
189
- }
190
- .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
191
- margin-right: 30px;
192
- max-width: calc(100% - 31px);
193
- }
194
- .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
195
- margin-right: 20px;
196
- max-width: calc(100% - 31px);
197
- }
198
- .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
199
- margin-right: 54px;
200
- max-width: calc(100% - 65px);
201
- }
202
- .e-ddt input[readonly],
203
- .e-ddt .e-dropdowntree,
204
- .e-ddt input[readonly].e-input {
205
- pointer-events: none;
206
- }
207
- .e-ddt input[readonly].e-chip-input,
208
- .e-ddt .e-dropdowntree.e-chip-input,
209
- .e-ddt input[readonly].e-input.e-chip-input {
210
- width: 0;
211
- }
212
- .e-ddt.e-popup {
213
- border-radius: 2px;
214
- box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
215
- position: absolute;
216
- }
217
- .e-ddt.e-popup .e-selectall-parent {
218
- border-bottom: 1px solid;
219
- cursor: pointer;
220
- display: block;
221
- overflow: hidden;
222
- position: relative;
223
- text-indent: 0;
224
- white-space: nowrap;
225
- width: 100%;
226
- padding: 8px 12px;
227
- }
228
- .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
229
- display: none;
230
- }
231
- .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
232
- position: relative;
233
- text-indent: 0;
234
- }
235
- .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
236
- margin-top: -3px;
237
- }
238
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
239
- font-family: inherit;
240
- font-size: 14px;
241
- margin: 0 12px;
242
- }
243
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
244
- padding: 0 20px;
245
- }
246
- .e-ddt.e-popup .e-filter-wrap {
247
- border-bottom: 1px solid #292827;
248
- border-top-width: 0;
249
- display: block;
250
- padding: 4px 12px;
251
- }
252
- .e-ddt.e-popup .e-filter-wrap .e-input-group {
253
- margin-bottom: 0;
254
- }
255
- .e-ddt.e-popup .e-popup-content {
256
- overflow: auto;
257
- position: relative;
258
- }
259
- .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
260
- display: none;
261
- }
262
- .e-ddt.e-popup .e-popup-content.e-no-data {
263
- cursor: default;
264
- font-family: inherit;
265
- font-size: 14px;
266
- padding: 14px 16px;
267
- text-align: center;
268
- }
269
- .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
270
- display: none;
271
- }
272
- .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
273
- display: block;
274
- line-height: 22px;
275
- }
276
- .e-ddt.e-popup .e-treeview {
277
- display: inline-table;
278
- width: 100%;
279
- }
280
- .e-ddt.e-popup .e-treeview .e-list-item {
281
- padding: 0;
282
- }
283
- .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
284
- margin: 0;
285
- padding: 0 0 0 14px;
286
- }
287
- .e-ddt.e-popup .e-treeview .e-fullrow {
288
- height: 38px;
289
- }
290
- .e-ddt.e-popup .e-treeview > .e-ul {
291
- overflow: hidden;
292
- }
293
- .e-ddt.e-popup .e-ddt-footer,
294
- .e-ddt.e-popup .e-ddt-header {
295
- cursor: default;
296
- }
297
- .e-ddt.e-rtl.e-show-chip .e-chips {
298
- float: right;
299
- }
300
- .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
301
- padding: 0 8px 0 0;
302
- }
303
- .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 {
304
- padding-top: 0;
305
- }
306
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
307
- position: absolute;
308
- right: auto;
309
- }
310
- .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
311
- padding: 0 0 0 8px;
312
- }
313
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
314
- padding: 0 8px;
315
- }
316
- .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
317
- margin-left: 18px;
318
- margin-right: 4px;
319
- }
320
- .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
321
- margin-left: 18px;
322
- margin-right: 4px;
323
- }
324
- .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
325
- margin-left: 54px;
326
- margin-right: 4px;
327
- }
328
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
329
- .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,
330
- .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,
331
- .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,
332
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
333
- left: 0;
334
- right: auto;
335
- }
336
- .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 {
337
- left: 30px;
338
- }
339
- .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
340
- padding: 0 14px 0 0;
341
- }
342
-
343
- .e-ddt-icon-hide {
344
- display: none;
345
- }
346
-
347
- .e-bigger .e-ddt .e-chips,
348
- .e-ddt.e-bigger .e-chips {
349
- height: 32px;
350
- font-size: 18px;
351
- }
352
- .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,
353
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
354
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
355
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
356
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
357
- bottom: auto;
358
- right: 36px;
359
- }
360
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.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-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.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-chip.e-show-dd-icon .e-clear-icon,
361
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
362
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
363
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
364
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon {
365
- bottom: 0;
366
- }
367
- .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,
368
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
369
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
370
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
371
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
372
- bottom: 0;
373
- }
374
- .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,
375
- .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
376
- .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
377
- min-height: 38px;
378
- }
379
- .e-bigger .e-ddt.e-show-chip .e-chips-close,
380
- .e-ddt.e-bigger.e-show-chip .e-chips-close {
381
- line-height: 27px;
382
- min-height: 32px;
383
- min-width: 32px;
384
- }
385
- .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
386
- .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
387
- font-size: 12px;
388
- }
389
- .e-bigger .e-ddt .e-overflow.e-show-text,
390
- .e-ddt.e-bigger .e-overflow.e-show-text {
391
- padding: 0 12px;
392
- line-height: 38px;
393
- }
394
- .e-bigger .e-ddt .e-overflow .e-remain,
395
- .e-ddt.e-bigger .e-overflow .e-remain {
396
- font-size: 18px;
397
- }
398
- .e-bigger .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count,
399
- .e-ddt.e-bigger.e-show-chip .e-overflow .e-remain.e-wrap-count {
400
- line-height: 38px;
401
- padding-top: 0;
402
- }
403
- .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
404
- .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
405
- line-height: 38px;
406
- padding: 0 8px;
407
- }
408
- .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
409
- .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
410
- margin-right: 38px;
411
- max-width: calc(100% - 39px);
412
- }
413
- .e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child,
414
- .e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child {
415
- margin-right: 38px;
416
- max-width: calc(100% - 39px);
417
- }
418
- .e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
419
- .e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
420
- margin-right: 58px;
421
- max-width: calc(100% - 78px);
422
- }
423
- .e-bigger .e-ddt.e-popup .e-selectall-parent,
424
- .e-ddt.e-bigger.e-popup .e-selectall-parent {
425
- text-indent: 0;
426
- padding: 10px 16px;
427
- }
428
- .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
429
- .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
430
- font-size: 16px;
431
- line-height: 24px;
432
- margin: 0 16px;
433
- }
434
- .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
435
- .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
436
- padding: 10px 16px;
437
- }
438
- .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata,
439
- .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
440
- font-size: 18px;
441
- line-height: 24px;
442
- }
443
- .e-bigger .e-ddt.e-popup .e-filter-wrap,
444
- .e-ddt.e-bigger.e-popup .e-filter-wrap {
445
- padding: 8px;
446
- }
447
- .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
448
- .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
449
- height: 44px;
450
- }
451
- .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
452
- .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
453
- margin-right: 4px;
454
- }
455
- .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
456
- .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
457
- margin-right: 4px;
458
- }
459
- .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
460
- .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
461
- margin-left: 58px;
462
- margin-right: 4px;
463
- }
464
- .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,
465
- .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
466
- .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
467
- left: 38px;
468
- right: auto;
469
- }
470
-
471
- .e-ddt .e-chips {
472
- background-color: #252423;
473
- }
474
- .e-ddt .e-chips .e-chips-close::before {
475
- color: #a19f9d;
476
- }
477
- .e-ddt .e-chips > .e-chipcontent {
478
- color: #f3f2f1;
479
- }
480
- .e-ddt .e-chips:hover {
481
- background-color: #292827;
482
- }
483
- .e-ddt .e-chips:hover > .e-chipcontent {
484
- color: #f3f2f1;
485
- }
486
- .e-ddt .e-overflow .e-remain {
487
- color: #a19f9d;
488
- }
489
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
490
- background: transparent;
491
- }
492
- .e-ddt.e-popup {
493
- background: #252423;
494
- border-color: #292827;
495
- }
496
- .e-ddt.e-popup .e-popup-content.e-no-data {
497
- color: #c8c6c4;
498
- }
499
- .e-ddt.e-popup .e-selectall-parent {
500
- border-bottom-color: #292827;
501
- }
502
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
503
- color: #f3f2f1;
504
- }
1
+ @import '@syncfusion/ej2-dropdowns/styles/drop-down-tree/fluent-dark.css';