@syncfusion/ej2-dropdowns 20.1.55 → 20.1.58

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 (138) hide show
  1. package/CHANGELOG.md +34 -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 +30 -13
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +30 -13
  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 +9 -9
  12. package/src/auto-complete/auto-complete.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.js +2 -2
  14. package/src/combo-box/combo-box.js +1 -1
  15. package/src/drop-down-base/drop-down-base.js +1 -1
  16. package/src/drop-down-list/drop-down-list.js +10 -2
  17. package/src/drop-down-tree/drop-down-tree.js +9 -7
  18. package/src/list-box/list-box.js +7 -0
  19. package/styles/auto-complete/bootstrap-dark.css +5 -14
  20. package/styles/auto-complete/bootstrap.css +5 -14
  21. package/styles/auto-complete/bootstrap4.css +5 -13
  22. package/styles/auto-complete/bootstrap5-dark.css +5 -13
  23. package/styles/auto-complete/bootstrap5.css +5 -13
  24. package/styles/auto-complete/fabric-dark.css +5 -12
  25. package/styles/auto-complete/fabric.css +5 -12
  26. package/styles/auto-complete/fluent-dark.css +4 -11
  27. package/styles/auto-complete/fluent.css +4 -11
  28. package/styles/auto-complete/highcontrast-light.css +3 -23
  29. package/styles/auto-complete/highcontrast.css +3 -23
  30. package/styles/auto-complete/material-dark.css +1 -1
  31. package/styles/auto-complete/material.css +1 -1
  32. package/styles/auto-complete/tailwind-dark.css +1 -1
  33. package/styles/auto-complete/tailwind.css +1 -1
  34. package/styles/bootstrap-dark.css +62 -337
  35. package/styles/bootstrap.css +62 -337
  36. package/styles/bootstrap4.css +62 -343
  37. package/styles/bootstrap5-dark.css +63 -343
  38. package/styles/bootstrap5.css +63 -343
  39. package/styles/combo-box/bootstrap-dark.css +5 -14
  40. package/styles/combo-box/bootstrap.css +5 -14
  41. package/styles/combo-box/bootstrap4.css +5 -13
  42. package/styles/combo-box/bootstrap5-dark.css +5 -13
  43. package/styles/combo-box/bootstrap5.css +5 -13
  44. package/styles/combo-box/fabric-dark.css +5 -12
  45. package/styles/combo-box/fabric.css +5 -12
  46. package/styles/combo-box/fluent-dark.css +4 -11
  47. package/styles/combo-box/fluent.css +4 -11
  48. package/styles/combo-box/highcontrast-light.css +3 -23
  49. package/styles/combo-box/highcontrast.css +3 -23
  50. package/styles/combo-box/material-dark.css +1 -1
  51. package/styles/combo-box/material.css +1 -1
  52. package/styles/combo-box/tailwind-dark.css +1 -1
  53. package/styles/combo-box/tailwind.css +1 -1
  54. package/styles/drop-down-base/bootstrap-dark.css +8 -22
  55. package/styles/drop-down-base/bootstrap.css +8 -22
  56. package/styles/drop-down-base/bootstrap4.css +8 -22
  57. package/styles/drop-down-base/bootstrap5-dark.css +8 -22
  58. package/styles/drop-down-base/bootstrap5.css +8 -22
  59. package/styles/drop-down-base/fabric-dark.css +8 -22
  60. package/styles/drop-down-base/fabric.css +8 -22
  61. package/styles/drop-down-base/fluent-dark.css +8 -22
  62. package/styles/drop-down-base/fluent.css +8 -22
  63. package/styles/drop-down-base/highcontrast-light.css +8 -27
  64. package/styles/drop-down-base/highcontrast.css +8 -27
  65. package/styles/drop-down-base/material-dark.css +8 -22
  66. package/styles/drop-down-base/material.css +8 -22
  67. package/styles/drop-down-base/tailwind-dark.css +12 -34
  68. package/styles/drop-down-base/tailwind.css +12 -34
  69. package/styles/drop-down-list/bootstrap-dark.css +15 -44
  70. package/styles/drop-down-list/bootstrap.css +15 -44
  71. package/styles/drop-down-list/bootstrap4.css +14 -38
  72. package/styles/drop-down-list/bootstrap5-dark.css +14 -38
  73. package/styles/drop-down-list/bootstrap5.css +14 -38
  74. package/styles/drop-down-list/fabric-dark.css +15 -42
  75. package/styles/drop-down-list/fabric.css +15 -42
  76. package/styles/drop-down-list/fluent-dark.css +13 -36
  77. package/styles/drop-down-list/fluent.css +13 -36
  78. package/styles/drop-down-list/highcontrast-light.css +13 -58
  79. package/styles/drop-down-list/highcontrast.css +13 -58
  80. package/styles/drop-down-list/material-dark.css +11 -32
  81. package/styles/drop-down-list/material.css +11 -33
  82. package/styles/drop-down-list/tailwind-dark.css +10 -24
  83. package/styles/drop-down-list/tailwind.css +10 -24
  84. package/styles/drop-down-tree/bootstrap-dark.css +4 -92
  85. package/styles/drop-down-tree/bootstrap.css +4 -92
  86. package/styles/drop-down-tree/bootstrap4.css +5 -99
  87. package/styles/drop-down-tree/bootstrap5-dark.css +5 -103
  88. package/styles/drop-down-tree/bootstrap5.css +5 -103
  89. package/styles/drop-down-tree/fabric-dark.css +4 -92
  90. package/styles/drop-down-tree/fabric.css +4 -92
  91. package/styles/drop-down-tree/fluent-dark.css +5 -105
  92. package/styles/drop-down-tree/fluent.css +5 -105
  93. package/styles/drop-down-tree/highcontrast-light.css +4 -97
  94. package/styles/drop-down-tree/highcontrast.css +4 -98
  95. package/styles/drop-down-tree/material-dark.css +11 -182
  96. package/styles/drop-down-tree/material.css +11 -184
  97. package/styles/drop-down-tree/tailwind-dark.css +4 -107
  98. package/styles/drop-down-tree/tailwind.css +4 -107
  99. package/styles/fabric-dark.css +62 -335
  100. package/styles/fabric.css +62 -335
  101. package/styles/fluent-dark.css +62 -342
  102. package/styles/fluent.css +62 -342
  103. package/styles/highcontrast-light.css +63 -375
  104. package/styles/highcontrast.css +63 -376
  105. package/styles/list-box/bootstrap-dark.css +11 -115
  106. package/styles/list-box/bootstrap.css +11 -115
  107. package/styles/list-box/bootstrap4.css +11 -120
  108. package/styles/list-box/bootstrap5-dark.css +11 -115
  109. package/styles/list-box/bootstrap5.css +11 -115
  110. package/styles/list-box/fabric-dark.css +11 -115
  111. package/styles/list-box/fabric.css +11 -115
  112. package/styles/list-box/fluent-dark.css +11 -115
  113. package/styles/list-box/fluent.css +11 -115
  114. package/styles/list-box/highcontrast-light.css +11 -120
  115. package/styles/list-box/highcontrast.css +11 -120
  116. package/styles/list-box/material-dark.css +11 -115
  117. package/styles/list-box/material.css +11 -115
  118. package/styles/list-box/tailwind-dark.css +12 -118
  119. package/styles/list-box/tailwind.css +12 -118
  120. package/styles/material-dark.css +103 -462
  121. package/styles/material.css +103 -466
  122. package/styles/multi-select/bootstrap-dark.css +28 -68
  123. package/styles/multi-select/bootstrap.css +28 -68
  124. package/styles/multi-select/bootstrap4.css +28 -68
  125. package/styles/multi-select/bootstrap5-dark.css +29 -69
  126. package/styles/multi-select/bootstrap5.css +29 -69
  127. package/styles/multi-select/fabric-dark.css +28 -68
  128. package/styles/multi-select/fabric.css +28 -68
  129. package/styles/multi-select/fluent-dark.css +29 -68
  130. package/styles/multi-select/fluent.css +29 -68
  131. package/styles/multi-select/highcontrast-light.css +31 -97
  132. package/styles/multi-select/highcontrast.css +31 -97
  133. package/styles/multi-select/material-dark.css +66 -115
  134. package/styles/multi-select/material.css +66 -116
  135. package/styles/multi-select/tailwind-dark.css +29 -69
  136. package/styles/multi-select/tailwind.css +29 -69
  137. package/styles/tailwind-dark.css +63 -348
  138. package/styles/tailwind.css +63 -348
@@ -48,27 +48,27 @@
48
48
  }
49
49
 
50
50
  .e-listbox-tool .e-moveup::before {
51
- content: '\e776';
51
+ content: "\e776";
52
52
  }
53
53
 
54
54
  .e-listbox-tool .e-movedown::before {
55
- content: '\e729';
55
+ content: "\e729";
56
56
  }
57
57
 
58
58
  .e-listbox-tool .e-moveto::before {
59
- content: '\e748';
59
+ content: "\e748";
60
60
  }
61
61
 
62
62
  .e-listbox-tool .e-movefrom::before {
63
- content: '\e765';
63
+ content: "\e765";
64
64
  }
65
65
 
66
66
  .e-listbox-tool .e-moveallto::before {
67
- content: '\e7a9';
67
+ content: "\e7a9";
68
68
  }
69
69
 
70
70
  .e-listbox-tool .e-moveallfrom::before {
71
- content: '\e744';
71
+ content: "\e744";
72
72
  }
73
73
 
74
74
  .e-listbox-wrapper,
@@ -83,28 +83,23 @@
83
83
  user-select: none;
84
84
  width: 100%;
85
85
  }
86
-
87
86
  .e-listbox-wrapper *,
88
87
  .e-listbox-container * {
89
88
  box-sizing: border-box;
90
89
  }
91
-
92
90
  .e-listbox-wrapper:focus,
93
91
  .e-listbox-container:focus {
94
92
  outline: none;
95
93
  }
96
-
97
94
  .e-listbox-wrapper.e-disabled,
98
95
  .e-listbox-container.e-disabled {
99
96
  cursor: default;
100
97
  pointer-events: none;
101
98
  }
102
-
103
99
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
104
100
  .e-listbox-container:not(.e-list-template) .e-list-nrt {
105
101
  text-align: center;
106
102
  }
107
-
108
103
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
109
104
  .e-listbox-wrapper .e-list-nrt,
110
105
  .e-listbox-wrapper .e-selectall-parent,
@@ -116,55 +111,45 @@
116
111
  padding: 12px 12px;
117
112
  position: relative;
118
113
  }
119
-
120
114
  .e-listbox-wrapper.e-filter-list,
121
115
  .e-listbox-container.e-filter-list {
122
116
  overflow: inherit;
123
117
  }
124
-
125
118
  .e-listbox-wrapper .e-list-parent,
126
119
  .e-listbox-container .e-list-parent {
127
120
  height: 100%;
128
121
  min-height: 38px;
129
122
  }
130
-
131
123
  .e-listbox-wrapper .e-list-item,
132
124
  .e-listbox-container .e-list-item {
133
125
  border-bottom: 0 solid;
134
126
  outline: none;
135
127
  }
136
-
137
128
  .e-listbox-wrapper .e-list-item.e-disabled,
138
129
  .e-listbox-container .e-list-item.e-disabled {
139
130
  pointer-events: none;
140
131
  }
141
-
142
132
  .e-listbox-wrapper .e-disable,
143
133
  .e-listbox-container .e-disable {
144
- opacity: .7;
134
+ opacity: 0.7;
145
135
  }
146
-
147
136
  .e-listbox-wrapper .e-list-parent,
148
137
  .e-listbox-container .e-list-parent {
149
138
  margin: 0;
150
139
  padding: 0;
151
140
  }
152
-
153
141
  .e-listbox-wrapper .e-list-header .e-text.header,
154
142
  .e-listbox-container .e-list-header .e-text.header {
155
143
  display: none;
156
144
  }
157
-
158
145
  .e-listbox-wrapper .e-icon-back,
159
146
  .e-listbox-container .e-icon-back {
160
147
  margin-top: 2px;
161
148
  }
162
-
163
149
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
164
150
  .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
165
151
  display: none;
166
152
  }
167
-
168
153
  .e-listbox-wrapper .e-list-header,
169
154
  .e-listbox-container .e-list-header {
170
155
  -ms-flex-align: center;
@@ -176,24 +161,20 @@
176
161
  height: 18px;
177
162
  padding: 0 12px;
178
163
  }
179
-
180
164
  .e-listbox-wrapper .e-has-header > .e-view,
181
165
  .e-listbox-container .e-has-header > .e-view {
182
166
  top: 45px;
183
167
  }
184
-
185
168
  .e-listbox-wrapper .e-but-back,
186
169
  .e-listbox-container .e-but-back {
187
170
  cursor: pointer;
188
171
  padding-right: 8px;
189
172
  }
190
-
191
173
  .e-listbox-wrapper .e-list-group-item:first-child,
192
174
  .e-listbox-container .e-list-group-item:first-child {
193
175
  border: 0;
194
176
  border-bottom: 0 solid transparent;
195
177
  }
196
-
197
178
  .e-listbox-wrapper .e-list-group-item,
198
179
  .e-listbox-container .e-list-group-item {
199
180
  border-bottom: 0 solid transparent;
@@ -203,7 +184,6 @@
203
184
  line-height: 7px;
204
185
  padding: 12px 12px;
205
186
  }
206
-
207
187
  .e-listbox-wrapper .e-icon-collapsible,
208
188
  .e-listbox-container .e-icon-collapsible {
209
189
  cursor: pointer;
@@ -213,50 +193,41 @@
213
193
  top: 50%;
214
194
  transform: translateY(-50%);
215
195
  }
216
-
217
196
  .e-listbox-wrapper .e-text-content,
218
197
  .e-listbox-container .e-text-content {
219
198
  height: 100%;
220
199
  position: relative;
221
200
  vertical-align: middle;
222
201
  }
223
-
224
202
  .e-listbox-wrapper .e-text-content *,
225
203
  .e-listbox-container .e-text-content * {
226
204
  display: inline-block;
227
205
  vertical-align: middle;
228
206
  }
229
-
230
207
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
231
208
  .e-listbox-container .e-text-content.e-checkbox .e-list-text {
232
209
  width: calc(100% - 40px);
233
210
  }
234
-
235
211
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
236
212
  .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
237
213
  width: calc(100% - 90px);
238
214
  }
239
-
240
215
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
241
216
  .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
242
217
  width: calc(100% - 80px);
243
218
  }
244
-
245
219
  .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
246
220
  .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
247
221
  width: calc(100% - 92px);
248
222
  }
249
-
250
223
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
251
224
  .e-listbox-container .e-checkbox .e-checkbox-left {
252
225
  margin: -2px 8px 0 0;
253
226
  }
254
-
255
227
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
256
228
  .e-listbox-container .e-checkbox .e-checkbox-right {
257
229
  margin: -2px 0 0 8px;
258
230
  }
259
-
260
231
  .e-listbox-wrapper .e-list-text,
261
232
  .e-listbox-container .e-list-text {
262
233
  cursor: pointer;
@@ -267,58 +238,48 @@
267
238
  white-space: nowrap;
268
239
  width: 100%;
269
240
  }
270
-
271
241
  .e-listbox-wrapper .e-list-icon + .e-list-text,
272
242
  .e-listbox-container .e-list-icon + .e-list-text {
273
243
  width: calc(100% - 60px);
274
244
  }
275
-
276
245
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
277
246
  .e-listbox-container .e-icon-wrapper .e-list-text {
278
247
  width: calc(100% - 60px);
279
248
  }
280
-
281
249
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
282
250
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
283
251
  width: calc(100% - 60px);
284
252
  }
285
-
286
253
  .e-listbox-wrapper .e-list-icon,
287
254
  .e-listbox-container .e-list-icon {
288
255
  height: 30px;
289
256
  margin-right: 16px;
290
257
  width: 30px;
291
258
  }
292
-
293
259
  .e-listbox-wrapper .e-content,
294
260
  .e-listbox-container .e-content {
295
261
  overflow: hidden;
296
262
  position: relative;
297
263
  }
298
-
299
264
  .e-listbox-wrapper .e-list-header .e-text,
300
265
  .e-listbox-container .e-list-header .e-text {
301
266
  cursor: pointer;
302
267
  text-indent: 0;
303
268
  }
304
-
305
269
  .e-listbox-wrapper .e-text .e-headertext,
306
270
  .e-listbox-container .e-text .e-headertext {
307
271
  display: inline-block;
308
272
  line-height: 18px;
309
273
  }
310
-
311
274
  .e-listbox-wrapper.e-rtl,
312
275
  .e-listbox-container.e-rtl {
313
276
  direction: rtl;
314
277
  }
315
-
316
278
  .e-listbox-wrapper.e-rtl .e-list-icon,
317
279
  .e-listbox-container.e-rtl .e-list-icon {
318
280
  margin-left: 16px;
319
281
  margin-right: 0;
320
282
  }
321
-
322
283
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
323
284
  .e-listbox-container.e-rtl .e-icon-collapsible {
324
285
  left: 0%;
@@ -326,61 +287,50 @@
326
287
  top: 50%;
327
288
  transform: translateY(-50%) rotate(180deg);
328
289
  }
329
-
330
290
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
331
291
  .e-listbox-container.e-rtl .e-list-header .e-text {
332
292
  cursor: pointer;
333
293
  }
334
-
335
294
  .e-listbox-wrapper.e-rtl .e-but-back,
336
295
  .e-listbox-container.e-rtl .e-but-back {
337
296
  transform: rotate(180deg);
338
297
  }
339
-
340
298
  .e-listbox-wrapper.e-rtl .e-icon-back,
341
299
  .e-listbox-container.e-rtl .e-icon-back {
342
300
  margin-top: -2px;
343
301
  }
344
-
345
302
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
346
303
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
347
304
  margin: -2px 0 0 8px;
348
305
  }
349
-
350
306
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
351
307
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
352
308
  margin: -2px 8px 0 0;
353
309
  }
354
-
355
310
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
356
311
  .e-listbox-container.e-rtl .e-checkbox-wrapper {
357
312
  margin: -2px 0 0 8px;
358
313
  }
359
-
360
314
  .e-listbox-wrapper .e-checkbox-wrapper,
361
315
  .e-listbox-container .e-checkbox-wrapper {
362
316
  margin: -2px 8px 0 0;
363
317
  text-indent: 0;
364
318
  vertical-align: middle;
365
319
  }
366
-
367
320
  .e-listbox-wrapper.e-right .e-checkbox-wrapper,
368
321
  .e-listbox-container.e-right .e-checkbox-wrapper {
369
322
  position: absolute;
370
323
  right: 0;
371
324
  top: 30%;
372
325
  }
373
-
374
326
  .e-listbox-wrapper .e-input-group,
375
327
  .e-listbox-container .e-input-group {
376
328
  padding: 4px 8px;
377
329
  }
378
-
379
330
  .e-listbox-wrapper .e-input-focus,
380
331
  .e-listbox-container .e-input-focus {
381
332
  padding: 4px 4px 4px 8px;
382
333
  }
383
-
384
334
  .e-listbox-wrapper .e-hidden-select,
385
335
  .e-listbox-container .e-hidden-select {
386
336
  height: 1px;
@@ -388,7 +338,6 @@
388
338
  position: absolute;
389
339
  width: 100%;
390
340
  }
391
-
392
341
  .e-listbox-wrapper .e-placeholder,
393
342
  .e-listbox-container .e-placeholder {
394
343
  background-color: #22d3ee;
@@ -407,7 +356,6 @@ ejs-listbox {
407
356
  .e-listbox-wrapper.e-filter-list {
408
357
  overflow: inherit;
409
358
  }
410
-
411
359
  .e-listbox-wrapper.e-filter-list .e-list-parent {
412
360
  overflow: auto;
413
361
  }
@@ -417,22 +365,18 @@ ejs-listbox {
417
365
  border-width: 0;
418
366
  overflow: visible;
419
367
  }
420
-
421
368
  .e-listbox-wrapper.e-sortableclone .e-list-item,
422
369
  .e-listbox-container.e-sortableclone .e-list-item {
423
370
  list-style-type: none;
424
371
  }
425
-
426
372
  .e-listbox-wrapper.e-sortableclone .e-ripple,
427
373
  .e-listbox-container.e-sortableclone .e-ripple {
428
374
  overflow: visible;
429
375
  }
430
-
431
376
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
432
377
  .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
433
378
  display: none;
434
379
  }
435
-
436
380
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
437
381
  .e-listbox-container.e-sortableclone .e-list-badge {
438
382
  -ms-flex-align: center;
@@ -459,41 +403,34 @@ ejs-listbox {
459
403
  display: -ms-flexbox;
460
404
  display: flex;
461
405
  }
462
-
463
406
  .e-listboxtool-wrapper *,
464
407
  .e-listboxtool-container * {
465
408
  box-sizing: border-box;
466
409
  }
467
-
468
410
  .e-listboxtool-wrapper.e-disabled,
469
411
  .e-listboxtool-container.e-disabled {
470
412
  cursor: default;
471
413
  pointer-events: none;
472
414
  }
473
-
474
415
  .e-listboxtool-wrapper .e-listbox-wrapper,
475
416
  .e-listboxtool-container .e-listbox-wrapper {
476
417
  -ms-flex: 1;
477
418
  flex: 1;
478
419
  }
479
-
480
420
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
481
421
  .e-listboxtool-container.e-right .e-listbox-tool {
482
422
  margin-left: 15px;
483
423
  }
484
-
485
424
  .e-listboxtool-wrapper.e-left .e-listbox-tool,
486
425
  .e-listboxtool-container.e-left .e-listbox-tool {
487
426
  margin-right: 15px;
488
427
  }
489
-
490
428
  .e-listboxtool-wrapper .e-listbox-tool,
491
429
  .e-listboxtool-container .e-listbox-tool {
492
430
  border: 1px solid #4b5563;
493
431
  overflow: auto;
494
432
  padding: 8px;
495
433
  }
496
-
497
434
  .e-listboxtool-wrapper .e-listbox-tool .e-btn,
498
435
  .e-listboxtool-container .e-listbox-tool .e-btn {
499
436
  display: list-item;
@@ -505,7 +442,6 @@ ejs-listbox {
505
442
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
506
443
  margin-right: 15px;
507
444
  }
508
-
509
445
  .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
510
446
  .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
511
447
  margin-left: 15px;
@@ -520,7 +456,6 @@ ejs-listbox {
520
456
  border-right: 0 solid transparent;
521
457
  border-top: 0 solid transparent;
522
458
  }
523
-
524
459
  .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
525
460
  .e-bigger .e-listbox-wrapper .e-selectall-parent,
526
461
  .e-bigger .e-listbox-wrapper .e-list-group-item,
@@ -539,7 +474,6 @@ ejs-listbox {
539
474
  .e-listbox-container.e-bigger .e-list-header {
540
475
  padding: 12px 16px;
541
476
  }
542
-
543
477
  .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
544
478
  .e-bigger .e-listbox-wrapper .e-selectall-parent,
545
479
  .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
@@ -552,21 +486,18 @@ ejs-listbox {
552
486
  line-height: 1.6;
553
487
  position: relative;
554
488
  }
555
-
556
489
  .e-bigger .e-listbox-wrapper .e-list-parent,
557
490
  .e-listbox-wrapper.e-bigger .e-list-parent,
558
491
  .e-bigger .e-listbox-container .e-list-parent,
559
492
  .e-listbox-container.e-bigger .e-list-parent {
560
493
  min-height: 48px;
561
494
  }
562
-
563
495
  .e-bigger .e-listbox-wrapper .e-text-content,
564
496
  .e-listbox-wrapper.e-bigger .e-text-content,
565
497
  .e-bigger .e-listbox-container .e-text-content,
566
498
  .e-listbox-container.e-bigger .e-text-content {
567
499
  font-size: 16px;
568
500
  }
569
-
570
501
  .e-bigger .e-listbox-wrapper .e-list-group-item,
571
502
  .e-listbox-wrapper.e-bigger .e-list-group-item,
572
503
  .e-bigger .e-listbox-container .e-list-group-item,
@@ -574,7 +505,6 @@ ejs-listbox {
574
505
  height: 38px;
575
506
  line-height: 15px;
576
507
  }
577
-
578
508
  .e-bigger .e-listbox-wrapper .e-list-header,
579
509
  .e-listbox-wrapper.e-bigger .e-list-header,
580
510
  .e-bigger .e-listbox-container .e-list-header,
@@ -586,28 +516,24 @@ ejs-listbox {
586
516
  font-weight: 500;
587
517
  height: 22px;
588
518
  }
589
-
590
519
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
591
520
  .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
592
521
  .e-bigger .e-listbox-container .e-list-header .e-text.header,
593
522
  .e-listbox-container.e-bigger .e-list-header .e-text.header {
594
523
  display: none;
595
524
  }
596
-
597
525
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
598
526
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
599
527
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
600
528
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
601
529
  display: none;
602
530
  }
603
-
604
531
  .e-bigger .e-listbox-wrapper .e-list-header .e-text,
605
532
  .e-listbox-wrapper.e-bigger .e-list-header .e-text,
606
533
  .e-bigger .e-listbox-container .e-list-header .e-text,
607
534
  .e-listbox-container.e-bigger .e-list-header .e-text {
608
535
  font-size: 14px;
609
536
  }
610
-
611
537
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
612
538
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
613
539
  height: calc(100% - 45px);
@@ -633,9 +559,7 @@ ejs-listbox {
633
559
  .e-bigger.e-listbox-container {
634
560
  font-size: 16px;
635
561
  }
636
-
637
- .e-bigger.e-listbox-wrapper .e-list-header,
638
- .e-bigger.e-listbox-wrapper .e-list-group-item,
562
+ .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
639
563
  .e-bigger.e-listbox-container .e-list-header,
640
564
  .e-bigger.e-listbox-container .e-list-group-item {
641
565
  font-size: 14px;
@@ -646,7 +570,6 @@ ejs-listbox {
646
570
  font-family: "Inter";
647
571
  font-size: 14px;
648
572
  }
649
-
650
573
  .e-listbox-wrapper .e-list-header,
651
574
  .e-listbox-container .e-list-header {
652
575
  background-color: #374151;
@@ -675,8 +598,7 @@ ejs-listbox {
675
598
  color: #fff;
676
599
  }
677
600
 
678
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
679
- .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
601
+ .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
680
602
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
681
603
  .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
682
604
  background-color: #374151;
@@ -696,16 +618,14 @@ ejs-listbox {
696
618
  color: #fff;
697
619
  }
698
620
 
699
- .e-listbox-wrapper .e-list-item.e-focused,
700
- .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
621
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
701
622
  .e-listbox-container .e-list-item.e-focused,
702
623
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
703
624
  background-color: #374151;
704
625
  color: rgba(255, 255, 255, 0.87);
705
626
  }
706
627
 
707
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
708
- .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
628
+ .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
709
629
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
710
630
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
711
631
  background-color: #22d3ee;
@@ -738,17 +658,14 @@ ejs-listbox {
738
658
  height: inherit;
739
659
  position: relative;
740
660
  }
741
-
742
661
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
743
662
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
744
663
  padding: 8px 16px;
745
664
  }
746
-
747
665
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
748
666
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
749
667
  padding: 4px;
750
668
  }
751
-
752
669
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
753
670
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
754
671
  color: #fff;
@@ -761,7 +678,6 @@ ejs-listbox {
761
678
  text-overflow: ellipsis;
762
679
  white-space: nowrap;
763
680
  }
764
-
765
681
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
766
682
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
767
683
  color: #9ca3af;
@@ -771,14 +687,12 @@ ejs-listbox {
771
687
  padding: 2px 0 0 0;
772
688
  word-wrap: break-word;
773
689
  }
774
-
775
690
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
776
691
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
777
692
  overflow: hidden;
778
693
  text-overflow: ellipsis;
779
694
  white-space: nowrap;
780
695
  }
781
-
782
696
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
783
697
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
784
698
  height: 40px;
@@ -787,19 +701,16 @@ ejs-listbox {
787
701
  top: 0;
788
702
  width: 40px;
789
703
  }
790
-
791
704
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
792
705
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
793
706
  padding-left: 68px;
794
707
  padding-right: 16px;
795
708
  }
796
-
797
709
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
798
710
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
799
711
  padding-left: 16px;
800
712
  padding-right: 68px;
801
713
  }
802
-
803
714
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
804
715
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
805
716
  height: 40px;
@@ -808,17 +719,14 @@ ejs-listbox {
808
719
  top: 0;
809
720
  width: 40px;
810
721
  }
811
-
812
722
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
813
723
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
814
724
  top: 0;
815
725
  }
816
-
817
726
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
818
727
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
819
728
  top: 0;
820
729
  }
821
-
822
730
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
823
731
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
824
732
  font-size: 10px;
@@ -831,19 +739,16 @@ ejs-listbox {
831
739
  transform: translateY(-50%);
832
740
  width: 32px;
833
741
  }
834
-
835
742
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
836
743
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
837
744
  padding-left: 68px;
838
745
  padding-right: 10px;
839
746
  }
840
-
841
747
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
842
748
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
843
749
  padding-left: 16px;
844
750
  padding-right: 10px;
845
751
  }
846
-
847
752
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
848
753
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
849
754
  display: block;
@@ -853,65 +758,54 @@ ejs-listbox {
853
758
  text-overflow: ellipsis;
854
759
  white-space: nowrap;
855
760
  }
856
-
857
761
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
858
762
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
859
763
  color: #fff;
860
764
  }
861
-
862
765
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
863
766
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
864
767
  color: #fff;
865
768
  }
866
-
867
769
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
868
770
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
869
771
  color: rgba(255, 255, 255, 0.87);
870
772
  }
871
-
872
773
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
873
774
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
874
775
  color: rgba(255, 255, 255, 0.87);
875
776
  }
876
-
877
777
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
878
778
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
879
779
  left: inherit;
880
780
  right: 0;
881
781
  }
882
-
883
782
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
884
783
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
885
784
  padding-left: 16px;
886
785
  padding-right: 68px;
887
786
  }
888
-
889
787
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
890
788
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
891
789
  padding-left: 68px;
892
790
  padding-right: 16px;
893
791
  }
894
-
895
792
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
896
793
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
897
794
  left: 0;
898
795
  right: inherit;
899
796
  }
900
-
901
797
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
902
798
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
903
799
  left: 12px;
904
800
  right: inherit;
905
801
  }
906
-
907
802
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
908
803
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
909
804
  padding-left: 10px;
910
805
  padding-right: 68px;
911
806
  }
912
-
913
807
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
914
808
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
915
809
  padding-left: 10px;
916
810
  padding-right: 16px;
917
- }
811
+ }