@syncfusion/ej2-vue-lists 23.2.4 → 24.1.46

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 (62) hide show
  1. package/CHANGELOG.md +1 -9
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-lists.umd.min.js +2 -2
  4. package/dist/ej2-vue-lists.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-lists.es2015.js +1 -1
  6. package/dist/es6/ej2-vue-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-lists.es5.js +1 -1
  8. package/dist/es6/ej2-vue-lists.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-lists.min.js +2 -2
  10. package/package.json +9 -9
  11. package/src/list-view/listview.component.js +1 -1
  12. package/styles/bootstrap-dark.css +1 -467
  13. package/styles/bootstrap.css +1 -468
  14. package/styles/bootstrap4.css +1 -511
  15. package/styles/bootstrap5-dark.css +1 -495
  16. package/styles/bootstrap5.css +1 -495
  17. package/styles/fabric-dark.css +1 -467
  18. package/styles/fabric.css +1 -468
  19. package/styles/fluent-dark.css +1 -524
  20. package/styles/fluent.css +1 -524
  21. package/styles/highcontrast-light.css +1 -467
  22. package/styles/highcontrast.css +1 -468
  23. package/styles/list-view/bootstrap-dark.css +1 -439
  24. package/styles/list-view/bootstrap.css +1 -440
  25. package/styles/list-view/bootstrap4.css +1 -483
  26. package/styles/list-view/bootstrap5-dark.css +1 -467
  27. package/styles/list-view/bootstrap5.css +1 -467
  28. package/styles/list-view/fabric-dark.css +1 -439
  29. package/styles/list-view/fabric.css +1 -440
  30. package/styles/list-view/fluent-dark.css +1 -496
  31. package/styles/list-view/fluent.css +1 -496
  32. package/styles/list-view/highcontrast-light.css +1 -439
  33. package/styles/list-view/highcontrast.css +1 -440
  34. package/styles/list-view/material-dark.css +1 -438
  35. package/styles/list-view/material.css +1 -439
  36. package/styles/list-view/material3-dark.css +1 -515
  37. package/styles/list-view/material3.css +1 -571
  38. package/styles/list-view/tailwind-dark.css +1 -576
  39. package/styles/list-view/tailwind.css +1 -576
  40. package/styles/material-dark.css +1 -466
  41. package/styles/material.css +1 -467
  42. package/styles/material3-dark.css +1 -598
  43. package/styles/material3.css +1 -710
  44. package/styles/sortable/bootstrap-dark.css +1 -27
  45. package/styles/sortable/bootstrap.css +1 -27
  46. package/styles/sortable/bootstrap4.css +1 -27
  47. package/styles/sortable/bootstrap5-dark.css +1 -27
  48. package/styles/sortable/bootstrap5.css +1 -27
  49. package/styles/sortable/fabric-dark.css +1 -27
  50. package/styles/sortable/fabric.css +1 -27
  51. package/styles/sortable/fluent-dark.css +1 -27
  52. package/styles/sortable/fluent.css +1 -27
  53. package/styles/sortable/highcontrast-light.css +1 -27
  54. package/styles/sortable/highcontrast.css +1 -27
  55. package/styles/sortable/material-dark.css +1 -27
  56. package/styles/sortable/material.css +1 -27
  57. package/styles/sortable/material3-dark.css +1 -82
  58. package/styles/sortable/material3.css +1 -138
  59. package/styles/sortable/tailwind-dark.css +1 -27
  60. package/styles/sortable/tailwind.css +1 -27
  61. package/styles/tailwind-dark.css +1 -604
  62. package/styles/tailwind.css +1 -604
@@ -1,495 +1 @@
1
- .e-icon-collapsible::before {
2
- content: "\e748";
3
- }
4
-
5
- .e-icon-back::before {
6
- content: "\e773";
7
- font-size: 12px;
8
- }
9
-
10
- /* stylelint-disable property-no-vendor-prefix */
11
- .e-bigger .e-listview .e-list-item,
12
- .e-listview.e-bigger .e-list-item {
13
- border-bottom: 1px solid #444c54;
14
- border-left: 0 solid transparent;
15
- border-right: 0 solid transparent;
16
- border-top: 0 solid transparent;
17
- }
18
- .e-bigger .e-listview:not(.e-list-template) .e-list-item,
19
- .e-listview.e-bigger:not(.e-list-template) .e-list-item {
20
- height: 40px;
21
- line-height: 21px;
22
- position: relative;
23
- }
24
- .e-bigger .e-listview .e-text-content,
25
- .e-listview.e-bigger .e-text-content {
26
- font-size: 16px;
27
- }
28
- .e-bigger .e-listview .e-list-group-item,
29
- .e-listview.e-bigger .e-list-group-item {
30
- height: 40px;
31
- line-height: 20px;
32
- }
33
- .e-bigger .e-listview .e-list-header,
34
- .e-listview.e-bigger .e-list-header {
35
- -ms-flex-align: center;
36
- align-items: center;
37
- display: -ms-flexbox;
38
- display: flex;
39
- font-weight: 500;
40
- height: 40px;
41
- }
42
- .e-bigger .e-listview .e-list-header .e-text.header,
43
- .e-listview.e-bigger .e-list-header .e-text.header {
44
- display: none;
45
- }
46
- .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
47
- .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
48
- display: none;
49
- }
50
- .e-bigger .e-listview .e-list-header .e-text,
51
- .e-listview.e-bigger .e-list-header .e-text {
52
- font-size: 14px;
53
- }
54
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
55
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
56
- width: calc(100% - 40px);
57
- }
58
-
59
- .e-listview {
60
- -webkit-overflow-scrolling: touch;
61
- border: 1px solid;
62
- border-radius: 4px;
63
- display: block;
64
- overflow: auto;
65
- position: relative;
66
- width: 100%;
67
- }
68
- .e-listview:not(.e-list-template) .e-list-item {
69
- height: 36px;
70
- line-height: 18px;
71
- padding: 7px 9px 7px 12px;
72
- position: relative;
73
- }
74
- .e-listview .e-list-item {
75
- border-bottom: 1px solid;
76
- cursor: pointer;
77
- }
78
-
79
- .e-listview .e-list-parent {
80
- margin: 0;
81
- padding: 0;
82
- }
83
-
84
- .e-listview .e-list-header .e-text.header {
85
- display: none;
86
- }
87
-
88
- .e-listview .e-icon-back {
89
- margin-top: 0;
90
- }
91
-
92
- .e-listview .e-list-header .e-headertemplate-text.nested-header {
93
- display: none;
94
- }
95
-
96
- .e-listview .e-list-header {
97
- -ms-flex-align: center;
98
- align-items: center;
99
- display: -ms-flexbox;
100
- display: flex;
101
- font-weight: 500;
102
- height: 36px;
103
- border-bottom: 1px solid;
104
- padding: 0 12px;
105
- }
106
-
107
- .e-listview .e-has-header > .e-view {
108
- top: 45px;
109
- }
110
-
111
- .e-listview .e-back-button {
112
- cursor: pointer;
113
- padding-right: 8px;
114
- }
115
-
116
- .e-listview .e-list-group-item:first-child {
117
- border: 0;
118
- border-bottom: 1px solid #444c54;
119
- }
120
-
121
- .e-listview .e-list-group-item {
122
- border-bottom: 1px solid #444c54;
123
- border-top: 0 solid;
124
- height: 36px;
125
- line-height: 20px;
126
- font-weight: 600;
127
- padding: 7px 9px 7px 12px;
128
- }
129
- .e-listview .e-list-group-item .e-list-text {
130
- cursor: default;
131
- }
132
-
133
- .e-listview .e-icon-collapsible {
134
- cursor: pointer;
135
- font-size: 12px;
136
- position: absolute;
137
- right: 0%;
138
- top: 50%;
139
- transform: translateY(-50%);
140
- }
141
-
142
- .e-listview .e-text-content {
143
- height: 100%;
144
- position: relative;
145
- vertical-align: middle;
146
- }
147
-
148
- .e-listview .e-text-content * {
149
- display: inline-block;
150
- vertical-align: middle;
151
- }
152
-
153
- .e-listview .e-text-content.e-checkbox .e-list-text {
154
- width: calc(100% - 40px);
155
- }
156
-
157
- .e-listview .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
158
- width: calc(100% - 90px);
159
- }
160
-
161
- .e-listview .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
162
- width: calc(100% - 80px);
163
- }
164
-
165
- .e-listview .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
166
- width: calc(100% - 92px);
167
- }
168
-
169
- .e-listview .e-checkbox .e-checkbox-left {
170
- margin: 0 8px 0 0;
171
- }
172
-
173
- .e-listview .e-checkbox .e-checkbox-right {
174
- margin: -2px 0 0 8px;
175
- }
176
-
177
- .e-listview .e-list-text {
178
- cursor: pointer;
179
- display: inline-block;
180
- overflow: hidden;
181
- text-overflow: ellipsis;
182
- vertical-align: middle;
183
- white-space: nowrap;
184
- width: 100%;
185
- }
186
-
187
- .e-listview .e-list-icon + .e-list-text {
188
- width: calc(100% - 60px);
189
- }
190
-
191
- .e-listview .e-icon-wrapper .e-list-text {
192
- width: calc(100% - 60px);
193
- }
194
-
195
- .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
196
- width: calc(100% - 60px);
197
- }
198
-
199
- .e-listview .e-list-icon {
200
- margin-right: 8px;
201
- height: 30px;
202
- width: 30px;
203
- }
204
-
205
- .e-listview .e-list-container {
206
- overflow: hidden;
207
- position: relative;
208
- }
209
-
210
- .e-listview .e-list-header.e-list-navigation .e-text {
211
- cursor: pointer;
212
- }
213
-
214
- .e-listview .e-list-header .e-text {
215
- cursor: default;
216
- text-indent: 0;
217
- }
218
-
219
- .e-listview .e-text .e-headertext {
220
- display: inline-block;
221
- line-height: 18px;
222
- }
223
-
224
- .e-listview.e-rtl {
225
- direction: rtl;
226
- }
227
- .e-listview.e-rtl .e-list-icon {
228
- margin-left: 16px;
229
- margin-right: 0;
230
- }
231
- .e-listview.e-rtl .e-icon-collapsible {
232
- left: 0%;
233
- right: initial;
234
- top: 50%;
235
- transform: translateY(-50%) rotate(180deg);
236
- }
237
- .e-listview.e-rtl .e-list-header .e-text {
238
- cursor: pointer;
239
- }
240
- .e-listview.e-rtl .e-back-button {
241
- transform: rotate(180deg);
242
- }
243
- .e-listview.e-rtl .e-icon-back {
244
- margin-top: 0;
245
- }
246
- .e-listview.e-rtl .e-checkbox .e-checkbox-left {
247
- margin: -2px 0 0 8px;
248
- }
249
- .e-listview.e-rtl .e-checkbox .e-checkbox-right {
250
- margin: -2px 8px 0 0;
251
- }
252
-
253
- .e-listview {
254
- border-color: #444c54;
255
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
256
- font-size: 14px;
257
- }
258
- .e-listview .e-list-header {
259
- background-color: transparent;
260
- border-color: #444c54;
261
- color: #7b848d;
262
- font-size: 12px;
263
- }
264
-
265
- .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
266
- color: #adb5bd;
267
- }
268
- .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check).e-back-button:hover {
269
- color: #dee2e6;
270
- }
271
- .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check).e-back-button:active {
272
- color: #f8f9fa;
273
- }
274
-
275
- .e-listview .e-list-item {
276
- background-color: transparent;
277
- border-bottom: 1px solid #444c54;
278
- border-left: 0 solid transparent;
279
- border-right: 0 solid transparent;
280
- border-top: 0 solid transparent;
281
- color: #fff;
282
- }
283
-
284
- .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
285
- background-color: #31373d;
286
- border-color: #444c54;
287
- color: #fff;
288
- }
289
-
290
- .e-listview .e-list-item.e-active {
291
- background-color: #0d6efd;
292
- color: #fff;
293
- }
294
-
295
- .e-listview .e-list-item.e-active.e-checklist {
296
- background-color: transparent;
297
- color: #fff;
298
- }
299
-
300
- .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
301
- background-color: #0d6efd;
302
- color: #fff;
303
- }
304
-
305
- .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
306
- background-color: #212529;
307
- border-color: #212529;
308
- color: #0d6efd;
309
- }
310
-
311
- .e-listview .e-list-group-item {
312
- background-color: transparent;
313
- border-color: #444c54;
314
- color: #7b848d;
315
- font-size: 12px;
316
- }
317
-
318
- .e-listview .e-list-item.e-focused .e-icon-wrapper .e-icon-collapsible {
319
- color: #fff;
320
- }
321
-
322
- .e-listview.e-list-template .e-list-wrapper {
323
- height: inherit;
324
- position: relative;
325
- }
326
- .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
327
- padding: 10px 16px;
328
- }
329
- .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
330
- padding: 0 8px 0 12px;
331
- }
332
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
333
- padding: 4px;
334
- }
335
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
336
- color: #fff;
337
- display: block;
338
- font-size: 14px;
339
- font-weight: 400;
340
- line-height: 22px;
341
- margin: 0;
342
- overflow: hidden;
343
- padding: 0;
344
- text-overflow: ellipsis;
345
- white-space: nowrap;
346
- }
347
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
348
- color: #7b848d;
349
- display: block;
350
- font-size: 14px;
351
- font-weight: 400;
352
- line-height: 22px;
353
- margin: 0;
354
- padding: 2px 0 0 0;
355
- word-wrap: break-word;
356
- }
357
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
358
- overflow: hidden;
359
- text-overflow: ellipsis;
360
- white-space: nowrap;
361
- }
362
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
363
- height: 40px;
364
- left: 0;
365
- position: absolute;
366
- top: 0;
367
- width: 40px;
368
- margin: 7px 16px 7px 12px;
369
- }
370
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
371
- padding-left: 68px;
372
- padding-right: 16px;
373
- }
374
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
375
- padding-left: 16px;
376
- padding-right: 68px;
377
- }
378
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
379
- height: 40px;
380
- position: absolute;
381
- right: 0;
382
- top: 0;
383
- width: 40px;
384
- }
385
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
386
- top: 0;
387
- }
388
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
389
- top: 0;
390
- }
391
- .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
392
- font-size: 10px;
393
- height: 18px;
394
- line-height: 16px;
395
- padding: 0;
396
- position: absolute;
397
- right: 12px;
398
- top: 50%;
399
- transform: translateY(-50%);
400
- width: 20px;
401
- border-radius: 10px;
402
- }
403
- .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
404
- padding-left: 68px;
405
- padding-right: 10px;
406
- }
407
- .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
408
- padding-left: 16px;
409
- padding-right: 10px;
410
- }
411
- .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
412
- display: block;
413
- margin: 0;
414
- overflow: hidden;
415
- padding: 8px 0;
416
- text-overflow: ellipsis;
417
- white-space: nowrap;
418
- font-size: 14px;
419
- line-height: 18px;
420
- }
421
- .e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-item-header {
422
- color: #fff;
423
- }
424
- .e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-content {
425
- color: #fff;
426
- }
427
- .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
428
- color: #fff;
429
- }
430
- .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
431
- color: #fff;
432
- }
433
- .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
434
- color: #fff;
435
- }
436
- .e-listview.e-list-template .e-list-item.e-active .e-list-content {
437
- color: #fff;
438
- }
439
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
440
- left: inherit;
441
- margin: 7px 12px 7px 16px;
442
- right: 0;
443
- }
444
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
445
- padding-left: 16px;
446
- padding-right: 68px;
447
- }
448
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
449
- padding-left: 68px;
450
- padding-right: 16px;
451
- }
452
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
453
- left: 0;
454
- right: inherit;
455
- }
456
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
457
- left: 12px;
458
- right: inherit;
459
- }
460
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
461
- padding-left: 10px;
462
- padding-right: 68px;
463
- }
464
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
465
- padding-left: 10px;
466
- padding-right: 16px;
467
- }
468
-
469
- /* stylelint-disable-line no-empty-source */
470
- .e-sortable {
471
- outline: none;
472
- position: relative;
473
- -webkit-user-select: none;
474
- -ms-user-select: none;
475
- user-select: none;
476
- }
477
- .e-sortable .e-disabled {
478
- background-image: none;
479
- cursor: default;
480
- filter: alpha(Opacity=35);
481
- opacity: 0.35;
482
- }
483
- .e-sortable * {
484
- box-sizing: border-box;
485
- }
486
- .e-sortable *:focus {
487
- outline: none;
488
- }
489
-
490
- /* stylelint-disable */
491
- .e-sortableclone {
492
- position: fixed !important;
493
- }
494
-
495
- /* stylelint-enable */
1
+ @import '@syncfusion/ej2-lists/styles/bootstrap5-dark.css';