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