@syncfusion/ej2-dropdowns 20.1.52 → 20.1.57

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