@syncfusion/ej2-vue-lists 20.1.55 → 20.2.38

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 +1 -1
  2. package/dist/ej2-vue-lists.umd.min.js +2 -11
  3. package/dist/es6/ej2-vue-lists.es2015.js +17 -3
  4. package/dist/es6/ej2-vue-lists.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-lists.es5.js +11 -2
  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 -14
  9. package/src/list-view/listview.component.d.ts +1 -0
  10. package/src/list-view/listview.component.js +11 -2
  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: '\e943';
2
+ content: "\e943";
3
3
  }
4
4
 
5
5
  .e-icon-back::before {
6
- content: '\e94b';
6
+ content: "\e94b";
7
7
  font-size: 14px;
8
8
  }
9
9
 
@@ -14,25 +14,21 @@
14
14
  border-right: 0 solid transparent;
15
15
  border-top: 0 solid transparent;
16
16
  }
17
-
18
17
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
19
18
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
20
19
  height: 48px;
21
20
  line-height: 45px;
22
21
  position: relative;
23
22
  }
24
-
25
23
  .e-bigger .e-listview .e-text-content,
26
24
  .e-listview.e-bigger .e-text-content {
27
25
  font-size: 15px;
28
26
  }
29
-
30
27
  .e-bigger .e-listview .e-list-group-item,
31
28
  .e-listview.e-bigger .e-list-group-item {
32
29
  height: 48px;
33
30
  line-height: 45px;
34
31
  }
35
-
36
32
  .e-bigger .e-listview .e-list-header,
37
33
  .e-listview.e-bigger .e-list-header {
38
34
  -ms-flex-align: center;
@@ -42,21 +38,22 @@
42
38
  font-weight: bold;
43
39
  height: 48px;
44
40
  }
45
-
46
41
  .e-bigger .e-listview .e-list-header .e-text.header,
47
42
  .e-listview.e-bigger .e-list-header .e-text.header {
48
43
  display: none;
49
44
  }
50
-
51
45
  .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
52
46
  .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
53
47
  display: none;
54
48
  }
55
-
56
49
  .e-bigger .e-listview .e-list-header .e-text,
57
50
  .e-listview.e-bigger .e-list-header .e-text {
58
51
  font-size: 15px;
59
52
  }
53
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
54
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
55
+ width: calc(100% - 40px);
56
+ }
60
57
 
61
58
  .e-listview {
62
59
  -webkit-overflow-scrolling: touch;
@@ -67,14 +64,12 @@
67
64
  position: relative;
68
65
  width: 100%;
69
66
  }
70
-
71
67
  .e-listview:not(.e-list-template) .e-list-item {
72
68
  height: 40px;
73
69
  line-height: 36px;
74
70
  padding: 0 15px;
75
71
  position: relative;
76
72
  }
77
-
78
73
  .e-listview .e-list-item {
79
74
  border-bottom: 0 solid;
80
75
  cursor: pointer;
@@ -112,7 +107,7 @@
112
107
  top: 45px;
113
108
  }
114
109
 
115
- .e-listview .e-but-back {
110
+ .e-listview .e-back-button {
116
111
  cursor: pointer;
117
112
  padding-right: 10px;
118
113
  }
@@ -130,6 +125,9 @@
130
125
  font-weight: 600;
131
126
  padding: 0 15px;
132
127
  }
128
+ .e-listview .e-list-group-item .e-list-text {
129
+ cursor: default;
130
+ }
133
131
 
134
132
  .e-listview .e-icon-collapsible {
135
133
  cursor: pointer;
@@ -208,8 +206,12 @@
208
206
  position: relative;
209
207
  }
210
208
 
211
- .e-listview .e-list-header .e-text {
209
+ .e-listview .e-list-header.e-list-navigation .e-text {
212
210
  cursor: pointer;
211
+ }
212
+
213
+ .e-listview .e-list-header .e-text {
214
+ cursor: default;
213
215
  text-indent: 0;
214
216
  }
215
217
 
@@ -221,35 +223,28 @@
221
223
  .e-listview.e-rtl {
222
224
  direction: rtl;
223
225
  }
224
-
225
226
  .e-listview.e-rtl .e-list-icon {
226
227
  margin-left: 16px;
227
228
  margin-right: 0;
228
229
  }
229
-
230
230
  .e-listview.e-rtl .e-icon-collapsible {
231
231
  left: 0%;
232
232
  right: initial;
233
233
  top: 50%;
234
234
  transform: translateY(-50%) rotate(180deg);
235
235
  }
236
-
237
236
  .e-listview.e-rtl .e-list-header .e-text {
238
237
  cursor: pointer;
239
238
  }
240
-
241
- .e-listview.e-rtl .e-but-back {
239
+ .e-listview.e-rtl .e-back-button {
242
240
  transform: rotate(180deg);
243
241
  }
244
-
245
242
  .e-listview.e-rtl .e-icon-back {
246
243
  margin-top: -1px;
247
244
  }
248
-
249
245
  .e-listview.e-rtl .e-checkbox .e-checkbox-left {
250
246
  margin: -4px 0 0 10px;
251
247
  }
252
-
253
248
  .e-listview.e-rtl .e-checkbox .e-checkbox-right {
254
249
  margin: -4px 10px 0 0;
255
250
  }
@@ -259,7 +254,6 @@
259
254
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
260
255
  font-size: 14px;
261
256
  }
262
-
263
257
  .e-listview .e-list-header {
264
258
  background-color: #fff;
265
259
  border-color: rgba(0, 0, 0, 0.12);
@@ -280,8 +274,7 @@
280
274
  color: #333333;
281
275
  }
282
276
 
283
- .e-listview .e-list-item.e-hover,
284
- .e-listview .e-list-item.e-hover.e-active.e-checklist {
277
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
285
278
  background-color: #f5f5f5;
286
279
  border-color: transparent;
287
280
  color: rgba(51, 51, 51, 0.87);
@@ -297,14 +290,12 @@
297
290
  color: #333333;
298
291
  }
299
292
 
300
- .e-listview .e-list-item.e-focused,
301
- .e-listview .e-list-item.e-focused.e-active.e-checklist {
293
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
302
294
  background-color: #e6e6e6;
303
295
  color: rgba(51, 51, 51, 0.87);
304
296
  }
305
297
 
306
- .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
307
- .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
298
+ .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 {
308
299
  background-color: #fff;
309
300
  border-color: #ccc;
310
301
  color: #555;
@@ -321,15 +312,12 @@
321
312
  height: inherit;
322
313
  position: relative;
323
314
  }
324
-
325
315
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
326
316
  padding: 0.7142em 1.0714em;
327
317
  }
328
-
329
318
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
330
319
  padding: 0.7142em 1.0714em;
331
320
  }
332
-
333
321
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
334
322
  color: #333;
335
323
  display: block;
@@ -341,7 +329,6 @@
341
329
  text-overflow: ellipsis;
342
330
  white-space: nowrap;
343
331
  }
344
-
345
332
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
346
333
  color: #777;
347
334
  display: block;
@@ -350,13 +337,11 @@
350
337
  padding: 0.038em 0;
351
338
  word-wrap: break-word;
352
339
  }
353
-
354
340
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
355
341
  overflow: hidden;
356
342
  text-overflow: ellipsis;
357
343
  white-space: nowrap;
358
344
  }
359
-
360
345
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
361
346
  height: 2.8571em;
362
347
  left: 1.0667em;
@@ -364,17 +349,14 @@
364
349
  top: 0.7142em;
365
350
  width: 2.8571em;
366
351
  }
367
-
368
352
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
369
353
  padding-left: 4.6428em;
370
354
  padding-right: 1.0714em;
371
355
  }
372
-
373
356
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
374
357
  padding-left: 1.0714em;
375
358
  padding-right: 4.6428em;
376
359
  }
377
-
378
360
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
379
361
  height: 2.8571em;
380
362
  position: absolute;
@@ -382,15 +364,12 @@
382
364
  top: 0.7142em;
383
365
  width: 2.8571em;
384
366
  }
385
-
386
367
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
387
368
  top: 0.7142em;
388
369
  }
389
-
390
370
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
391
371
  top: 0.7142em;
392
372
  }
393
-
394
373
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
395
374
  font-size: 15px;
396
375
  height: 1.333em;
@@ -402,17 +381,14 @@
402
381
  transform: translateY(-50%);
403
382
  width: 2em;
404
383
  }
405
-
406
384
  .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
407
385
  padding-left: 4.6428em;
408
386
  padding-right: 3.9285em;
409
387
  }
410
-
411
388
  .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
412
389
  padding-left: 1.0714em;
413
390
  padding-right: 3.9285em;
414
391
  }
415
-
416
392
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
417
393
  display: block;
418
394
  margin: 0;
@@ -421,53 +397,42 @@
421
397
  text-overflow: ellipsis;
422
398
  white-space: nowrap;
423
399
  }
424
-
425
400
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
426
401
  color: rgba(51, 51, 51, 0.87);
427
402
  }
428
-
429
403
  .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
430
404
  color: rgba(51, 51, 51, 0.87);
431
405
  }
432
-
433
406
  .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
434
407
  color: rgba(51, 51, 51, 0.87);
435
408
  }
436
-
437
409
  .e-listview.e-list-template .e-list-item.e-active .e-list-content {
438
410
  color: rgba(51, 51, 51, 0.87);
439
411
  }
440
-
441
412
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
442
413
  left: inherit;
443
414
  right: 1.0667em;
444
415
  }
445
-
446
416
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
447
417
  padding-left: 1.0714em;
448
418
  padding-right: 4.6428em;
449
419
  }
450
-
451
420
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
452
421
  padding-left: 4.6428em;
453
422
  padding-right: 1.0714em;
454
423
  }
455
-
456
424
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
457
425
  left: 1.0667em;
458
426
  right: inherit;
459
427
  }
460
-
461
428
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
462
429
  left: 1em;
463
430
  right: inherit;
464
431
  }
465
-
466
432
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
467
433
  padding-left: 3.9285em;
468
434
  padding-right: 4.6428em;
469
435
  }
470
-
471
436
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
472
437
  padding-left: 3.9285em;
473
438
  padding-right: 1.0714em;
@@ -480,22 +445,19 @@
480
445
  -ms-user-select: none;
481
446
  user-select: none;
482
447
  }
483
-
484
448
  .e-sortable .e-disabled {
485
449
  background-image: none;
486
450
  cursor: default;
487
451
  filter: alpha(Opacity=35);
488
- opacity: .35;
452
+ opacity: 0.35;
489
453
  }
490
-
491
454
  .e-sortable * {
492
455
  box-sizing: border-box;
493
456
  }
494
-
495
457
  .e-sortable *:focus {
496
458
  outline: none;
497
459
  }
498
460
 
499
461
  .e-sortableclone {
500
462
  position: fixed !important;
501
- }
463
+ }