@syncfusion/ej2-vue-lists 25.2.3 → 26.1.35-7502

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 (66) hide show
  1. package/dist/ej2-vue-lists.umd.min.js +2 -2
  2. package/dist/ej2-vue-lists.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-vue-lists.es2015.js +4 -6
  4. package/dist/es6/ej2-vue-lists.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-lists.es5.js +4 -6
  6. package/dist/es6/ej2-vue-lists.es5.js.map +1 -1
  7. package/package.json +9 -9
  8. package/styles/bootstrap-dark.css +445 -1
  9. package/styles/bootstrap.css +446 -1
  10. package/styles/bootstrap4.css +489 -1
  11. package/styles/bootstrap5-dark.css +471 -1
  12. package/styles/bootstrap5.css +471 -1
  13. package/styles/fabric-dark.css +445 -1
  14. package/styles/fabric.css +446 -1
  15. package/styles/fluent-dark.css +502 -1
  16. package/styles/fluent.css +502 -1
  17. package/styles/fluent2.css +2519 -0
  18. package/styles/fluent2.scss +2 -0
  19. package/styles/highcontrast-light.css +445 -1
  20. package/styles/highcontrast.css +446 -1
  21. package/styles/list-view/bootstrap-dark.css +415 -1
  22. package/styles/list-view/bootstrap.css +416 -1
  23. package/styles/list-view/bootstrap4.css +459 -1
  24. package/styles/list-view/bootstrap5-dark.css +441 -1
  25. package/styles/list-view/bootstrap5.css +441 -1
  26. package/styles/list-view/fabric-dark.css +415 -1
  27. package/styles/list-view/fabric.css +416 -1
  28. package/styles/list-view/fluent-dark.css +472 -1
  29. package/styles/list-view/fluent.css +472 -1
  30. package/styles/list-view/fluent2.css +1455 -0
  31. package/styles/list-view/fluent2.scss +1 -0
  32. package/styles/list-view/highcontrast-light.css +415 -1
  33. package/styles/list-view/highcontrast.css +416 -1
  34. package/styles/list-view/material-dark.css +414 -1
  35. package/styles/list-view/material.css +415 -1
  36. package/styles/list-view/material3-dark.css +546 -1
  37. package/styles/list-view/material3.css +658 -1
  38. package/styles/list-view/tailwind-dark.css +548 -1
  39. package/styles/list-view/tailwind.css +548 -1
  40. package/styles/material-dark.css +444 -1
  41. package/styles/material.css +445 -1
  42. package/styles/material3-dark.css +686 -1
  43. package/styles/material3.css +910 -1
  44. package/styles/sortable/bootstrap-dark.css +29 -1
  45. package/styles/sortable/bootstrap.css +29 -1
  46. package/styles/sortable/bootstrap4.css +29 -1
  47. package/styles/sortable/bootstrap5-dark.css +29 -1
  48. package/styles/sortable/bootstrap5.css +29 -1
  49. package/styles/sortable/fabric-dark.css +29 -1
  50. package/styles/sortable/fabric.css +29 -1
  51. package/styles/sortable/fluent-dark.css +29 -1
  52. package/styles/sortable/fluent.css +29 -1
  53. package/styles/sortable/fluent2.css +1063 -0
  54. package/styles/sortable/fluent2.scss +1 -0
  55. package/styles/sortable/highcontrast-light.css +29 -1
  56. package/styles/sortable/highcontrast.css +29 -1
  57. package/styles/sortable/material-dark.css +29 -1
  58. package/styles/sortable/material.css +29 -1
  59. package/styles/sortable/material3-dark.css +139 -1
  60. package/styles/sortable/material3.css +251 -1
  61. package/styles/sortable/tailwind-dark.css +29 -1
  62. package/styles/sortable/tailwind.css +29 -1
  63. package/styles/tailwind-dark.css +578 -1
  64. package/styles/tailwind.css +578 -1
  65. package/CHANGELOG.md +0 -530
  66. package/dist/global/ej2-vue-lists.min.js +0 -10
@@ -1 +1,445 @@
1
- @import '@syncfusion/ej2-lists/styles/bootstrap-dark.css';
1
+ .e-listview .e-icon-collapsible::before {
2
+ content: "\e943";
3
+ }
4
+ .e-listview .e-icon-back::before {
5
+ content: "\e94b";
6
+ font-size: 14px;
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: 40px;
21
+ line-height: 36px;
22
+ position: relative;
23
+ padding: 0 15px;
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: bold;
47
+ height: 40px;
48
+ border-bottom: 1px solid;
49
+ padding: 0 20px;
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: 10px;
70
+ }
71
+
72
+ .e-listview .e-list-group-item {
73
+ border-bottom: 1px solid #414141;
74
+ border-top: 0 solid;
75
+ height: 40px;
76
+ line-height: 36px;
77
+ font-weight: 600;
78
+ padding: 0 15px;
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: 1px solid #414141;
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: -4px 10px 0 0;
124
+ }
125
+ .e-listview .e-checkbox .e-checkbox-right {
126
+ margin: -4px 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: 10px;
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: 1px;
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: -4px 0 0 10px;
185
+ }
186
+ .e-listview.e-rtl .e-checkbox .e-checkbox-right {
187
+ margin: -4px 10px 0 0;
188
+ }
189
+
190
+ .e-bigger .e-listview .e-list-item,
191
+ .e-listview.e-bigger .e-list-item {
192
+ border-bottom: 1px solid #414141;
193
+ border-left: 0 solid transparent;
194
+ border-right: 0 solid transparent;
195
+ border-top: 0 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: 48px;
200
+ line-height: 45px;
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: 48px;
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: bold;
221
+ height: 48px;
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: rgba(26, 26, 26, 0.1);
240
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
241
+ font-size: 14px;
242
+ }
243
+ .e-listview .e-list-header {
244
+ background-color: #6e6e6e;
245
+ color: rgba(255, 255, 255, 0.95);
246
+ border-color: #414141;
247
+ font-size: 14px;
248
+ }
249
+
250
+ .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
251
+ color: #f0f0f0;
252
+ }
253
+
254
+ .e-listview .e-list-item {
255
+ border-bottom: 1px solid #414141;
256
+ border-left: 0 solid transparent;
257
+ border-right: 0 solid transparent;
258
+ border-top: 0 solid transparent;
259
+ background-color: #1a1a1a;
260
+ color: #f0f0f0;
261
+ }
262
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
263
+ background-color: #313131;
264
+ color: rgba(255, 255, 255, 0.87);
265
+ border-color: transparent;
266
+ }
267
+ .e-listview .e-list-item.e-active {
268
+ background-color: #414141;
269
+ color: rgba(255, 255, 255, 0.87);
270
+ }
271
+ .e-listview .e-list-item.e-active.e-checklist {
272
+ background-color: #1a1a1a;
273
+ color: #f0f0f0;
274
+ }
275
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
276
+ background-color: #414141;
277
+ color: rgba(255, 255, 255, 0.87);
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: #1a1a1a;
281
+ color: #f0f0f0;
282
+ border-color: #f0f0f0;
283
+ }
284
+
285
+ .e-listview .e-list-group-item {
286
+ background-color: #1a1a1a;
287
+ color: #3e98ff;
288
+ border-color: #414141;
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.7142em 1.0714em;
298
+ }
299
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
300
+ padding: 0.7142em 1.0714em;
301
+ }
302
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
303
+ color: #fff;
304
+ display: block;
305
+ font-size: 18px;
306
+ font-weight: 500;
307
+ margin: 0;
308
+ overflow: hidden;
309
+ padding: 0.038em 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: #393939;
315
+ display: block;
316
+ font-size: 14px;
317
+ margin: 0;
318
+ padding: 0.038em 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: 2.8571em;
328
+ width: 2.8571em;
329
+ top: 0.7142em;
330
+ left: 1.0667em;
331
+ position: absolute;
332
+ }
333
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
334
+ padding-left: 4.6428em;
335
+ padding-right: 1.0714em;
336
+ }
337
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
338
+ padding-left: 1.0714em;
339
+ padding-right: 4.6428em;
340
+ }
341
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
342
+ height: 2.8571em;
343
+ width: 2.8571em;
344
+ top: 0.7142em;
345
+ right: 1.0667em;
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.7142em;
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.7142em;
353
+ }
354
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
355
+ font-size: 15px;
356
+ height: 1.333em;
357
+ width: 2em;
358
+ top: 50%;
359
+ right: 1em;
360
+ line-height: 1.433em;
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.6428em;
368
+ padding-right: 3.9285em;
369
+ }
370
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
371
+ padding-left: 1.0714em;
372
+ padding-right: 3.9285em;
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.83em 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: rgba(255, 255, 255, 0.87);
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: rgba(255, 255, 255, 0.87);
387
+ }
388
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
389
+ left: inherit;
390
+ right: 1.0667em;
391
+ }
392
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
393
+ padding-left: 1.0714em;
394
+ padding-right: 4.6428em;
395
+ }
396
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
397
+ padding-left: 4.6428em;
398
+ padding-right: 1.0714em;
399
+ }
400
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
401
+ left: 1.0667em;
402
+ right: inherit;
403
+ }
404
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
405
+ left: 1em;
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.9285em;
410
+ padding-right: 4.6428em;
411
+ }
412
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
413
+ padding-left: 3.9285em;
414
+ padding-right: 1.0714em;
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 */