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