@syncfusion/ej2-vue-lists 19.4.55 → 20.2.36

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 (61) hide show
  1. package/CHANGELOG.md +0 -2
  2. package/dist/ej2-vue-lists.umd.min.js +11 -2
  3. package/dist/es6/ej2-vue-lists.es2015.js +16 -2
  4. package/dist/es6/ej2-vue-lists.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-lists.es5.js +10 -1
  6. package/dist/es6/ej2-vue-lists.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-lists.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/list-view/listview.component.d.ts +1 -0
  10. package/src/list-view/listview.component.js +10 -1
  11. package/styles/bootstrap-dark.css +21 -60
  12. package/styles/bootstrap.css +21 -59
  13. package/styles/bootstrap4.css +23 -69
  14. package/styles/bootstrap5-dark.css +30 -73
  15. package/styles/bootstrap5.css +30 -73
  16. package/styles/fabric-dark.css +21 -60
  17. package/styles/fabric.css +21 -59
  18. package/styles/fluent-dark.css +519 -0
  19. package/styles/fluent-dark.scss +2 -0
  20. package/styles/fluent.css +519 -0
  21. package/styles/fluent.scss +2 -0
  22. package/styles/highcontrast-light.css +21 -60
  23. package/styles/highcontrast.css +21 -59
  24. package/styles/list-view/bootstrap-dark.css +20 -56
  25. package/styles/list-view/bootstrap.css +20 -55
  26. package/styles/list-view/bootstrap4.css +22 -65
  27. package/styles/list-view/bootstrap5-dark.css +29 -69
  28. package/styles/list-view/bootstrap5.css +29 -69
  29. package/styles/list-view/fabric-dark.css +20 -56
  30. package/styles/list-view/fabric.css +20 -55
  31. package/styles/list-view/fluent-dark.css +495 -0
  32. package/styles/list-view/fluent-dark.scss +1 -0
  33. package/styles/list-view/fluent.css +495 -0
  34. package/styles/list-view/fluent.scss +1 -0
  35. package/styles/list-view/highcontrast-light.css +20 -56
  36. package/styles/list-view/highcontrast.css +20 -55
  37. package/styles/list-view/material-dark.css +20 -56
  38. package/styles/list-view/material.css +20 -55
  39. package/styles/list-view/tailwind-dark.css +32 -95
  40. package/styles/list-view/tailwind.css +32 -95
  41. package/styles/material-dark.css +21 -60
  42. package/styles/material.css +21 -59
  43. package/styles/sortable/bootstrap-dark.css +2 -5
  44. package/styles/sortable/bootstrap.css +2 -5
  45. package/styles/sortable/bootstrap4.css +2 -5
  46. package/styles/sortable/bootstrap5-dark.css +2 -5
  47. package/styles/sortable/bootstrap5.css +2 -5
  48. package/styles/sortable/fabric-dark.css +2 -5
  49. package/styles/sortable/fabric.css +2 -5
  50. package/styles/sortable/fluent-dark.css +23 -0
  51. package/styles/sortable/fluent-dark.scss +1 -0
  52. package/styles/sortable/fluent.css +23 -0
  53. package/styles/sortable/fluent.scss +1 -0
  54. package/styles/sortable/highcontrast-light.css +2 -5
  55. package/styles/sortable/highcontrast.css +2 -5
  56. package/styles/sortable/material-dark.css +2 -5
  57. package/styles/sortable/material.css +2 -5
  58. package/styles/sortable/tailwind-dark.css +2 -5
  59. package/styles/sortable/tailwind.css +2 -5
  60. package/styles/tailwind-dark.css +33 -99
  61. package/styles/tailwind.css +33 -99
@@ -1,9 +1,9 @@
1
1
  .e-icon-collapsible::before {
2
- content: '\e70b';
2
+ content: "\e70b";
3
3
  }
4
4
 
5
5
  .e-icon-back::before {
6
- content: '\e728';
6
+ content: "\e728";
7
7
  font-size: 14px;
8
8
  }
9
9
 
@@ -11,7 +11,6 @@
11
11
  .e-listview.e-bigger {
12
12
  font-size: 16px;
13
13
  }
14
-
15
14
  .e-bigger .e-listview .e-list-item,
16
15
  .e-listview.e-bigger .e-list-item {
17
16
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
@@ -19,7 +18,6 @@
19
18
  border-right: 0 solid rgba(0, 0, 0, 0.13);
20
19
  border-top: 0 solid transparent;
21
20
  }
22
-
23
21
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
24
22
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
25
23
  height: 50px;
@@ -27,12 +25,10 @@
27
25
  position: relative;
28
26
  padding: 12px 20px;
29
27
  }
30
-
31
28
  .e-bigger .e-listview .e-text-content,
32
29
  .e-listview.e-bigger .e-text-content {
33
30
  font-size: 16px;
34
31
  }
35
-
36
32
  .e-bigger .e-listview .e-list-group-item,
37
33
  .e-listview.e-bigger .e-list-group-item {
38
34
  height: 50px;
@@ -40,7 +36,6 @@
40
36
  font-size: 16px;
41
37
  padding: 12px 20px;
42
38
  }
43
-
44
39
  .e-bigger .e-listview .e-list-header,
45
40
  .e-listview.e-bigger .e-list-header {
46
41
  -ms-flex-align: center;
@@ -53,57 +48,51 @@
53
48
  line-height: 1.2;
54
49
  padding: 0 0 0 20px;
55
50
  }
56
-
57
51
  .e-bigger .e-listview .e-list-header .e-text.header,
58
52
  .e-listview.e-bigger .e-list-header .e-text.header {
59
53
  display: none;
60
54
  }
61
-
62
55
  .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
63
56
  .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
64
57
  display: none;
65
58
  }
66
-
67
59
  .e-bigger .e-listview .e-list-header .e-text,
68
60
  .e-listview.e-bigger .e-list-header .e-text {
69
61
  font-size: 20px;
70
62
  }
71
-
72
- .e-bigger .e-listview .e-but-back,
73
- .e-listview.e-bigger .e-but-back {
63
+ .e-bigger .e-listview .e-back-button,
64
+ .e-listview.e-bigger .e-back-button {
74
65
  margin-top: -3px;
75
66
  padding-right: 12px;
76
67
  }
77
-
78
68
  .e-bigger .e-listview .e-list-icon,
79
69
  .e-listview.e-bigger .e-list-icon {
80
70
  margin-right: 12px;
81
71
  }
82
-
83
72
  .e-bigger .e-listview .e-icon-collapsible,
84
73
  .e-listview.e-bigger .e-icon-collapsible {
85
74
  font-size: 12px;
86
75
  }
87
-
88
76
  .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
89
77
  .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
90
78
  margin: 0 12px 0 0;
91
79
  }
92
-
93
80
  .e-bigger .e-listview .e-listview-checkbox.e-checkbox-right,
94
81
  .e-listview.e-bigger .e-listview-checkbox.e-checkbox-right {
95
82
  margin: 0 0 0 12px;
96
83
  }
97
-
98
84
  .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-right,
99
85
  .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-right {
100
86
  margin: 0 12px 0 0;
101
87
  }
102
-
103
88
  .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-left,
104
89
  .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-left {
105
90
  margin: 0 0 0 12px;
106
91
  }
92
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
93
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
94
+ width: calc(100% - 40px);
95
+ }
107
96
 
108
97
  .e-listview {
109
98
  -webkit-overflow-scrolling: touch;
@@ -114,14 +103,12 @@
114
103
  position: relative;
115
104
  width: 100%;
116
105
  }
117
-
118
106
  .e-listview:not(.e-list-template) .e-list-item {
119
107
  height: 40px;
120
108
  line-height: 1.5;
121
109
  padding: 8px 16px 8px 16px;
122
110
  position: relative;
123
111
  }
124
-
125
112
  .e-listview .e-list-item {
126
113
  border-bottom: 1px solid;
127
114
  cursor: pointer;
@@ -159,7 +146,7 @@
159
146
  top: 45px;
160
147
  }
161
148
 
162
- .e-listview .e-but-back {
149
+ .e-listview .e-back-button {
163
150
  cursor: pointer;
164
151
  padding-right: 10px;
165
152
  }
@@ -177,6 +164,9 @@
177
164
  font-weight: 600;
178
165
  padding: 8px 16px 8px 16px;
179
166
  }
167
+ .e-listview .e-list-group-item .e-list-text {
168
+ cursor: default;
169
+ }
180
170
 
181
171
  .e-listview .e-icon-collapsible {
182
172
  cursor: pointer;
@@ -255,8 +245,12 @@
255
245
  position: relative;
256
246
  }
257
247
 
258
- .e-listview .e-list-header .e-text {
248
+ .e-listview .e-list-header.e-list-navigation .e-text {
259
249
  cursor: pointer;
250
+ }
251
+
252
+ .e-listview .e-list-header .e-text {
253
+ cursor: default;
260
254
  text-indent: 0;
261
255
  }
262
256
 
@@ -268,35 +262,28 @@
268
262
  .e-listview.e-rtl {
269
263
  direction: rtl;
270
264
  }
271
-
272
265
  .e-listview.e-rtl .e-list-icon {
273
266
  margin-left: 16px;
274
267
  margin-right: 0;
275
268
  }
276
-
277
269
  .e-listview.e-rtl .e-icon-collapsible {
278
270
  left: 0%;
279
271
  right: initial;
280
272
  top: 50%;
281
273
  transform: translateY(-50%) rotate(180deg);
282
274
  }
283
-
284
275
  .e-listview.e-rtl .e-list-header .e-text {
285
276
  cursor: pointer;
286
277
  }
287
-
288
- .e-listview.e-rtl .e-but-back {
278
+ .e-listview.e-rtl .e-back-button {
289
279
  transform: rotate(180deg);
290
280
  }
291
-
292
281
  .e-listview.e-rtl .e-icon-back {
293
282
  margin-top: 0;
294
283
  }
295
-
296
284
  .e-listview.e-rtl .e-checkbox .e-checkbox-left {
297
285
  margin: 0 0 0 10px;
298
286
  }
299
-
300
287
  .e-listview.e-rtl .e-checkbox .e-checkbox-right {
301
288
  margin: 0 10px 0 0;
302
289
  }
@@ -306,7 +293,6 @@
306
293
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
307
294
  font-size: 14px;
308
295
  }
309
-
310
296
  .e-listview .e-list-header {
311
297
  background-color: #fff;
312
298
  border-color: rgba(0, 0, 0, 0.13);
@@ -327,8 +313,7 @@
327
313
  color: #212529;
328
314
  }
329
315
 
330
- .e-listview .e-list-item.e-hover,
331
- .e-listview .e-list-item.e-hover.e-active.e-checklist {
316
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
332
317
  background-color: #e9ecef;
333
318
  border-color: transparent;
334
319
  color: #212529;
@@ -344,14 +329,12 @@
344
329
  color: #212529;
345
330
  }
346
331
 
347
- .e-listview .e-list-item.e-focused,
348
- .e-listview .e-list-item.e-focused.e-active.e-checklist {
332
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
349
333
  background-color: #007bff;
350
334
  color: #fff;
351
335
  }
352
336
 
353
- .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
354
- .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
337
+ .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 {
355
338
  background-color: #fff;
356
339
  border-color: #fff;
357
340
  color: #007bff;
@@ -372,15 +355,12 @@
372
355
  height: inherit;
373
356
  position: relative;
374
357
  }
375
-
376
358
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
377
359
  padding: 0.7142em 1.0714em;
378
360
  }
379
-
380
361
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
381
362
  padding: 0.7142em 1.0714em;
382
363
  }
383
-
384
364
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
385
365
  color: #212529;
386
366
  display: block;
@@ -392,7 +372,6 @@
392
372
  text-overflow: ellipsis;
393
373
  white-space: nowrap;
394
374
  }
395
-
396
375
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
397
376
  color: #212529;
398
377
  display: block;
@@ -401,13 +380,11 @@
401
380
  padding: 0.038em 0;
402
381
  word-wrap: break-word;
403
382
  }
404
-
405
383
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
406
384
  overflow: hidden;
407
385
  text-overflow: ellipsis;
408
386
  white-space: nowrap;
409
387
  }
410
-
411
388
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
412
389
  height: 2.8571em;
413
390
  left: 1.0667em;
@@ -415,17 +392,14 @@
415
392
  top: 0.7142em;
416
393
  width: 2.8571em;
417
394
  }
418
-
419
395
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
420
396
  padding-left: 4.6428em;
421
397
  padding-right: 1.0714em;
422
398
  }
423
-
424
399
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
425
400
  padding-left: 1.0714em;
426
401
  padding-right: 4.6428em;
427
402
  }
428
-
429
403
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
430
404
  height: 2.8571em;
431
405
  position: absolute;
@@ -433,15 +407,12 @@
433
407
  top: 0.7142em;
434
408
  width: 2.8571em;
435
409
  }
436
-
437
410
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
438
411
  top: 0.7142em;
439
412
  }
440
-
441
413
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
442
414
  top: 0.7142em;
443
415
  }
444
-
445
416
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
446
417
  font-size: 15px;
447
418
  height: 1.333em;
@@ -453,17 +424,14 @@
453
424
  transform: translateY(-50%);
454
425
  width: 2em;
455
426
  }
456
-
457
427
  .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
458
428
  padding-left: 4.6428em;
459
429
  padding-right: 3.9285em;
460
430
  }
461
-
462
431
  .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
463
432
  padding-left: 1.0714em;
464
433
  padding-right: 3.9285em;
465
434
  }
466
-
467
435
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
468
436
  display: block;
469
437
  margin: 0;
@@ -472,53 +440,42 @@
472
440
  text-overflow: ellipsis;
473
441
  white-space: nowrap;
474
442
  }
475
-
476
443
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
477
444
  color: #212529;
478
445
  }
479
-
480
446
  .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
481
447
  color: #212529;
482
448
  }
483
-
484
449
  .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
485
450
  color: #fff;
486
451
  }
487
-
488
452
  .e-listview.e-list-template .e-list-item.e-active .e-list-content {
489
453
  color: #fff;
490
454
  }
491
-
492
455
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
493
456
  left: inherit;
494
457
  right: 1.0667em;
495
458
  }
496
-
497
459
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
498
460
  padding-left: 1.0714em;
499
461
  padding-right: 4.6428em;
500
462
  }
501
-
502
463
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
503
464
  padding-left: 4.6428em;
504
465
  padding-right: 1.0714em;
505
466
  }
506
-
507
467
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
508
468
  left: 1.0667em;
509
469
  right: inherit;
510
470
  }
511
-
512
471
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
513
472
  left: 1em;
514
473
  right: inherit;
515
474
  }
516
-
517
475
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
518
476
  padding-left: 3.9285em;
519
477
  padding-right: 4.6428em;
520
478
  }
521
-
522
479
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
523
480
  padding-left: 3.9285em;
524
481
  padding-right: 1.0714em;
@@ -531,22 +488,19 @@
531
488
  -ms-user-select: none;
532
489
  user-select: none;
533
490
  }
534
-
535
491
  .e-sortable .e-disabled {
536
492
  background-image: none;
537
493
  cursor: default;
538
494
  filter: alpha(Opacity=35);
539
- opacity: .35;
495
+ opacity: 0.35;
540
496
  }
541
-
542
497
  .e-sortable * {
543
498
  box-sizing: border-box;
544
499
  }
545
-
546
500
  .e-sortable *:focus {
547
501
  outline: none;
548
502
  }
549
503
 
550
504
  .e-sortableclone {
551
505
  position: fixed !important;
552
- }
506
+ }