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