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