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