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