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