@syncfusion/ej2-vue-lists 26.1.35 → 26.2.4

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