@syncfusion/ej2-vue-lists 20.1.47 → 20.1.55

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