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