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