@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: 8px;
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: #0078d4;
@@ -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 #edebe9;
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: 2.1;
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: 600;
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: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
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: #f3f2f1;
@@ -653,8 +578,7 @@ ejs-listbox {
653
578
  color: #201f1e;
654
579
  }
655
580
 
656
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
657
- .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
581
+ .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),
658
582
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
659
583
  .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
660
584
  background-color: #f3f2f1;
@@ -674,16 +598,14 @@ ejs-listbox {
674
598
  color: #201f1e;
675
599
  }
676
600
 
677
- .e-listbox-wrapper .e-list-item.e-focused,
678
- .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
601
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
679
602
  .e-listbox-container .e-list-item.e-focused,
680
603
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
681
604
  background-color: #edebe9;
682
605
  color: #201f1e;
683
606
  }
684
607
 
685
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
686
- .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
608
+ .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,
687
609
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
688
610
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
689
611
  background-color: #0078d4;
@@ -716,17 +638,14 @@ ejs-listbox {
716
638
  height: inherit;
717
639
  position: relative;
718
640
  }
719
-
720
641
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
721
642
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
722
643
  padding: 8px 16px;
723
644
  }
724
-
725
645
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
726
646
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
727
647
  padding: 4px;
728
648
  }
729
-
730
649
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
731
650
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
732
651
  color: #201f1e;
@@ -739,7 +658,6 @@ ejs-listbox {
739
658
  text-overflow: ellipsis;
740
659
  white-space: nowrap;
741
660
  }
742
-
743
661
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
744
662
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
745
663
  color: #3b3a39;
@@ -749,14 +667,12 @@ ejs-listbox {
749
667
  padding: 2px 0 0 0;
750
668
  word-wrap: break-word;
751
669
  }
752
-
753
670
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
754
671
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
755
672
  overflow: hidden;
756
673
  text-overflow: ellipsis;
757
674
  white-space: nowrap;
758
675
  }
759
-
760
676
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
761
677
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
762
678
  height: 40px;
@@ -765,19 +681,16 @@ ejs-listbox {
765
681
  top: 0;
766
682
  width: 40px;
767
683
  }
768
-
769
684
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
770
685
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
771
686
  padding-left: 68px;
772
687
  padding-right: 16px;
773
688
  }
774
-
775
689
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
776
690
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
777
691
  padding-left: 16px;
778
692
  padding-right: 68px;
779
693
  }
780
-
781
694
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
782
695
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
783
696
  height: 40px;
@@ -786,17 +699,14 @@ ejs-listbox {
786
699
  top: 0;
787
700
  width: 40px;
788
701
  }
789
-
790
702
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
791
703
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
792
704
  top: 0;
793
705
  }
794
-
795
706
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
796
707
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
797
708
  top: 0;
798
709
  }
799
-
800
710
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
801
711
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
802
712
  font-size: 10px;
@@ -809,19 +719,16 @@ ejs-listbox {
809
719
  transform: translateY(-50%);
810
720
  width: 32px;
811
721
  }
812
-
813
722
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
814
723
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
815
724
  padding-left: 68px;
816
725
  padding-right: 10px;
817
726
  }
818
-
819
727
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
820
728
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
821
729
  padding-left: 16px;
822
730
  padding-right: 10px;
823
731
  }
824
-
825
732
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
826
733
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
827
734
  display: block;
@@ -831,65 +738,54 @@ ejs-listbox {
831
738
  text-overflow: ellipsis;
832
739
  white-space: nowrap;
833
740
  }
834
-
835
741
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
836
742
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
837
743
  color: #201f1e;
838
744
  }
839
-
840
745
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
841
746
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
842
747
  color: #201f1e;
843
748
  }
844
-
845
749
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
846
750
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
847
751
  color: #201f1e;
848
752
  }
849
-
850
753
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
851
754
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
852
755
  color: #201f1e;
853
756
  }
854
-
855
757
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
856
758
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
857
759
  left: inherit;
858
760
  right: 0;
859
761
  }
860
-
861
762
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
862
763
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
863
764
  padding-left: 16px;
864
765
  padding-right: 68px;
865
766
  }
866
-
867
767
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
868
768
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
869
769
  padding-left: 68px;
870
770
  padding-right: 16px;
871
771
  }
872
-
873
772
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
874
773
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
875
774
  left: 0;
876
775
  right: inherit;
877
776
  }
878
-
879
777
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
880
778
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
881
779
  left: 12px;
882
780
  right: inherit;
883
781
  }
884
-
885
782
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
886
783
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
887
784
  padding-left: 10px;
888
785
  padding-right: 68px;
889
786
  }
890
-
891
787
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
892
788
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
893
789
  padding-left: 10px;
894
790
  padding-right: 16px;
895
- }
791
+ }