@syncfusion/ej2-vue-lists 26.1.35 → 26.2.5

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,489 +1 @@
1
- .e-icon-collapsible::before {
2
- content: "\e70b";
3
- }
4
-
5
- .e-icon-back::before {
6
- content: "\e728";
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: 4px;
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: 40px;
22
- line-height: 1.6;
23
- position: relative;
24
- padding: 8px 16px 8px 16px;
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
- }
39
-
40
- .e-listview .e-list-header {
41
- -webkit-box-align: center;
42
- -ms-flex-align: center;
43
- align-items: center;
44
- display: -webkit-box;
45
- display: -ms-flexbox;
46
- display: flex;
47
- font-weight: bold;
48
- height: 40px;
49
- border-bottom: 1px solid;
50
- padding: 0 16px;
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
- padding-right: 10px;
71
- }
72
-
73
- .e-listview .e-list-group-item {
74
- border-bottom: 1px solid rgba(0, 0, 0, 0.13);
75
- border-top: 0 solid;
76
- height: 40px;
77
- line-height: 1.5;
78
- font-weight: 600;
79
- padding: 8px 16px 8px 16px;
80
- }
81
- .e-listview .e-list-group-item .e-list-text {
82
- cursor: default;
83
- }
84
- .e-listview .e-list-group-item:first-child {
85
- border: 0;
86
- border-bottom: 1px solid rgba(0, 0, 0, 0.13);
87
- }
88
-
89
- .e-listview .e-icon-collapsible {
90
- cursor: pointer;
91
- font-size: 10px;
92
- position: absolute;
93
- right: 0%;
94
- top: 50%;
95
- -webkit-transform: translateY(-50%);
96
- transform: translateY(-50%);
97
- }
98
-
99
- .e-listview .e-text-content {
100
- height: 100%;
101
- position: relative;
102
- vertical-align: middle;
103
- }
104
- .e-listview .e-text-content.e-checkbox .e-list-text {
105
- width: calc(100% - 40px);
106
- }
107
- .e-listview .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
108
- width: calc(100% - 90px);
109
- }
110
- .e-listview .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
111
- width: calc(100% - 80px);
112
- }
113
-
114
- .e-listview .e-text-content * {
115
- display: inline-block;
116
- vertical-align: middle;
117
- }
118
-
119
- .e-listview .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
120
- width: calc(100% - 92px);
121
- }
122
-
123
- .e-listview .e-checkbox .e-checkbox-left {
124
- margin: 0 10px 0 0;
125
- }
126
- .e-listview .e-checkbox .e-checkbox-right {
127
- margin: 0 0 0 10px;
128
- }
129
-
130
- .e-listview .e-list-text {
131
- cursor: pointer;
132
- display: inline-block;
133
- overflow: hidden;
134
- text-overflow: ellipsis;
135
- vertical-align: middle;
136
- white-space: nowrap;
137
- width: 100%;
138
- }
139
-
140
- .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 {
141
- width: calc(100% - 60px);
142
- }
143
-
144
- .e-listview .e-list-icon {
145
- margin-right: 10px;
146
- height: 30px;
147
- width: 30px;
148
- }
149
-
150
- .e-listview .e-list-container {
151
- overflow: hidden;
152
- position: relative;
153
- }
154
-
155
- .e-listview .e-text .e-headertext {
156
- display: inline-block;
157
- line-height: 1.2;
158
- }
159
-
160
- .e-listview.e-rtl {
161
- direction: rtl;
162
- }
163
- .e-listview.e-rtl .e-list-icon {
164
- margin-left: 16px;
165
- margin-right: 0;
166
- }
167
- .e-listview.e-rtl .e-icon-collapsible {
168
- left: 0%;
169
- right: initial;
170
- top: 50%;
171
- -webkit-transform: translateY(-50%) rotate(180deg);
172
- transform: translateY(-50%) rotate(180deg);
173
- }
174
- .e-listview.e-rtl .e-list-header .e-text {
175
- cursor: pointer;
176
- }
177
- .e-listview.e-rtl .e-back-button {
178
- -webkit-transform: rotate(180deg);
179
- transform: rotate(180deg);
180
- }
181
- .e-listview.e-rtl .e-icon-back {
182
- margin-top: 0;
183
- }
184
- .e-listview.e-rtl .e-checkbox .e-checkbox-left {
185
- margin: 0 0 0 10px;
186
- }
187
- .e-listview.e-rtl .e-checkbox .e-checkbox-right {
188
- margin: 0 10px 0 0;
189
- }
190
-
191
- .e-bigger .e-listview,
192
- .e-listview.e-bigger {
193
- font-size: 16px;
194
- }
195
- .e-bigger .e-listview .e-list-item,
196
- .e-listview.e-bigger .e-list-item {
197
- border-bottom: 1px solid rgba(0, 0, 0, 0.13);
198
- border-left: 0 solid rgba(0, 0, 0, 0.13);
199
- border-right: 0 solid rgba(0, 0, 0, 0.13);
200
- border-top: 0 solid transparent;
201
- }
202
- .e-bigger .e-listview:not(.e-list-template) .e-list-item,
203
- .e-listview.e-bigger:not(.e-list-template) .e-list-item {
204
- height: 50px;
205
- line-height: 1.6;
206
- position: relative;
207
- padding: 12px 20px;
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: 50px;
216
- line-height: 1.5;
217
- padding: 12px 20px;
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: bold;
229
- height: 50px;
230
- font-size: 20px;
231
- line-height: 1.2;
232
- padding: 0 0 0 20px;
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: 20px;
243
- }
244
- .e-bigger .e-listview .e-back-button,
245
- .e-listview.e-bigger .e-back-button {
246
- margin-top: -3px;
247
- padding-right: 12px;
248
- }
249
- .e-bigger .e-listview .e-list-icon,
250
- .e-listview.e-bigger .e-list-icon {
251
- margin-right: 12px;
252
- }
253
- .e-bigger .e-listview .e-icon-collapsible,
254
- .e-listview.e-bigger .e-icon-collapsible {
255
- font-size: 12px;
256
- }
257
- .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
258
- .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
259
- margin: 0 12px 0 0;
260
- }
261
- .e-bigger .e-listview .e-listview-checkbox.e-checkbox-right,
262
- .e-listview.e-bigger .e-listview-checkbox.e-checkbox-right {
263
- margin: 0 0 0 12px;
264
- }
265
- .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-left,
266
- .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-left {
267
- margin: 0 0 0 12px;
268
- }
269
- .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-right,
270
- .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-right {
271
- margin: 0 12px 0 0;
272
- }
273
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
274
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
275
- width: calc(100% - 40px);
276
- }
277
-
278
- .e-listview {
279
- border-color: rgba(0, 0, 0, 0.13);
280
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
281
- font-size: 14px;
282
- }
283
- .e-listview .e-list-header {
284
- background-color: #fff;
285
- color: #212529;
286
- border-color: rgba(0, 0, 0, 0.13);
287
- font-size: 16px;
288
- }
289
-
290
- .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
291
- color: #212529;
292
- }
293
-
294
- .e-listview .e-list-item {
295
- border-bottom: 1px solid rgba(0, 0, 0, 0.13);
296
- border-left: 0 solid rgba(0, 0, 0, 0.13);
297
- border-right: 0 solid rgba(0, 0, 0, 0.13);
298
- border-top: 0 solid transparent;
299
- background-color: #fff;
300
- color: #212529;
301
- }
302
- .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
303
- background-color: #e9ecef;
304
- color: #212529;
305
- border-color: transparent;
306
- }
307
- .e-listview .e-list-item.e-active {
308
- background-color: #007bff;
309
- color: #fff;
310
- }
311
- .e-listview .e-list-item.e-active.e-checklist {
312
- background-color: #fff;
313
- color: #212529;
314
- }
315
- .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
316
- background-color: #007bff;
317
- color: #fff;
318
- }
319
- .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 {
320
- background-color: #fff;
321
- color: #007bff;
322
- border-color: #fff;
323
- }
324
-
325
- .e-listview .e-list-group-item {
326
- background-color: #fff;
327
- color: #6c757d;
328
- border-color: rgba(0, 0, 0, 0.13);
329
- font-size: 14px;
330
- }
331
-
332
- .e-listview .e-list-item.e-focused .e-icon-wrapper .e-icon-collapsible {
333
- color: #fff;
334
- }
335
-
336
- .e-listview.e-list-template .e-list-wrapper {
337
- height: inherit;
338
- position: relative;
339
- }
340
- .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
341
- padding: 0.7142em 1.0714em;
342
- }
343
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
344
- padding: 0.7142em 1.0714em;
345
- }
346
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
347
- color: #212529;
348
- display: block;
349
- font-size: 18px;
350
- font-weight: 500;
351
- margin: 0;
352
- overflow: hidden;
353
- padding: 0.038em 0;
354
- text-overflow: ellipsis;
355
- white-space: nowrap;
356
- }
357
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
358
- color: #212529;
359
- display: block;
360
- font-size: 14px;
361
- margin: 0;
362
- padding: 0.038em 0;
363
- word-wrap: break-word;
364
- }
365
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
366
- overflow: hidden;
367
- text-overflow: ellipsis;
368
- white-space: nowrap;
369
- }
370
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
371
- height: 2.8571em;
372
- width: 2.8571em;
373
- top: 0.7142em;
374
- left: 1.0667em;
375
- position: absolute;
376
- }
377
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
378
- padding-left: 4.6428em;
379
- padding-right: 1.0714em;
380
- }
381
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
382
- padding-left: 1.0714em;
383
- padding-right: 4.6428em;
384
- }
385
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
386
- height: 2.8571em;
387
- width: 2.8571em;
388
- top: 0.7142em;
389
- right: 1.0667em;
390
- position: absolute;
391
- }
392
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
393
- top: 0.7142em;
394
- }
395
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
396
- top: 0.7142em;
397
- }
398
- .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
399
- font-size: 15px;
400
- height: 1.333em;
401
- width: 2em;
402
- top: 50%;
403
- right: 1em;
404
- line-height: 1.433em;
405
- padding: 0;
406
- position: absolute;
407
- -webkit-transform: translateY(-50%);
408
- transform: translateY(-50%);
409
- }
410
- .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
411
- padding-left: 4.6428em;
412
- padding-right: 3.9285em;
413
- }
414
- .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
415
- padding-left: 1.0714em;
416
- padding-right: 3.9285em;
417
- }
418
- .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
419
- display: block;
420
- margin: 0;
421
- overflow: hidden;
422
- padding: 0.83em 0;
423
- text-overflow: ellipsis;
424
- white-space: nowrap;
425
- }
426
- .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 {
427
- color: #212529;
428
- }
429
- .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 {
430
- color: #fff;
431
- }
432
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
433
- left: inherit;
434
- right: 1.0667em;
435
- }
436
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
437
- padding-left: 1.0714em;
438
- padding-right: 4.6428em;
439
- }
440
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
441
- padding-left: 4.6428em;
442
- padding-right: 1.0714em;
443
- }
444
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
445
- left: 1.0667em;
446
- right: inherit;
447
- }
448
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
449
- left: 1em;
450
- right: inherit;
451
- }
452
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
453
- padding-left: 3.9285em;
454
- padding-right: 4.6428em;
455
- }
456
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
457
- padding-left: 3.9285em;
458
- padding-right: 1.0714em;
459
- }
460
-
461
- /* stylelint-disable-line no-empty-source */
462
- .e-sortable {
463
- outline: none;
464
- position: relative;
465
- -webkit-user-select: none;
466
- -moz-user-select: none;
467
- -ms-user-select: none;
468
- user-select: none;
469
- }
470
- .e-sortable .e-disabled {
471
- background-image: none;
472
- cursor: default;
473
- filter: alpha(Opacity=35);
474
- opacity: 0.35;
475
- }
476
- .e-sortable * {
477
- -webkit-box-sizing: border-box;
478
- box-sizing: border-box;
479
- }
480
- .e-sortable *:focus {
481
- outline: none;
482
- }
483
-
484
- /* stylelint-disable */
485
- .e-sortableclone {
486
- position: fixed !important;
487
- }
488
-
489
- /* stylelint-enable */
1
+ @import '@syncfusion/ej2-lists/styles/bootstrap4.css';