@syncfusion/ej2-vue-dropdowns 18.2.44-4569 → 18.2.44-4571

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 (66) hide show
  1. package/CHANGELOG.md +206 -0
  2. package/dist/ej2-vue-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-vue-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js +9 -6
  5. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-dropdowns.es5.js +9 -6
  7. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-dropdowns.min.js +10 -0
  9. package/package.json +15 -16
  10. package/src/drop-down-tree/dropdowntree.component.d.ts +1 -0
  11. package/src/drop-down-tree/dropdowntree.component.js +4 -1
  12. package/src/list-box/listbox.component.d.ts +2 -2
  13. package/src/list-box/listbox.component.js +4 -4
  14. package/src/multi-select/multiselect.component.js +1 -1
  15. package/styles/auto-complete/bootstrap-dark.css +0 -1
  16. package/styles/auto-complete/bootstrap.css +0 -1
  17. package/styles/auto-complete/bootstrap4.css +0 -1
  18. package/styles/bootstrap-dark.css +806 -186
  19. package/styles/bootstrap.css +805 -185
  20. package/styles/bootstrap4.css +836 -193
  21. package/styles/combo-box/bootstrap-dark.css +0 -1
  22. package/styles/combo-box/bootstrap.css +0 -1
  23. package/styles/combo-box/bootstrap4.css +0 -1
  24. package/styles/drop-down-base/bootstrap4.css +2 -1
  25. package/styles/drop-down-list/bootstrap-dark.css +35 -2
  26. package/styles/drop-down-list/bootstrap.css +35 -2
  27. package/styles/drop-down-list/bootstrap4.css +37 -3
  28. package/styles/drop-down-list/fabric-dark.css +35 -1
  29. package/styles/drop-down-list/fabric.css +35 -1
  30. package/styles/drop-down-list/highcontrast-light.css +35 -1
  31. package/styles/drop-down-list/highcontrast.css +35 -1
  32. package/styles/drop-down-list/material-dark.css +35 -1
  33. package/styles/drop-down-list/material.css +44 -1
  34. package/styles/drop-down-tree/bootstrap-dark.css +97 -19
  35. package/styles/drop-down-tree/bootstrap.css +97 -19
  36. package/styles/drop-down-tree/bootstrap4.css +108 -24
  37. package/styles/drop-down-tree/fabric-dark.css +97 -19
  38. package/styles/drop-down-tree/fabric.css +97 -19
  39. package/styles/drop-down-tree/highcontrast-light.css +97 -19
  40. package/styles/drop-down-tree/highcontrast.css +97 -19
  41. package/styles/drop-down-tree/material-dark.css +98 -20
  42. package/styles/drop-down-tree/material.css +107 -20
  43. package/styles/fabric-dark.css +787 -174
  44. package/styles/fabric.css +786 -173
  45. package/styles/highcontrast-light.css +794 -175
  46. package/styles/highcontrast.css +796 -175
  47. package/styles/list-box/bootstrap-dark.css +291 -140
  48. package/styles/list-box/bootstrap.css +291 -140
  49. package/styles/list-box/bootstrap4.css +311 -147
  50. package/styles/list-box/fabric-dark.css +291 -140
  51. package/styles/list-box/fabric.css +291 -140
  52. package/styles/list-box/highcontrast-light.css +291 -140
  53. package/styles/list-box/highcontrast.css +291 -140
  54. package/styles/list-box/material-dark.css +295 -144
  55. package/styles/list-box/material.css +295 -144
  56. package/styles/material-dark.css +967 -194
  57. package/styles/material.css +1328 -207
  58. package/styles/multi-select/bootstrap-dark.css +383 -25
  59. package/styles/multi-select/bootstrap.css +382 -24
  60. package/styles/multi-select/bootstrap4.css +386 -22
  61. package/styles/multi-select/fabric-dark.css +364 -14
  62. package/styles/multi-select/fabric.css +363 -13
  63. package/styles/multi-select/highcontrast-light.css +371 -15
  64. package/styles/multi-select/highcontrast.css +373 -15
  65. package/styles/multi-select/material-dark.css +539 -29
  66. package/styles/multi-select/material.css +875 -35
package/styles/drop-down-tree/fabric.css CHANGED
@@ -79,6 +79,7 @@
79
79
  }
80
80
 
81
81
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
82
+ box-sizing: content-box;
82
83
  min-height: 30px;
83
84
  }
84
85
 
@@ -90,25 +91,27 @@
90
91
  display: none;
91
92
  }
92
93
 
93
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon {
94
+ .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 {
94
95
  bottom: 0;
95
96
  position: absolute;
96
97
  right: 0;
97
98
  }
98
99
 
99
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.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 {
100
+ .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 {
100
101
  right: 30px;
101
102
  }
102
103
 
103
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
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 {
104
105
  bottom: 0;
105
106
  position: absolute;
106
107
  right: 0;
107
108
  }
108
109
 
109
110
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
110
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip 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 {
111
+ .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
+ .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,
113
+ .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,
114
+ .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
112
115
  padding-left: 0;
113
116
  padding-right: 0;
114
117
  }
@@ -117,19 +120,19 @@
117
120
  width: 100%;
118
121
  }
119
122
 
120
- .e-ddt .e-chips-wrapper .e-chips-close {
123
+ .e-ddt.e-show-chip .e-chips-close {
121
124
  line-height: 21px;
122
125
  min-height: 26px;
123
126
  min-width: 18px;
124
127
  text-align: center;
125
128
  }
126
129
 
127
- .e-ddt .e-chips-wrapper .e-chips-close::before {
130
+ .e-ddt.e-show-chip .e-chips-close::before {
128
131
  font-size: 10px;
129
132
  vertical-align: middle;
130
133
  }
131
134
 
132
- .e-ddt .e-chips-wrapper .e-chips {
135
+ .e-ddt.e-show-chip .e-chips {
133
136
  -ms-flex-align: center;
134
137
  align-items: center;
135
138
  border-radius: 0;
@@ -146,7 +149,7 @@
146
149
  white-space: nowrap;
147
150
  }
148
151
 
149
- .e-ddt .e-chips-wrapper .e-chips > .e-chipcontent {
152
+ .e-ddt.e-show-chip .e-chips > .e-chipcontent {
150
153
  max-width: 100%;
151
154
  overflow: hidden;
152
155
  padding: 0 4px 0 4px;
@@ -156,6 +159,44 @@
156
159
  line-height: 26px;
157
160
  }
158
161
 
162
+ .e-ddt .e-overflow {
163
+ white-space: nowrap;
164
+ }
165
+
166
+ .e-ddt .e-overflow.e-show-text {
167
+ padding: 6px 10px 0 10px;
168
+ }
169
+
170
+ .e-ddt .e-overflow.e-total-count {
171
+ box-sizing: border-box;
172
+ display: inline-block;
173
+ overflow: hidden;
174
+ text-overflow: ellipsis;
175
+ }
176
+
177
+ .e-ddt .e-overflow.e-total-count .e-remain {
178
+ padding: 0 16px 0 0;
179
+ }
180
+
181
+ .e-ddt .e-overflow.e-wrap-count {
182
+ padding-top: 6px;
183
+ }
184
+
185
+ .e-ddt .e-overflow .e-remain {
186
+ cursor: pointer;
187
+ display: inline-block;
188
+ font-size: 14px;
189
+ padding: 0 0 0 16px;
190
+ }
191
+
192
+ .e-ddt .e-overflow .e-remain.e-wrap-count {
193
+ padding-top: 6px;
194
+ }
195
+
196
+ .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
197
+ padding: 6px 10px 0 10px;
198
+ }
199
+
159
200
  .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
160
201
  margin-right: 30px;
161
202
  max-width: calc(100% - 31px);
@@ -295,10 +336,31 @@
295
336
  cursor: default;
296
337
  }
297
338
 
298
- .e-ddt.e-rtl .e-chips-wrapper .e-chips {
339
+ .e-ddt.e-rtl.e-show-chip .e-chips {
299
340
  float: right;
300
341
  }
301
342
 
343
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
344
+ padding: 0 16px 0 0;
345
+ }
346
+
347
+ .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 {
348
+ padding-top: 6px;
349
+ }
350
+
351
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
352
+ position: absolute;
353
+ right: auto;
354
+ }
355
+
356
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
357
+ padding: 0 0 0 16px;
358
+ }
359
+
360
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
361
+ padding: 6px 10px 0 10px;
362
+ }
363
+
302
364
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
303
365
  margin-left: 30px;
304
366
  margin-right: 1px;
@@ -315,13 +377,15 @@
315
377
  }
316
378
 
317
379
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
318
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
319
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
380
+ .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,
381
+ .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,
382
+ .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,
383
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
320
384
  left: 0;
321
385
  right: auto;
322
386
  }
323
387
 
324
- .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-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
388
+ .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 {
325
389
  left: 30px;
326
390
  }
327
391
 
@@ -334,15 +398,19 @@
334
398
  height: 34px;
335
399
  }
336
400
 
337
- .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-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
401
+ .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,
338
402
  .e-ddt.e-bigger.e-input-group.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-chip.e-show-dd-icon .e-clear-icon {
403
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
404
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
405
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
340
406
  right: 38px;
341
407
  }
342
408
 
343
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
409
+ .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,
344
410
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
345
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
411
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
412
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
413
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
346
414
  bottom: 0;
347
415
  }
348
416
 
@@ -352,6 +420,11 @@
352
420
  min-height: 38px;
353
421
  }
354
422
 
423
+ .e-bigger .e-ddt .e-overflow.e-show-text,
424
+ .e-ddt.e-bigger .e-overflow.e-show-text {
425
+ padding: 8px 12px 0 12px;
426
+ }
427
+
355
428
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
356
429
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
357
430
  margin-right: 38px;
@@ -398,8 +471,9 @@
398
471
  margin-right: 1px;
399
472
  }
400
473
 
401
- .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
402
- .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon {
474
+ .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,
475
+ .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
476
+ .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
403
477
  left: 38px;
404
478
  right: auto;
405
479
  }
@@ -424,6 +498,10 @@
424
498
  color: #666;
425
499
  }
426
500
 
501
+ .e-ddt .e-overflow .e-remain {
502
+ color: #666;
503
+ }
504
+
427
505
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
428
506
  background-color: #fff;
429
507
  }
package/styles/drop-down-tree/highcontrast-light.css CHANGED
@@ -97,6 +97,7 @@
97
97
  }
98
98
 
99
99
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
100
+ box-sizing: content-box;
100
101
  min-height: 30px;
101
102
  }
102
103
 
@@ -108,25 +109,27 @@
108
109
  display: none;
109
110
  }
110
111
 
111
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon {
112
+ .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 {
112
113
  bottom: 0;
113
114
  position: absolute;
114
115
  right: 0;
115
116
  }
116
117
 
117
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.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 {
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 {
118
119
  right: 30px;
119
120
  }
120
121
 
121
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
122
+ .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
123
  bottom: 0;
123
124
  position: absolute;
124
125
  right: 0;
125
126
  }
126
127
 
127
128
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
128
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip 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 {
129
+ .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,
130
+ .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,
131
+ .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,
132
+ .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
130
133
  padding-left: 0;
131
134
  padding-right: 0;
132
135
  }
@@ -135,19 +138,19 @@
135
138
  width: 100%;
136
139
  }
137
140
 
138
- .e-ddt .e-chips-wrapper .e-chips-close {
141
+ .e-ddt.e-show-chip .e-chips-close {
139
142
  line-height: 21px;
140
143
  min-height: 26px;
141
144
  min-width: 18px;
142
145
  text-align: center;
143
146
  }
144
147
 
145
- .e-ddt .e-chips-wrapper .e-chips-close::before {
148
+ .e-ddt.e-show-chip .e-chips-close::before {
146
149
  font-size: 10px;
147
150
  vertical-align: middle;
148
151
  }
149
152
 
150
- .e-ddt .e-chips-wrapper .e-chips {
153
+ .e-ddt.e-show-chip .e-chips {
151
154
  -ms-flex-align: center;
152
155
  align-items: center;
153
156
  border-radius: 0;
@@ -164,7 +167,7 @@
164
167
  white-space: nowrap;
165
168
  }
166
169
 
167
- .e-ddt .e-chips-wrapper .e-chips > .e-chipcontent {
170
+ .e-ddt.e-show-chip .e-chips > .e-chipcontent {
168
171
  max-width: 100%;
169
172
  overflow: hidden;
170
173
  padding: 0 4px 0 4px;
@@ -174,6 +177,44 @@
174
177
  line-height: 26px;
175
178
  }
176
179
 
180
+ .e-ddt .e-overflow {
181
+ white-space: nowrap;
182
+ }
183
+
184
+ .e-ddt .e-overflow.e-show-text {
185
+ padding: 6px 10px 0 10px;
186
+ }
187
+
188
+ .e-ddt .e-overflow.e-total-count {
189
+ box-sizing: border-box;
190
+ display: inline-block;
191
+ overflow: hidden;
192
+ text-overflow: ellipsis;
193
+ }
194
+
195
+ .e-ddt .e-overflow.e-total-count .e-remain {
196
+ padding: 0 16px 0 0;
197
+ }
198
+
199
+ .e-ddt .e-overflow.e-wrap-count {
200
+ padding-top: 6px;
201
+ }
202
+
203
+ .e-ddt .e-overflow .e-remain {
204
+ cursor: pointer;
205
+ display: inline-block;
206
+ font-size: 14px;
207
+ padding: 0 0 0 16px;
208
+ }
209
+
210
+ .e-ddt .e-overflow .e-remain.e-wrap-count {
211
+ padding-top: 6px;
212
+ }
213
+
214
+ .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
215
+ padding: 6px 10px 0 10px;
216
+ }
217
+
177
218
  .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
178
219
  margin-right: 30px;
179
220
  max-width: calc(100% - 31px);
@@ -314,10 +355,31 @@
314
355
  cursor: default;
315
356
  }
316
357
 
317
- .e-ddt.e-rtl .e-chips-wrapper .e-chips {
358
+ .e-ddt.e-rtl.e-show-chip .e-chips {
318
359
  float: right;
319
360
  }
320
361
 
362
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
363
+ padding: 0 16px 0 0;
364
+ }
365
+
366
+ .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 {
367
+ padding-top: 6px;
368
+ }
369
+
370
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
371
+ position: absolute;
372
+ right: auto;
373
+ }
374
+
375
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
376
+ padding: 0 0 0 16px;
377
+ }
378
+
379
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
380
+ padding: 6px 10px 0 10px;
381
+ }
382
+
321
383
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
322
384
  margin-left: 30px;
323
385
  margin-right: 1px;
@@ -334,13 +396,15 @@
334
396
  }
335
397
 
336
398
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
337
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
338
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
399
+ .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,
400
+ .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,
401
+ .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,
402
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
339
403
  left: 0;
340
404
  right: auto;
341
405
  }
342
406
 
343
- .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-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
407
+ .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 {
344
408
  left: 30px;
345
409
  }
346
410
 
@@ -353,15 +417,19 @@
353
417
  height: 34px;
354
418
  }
355
419
 
356
- .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-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
420
+ .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,
357
421
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
358
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
422
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
423
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
424
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
359
425
  right: 38px;
360
426
  }
361
427
 
362
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
428
+ .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,
363
429
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
364
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
430
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
431
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
432
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
365
433
  bottom: 0;
366
434
  }
367
435
 
@@ -371,6 +439,11 @@
371
439
  min-height: 38px;
372
440
  }
373
441
 
442
+ .e-bigger .e-ddt .e-overflow.e-show-text,
443
+ .e-ddt.e-bigger .e-overflow.e-show-text {
444
+ padding: 8px 12px 0 12px;
445
+ }
446
+
374
447
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
375
448
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
376
449
  margin-right: 38px;
@@ -417,8 +490,9 @@
417
490
  margin-right: 1px;
418
491
  }
419
492
 
420
- .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
421
- .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon {
493
+ .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,
494
+ .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
495
+ .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
422
496
  left: 38px;
423
497
  right: auto;
424
498
  }
@@ -443,6 +517,10 @@
443
517
  color: #000;
444
518
  }
445
519
 
520
+ .e-ddt .e-overflow .e-remain {
521
+ color: #000;
522
+ }
523
+
446
524
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
447
525
  background-color: #fff;
448
526
  }
package/styles/drop-down-tree/highcontrast.css CHANGED
@@ -98,6 +98,7 @@
98
98
  }
99
99
 
100
100
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
101
+ box-sizing: content-box;
101
102
  min-height: 30px;
102
103
  }
103
104
 
@@ -109,25 +110,27 @@
109
110
  display: none;
110
111
  }
111
112
 
112
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon {
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 {
113
114
  bottom: 0;
114
115
  position: absolute;
115
116
  right: 0;
116
117
  }
117
118
 
118
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.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 {
119
+ .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
120
  right: 30px;
120
121
  }
121
122
 
122
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
123
+ .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 {
123
124
  bottom: 0;
124
125
  position: absolute;
125
126
  right: 0;
126
127
  }
127
128
 
128
129
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
129
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip 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,
130
- .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input {
130
+ .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,
131
+ .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,
132
+ .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,
133
+ .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
131
134
  padding-left: 0;
132
135
  padding-right: 0;
133
136
  }
@@ -136,19 +139,19 @@
136
139
  width: 100%;
137
140
  }
138
141
 
139
- .e-ddt .e-chips-wrapper .e-chips-close {
142
+ .e-ddt.e-show-chip .e-chips-close {
140
143
  line-height: 21px;
141
144
  min-height: 26px;
142
145
  min-width: 18px;
143
146
  text-align: center;
144
147
  }
145
148
 
146
- .e-ddt .e-chips-wrapper .e-chips-close::before {
149
+ .e-ddt.e-show-chip .e-chips-close::before {
147
150
  font-size: 10px;
148
151
  vertical-align: middle;
149
152
  }
150
153
 
151
- .e-ddt .e-chips-wrapper .e-chips {
154
+ .e-ddt.e-show-chip .e-chips {
152
155
  -ms-flex-align: center;
153
156
  align-items: center;
154
157
  border-radius: 0;
@@ -165,7 +168,7 @@
165
168
  white-space: nowrap;
166
169
  }
167
170
 
168
- .e-ddt .e-chips-wrapper .e-chips > .e-chipcontent {
171
+ .e-ddt.e-show-chip .e-chips > .e-chipcontent {
169
172
  max-width: 100%;
170
173
  overflow: hidden;
171
174
  padding: 0 4px 0 4px;
@@ -175,6 +178,44 @@
175
178
  line-height: 26px;
176
179
  }
177
180
 
181
+ .e-ddt .e-overflow {
182
+ white-space: nowrap;
183
+ }
184
+
185
+ .e-ddt .e-overflow.e-show-text {
186
+ padding: 6px 10px 0 10px;
187
+ }
188
+
189
+ .e-ddt .e-overflow.e-total-count {
190
+ box-sizing: border-box;
191
+ display: inline-block;
192
+ overflow: hidden;
193
+ text-overflow: ellipsis;
194
+ }
195
+
196
+ .e-ddt .e-overflow.e-total-count .e-remain {
197
+ padding: 0 16px 0 0;
198
+ }
199
+
200
+ .e-ddt .e-overflow.e-wrap-count {
201
+ padding-top: 6px;
202
+ }
203
+
204
+ .e-ddt .e-overflow .e-remain {
205
+ cursor: pointer;
206
+ display: inline-block;
207
+ font-size: 14px;
208
+ padding: 0 0 0 16px;
209
+ }
210
+
211
+ .e-ddt .e-overflow .e-remain.e-wrap-count {
212
+ padding-top: 6px;
213
+ }
214
+
215
+ .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
216
+ padding: 6px 10px 0 10px;
217
+ }
218
+
178
219
  .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
179
220
  margin-right: 30px;
180
221
  max-width: calc(100% - 31px);
@@ -315,10 +356,31 @@
315
356
  cursor: default;
316
357
  }
317
358
 
318
- .e-ddt.e-rtl .e-chips-wrapper .e-chips {
359
+ .e-ddt.e-rtl.e-show-chip .e-chips {
319
360
  float: right;
320
361
  }
321
362
 
363
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
364
+ padding: 0 16px 0 0;
365
+ }
366
+
367
+ .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 {
368
+ padding-top: 6px;
369
+ }
370
+
371
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
372
+ position: absolute;
373
+ right: auto;
374
+ }
375
+
376
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
377
+ padding: 0 0 0 16px;
378
+ }
379
+
380
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
381
+ padding: 6px 10px 0 10px;
382
+ }
383
+
322
384
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
323
385
  margin-left: 30px;
324
386
  margin-right: 1px;
@@ -335,13 +397,15 @@
335
397
  }
336
398
 
337
399
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
338
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
339
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
400
+ .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,
401
+ .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,
402
+ .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,
403
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
340
404
  left: 0;
341
405
  right: auto;
342
406
  }
343
407
 
344
- .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-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
408
+ .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 {
345
409
  left: 30px;
346
410
  }
347
411
 
@@ -354,15 +418,19 @@
354
418
  height: 34px;
355
419
  }
356
420
 
357
- .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-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
421
+ .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,
358
422
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
359
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon {
423
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
424
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
425
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
360
426
  right: 38px;
361
427
  }
362
428
 
363
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
429
+ .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,
364
430
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
365
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon {
431
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
432
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
433
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
366
434
  bottom: 0;
367
435
  }
368
436
 
@@ -372,6 +440,11 @@
372
440
  min-height: 38px;
373
441
  }
374
442
 
443
+ .e-bigger .e-ddt .e-overflow.e-show-text,
444
+ .e-ddt.e-bigger .e-overflow.e-show-text {
445
+ padding: 8px 12px 0 12px;
446
+ }
447
+
375
448
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
376
449
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
377
450
  margin-right: 38px;
@@ -418,8 +491,9 @@
418
491
  margin-right: 1px;
419
492
  }
420
493
 
421
- .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
422
- .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon {
494
+ .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,
495
+ .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
496
+ .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
423
497
  left: 38px;
424
498
  right: auto;
425
499
  }
@@ -448,6 +522,10 @@
448
522
  color: #fff;
449
523
  }
450
524
 
525
+ .e-ddt .e-overflow .e-remain {
526
+ color: #fff;
527
+ }
528
+
451
529
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
452
530
  background-color: #000;
453
531
  }