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