@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
@@ -30,27 +30,27 @@
30
30
  }
31
31
 
32
32
  .e-listbox-tool .e-moveup::before {
33
- content: '\e808';
33
+ content: "\e808";
34
34
  }
35
35
 
36
36
  .e-listbox-tool .e-movedown::before {
37
- content: '\e806';
37
+ content: "\e806";
38
38
  }
39
39
 
40
40
  .e-listbox-tool .e-moveto::before {
41
- content: '\e807';
41
+ content: "\e807";
42
42
  }
43
43
 
44
44
  .e-listbox-tool .e-movefrom::before {
45
- content: '\e809';
45
+ content: "\e809";
46
46
  }
47
47
 
48
48
  .e-listbox-tool .e-moveallto::before {
49
- content: '\e7bb';
49
+ content: "\e7bb";
50
50
  }
51
51
 
52
52
  .e-listbox-tool .e-moveallfrom::before {
53
- content: '\e7ba';
53
+ content: "\e7ba";
54
54
  }
55
55
 
56
56
  .e-listbox-wrapper,
@@ -65,28 +65,23 @@
65
65
  user-select: none;
66
66
  width: 100%;
67
67
  }
68
-
69
68
  .e-listbox-wrapper *,
70
69
  .e-listbox-container * {
71
70
  box-sizing: border-box;
72
71
  }
73
-
74
72
  .e-listbox-wrapper:focus,
75
73
  .e-listbox-container:focus {
76
74
  outline: none;
77
75
  }
78
-
79
76
  .e-listbox-wrapper.e-disabled,
80
77
  .e-listbox-container.e-disabled {
81
78
  cursor: default;
82
79
  pointer-events: none;
83
80
  }
84
-
85
81
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
86
82
  .e-listbox-container:not(.e-list-template) .e-list-nrt {
87
83
  text-align: center;
88
84
  }
89
-
90
85
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
91
86
  .e-listbox-wrapper .e-list-nrt,
92
87
  .e-listbox-wrapper .e-selectall-parent,
@@ -98,55 +93,45 @@
98
93
  padding: 10px 16px 10px 16px;
99
94
  position: relative;
100
95
  }
101
-
102
96
  .e-listbox-wrapper.e-filter-list,
103
97
  .e-listbox-container.e-filter-list {
104
98
  overflow: inherit;
105
99
  }
106
-
107
100
  .e-listbox-wrapper .e-list-parent,
108
101
  .e-listbox-container .e-list-parent {
109
102
  height: 100%;
110
103
  min-height: 40px;
111
104
  }
112
-
113
105
  .e-listbox-wrapper .e-list-item,
114
106
  .e-listbox-container .e-list-item {
115
107
  border-bottom: 1px solid;
116
108
  outline: none;
117
109
  }
118
-
119
110
  .e-listbox-wrapper .e-list-item.e-disabled,
120
111
  .e-listbox-container .e-list-item.e-disabled {
121
112
  pointer-events: none;
122
113
  }
123
-
124
114
  .e-listbox-wrapper .e-disable,
125
115
  .e-listbox-container .e-disable {
126
- opacity: .7;
116
+ opacity: 0.7;
127
117
  }
128
-
129
118
  .e-listbox-wrapper .e-list-parent,
130
119
  .e-listbox-container .e-list-parent {
131
120
  margin: 0;
132
121
  padding: 0;
133
122
  }
134
-
135
123
  .e-listbox-wrapper .e-list-header .e-text.header,
136
124
  .e-listbox-container .e-list-header .e-text.header {
137
125
  display: none;
138
126
  }
139
-
140
127
  .e-listbox-wrapper .e-icon-back,
141
128
  .e-listbox-container .e-icon-back {
142
129
  margin-top: 0;
143
130
  }
144
-
145
131
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
146
132
  .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
147
133
  display: none;
148
134
  }
149
-
150
135
  .e-listbox-wrapper .e-list-header,
151
136
  .e-listbox-container .e-list-header {
152
137
  -ms-flex-align: center;
@@ -158,24 +143,20 @@
158
143
  height: 40px;
159
144
  padding: 0 16px;
160
145
  }
161
-
162
146
  .e-listbox-wrapper .e-has-header > .e-view,
163
147
  .e-listbox-container .e-has-header > .e-view {
164
148
  top: 45px;
165
149
  }
166
-
167
150
  .e-listbox-wrapper .e-but-back,
168
151
  .e-listbox-container .e-but-back {
169
152
  cursor: pointer;
170
153
  padding-right: 10px;
171
154
  }
172
-
173
155
  .e-listbox-wrapper .e-list-group-item:first-child,
174
156
  .e-listbox-container .e-list-group-item:first-child {
175
157
  border: 0;
176
158
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
177
159
  }
178
-
179
160
  .e-listbox-wrapper .e-list-group-item,
180
161
  .e-listbox-container .e-list-group-item {
181
162
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
@@ -185,7 +166,6 @@
185
166
  line-height: 1.5;
186
167
  padding: 10px 16px 10px 16px;
187
168
  }
188
-
189
169
  .e-listbox-wrapper .e-icon-collapsible,
190
170
  .e-listbox-container .e-icon-collapsible {
191
171
  cursor: pointer;
@@ -195,50 +175,41 @@
195
175
  top: 50%;
196
176
  transform: translateY(-50%);
197
177
  }
198
-
199
178
  .e-listbox-wrapper .e-text-content,
200
179
  .e-listbox-container .e-text-content {
201
180
  height: 100%;
202
181
  position: relative;
203
182
  vertical-align: middle;
204
183
  }
205
-
206
184
  .e-listbox-wrapper .e-text-content *,
207
185
  .e-listbox-container .e-text-content * {
208
186
  display: inline-block;
209
187
  vertical-align: middle;
210
188
  }
211
-
212
189
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
213
190
  .e-listbox-container .e-text-content.e-checkbox .e-list-text {
214
191
  width: calc(100% - 40px);
215
192
  }
216
-
217
193
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
218
194
  .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
219
195
  width: calc(100% - 90px);
220
196
  }
221
-
222
197
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
223
198
  .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
224
199
  width: calc(100% - 80px);
225
200
  }
226
-
227
201
  .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,
228
202
  .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 {
229
203
  width: calc(100% - 92px);
230
204
  }
231
-
232
205
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
233
206
  .e-listbox-container .e-checkbox .e-checkbox-left {
234
207
  margin: 0 10px 0 0;
235
208
  }
236
-
237
209
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
238
210
  .e-listbox-container .e-checkbox .e-checkbox-right {
239
211
  margin: 0 0 0 10px;
240
212
  }
241
-
242
213
  .e-listbox-wrapper .e-list-text,
243
214
  .e-listbox-container .e-list-text {
244
215
  cursor: pointer;
@@ -249,58 +220,48 @@
249
220
  white-space: nowrap;
250
221
  width: 100%;
251
222
  }
252
-
253
223
  .e-listbox-wrapper .e-list-icon + .e-list-text,
254
224
  .e-listbox-container .e-list-icon + .e-list-text {
255
225
  width: calc(100% - 60px);
256
226
  }
257
-
258
227
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
259
228
  .e-listbox-container .e-icon-wrapper .e-list-text {
260
229
  width: calc(100% - 60px);
261
230
  }
262
-
263
231
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
264
232
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
265
233
  width: calc(100% - 60px);
266
234
  }
267
-
268
235
  .e-listbox-wrapper .e-list-icon,
269
236
  .e-listbox-container .e-list-icon {
270
237
  height: 30px;
271
238
  margin-right: 10px;
272
239
  width: 30px;
273
240
  }
274
-
275
241
  .e-listbox-wrapper .e-content,
276
242
  .e-listbox-container .e-content {
277
243
  overflow: hidden;
278
244
  position: relative;
279
245
  }
280
-
281
246
  .e-listbox-wrapper .e-list-header .e-text,
282
247
  .e-listbox-container .e-list-header .e-text {
283
248
  cursor: pointer;
284
249
  text-indent: 0;
285
250
  }
286
-
287
251
  .e-listbox-wrapper .e-text .e-headertext,
288
252
  .e-listbox-container .e-text .e-headertext {
289
253
  display: inline-block;
290
254
  line-height: 1.2;
291
255
  }
292
-
293
256
  .e-listbox-wrapper.e-rtl,
294
257
  .e-listbox-container.e-rtl {
295
258
  direction: rtl;
296
259
  }
297
-
298
260
  .e-listbox-wrapper.e-rtl .e-list-icon,
299
261
  .e-listbox-container.e-rtl .e-list-icon {
300
262
  margin-left: 16px;
301
263
  margin-right: 0;
302
264
  }
303
-
304
265
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
305
266
  .e-listbox-container.e-rtl .e-icon-collapsible {
306
267
  left: 0%;
@@ -308,61 +269,50 @@
308
269
  top: 50%;
309
270
  transform: translateY(-50%) rotate(180deg);
310
271
  }
311
-
312
272
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
313
273
  .e-listbox-container.e-rtl .e-list-header .e-text {
314
274
  cursor: pointer;
315
275
  }
316
-
317
276
  .e-listbox-wrapper.e-rtl .e-but-back,
318
277
  .e-listbox-container.e-rtl .e-but-back {
319
278
  transform: rotate(180deg);
320
279
  }
321
-
322
280
  .e-listbox-wrapper.e-rtl .e-icon-back,
323
281
  .e-listbox-container.e-rtl .e-icon-back {
324
282
  margin-top: 0;
325
283
  }
326
-
327
284
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
328
285
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
329
286
  margin: 0 0 0 10px;
330
287
  }
331
-
332
288
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
333
289
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
334
290
  margin: 0 10px 0 0;
335
291
  }
336
-
337
292
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
338
293
  .e-listbox-container.e-rtl .e-checkbox-wrapper {
339
294
  margin: 0 0 0 10px;
340
295
  }
341
-
342
296
  .e-listbox-wrapper .e-checkbox-wrapper,
343
297
  .e-listbox-container .e-checkbox-wrapper {
344
298
  margin: 0 10px 0 0;
345
299
  text-indent: 0;
346
300
  vertical-align: middle;
347
301
  }
348
-
349
302
  .e-listbox-wrapper.e-right .e-checkbox-wrapper,
350
303
  .e-listbox-container.e-right .e-checkbox-wrapper {
351
304
  position: absolute;
352
305
  right: 0;
353
306
  top: 30%;
354
307
  }
355
-
356
308
  .e-listbox-wrapper .e-input-group,
357
309
  .e-listbox-container .e-input-group {
358
310
  padding: 4px 8px;
359
311
  }
360
-
361
312
  .e-listbox-wrapper .e-input-focus,
362
313
  .e-listbox-container .e-input-focus {
363
314
  padding: 4px 4px 4px 8px;
364
315
  }
365
-
366
316
  .e-listbox-wrapper .e-hidden-select,
367
317
  .e-listbox-container .e-hidden-select {
368
318
  height: 1px;
@@ -370,7 +320,6 @@
370
320
  position: absolute;
371
321
  width: 100%;
372
322
  }
373
-
374
323
  .e-listbox-wrapper .e-placeholder,
375
324
  .e-listbox-container .e-placeholder {
376
325
  background-color: #007bff;
@@ -389,7 +338,6 @@ ejs-listbox {
389
338
  .e-listbox-wrapper.e-filter-list {
390
339
  overflow: inherit;
391
340
  }
392
-
393
341
  .e-listbox-wrapper.e-filter-list .e-list-parent {
394
342
  overflow: auto;
395
343
  }
@@ -399,22 +347,18 @@ ejs-listbox {
399
347
  border-width: 0;
400
348
  overflow: visible;
401
349
  }
402
-
403
350
  .e-listbox-wrapper.e-sortableclone .e-list-item,
404
351
  .e-listbox-container.e-sortableclone .e-list-item {
405
352
  list-style-type: none;
406
353
  }
407
-
408
354
  .e-listbox-wrapper.e-sortableclone .e-ripple,
409
355
  .e-listbox-container.e-sortableclone .e-ripple {
410
356
  overflow: visible;
411
357
  }
412
-
413
358
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
414
359
  .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
415
360
  display: none;
416
361
  }
417
-
418
362
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
419
363
  .e-listbox-container.e-sortableclone .e-list-badge {
420
364
  -ms-flex-align: center;
@@ -441,41 +385,34 @@ ejs-listbox {
441
385
  display: -ms-flexbox;
442
386
  display: flex;
443
387
  }
444
-
445
388
  .e-listboxtool-wrapper *,
446
389
  .e-listboxtool-container * {
447
390
  box-sizing: border-box;
448
391
  }
449
-
450
392
  .e-listboxtool-wrapper.e-disabled,
451
393
  .e-listboxtool-container.e-disabled {
452
394
  cursor: default;
453
395
  pointer-events: none;
454
396
  }
455
-
456
397
  .e-listboxtool-wrapper .e-listbox-wrapper,
457
398
  .e-listboxtool-container .e-listbox-wrapper {
458
399
  -ms-flex: 1;
459
400
  flex: 1;
460
401
  }
461
-
462
402
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
463
403
  .e-listboxtool-container.e-right .e-listbox-tool {
464
404
  margin-left: 15px;
465
405
  }
466
-
467
406
  .e-listboxtool-wrapper.e-left .e-listbox-tool,
468
407
  .e-listboxtool-container.e-left .e-listbox-tool {
469
408
  margin-right: 15px;
470
409
  }
471
-
472
410
  .e-listboxtool-wrapper .e-listbox-tool,
473
411
  .e-listboxtool-container .e-listbox-tool {
474
412
  border: 1px solid #dee2e6;
475
413
  overflow: auto;
476
414
  padding: 8px;
477
415
  }
478
-
479
416
  .e-listboxtool-wrapper .e-listbox-tool .e-btn,
480
417
  .e-listboxtool-container .e-listbox-tool .e-btn {
481
418
  display: list-item;
@@ -487,7 +424,6 @@ ejs-listbox {
487
424
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
488
425
  margin-right: 15px;
489
426
  }
490
-
491
427
  .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
492
428
  .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
493
429
  margin-left: 15px;
@@ -499,7 +435,6 @@ ejs-listbox {
499
435
  .e-listbox-container.e-bigger {
500
436
  font-size: 16px;
501
437
  }
502
-
503
438
  .e-bigger .e-listbox-wrapper .e-list-item,
504
439
  .e-listbox-wrapper.e-bigger .e-list-item,
505
440
  .e-bigger .e-listbox-container .e-list-item,
@@ -509,7 +444,6 @@ ejs-listbox {
509
444
  border-right: 0 solid rgba(0, 0, 0, 0.13);
510
445
  border-top: 0 solid transparent;
511
446
  }
512
-
513
447
  .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
514
448
  .e-bigger .e-listbox-wrapper .e-selectall-parent,
515
449
  .e-bigger .e-listbox-wrapper .e-list-group-item,
@@ -528,7 +462,6 @@ ejs-listbox {
528
462
  .e-listbox-container.e-bigger .e-list-header {
529
463
  padding: 12px 16px;
530
464
  }
531
-
532
465
  .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
533
466
  .e-bigger .e-listbox-wrapper .e-selectall-parent,
534
467
  .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
@@ -542,21 +475,18 @@ ejs-listbox {
542
475
  position: relative;
543
476
  padding: 12px 20px;
544
477
  }
545
-
546
478
  .e-bigger .e-listbox-wrapper .e-list-parent,
547
479
  .e-listbox-wrapper.e-bigger .e-list-parent,
548
480
  .e-bigger .e-listbox-container .e-list-parent,
549
481
  .e-listbox-container.e-bigger .e-list-parent {
550
482
  min-height: 50px;
551
483
  }
552
-
553
484
  .e-bigger .e-listbox-wrapper .e-text-content,
554
485
  .e-listbox-wrapper.e-bigger .e-text-content,
555
486
  .e-bigger .e-listbox-container .e-text-content,
556
487
  .e-listbox-container.e-bigger .e-text-content {
557
488
  font-size: 15px;
558
489
  }
559
-
560
490
  .e-bigger .e-listbox-wrapper .e-list-group-item,
561
491
  .e-listbox-wrapper.e-bigger .e-list-group-item,
562
492
  .e-bigger .e-listbox-container .e-list-group-item,
@@ -566,7 +496,6 @@ ejs-listbox {
566
496
  font-size: 16px;
567
497
  padding: 12px 20px;
568
498
  }
569
-
570
499
  .e-bigger .e-listbox-wrapper .e-list-header,
571
500
  .e-listbox-wrapper.e-bigger .e-list-header,
572
501
  .e-bigger .e-listbox-container .e-list-header,
@@ -581,28 +510,24 @@ ejs-listbox {
581
510
  line-height: 1.2;
582
511
  padding: 0 0 0 20px;
583
512
  }
584
-
585
513
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
586
514
  .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
587
515
  .e-bigger .e-listbox-container .e-list-header .e-text.header,
588
516
  .e-listbox-container.e-bigger .e-list-header .e-text.header {
589
517
  display: none;
590
518
  }
591
-
592
519
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
593
520
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
594
521
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
595
522
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
596
523
  display: none;
597
524
  }
598
-
599
525
  .e-bigger .e-listbox-wrapper .e-list-header .e-text,
600
526
  .e-listbox-wrapper.e-bigger .e-list-header .e-text,
601
527
  .e-bigger .e-listbox-container .e-list-header .e-text,
602
528
  .e-listbox-container.e-bigger .e-list-header .e-text {
603
529
  font-size: 15px;
604
530
  }
605
-
606
531
  .e-bigger .e-listbox-wrapper .e-but-back,
607
532
  .e-listbox-wrapper.e-bigger .e-but-back,
608
533
  .e-bigger .e-listbox-container .e-but-back,
@@ -610,28 +535,24 @@ ejs-listbox {
610
535
  margin-top: -3px;
611
536
  padding-right: 12px;
612
537
  }
613
-
614
538
  .e-bigger .e-listbox-wrapper .e-list-icon,
615
539
  .e-listbox-wrapper.e-bigger .e-list-icon,
616
540
  .e-bigger .e-listbox-container .e-list-icon,
617
541
  .e-listbox-container.e-bigger .e-list-icon {
618
542
  margin-right: 12px;
619
543
  }
620
-
621
544
  .e-bigger .e-listbox-wrapper .e-icon-collapsible,
622
545
  .e-listbox-wrapper.e-bigger .e-icon-collapsible,
623
546
  .e-bigger .e-listbox-container .e-icon-collapsible,
624
547
  .e-listbox-container.e-bigger .e-icon-collapsible {
625
548
  font-size: 12px;
626
549
  }
627
-
628
550
  .e-bigger .e-listbox-wrapper .e-checkbox-wrapper,
629
551
  .e-listbox-wrapper.e-bigger .e-checkbox-wrapper,
630
552
  .e-bigger .e-listbox-container .e-checkbox-wrapper,
631
553
  .e-listbox-container.e-bigger .e-checkbox-wrapper {
632
554
  margin: 0 12px 0 0;
633
555
  }
634
-
635
556
  .e-bigger .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
636
557
  .e-listbox-wrapper.e-bigger.e-rtl .e-checkbox-wrapper,
637
558
  .e-bigger .e-listbox-container.e-rtl .e-checkbox-wrapper,
@@ -665,7 +586,6 @@ ejs-listbox {
665
586
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
666
587
  font-size: 14px;
667
588
  }
668
-
669
589
  .e-listbox-wrapper .e-list-header,
670
590
  .e-listbox-container .e-list-header {
671
591
  background-color: #fff;
@@ -694,8 +614,7 @@ ejs-listbox {
694
614
  color: #212529;
695
615
  }
696
616
 
697
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
698
- .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
617
+ .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),
699
618
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
700
619
  .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
701
620
  background-color: #e9ecef;
@@ -715,16 +634,14 @@ ejs-listbox {
715
634
  color: #212529;
716
635
  }
717
636
 
718
- .e-listbox-wrapper .e-list-item.e-focused,
719
- .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
637
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
720
638
  .e-listbox-container .e-list-item.e-focused,
721
639
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
722
640
  background-color: #007bff;
723
641
  color: #fff;
724
642
  }
725
643
 
726
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
727
- .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
644
+ .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,
728
645
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
729
646
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
730
647
  background-color: #fff;
@@ -757,17 +674,14 @@ ejs-listbox {
757
674
  height: inherit;
758
675
  position: relative;
759
676
  }
760
-
761
677
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
762
678
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
763
679
  padding: 0.7142em 1.0714em;
764
680
  }
765
-
766
681
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
767
682
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
768
683
  padding: 0.7142em 1.0714em;
769
684
  }
770
-
771
685
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
772
686
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
773
687
  color: #212529;
@@ -780,7 +694,6 @@ ejs-listbox {
780
694
  text-overflow: ellipsis;
781
695
  white-space: nowrap;
782
696
  }
783
-
784
697
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
785
698
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
786
699
  color: #212529;
@@ -790,14 +703,12 @@ ejs-listbox {
790
703
  padding: 0.038em 0;
791
704
  word-wrap: break-word;
792
705
  }
793
-
794
706
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
795
707
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
796
708
  overflow: hidden;
797
709
  text-overflow: ellipsis;
798
710
  white-space: nowrap;
799
711
  }
800
-
801
712
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
802
713
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
803
714
  height: 2.8571em;
@@ -806,19 +717,16 @@ ejs-listbox {
806
717
  top: 0.7142em;
807
718
  width: 2.8571em;
808
719
  }
809
-
810
720
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
811
721
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
812
722
  padding-left: 4.6428em;
813
723
  padding-right: 1.0714em;
814
724
  }
815
-
816
725
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
817
726
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
818
727
  padding-left: 1.0714em;
819
728
  padding-right: 4.6428em;
820
729
  }
821
-
822
730
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
823
731
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
824
732
  height: 2.8571em;
@@ -827,17 +735,14 @@ ejs-listbox {
827
735
  top: 0.7142em;
828
736
  width: 2.8571em;
829
737
  }
830
-
831
738
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
832
739
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
833
740
  top: 0.7142em;
834
741
  }
835
-
836
742
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
837
743
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
838
744
  top: 0.7142em;
839
745
  }
840
-
841
746
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
842
747
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
843
748
  font-size: 15px;
@@ -850,19 +755,16 @@ ejs-listbox {
850
755
  transform: translateY(-50%);
851
756
  width: 2em;
852
757
  }
853
-
854
758
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
855
759
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
856
760
  padding-left: 4.6428em;
857
761
  padding-right: 3.9285em;
858
762
  }
859
-
860
763
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
861
764
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
862
765
  padding-left: 1.0714em;
863
766
  padding-right: 3.9285em;
864
767
  }
865
-
866
768
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
867
769
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
868
770
  display: block;
@@ -872,65 +774,54 @@ ejs-listbox {
872
774
  text-overflow: ellipsis;
873
775
  white-space: nowrap;
874
776
  }
875
-
876
777
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
877
778
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
878
779
  color: #212529;
879
780
  }
880
-
881
781
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
882
782
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
883
783
  color: #212529;
884
784
  }
885
-
886
785
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
887
786
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
888
787
  color: #fff;
889
788
  }
890
-
891
789
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
892
790
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
893
791
  color: #fff;
894
792
  }
895
-
896
793
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
897
794
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
898
795
  left: inherit;
899
796
  right: 1.0667em;
900
797
  }
901
-
902
798
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
903
799
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
904
800
  padding-left: 1.0714em;
905
801
  padding-right: 4.6428em;
906
802
  }
907
-
908
803
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
909
804
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
910
805
  padding-left: 4.6428em;
911
806
  padding-right: 1.0714em;
912
807
  }
913
-
914
808
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
915
809
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
916
810
  left: 1.0667em;
917
811
  right: inherit;
918
812
  }
919
-
920
813
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
921
814
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
922
815
  left: 1em;
923
816
  right: inherit;
924
817
  }
925
-
926
818
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
927
819
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
928
820
  padding-left: 3.9285em;
929
821
  padding-right: 4.6428em;
930
822
  }
931
-
932
823
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
933
824
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
934
825
  padding-left: 3.9285em;
935
826
  padding-right: 1.0714em;
936
- }
827
+ }