@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,441 +1 @@
1
- .e-icon-collapsible::before {
2
- content: "\e748";
3
- }
4
-
5
- .e-icon-back::before {
6
- content: "\e773";
7
- font-size: 12px;
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: 36px;
22
- line-height: 18px;
23
- position: relative;
24
- padding: 7px 9px 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
- }
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: 500;
48
- height: 36px;
49
- border-bottom: 1px solid;
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
- padding-right: 8px;
71
- }
72
-
73
- .e-listview .e-list-group-item {
74
- border-bottom: 1px solid #dee2e6;
75
- border-top: 0 solid;
76
- height: 36px;
77
- line-height: 20px;
78
- font-weight: 600;
79
- padding: 7px 9px 7px 12px;
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 #dee2e6;
87
- }
88
-
89
- .e-listview .e-icon-collapsible {
90
- cursor: pointer;
91
- font-size: 12px;
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 8px 0 0;
125
- }
126
- .e-listview .e-checkbox .e-checkbox-right {
127
- margin: -2px 0 0 8px;
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: 8px;
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: 18px;
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: -2px 0 0 8px;
186
- }
187
- .e-listview.e-rtl .e-checkbox .e-checkbox-right {
188
- margin: -2px 8px 0 0;
189
- }
190
-
191
- .e-bigger .e-listview .e-list-item,
192
- .e-listview.e-bigger .e-list-item {
193
- border-bottom: 1px solid #dee2e6;
194
- border-left: 0 solid transparent;
195
- border-right: 0 solid transparent;
196
- border-top: 0 solid transparent;
197
- }
198
- .e-bigger .e-listview:not(.e-list-template) .e-list-item,
199
- .e-listview.e-bigger:not(.e-list-template) .e-list-item {
200
- height: 40px;
201
- line-height: 24px;
202
- position: relative;
203
- }
204
- .e-bigger .e-listview .e-text-content,
205
- .e-listview.e-bigger .e-text-content {
206
- font-size: 16px;
207
- }
208
- .e-bigger .e-listview .e-list-group-item,
209
- .e-listview.e-bigger .e-list-group-item {
210
- height: 40px;
211
- line-height: 20px;
212
- }
213
- .e-bigger .e-listview .e-list-header,
214
- .e-listview.e-bigger .e-list-header {
215
- -webkit-box-align: center;
216
- -ms-flex-align: center;
217
- align-items: center;
218
- display: -webkit-box;
219
- display: -ms-flexbox;
220
- display: flex;
221
- font-weight: 500;
222
- height: 40px;
223
- }
224
- .e-bigger .e-listview .e-list-header .e-text.header,
225
- .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
226
- .e-listview.e-bigger .e-list-header .e-text.header,
227
- .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
228
- display: none;
229
- }
230
- .e-bigger .e-listview .e-list-header .e-text,
231
- .e-listview.e-bigger .e-list-header .e-text {
232
- font-size: 14px;
233
- }
234
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
235
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
236
- width: calc(100% - 40px);
237
- }
238
-
239
- .e-listview {
240
- border-color: #dee2e6;
241
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
242
- font-size: 14px;
243
- }
244
- .e-listview .e-list-header {
245
- background-color: transparent;
246
- color: #6c757d;
247
- border-color: #dee2e6;
248
- font-size: 12px;
249
- }
250
-
251
- .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
252
- color: #6c757d;
253
- }
254
- .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check).e-back-button:hover {
255
- color: #343a40;
256
- }
257
- .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check).e-back-button:active {
258
- color: #212529;
259
- }
260
-
261
- .e-listview .e-list-item {
262
- border-bottom: 1px solid #dee2e6;
263
- border-left: 0 solid transparent;
264
- border-right: 0 solid transparent;
265
- border-top: 0 solid transparent;
266
- background-color: transparent;
267
- color: #212529;
268
- }
269
- .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
270
- background-color: #e9ecef;
271
- color: #212529;
272
- border-color: #dee2e6;
273
- }
274
- .e-listview .e-list-item.e-active {
275
- background-color: #0d6efd;
276
- color: #fff;
277
- }
278
- .e-listview .e-list-item.e-active.e-checklist {
279
- background-color: transparent;
280
- color: #212529;
281
- }
282
- .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
283
- background-color: #0d6efd;
284
- color: #fff;
285
- }
286
- .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 {
287
- background-color: #fff;
288
- color: #0d6efd;
289
- border-color: #fff;
290
- }
291
-
292
- .e-listview .e-list-group-item {
293
- background-color: transparent;
294
- color: #6c757d;
295
- border-color: #dee2e6;
296
- font-size: 12px;
297
- }
298
-
299
- .e-listview .e-list-item.e-focused .e-icon-wrapper .e-icon-collapsible {
300
- color: #fff;
301
- }
302
-
303
- .e-listview.e-list-template .e-list-wrapper {
304
- height: inherit;
305
- position: relative;
306
- }
307
- .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
308
- padding: 10px 16px;
309
- }
310
- .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
311
- padding: 0 8px 0 12px;
312
- }
313
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
314
- padding: 4px;
315
- }
316
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
317
- color: #212529;
318
- display: block;
319
- font-size: 14px;
320
- font-weight: 400;
321
- line-height: 22px;
322
- margin: 0;
323
- overflow: hidden;
324
- padding: 0;
325
- text-overflow: ellipsis;
326
- white-space: nowrap;
327
- }
328
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
329
- color: #6c757d;
330
- display: block;
331
- font-size: 14px;
332
- font-weight: 400;
333
- line-height: 22px;
334
- margin: 0;
335
- padding: 2px 0 0 0;
336
- word-wrap: break-word;
337
- }
338
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
339
- overflow: hidden;
340
- text-overflow: ellipsis;
341
- white-space: nowrap;
342
- }
343
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
344
- height: 40px;
345
- width: 40px;
346
- top: 0;
347
- left: 0;
348
- position: absolute;
349
- margin: 7px 16px 7px 12px;
350
- }
351
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
352
- padding-left: 68px;
353
- padding-right: 16px;
354
- }
355
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
356
- padding-left: 16px;
357
- padding-right: 68px;
358
- }
359
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
360
- height: 40px;
361
- width: 40px;
362
- top: 0;
363
- right: 0;
364
- position: absolute;
365
- }
366
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
367
- top: 0;
368
- }
369
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
370
- top: 0;
371
- }
372
- .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
373
- font-size: 10px;
374
- height: 18px;
375
- width: 20px;
376
- top: 50%;
377
- right: 12px;
378
- line-height: 16px;
379
- padding: 0;
380
- position: absolute;
381
- -webkit-transform: translateY(-50%);
382
- transform: translateY(-50%);
383
- border-radius: 10px;
384
- }
385
- .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
386
- padding-left: 68px;
387
- padding-right: 10px;
388
- }
389
- .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
390
- padding-left: 16px;
391
- padding-right: 10px;
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: 8px 0;
398
- text-overflow: ellipsis;
399
- white-space: nowrap;
400
- font-size: 14px;
401
- line-height: 18px;
402
- }
403
- .e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-item-header,
404
- .e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-content {
405
- color: #fff;
406
- }
407
- .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 {
408
- color: #212529;
409
- }
410
- .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 {
411
- color: #fff;
412
- }
413
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
414
- left: inherit;
415
- margin: 7px 12px 7px 16px;
416
- right: 0;
417
- }
418
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
419
- padding-left: 16px;
420
- padding-right: 68px;
421
- }
422
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
423
- padding-left: 68px;
424
- padding-right: 16px;
425
- }
426
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
427
- left: 0;
428
- right: inherit;
429
- }
430
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
431
- left: 12px;
432
- right: inherit;
433
- }
434
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
435
- padding-left: 10px;
436
- padding-right: 68px;
437
- }
438
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
439
- padding-left: 10px;
440
- padding-right: 16px;
441
- }
1
+ @import '@syncfusion/ej2-lists/styles/list-view/bootstrap5.css';