@syncfusion/ej2-vue-lists 26.1.35 → 26.2.5

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
package/styles/fabric.css CHANGED
@@ -1,446 +1 @@
1
- .e-icon-collapsible::before {
2
- content: "\e85c";
3
- }
4
-
5
- .e-icon-back::before {
6
- content: "\e85b";
7
- font-size: 18px;
8
- }
9
-
10
- /* stylelint-disable property-no-vendor-prefix */
11
- .e-listview {
12
- -webkit-overflow-scrolling: touch;
13
- border: 0 solid;
14
- border-radius: 0;
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: 33px;
23
- position: relative;
24
- padding: 0 12px;
25
- }
26
- .e-listview .e-list-item {
27
- border-bottom: 0 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: 2px;
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: 600;
48
- height: 36px;
49
- border-bottom: 1px solid;
50
- padding: 0 16px;
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: 20px;
71
- }
72
-
73
- .e-listview .e-list-group-item {
74
- border-bottom: 0 solid transparent;
75
- border-top: 1px solid;
76
- height: 36px;
77
- line-height: 30px;
78
- font-weight: 600;
79
- padding: 0 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: 0 solid transparent;
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: -2px 10px 0 0;
125
- }
126
- .e-listview .e-checkbox .e-checkbox-right {
127
- margin: -2px 0 0 10px;
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: 16px;
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: 21px;
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: 1px;
183
- }
184
- .e-listview.e-rtl .e-checkbox .e-checkbox-left {
185
- margin: -2px 0 0 10px;
186
- }
187
- .e-listview.e-rtl .e-checkbox .e-checkbox-right {
188
- margin: -2px 10px 0 0;
189
- }
190
-
191
- .e-bigger .e-listview .e-list-item,
192
- .e-listview.e-bigger .e-list-item {
193
- border-bottom: 0 solid transparent;
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: 45px;
201
- line-height: 45px;
202
- position: relative;
203
- }
204
- .e-bigger .e-listview .e-text-content,
205
- .e-listview.e-bigger .e-text-content {
206
- font-size: 15px;
207
- }
208
- .e-bigger .e-listview .e-list-group-item,
209
- .e-listview.e-bigger .e-list-group-item {
210
- height: 45px;
211
- line-height: 45px;
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: 600;
222
- height: 45px;
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: 15px;
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: #eaeaea;
241
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
242
- font-size: 13px;
243
- }
244
- .e-listview .e-list-header {
245
- background-color: #fff;
246
- color: #333;
247
- border-color: #eaeaea;
248
- font-size: 14px;
249
- }
250
-
251
- .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
252
- color: #333;
253
- }
254
-
255
- .e-listview .e-list-item {
256
- border-bottom: 0 solid transparent;
257
- border-left: 0 solid transparent;
258
- border-right: 0 solid transparent;
259
- border-top: 0 solid transparent;
260
- background-color: inherit;
261
- color: #333;
262
- }
263
- .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
264
- background-color: #eaeaea;
265
- color: #333;
266
- border-color: transparent;
267
- }
268
- .e-listview .e-list-item.e-active {
269
- background-color: #d1ebff;
270
- color: #333;
271
- }
272
- .e-listview .e-list-item.e-active.e-checklist {
273
- background-color: inherit;
274
- color: #333;
275
- }
276
- .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
277
- background-color: #d1ebff;
278
- color: #333;
279
- }
280
- .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 {
281
- background-color: #0078d6;
282
- color: #fff;
283
- border-color: #0078d6;
284
- }
285
-
286
- .e-listview .e-list-group-item {
287
- background-color: #fff;
288
- color: #0078d6;
289
- border-color: #eaeaea;
290
- font-size: 14px;
291
- }
292
-
293
- .e-listview.e-list-template .e-list-wrapper {
294
- height: inherit;
295
- position: relative;
296
- }
297
- .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
298
- padding: 0.6153em 0.923em;
299
- }
300
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
301
- padding: 0.6153em 0.923em;
302
- }
303
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
304
- color: #333;
305
- display: block;
306
- font-size: 13px;
307
- font-weight: 500;
308
- margin: 0;
309
- overflow: hidden;
310
- padding: 0.093em 0;
311
- text-overflow: ellipsis;
312
- white-space: nowrap;
313
- }
314
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
315
- color: #666;
316
- display: block;
317
- font-size: 13px;
318
- margin: 0;
319
- padding: 0.093em 0;
320
- word-wrap: break-word;
321
- }
322
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
323
- overflow: hidden;
324
- text-overflow: ellipsis;
325
- white-space: nowrap;
326
- }
327
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
328
- height: 3.0769em;
329
- width: 3.0769em;
330
- top: 0.6153em;
331
- left: 0.923em;
332
- position: absolute;
333
- }
334
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
335
- padding-left: 4.923em;
336
- padding-right: 0.923em;
337
- }
338
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
339
- padding-left: 0.923em;
340
- padding-right: 4.923em;
341
- }
342
- .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
343
- height: 3.0769em;
344
- width: 3.0769em;
345
- top: 0.6153em;
346
- right: 0.923em;
347
- position: absolute;
348
- }
349
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
350
- top: 0.6153em;
351
- }
352
- .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
353
- top: 0.6153em;
354
- }
355
- .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
356
- font-size: 13px;
357
- height: 1.5384em;
358
- width: 1.5384em;
359
- top: 50%;
360
- right: 0.923em;
361
- line-height: 1.3384em;
362
- padding: 0;
363
- position: absolute;
364
- -webkit-transform: translateY(-50%);
365
- transform: translateY(-50%);
366
- }
367
- .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
368
- padding-left: 4.923em;
369
- padding-right: 3.3846em;
370
- }
371
- .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
372
- padding-left: 0.923em;
373
- padding-right: 3.3846em;
374
- }
375
- .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
376
- display: block;
377
- margin: 0;
378
- overflow: hidden;
379
- padding: 0.867em 0;
380
- text-overflow: ellipsis;
381
- white-space: nowrap;
382
- }
383
- .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 {
384
- color: #333;
385
- }
386
- .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 {
387
- color: #333;
388
- }
389
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
390
- left: inherit;
391
- right: 0.923em;
392
- }
393
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
394
- padding-left: 0.923em;
395
- padding-right: 4.923em;
396
- }
397
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
398
- padding-left: 4.923em;
399
- padding-right: 0.923em;
400
- }
401
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
402
- left: 0.923em;
403
- right: inherit;
404
- }
405
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
406
- left: 0.923em;
407
- right: inherit;
408
- }
409
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
410
- padding-left: 3.3846em;
411
- padding-right: 4.923em;
412
- }
413
- .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
414
- padding-left: 3.3846em;
415
- padding-right: 0.923em;
416
- }
417
-
418
- /* stylelint-disable-line no-empty-source */
419
- .e-sortable {
420
- outline: none;
421
- position: relative;
422
- -webkit-user-select: none;
423
- -moz-user-select: none;
424
- -ms-user-select: none;
425
- user-select: none;
426
- }
427
- .e-sortable .e-disabled {
428
- background-image: none;
429
- cursor: default;
430
- filter: alpha(Opacity=35);
431
- opacity: 0.35;
432
- }
433
- .e-sortable * {
434
- -webkit-box-sizing: border-box;
435
- box-sizing: border-box;
436
- }
437
- .e-sortable *:focus {
438
- outline: none;
439
- }
440
-
441
- /* stylelint-disable */
442
- .e-sortableclone {
443
- position: fixed !important;
444
- }
445
-
446
- /* stylelint-enable */
1
+ @import '@syncfusion/ej2-lists/styles/fabric.css';