@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,444 @@
1
- @import '@syncfusion/ej2-lists/styles/material-dark.css';
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
+ }
415
+
416
+ /* stylelint-disable-line no-empty-source */
417
+ .e-sortable {
418
+ outline: none;
419
+ position: relative;
420
+ -webkit-user-select: none;
421
+ -moz-user-select: none;
422
+ -ms-user-select: none;
423
+ user-select: none;
424
+ }
425
+ .e-sortable .e-disabled {
426
+ background-image: none;
427
+ cursor: default;
428
+ filter: alpha(Opacity=35);
429
+ opacity: 0.35;
430
+ }
431
+ .e-sortable * {
432
+ -webkit-box-sizing: border-box;
433
+ box-sizing: border-box;
434
+ }
435
+ .e-sortable *:focus {
436
+ outline: none;
437
+ }
438
+
439
+ /* stylelint-disable */
440
+ .e-sortableclone {
441
+ position: fixed !important;
442
+ }
443
+
444
+ /* stylelint-enable */