@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
@@ -38,27 +38,27 @@
38
38
  }
39
39
 
40
40
  .e-listbox-tool .e-moveup::before {
41
- content: '\e776';
41
+ content: "\e776";
42
42
  }
43
43
 
44
44
  .e-listbox-tool .e-movedown::before {
45
- content: '\e729';
45
+ content: "\e729";
46
46
  }
47
47
 
48
48
  .e-listbox-tool .e-moveto::before {
49
- content: '\e748';
49
+ content: "\e748";
50
50
  }
51
51
 
52
52
  .e-listbox-tool .e-movefrom::before {
53
- content: '\e765';
53
+ content: "\e765";
54
54
  }
55
55
 
56
56
  .e-listbox-tool .e-moveallto::before {
57
- content: '\e7a9';
57
+ content: "\e7a9";
58
58
  }
59
59
 
60
60
  .e-listbox-tool .e-moveallfrom::before {
61
- content: '\e744';
61
+ content: "\e744";
62
62
  }
63
63
 
64
64
  .e-listbox-wrapper,
@@ -73,28 +73,23 @@
73
73
  user-select: none;
74
74
  width: 100%;
75
75
  }
76
-
77
76
  .e-listbox-wrapper *,
78
77
  .e-listbox-container * {
79
78
  box-sizing: border-box;
80
79
  }
81
-
82
80
  .e-listbox-wrapper:focus,
83
81
  .e-listbox-container:focus {
84
82
  outline: none;
85
83
  }
86
-
87
84
  .e-listbox-wrapper.e-disabled,
88
85
  .e-listbox-container.e-disabled {
89
86
  cursor: default;
90
87
  pointer-events: none;
91
88
  }
92
-
93
89
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
94
90
  .e-listbox-container:not(.e-list-template) .e-list-nrt {
95
91
  text-align: center;
96
92
  }
97
-
98
93
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
99
94
  .e-listbox-wrapper .e-list-nrt,
100
95
  .e-listbox-wrapper .e-selectall-parent,
@@ -106,55 +101,45 @@
106
101
  padding: 10px 12px;
107
102
  position: relative;
108
103
  }
109
-
110
104
  .e-listbox-wrapper.e-filter-list,
111
105
  .e-listbox-container.e-filter-list {
112
106
  overflow: inherit;
113
107
  }
114
-
115
108
  .e-listbox-wrapper .e-list-parent,
116
109
  .e-listbox-container .e-list-parent {
117
110
  height: 100%;
118
111
  min-height: 36px;
119
112
  }
120
-
121
113
  .e-listbox-wrapper .e-list-item,
122
114
  .e-listbox-container .e-list-item {
123
115
  border-bottom: 0 solid;
124
116
  outline: none;
125
117
  }
126
-
127
118
  .e-listbox-wrapper .e-list-item.e-disabled,
128
119
  .e-listbox-container .e-list-item.e-disabled {
129
120
  pointer-events: none;
130
121
  }
131
-
132
122
  .e-listbox-wrapper .e-disable,
133
123
  .e-listbox-container .e-disable {
134
- opacity: .7;
124
+ opacity: 0.7;
135
125
  }
136
-
137
126
  .e-listbox-wrapper .e-list-parent,
138
127
  .e-listbox-container .e-list-parent {
139
128
  margin: 0;
140
129
  padding: 0;
141
130
  }
142
-
143
131
  .e-listbox-wrapper .e-list-header .e-text.header,
144
132
  .e-listbox-container .e-list-header .e-text.header {
145
133
  display: none;
146
134
  }
147
-
148
135
  .e-listbox-wrapper .e-icon-back,
149
136
  .e-listbox-container .e-icon-back {
150
137
  margin-top: 2px;
151
138
  }
152
-
153
139
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
154
140
  .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
155
141
  display: none;
156
142
  }
157
-
158
143
  .e-listbox-wrapper .e-list-header,
159
144
  .e-listbox-container .e-list-header {
160
145
  -ms-flex-align: center;
@@ -166,24 +151,20 @@
166
151
  height: 18px;
167
152
  padding: 0 12px;
168
153
  }
169
-
170
154
  .e-listbox-wrapper .e-has-header > .e-view,
171
155
  .e-listbox-container .e-has-header > .e-view {
172
156
  top: 45px;
173
157
  }
174
-
175
158
  .e-listbox-wrapper .e-but-back,
176
159
  .e-listbox-container .e-but-back {
177
160
  cursor: pointer;
178
161
  padding-right: 8px;
179
162
  }
180
-
181
163
  .e-listbox-wrapper .e-list-group-item:first-child,
182
164
  .e-listbox-container .e-list-group-item:first-child {
183
165
  border: 0;
184
166
  border-bottom: 0 solid transparent;
185
167
  }
186
-
187
168
  .e-listbox-wrapper .e-list-group-item,
188
169
  .e-listbox-container .e-list-group-item {
189
170
  border-bottom: 0 solid transparent;
@@ -193,7 +174,6 @@
193
174
  line-height: 10px;
194
175
  padding: 10px 12px;
195
176
  }
196
-
197
177
  .e-listbox-wrapper .e-icon-collapsible,
198
178
  .e-listbox-container .e-icon-collapsible {
199
179
  cursor: pointer;
@@ -203,50 +183,41 @@
203
183
  top: 50%;
204
184
  transform: translateY(-50%);
205
185
  }
206
-
207
186
  .e-listbox-wrapper .e-text-content,
208
187
  .e-listbox-container .e-text-content {
209
188
  height: 100%;
210
189
  position: relative;
211
190
  vertical-align: middle;
212
191
  }
213
-
214
192
  .e-listbox-wrapper .e-text-content *,
215
193
  .e-listbox-container .e-text-content * {
216
194
  display: inline-block;
217
195
  vertical-align: middle;
218
196
  }
219
-
220
197
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
221
198
  .e-listbox-container .e-text-content.e-checkbox .e-list-text {
222
199
  width: calc(100% - 40px);
223
200
  }
224
-
225
201
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
226
202
  .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
227
203
  width: calc(100% - 90px);
228
204
  }
229
-
230
205
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
231
206
  .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
232
207
  width: calc(100% - 80px);
233
208
  }
234
-
235
209
  .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,
236
210
  .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 {
237
211
  width: calc(100% - 92px);
238
212
  }
239
-
240
213
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
241
214
  .e-listbox-container .e-checkbox .e-checkbox-left {
242
215
  margin: -2px 8px 0 0;
243
216
  }
244
-
245
217
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
246
218
  .e-listbox-container .e-checkbox .e-checkbox-right {
247
219
  margin: -2px 0 0 8px;
248
220
  }
249
-
250
221
  .e-listbox-wrapper .e-list-text,
251
222
  .e-listbox-container .e-list-text {
252
223
  cursor: pointer;
@@ -257,58 +228,48 @@
257
228
  white-space: nowrap;
258
229
  width: 100%;
259
230
  }
260
-
261
231
  .e-listbox-wrapper .e-list-icon + .e-list-text,
262
232
  .e-listbox-container .e-list-icon + .e-list-text {
263
233
  width: calc(100% - 60px);
264
234
  }
265
-
266
235
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
267
236
  .e-listbox-container .e-icon-wrapper .e-list-text {
268
237
  width: calc(100% - 60px);
269
238
  }
270
-
271
239
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
272
240
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
273
241
  width: calc(100% - 60px);
274
242
  }
275
-
276
243
  .e-listbox-wrapper .e-list-icon,
277
244
  .e-listbox-container .e-list-icon {
278
245
  height: 30px;
279
246
  margin-right: 16px;
280
247
  width: 30px;
281
248
  }
282
-
283
249
  .e-listbox-wrapper .e-content,
284
250
  .e-listbox-container .e-content {
285
251
  overflow: hidden;
286
252
  position: relative;
287
253
  }
288
-
289
254
  .e-listbox-wrapper .e-list-header .e-text,
290
255
  .e-listbox-container .e-list-header .e-text {
291
256
  cursor: pointer;
292
257
  text-indent: 0;
293
258
  }
294
-
295
259
  .e-listbox-wrapper .e-text .e-headertext,
296
260
  .e-listbox-container .e-text .e-headertext {
297
261
  display: inline-block;
298
262
  line-height: 18px;
299
263
  }
300
-
301
264
  .e-listbox-wrapper.e-rtl,
302
265
  .e-listbox-container.e-rtl {
303
266
  direction: rtl;
304
267
  }
305
-
306
268
  .e-listbox-wrapper.e-rtl .e-list-icon,
307
269
  .e-listbox-container.e-rtl .e-list-icon {
308
270
  margin-left: 16px;
309
271
  margin-right: 0;
310
272
  }
311
-
312
273
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
313
274
  .e-listbox-container.e-rtl .e-icon-collapsible {
314
275
  left: 0%;
@@ -316,61 +277,50 @@
316
277
  top: 50%;
317
278
  transform: translateY(-50%) rotate(180deg);
318
279
  }
319
-
320
280
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
321
281
  .e-listbox-container.e-rtl .e-list-header .e-text {
322
282
  cursor: pointer;
323
283
  }
324
-
325
284
  .e-listbox-wrapper.e-rtl .e-but-back,
326
285
  .e-listbox-container.e-rtl .e-but-back {
327
286
  transform: rotate(180deg);
328
287
  }
329
-
330
288
  .e-listbox-wrapper.e-rtl .e-icon-back,
331
289
  .e-listbox-container.e-rtl .e-icon-back {
332
290
  margin-top: -2px;
333
291
  }
334
-
335
292
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
336
293
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
337
294
  margin: -2px 0 0 8px;
338
295
  }
339
-
340
296
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
341
297
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
342
298
  margin: -2px 8px 0 0;
343
299
  }
344
-
345
300
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
346
301
  .e-listbox-container.e-rtl .e-checkbox-wrapper {
347
302
  margin: -2px 0 0 8px;
348
303
  }
349
-
350
304
  .e-listbox-wrapper .e-checkbox-wrapper,
351
305
  .e-listbox-container .e-checkbox-wrapper {
352
306
  margin: -2px 8px 0 0;
353
307
  text-indent: 0;
354
308
  vertical-align: middle;
355
309
  }
356
-
357
310
  .e-listbox-wrapper.e-right .e-checkbox-wrapper,
358
311
  .e-listbox-container.e-right .e-checkbox-wrapper {
359
312
  position: absolute;
360
313
  right: 0;
361
314
  top: 30%;
362
315
  }
363
-
364
316
  .e-listbox-wrapper .e-input-group,
365
317
  .e-listbox-container .e-input-group {
366
318
  padding: 4px 8px;
367
319
  }
368
-
369
320
  .e-listbox-wrapper .e-input-focus,
370
321
  .e-listbox-container .e-input-focus {
371
322
  padding: 4px 4px 4px 8px;
372
323
  }
373
-
374
324
  .e-listbox-wrapper .e-hidden-select,
375
325
  .e-listbox-container .e-hidden-select {
376
326
  height: 1px;
@@ -378,7 +328,6 @@
378
328
  position: absolute;
379
329
  width: 100%;
380
330
  }
381
-
382
331
  .e-listbox-wrapper .e-placeholder,
383
332
  .e-listbox-container .e-placeholder {
384
333
  background-color: #0d6efd;
@@ -397,7 +346,6 @@ ejs-listbox {
397
346
  .e-listbox-wrapper.e-filter-list {
398
347
  overflow: inherit;
399
348
  }
400
-
401
349
  .e-listbox-wrapper.e-filter-list .e-list-parent {
402
350
  overflow: auto;
403
351
  }
@@ -407,22 +355,18 @@ ejs-listbox {
407
355
  border-width: 0;
408
356
  overflow: visible;
409
357
  }
410
-
411
358
  .e-listbox-wrapper.e-sortableclone .e-list-item,
412
359
  .e-listbox-container.e-sortableclone .e-list-item {
413
360
  list-style-type: none;
414
361
  }
415
-
416
362
  .e-listbox-wrapper.e-sortableclone .e-ripple,
417
363
  .e-listbox-container.e-sortableclone .e-ripple {
418
364
  overflow: visible;
419
365
  }
420
-
421
366
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
422
367
  .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
423
368
  display: none;
424
369
  }
425
-
426
370
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
427
371
  .e-listbox-container.e-sortableclone .e-list-badge {
428
372
  -ms-flex-align: center;
@@ -449,41 +393,34 @@ ejs-listbox {
449
393
  display: -ms-flexbox;
450
394
  display: flex;
451
395
  }
452
-
453
396
  .e-listboxtool-wrapper *,
454
397
  .e-listboxtool-container * {
455
398
  box-sizing: border-box;
456
399
  }
457
-
458
400
  .e-listboxtool-wrapper.e-disabled,
459
401
  .e-listboxtool-container.e-disabled {
460
402
  cursor: default;
461
403
  pointer-events: none;
462
404
  }
463
-
464
405
  .e-listboxtool-wrapper .e-listbox-wrapper,
465
406
  .e-listboxtool-container .e-listbox-wrapper {
466
407
  -ms-flex: 1;
467
408
  flex: 1;
468
409
  }
469
-
470
410
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
471
411
  .e-listboxtool-container.e-right .e-listbox-tool {
472
412
  margin-left: 15px;
473
413
  }
474
-
475
414
  .e-listboxtool-wrapper.e-left .e-listbox-tool,
476
415
  .e-listboxtool-container.e-left .e-listbox-tool {
477
416
  margin-right: 15px;
478
417
  }
479
-
480
418
  .e-listboxtool-wrapper .e-listbox-tool,
481
419
  .e-listboxtool-container .e-listbox-tool {
482
420
  border: 1px solid #444c54;
483
421
  overflow: auto;
484
422
  padding: 8px;
485
423
  }
486
-
487
424
  .e-listboxtool-wrapper .e-listbox-tool .e-btn,
488
425
  .e-listboxtool-container .e-listbox-tool .e-btn {
489
426
  display: list-item;
@@ -495,7 +432,6 @@ ejs-listbox {
495
432
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
496
433
  margin-right: 15px;
497
434
  }
498
-
499
435
  .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
500
436
  .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
501
437
  margin-left: 15px;
@@ -510,7 +446,6 @@ ejs-listbox {
510
446
  border-right: 0 solid transparent;
511
447
  border-top: 0 solid transparent;
512
448
  }
513
-
514
449
  .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
515
450
  .e-bigger .e-listbox-wrapper .e-selectall-parent,
516
451
  .e-bigger .e-listbox-wrapper .e-list-group-item,
@@ -529,7 +464,6 @@ ejs-listbox {
529
464
  .e-listbox-container.e-bigger .e-list-header {
530
465
  padding: 8px 16px;
531
466
  }
532
-
533
467
  .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
534
468
  .e-bigger .e-listbox-wrapper .e-selectall-parent,
535
469
  .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
@@ -542,21 +476,18 @@ ejs-listbox {
542
476
  line-height: 1.6;
543
477
  position: relative;
544
478
  }
545
-
546
479
  .e-bigger .e-listbox-wrapper .e-list-parent,
547
480
  .e-listbox-wrapper.e-bigger .e-list-parent,
548
481
  .e-bigger .e-listbox-container .e-list-parent,
549
482
  .e-listbox-container.e-bigger .e-list-parent {
550
483
  min-height: 48px;
551
484
  }
552
-
553
485
  .e-bigger .e-listbox-wrapper .e-text-content,
554
486
  .e-listbox-wrapper.e-bigger .e-text-content,
555
487
  .e-bigger .e-listbox-container .e-text-content,
556
488
  .e-listbox-container.e-bigger .e-text-content {
557
489
  font-size: 16px;
558
490
  }
559
-
560
491
  .e-bigger .e-listbox-wrapper .e-list-group-item,
561
492
  .e-listbox-wrapper.e-bigger .e-list-group-item,
562
493
  .e-bigger .e-listbox-container .e-list-group-item,
@@ -564,7 +495,6 @@ ejs-listbox {
564
495
  height: 40px;
565
496
  line-height: 25px;
566
497
  }
567
-
568
498
  .e-bigger .e-listbox-wrapper .e-list-header,
569
499
  .e-listbox-wrapper.e-bigger .e-list-header,
570
500
  .e-bigger .e-listbox-container .e-list-header,
@@ -576,28 +506,24 @@ ejs-listbox {
576
506
  font-weight: 500;
577
507
  height: 22px;
578
508
  }
579
-
580
509
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
581
510
  .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
582
511
  .e-bigger .e-listbox-container .e-list-header .e-text.header,
583
512
  .e-listbox-container.e-bigger .e-list-header .e-text.header {
584
513
  display: none;
585
514
  }
586
-
587
515
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
588
516
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
589
517
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
590
518
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
591
519
  display: none;
592
520
  }
593
-
594
521
  .e-bigger .e-listbox-wrapper .e-list-header .e-text,
595
522
  .e-listbox-wrapper.e-bigger .e-list-header .e-text,
596
523
  .e-bigger .e-listbox-container .e-list-header .e-text,
597
524
  .e-listbox-container.e-bigger .e-list-header .e-text {
598
525
  font-size: 14px;
599
526
  }
600
-
601
527
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
602
528
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
603
529
  height: calc(100% - 45px);
@@ -624,7 +550,6 @@ ejs-listbox {
624
550
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
625
551
  font-size: 14px;
626
552
  }
627
-
628
553
  .e-listbox-wrapper .e-list-header,
629
554
  .e-listbox-container .e-list-header {
630
555
  background-color: #343a40;
@@ -648,8 +573,7 @@ ejs-listbox {
648
573
  color: #fff;
649
574
  }
650
575
 
651
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
652
- .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
576
+ .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),
653
577
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
654
578
  .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
655
579
  background-color: #343a40;
@@ -669,16 +593,14 @@ ejs-listbox {
669
593
  color: #fff;
670
594
  }
671
595
 
672
- .e-listbox-wrapper .e-list-item.e-focused,
673
- .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
596
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
674
597
  .e-listbox-container .e-list-item.e-focused,
675
598
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
676
599
  background-color: #343a40;
677
600
  color: rgba(255, 255, 255, 0.87);
678
601
  }
679
602
 
680
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
681
- .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
603
+ .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,
682
604
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
683
605
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
684
606
  background-color: #0d6efd;
@@ -711,17 +633,14 @@ ejs-listbox {
711
633
  height: inherit;
712
634
  position: relative;
713
635
  }
714
-
715
636
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
716
637
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
717
638
  padding: 8px 16px;
718
639
  }
719
-
720
640
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
721
641
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
722
642
  padding: 4px;
723
643
  }
724
-
725
644
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
726
645
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
727
646
  color: #fff;
@@ -734,7 +653,6 @@ ejs-listbox {
734
653
  text-overflow: ellipsis;
735
654
  white-space: nowrap;
736
655
  }
737
-
738
656
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
739
657
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
740
658
  color: #ced4da;
@@ -744,14 +662,12 @@ ejs-listbox {
744
662
  padding: 2px 0 0 0;
745
663
  word-wrap: break-word;
746
664
  }
747
-
748
665
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
749
666
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
750
667
  overflow: hidden;
751
668
  text-overflow: ellipsis;
752
669
  white-space: nowrap;
753
670
  }
754
-
755
671
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
756
672
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
757
673
  height: 40px;
@@ -760,19 +676,16 @@ ejs-listbox {
760
676
  top: 0;
761
677
  width: 40px;
762
678
  }
763
-
764
679
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
765
680
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
766
681
  padding-left: 68px;
767
682
  padding-right: 16px;
768
683
  }
769
-
770
684
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
771
685
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
772
686
  padding-left: 16px;
773
687
  padding-right: 68px;
774
688
  }
775
-
776
689
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
777
690
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
778
691
  height: 40px;
@@ -781,17 +694,14 @@ ejs-listbox {
781
694
  top: 0;
782
695
  width: 40px;
783
696
  }
784
-
785
697
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
786
698
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
787
699
  top: 0;
788
700
  }
789
-
790
701
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
791
702
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
792
703
  top: 0;
793
704
  }
794
-
795
705
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
796
706
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
797
707
  font-size: 10px;
@@ -804,19 +714,16 @@ ejs-listbox {
804
714
  transform: translateY(-50%);
805
715
  width: 32px;
806
716
  }
807
-
808
717
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
809
718
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
810
719
  padding-left: 68px;
811
720
  padding-right: 10px;
812
721
  }
813
-
814
722
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
815
723
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
816
724
  padding-left: 16px;
817
725
  padding-right: 10px;
818
726
  }
819
-
820
727
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
821
728
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
822
729
  display: block;
@@ -826,65 +733,54 @@ ejs-listbox {
826
733
  text-overflow: ellipsis;
827
734
  white-space: nowrap;
828
735
  }
829
-
830
736
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
831
737
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
832
738
  color: #fff;
833
739
  }
834
-
835
740
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
836
741
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
837
742
  color: #fff;
838
743
  }
839
-
840
744
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
841
745
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
842
746
  color: rgba(255, 255, 255, 0.87);
843
747
  }
844
-
845
748
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
846
749
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
847
750
  color: rgba(255, 255, 255, 0.87);
848
751
  }
849
-
850
752
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
851
753
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
852
754
  left: inherit;
853
755
  right: 0;
854
756
  }
855
-
856
757
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
857
758
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
858
759
  padding-left: 16px;
859
760
  padding-right: 68px;
860
761
  }
861
-
862
762
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
863
763
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
864
764
  padding-left: 68px;
865
765
  padding-right: 16px;
866
766
  }
867
-
868
767
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
869
768
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
870
769
  left: 0;
871
770
  right: inherit;
872
771
  }
873
-
874
772
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
875
773
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
876
774
  left: 12px;
877
775
  right: inherit;
878
776
  }
879
-
880
777
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
881
778
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
882
779
  padding-left: 10px;
883
780
  padding-right: 68px;
884
781
  }
885
-
886
782
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
887
783
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
888
784
  padding-left: 10px;
889
785
  padding-right: 16px;
890
- }
786
+ }