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