@syncfusion/ej2-dropdowns 20.1.51 → 20.1.56

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