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