@syncfusion/ej2-vue-lists 19.4.55 → 20.1.47

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 (48) hide show
  1. package/CHANGELOG.md +0 -2
  2. package/dist/ej2-vue-lists.umd.min.js +2 -2
  3. package/dist/es6/ej2-vue-lists.es2015.js +16 -2
  4. package/dist/es6/ej2-vue-lists.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-lists.es5.js +10 -1
  6. package/dist/es6/ej2-vue-lists.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-lists.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/list-view/listview.component.d.ts +1 -0
  10. package/src/list-view/listview.component.js +10 -1
  11. package/styles/bootstrap-dark.css +16 -3
  12. package/styles/bootstrap.css +16 -3
  13. package/styles/bootstrap4.css +18 -5
  14. package/styles/bootstrap5-dark.css +25 -12
  15. package/styles/bootstrap5.css +25 -12
  16. package/styles/fabric-dark.css +16 -3
  17. package/styles/fabric.css +16 -3
  18. package/styles/fluent-dark.css +580 -0
  19. package/styles/fluent-dark.scss +2 -0
  20. package/styles/fluent.css +580 -0
  21. package/styles/fluent.scss +2 -0
  22. package/styles/highcontrast-light.css +16 -3
  23. package/styles/highcontrast.css +16 -3
  24. package/styles/list-view/bootstrap-dark.css +16 -3
  25. package/styles/list-view/bootstrap.css +16 -3
  26. package/styles/list-view/bootstrap4.css +18 -5
  27. package/styles/list-view/bootstrap5-dark.css +25 -12
  28. package/styles/list-view/bootstrap5.css +25 -12
  29. package/styles/list-view/fabric-dark.css +16 -3
  30. package/styles/list-view/fabric.css +16 -3
  31. package/styles/list-view/fluent-dark.css +553 -0
  32. package/styles/list-view/fluent-dark.scss +1 -0
  33. package/styles/list-view/fluent.css +553 -0
  34. package/styles/list-view/fluent.scss +1 -0
  35. package/styles/list-view/highcontrast-light.css +16 -3
  36. package/styles/list-view/highcontrast.css +16 -3
  37. package/styles/list-view/material-dark.css +16 -3
  38. package/styles/list-view/material.css +16 -3
  39. package/styles/list-view/tailwind-dark.css +31 -18
  40. package/styles/list-view/tailwind.css +31 -18
  41. package/styles/material-dark.css +16 -3
  42. package/styles/material.css +16 -3
  43. package/styles/sortable/fluent-dark.css +26 -0
  44. package/styles/sortable/fluent-dark.scss +1 -0
  45. package/styles/sortable/fluent.css +26 -0
  46. package/styles/sortable/fluent.scss +1 -0
  47. package/styles/tailwind-dark.css +31 -18
  48. package/styles/tailwind.css +31 -18
package/styles/list-view/bootstrap-dark.css CHANGED
@@ -58,6 +58,11 @@
58
58
  font-size: 15px;
59
59
  }
60
60
 
61
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
+ width: calc(100% - 40px);
64
+ }
65
+
61
66
  .e-listview {
62
67
  -webkit-overflow-scrolling: touch;
63
68
  border: 0 solid;
@@ -112,7 +117,7 @@
112
117
  top: 45px;
113
118
  }
114
119
 
115
- .e-listview .e-but-back {
120
+ .e-listview .e-back-button {
116
121
  cursor: pointer;
117
122
  padding-right: 10px;
118
123
  }
@@ -131,6 +136,10 @@
131
136
  padding: 0 15px;
132
137
  }
133
138
 
139
+ .e-listview .e-list-group-item .e-list-text {
140
+ cursor: default;
141
+ }
142
+
134
143
  .e-listview .e-icon-collapsible {
135
144
  cursor: pointer;
136
145
  font-size: 12px;
@@ -208,8 +217,12 @@
208
217
  position: relative;
209
218
  }
210
219
 
211
- .e-listview .e-list-header .e-text {
220
+ .e-listview .e-list-header.e-list-navigation .e-text {
212
221
  cursor: pointer;
222
+ }
223
+
224
+ .e-listview .e-list-header .e-text {
225
+ cursor: default;
213
226
  text-indent: 0;
214
227
  }
215
228
 
@@ -238,7 +251,7 @@
238
251
  cursor: pointer;
239
252
  }
240
253
 
241
- .e-listview.e-rtl .e-but-back {
254
+ .e-listview.e-rtl .e-back-button {
242
255
  transform: rotate(180deg);
243
256
  }
244
257
 
package/styles/list-view/bootstrap.css CHANGED
@@ -58,6 +58,11 @@
58
58
  font-size: 15px;
59
59
  }
60
60
 
61
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
+ width: calc(100% - 40px);
64
+ }
65
+
61
66
  .e-listview {
62
67
  -webkit-overflow-scrolling: touch;
63
68
  border: 0 solid;
@@ -112,7 +117,7 @@
112
117
  top: 45px;
113
118
  }
114
119
 
115
- .e-listview .e-but-back {
120
+ .e-listview .e-back-button {
116
121
  cursor: pointer;
117
122
  padding-right: 10px;
118
123
  }
@@ -131,6 +136,10 @@
131
136
  padding: 0 15px;
132
137
  }
133
138
 
139
+ .e-listview .e-list-group-item .e-list-text {
140
+ cursor: default;
141
+ }
142
+
134
143
  .e-listview .e-icon-collapsible {
135
144
  cursor: pointer;
136
145
  font-size: 12px;
@@ -208,8 +217,12 @@
208
217
  position: relative;
209
218
  }
210
219
 
211
- .e-listview .e-list-header .e-text {
220
+ .e-listview .e-list-header.e-list-navigation .e-text {
212
221
  cursor: pointer;
222
+ }
223
+
224
+ .e-listview .e-list-header .e-text {
225
+ cursor: default;
213
226
  text-indent: 0;
214
227
  }
215
228
 
@@ -238,7 +251,7 @@
238
251
  cursor: pointer;
239
252
  }
240
253
 
241
- .e-listview.e-rtl .e-but-back {
254
+ .e-listview.e-rtl .e-back-button {
242
255
  transform: rotate(180deg);
243
256
  }
244
257
 
package/styles/list-view/bootstrap4.css CHANGED
@@ -69,8 +69,8 @@
69
69
  font-size: 20px;
70
70
  }
71
71
 
72
- .e-bigger .e-listview .e-but-back,
73
- .e-listview.e-bigger .e-but-back {
72
+ .e-bigger .e-listview .e-back-button,
73
+ .e-listview.e-bigger .e-back-button {
74
74
  margin-top: -3px;
75
75
  padding-right: 12px;
76
76
  }
@@ -105,6 +105,11 @@
105
105
  margin: 0 0 0 12px;
106
106
  }
107
107
 
108
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
109
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
110
+ width: calc(100% - 40px);
111
+ }
112
+
108
113
  .e-listview {
109
114
  -webkit-overflow-scrolling: touch;
110
115
  border: 1px solid;
@@ -159,7 +164,7 @@
159
164
  top: 45px;
160
165
  }
161
166
 
162
- .e-listview .e-but-back {
167
+ .e-listview .e-back-button {
163
168
  cursor: pointer;
164
169
  padding-right: 10px;
165
170
  }
@@ -178,6 +183,10 @@
178
183
  padding: 8px 16px 8px 16px;
179
184
  }
180
185
 
186
+ .e-listview .e-list-group-item .e-list-text {
187
+ cursor: default;
188
+ }
189
+
181
190
  .e-listview .e-icon-collapsible {
182
191
  cursor: pointer;
183
192
  font-size: 10px;
@@ -255,8 +264,12 @@
255
264
  position: relative;
256
265
  }
257
266
 
258
- .e-listview .e-list-header .e-text {
267
+ .e-listview .e-list-header.e-list-navigation .e-text {
259
268
  cursor: pointer;
269
+ }
270
+
271
+ .e-listview .e-list-header .e-text {
272
+ cursor: default;
260
273
  text-indent: 0;
261
274
  }
262
275
 
@@ -285,7 +298,7 @@
285
298
  cursor: pointer;
286
299
  }
287
300
 
288
- .e-listview.e-rtl .e-but-back {
301
+ .e-listview.e-rtl .e-back-button {
289
302
  transform: rotate(180deg);
290
303
  }
291
304
 
package/styles/list-view/bootstrap5-dark.css CHANGED
@@ -18,7 +18,7 @@
18
18
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
19
19
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
20
20
  height: 40px;
21
- line-height: 20px;
21
+ line-height: 21px;
22
22
  position: relative;
23
23
  }
24
24
 
@@ -40,7 +40,7 @@
40
40
  display: -ms-flexbox;
41
41
  display: flex;
42
42
  font-weight: 500;
43
- height: 38px;
43
+ height: 40px;
44
44
  }
45
45
 
46
46
  .e-bigger .e-listview .e-list-header .e-text.header,
@@ -58,6 +58,11 @@
58
58
  font-size: 14px;
59
59
  }
60
60
 
61
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
+ width: calc(100% - 40px);
64
+ }
65
+
61
66
  .e-listview {
62
67
  -webkit-overflow-scrolling: touch;
63
68
  border: 1px solid;
@@ -103,7 +108,7 @@
103
108
  display: -ms-flexbox;
104
109
  display: flex;
105
110
  font-weight: 500;
106
- height: 30px;
111
+ height: 36px;
107
112
  border-bottom: 1px solid;
108
113
  padding: 0 12px;
109
114
  }
@@ -112,7 +117,7 @@
112
117
  top: 45px;
113
118
  }
114
119
 
115
- .e-listview .e-but-back {
120
+ .e-listview .e-back-button {
116
121
  cursor: pointer;
117
122
  padding-right: 8px;
118
123
  }
@@ -131,6 +136,10 @@
131
136
  padding: 7px 9px 7px 12px;
132
137
  }
133
138
 
139
+ .e-listview .e-list-group-item .e-list-text {
140
+ cursor: default;
141
+ }
142
+
134
143
  .e-listview .e-icon-collapsible {
135
144
  cursor: pointer;
136
145
  font-size: 12px;
@@ -208,8 +217,12 @@
208
217
  position: relative;
209
218
  }
210
219
 
211
- .e-listview .e-list-header .e-text {
220
+ .e-listview .e-list-header.e-list-navigation .e-text {
212
221
  cursor: pointer;
222
+ }
223
+
224
+ .e-listview .e-list-header .e-text {
225
+ cursor: default;
213
226
  text-indent: 0;
214
227
  }
215
228
 
@@ -238,7 +251,7 @@
238
251
  cursor: pointer;
239
252
  }
240
253
 
241
- .e-listview.e-rtl .e-but-back {
254
+ .e-listview.e-rtl .e-back-button {
242
255
  transform: rotate(180deg);
243
256
  }
244
257
 
@@ -262,7 +275,7 @@
262
275
 
263
276
  .e-listview .e-list-header {
264
277
  background-color: transparent;
265
- border-color: #6c757d;
278
+ border-color: #444c54;
266
279
  color: #7b848d;
267
280
  font-size: 12px;
268
281
  }
@@ -271,11 +284,11 @@
271
284
  color: #adb5bd;
272
285
  }
273
286
 
274
- .e-listview .e-icons .e-but-back:hover {
287
+ .e-listview .e-icons.e-back-button:hover {
275
288
  color: #dee2e6;
276
289
  }
277
290
 
278
- .e-listview .e-icons .e-but-back:active {
291
+ .e-listview .e-icons.e-back-button:active {
279
292
  color: #f8f9fa;
280
293
  }
281
294
 
@@ -320,7 +333,7 @@
320
333
 
321
334
  .e-listview .e-list-group-item {
322
335
  background-color: transparent;
323
- border-color: #6c757d;
336
+ border-color: #444c54;
324
337
  color: #7b848d;
325
338
  font-size: 12px;
326
339
  }
@@ -335,11 +348,11 @@
335
348
  }
336
349
 
337
350
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
338
- padding: 8px 16px;
351
+ padding: 10px 16px;
339
352
  }
340
353
 
341
354
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
342
- padding: 0 10px 0 16px;
355
+ padding: 0 8px 0 12px;
343
356
  }
344
357
 
345
358
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
package/styles/list-view/bootstrap5.css CHANGED
@@ -18,7 +18,7 @@
18
18
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
19
19
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
20
20
  height: 40px;
21
- line-height: 20px;
21
+ line-height: 21px;
22
22
  position: relative;
23
23
  }
24
24
 
@@ -40,7 +40,7 @@
40
40
  display: -ms-flexbox;
41
41
  display: flex;
42
42
  font-weight: 500;
43
- height: 38px;
43
+ height: 40px;
44
44
  }
45
45
 
46
46
  .e-bigger .e-listview .e-list-header .e-text.header,
@@ -58,6 +58,11 @@
58
58
  font-size: 14px;
59
59
  }
60
60
 
61
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
+ width: calc(100% - 40px);
64
+ }
65
+
61
66
  .e-listview {
62
67
  -webkit-overflow-scrolling: touch;
63
68
  border: 1px solid;
@@ -103,7 +108,7 @@
103
108
  display: -ms-flexbox;
104
109
  display: flex;
105
110
  font-weight: 500;
106
- height: 30px;
111
+ height: 36px;
107
112
  border-bottom: 1px solid;
108
113
  padding: 0 12px;
109
114
  }
@@ -112,7 +117,7 @@
112
117
  top: 45px;
113
118
  }
114
119
 
115
- .e-listview .e-but-back {
120
+ .e-listview .e-back-button {
116
121
  cursor: pointer;
117
122
  padding-right: 8px;
118
123
  }
@@ -131,6 +136,10 @@
131
136
  padding: 7px 9px 7px 12px;
132
137
  }
133
138
 
139
+ .e-listview .e-list-group-item .e-list-text {
140
+ cursor: default;
141
+ }
142
+
134
143
  .e-listview .e-icon-collapsible {
135
144
  cursor: pointer;
136
145
  font-size: 12px;
@@ -208,8 +217,12 @@
208
217
  position: relative;
209
218
  }
210
219
 
211
- .e-listview .e-list-header .e-text {
220
+ .e-listview .e-list-header.e-list-navigation .e-text {
212
221
  cursor: pointer;
222
+ }
223
+
224
+ .e-listview .e-list-header .e-text {
225
+ cursor: default;
213
226
  text-indent: 0;
214
227
  }
215
228
 
@@ -238,7 +251,7 @@
238
251
  cursor: pointer;
239
252
  }
240
253
 
241
- .e-listview.e-rtl .e-but-back {
254
+ .e-listview.e-rtl .e-back-button {
242
255
  transform: rotate(180deg);
243
256
  }
244
257
 
@@ -262,7 +275,7 @@
262
275
 
263
276
  .e-listview .e-list-header {
264
277
  background-color: transparent;
265
- border-color: #ced4da;
278
+ border-color: #dee2e6;
266
279
  color: #6c757d;
267
280
  font-size: 12px;
268
281
  }
@@ -271,11 +284,11 @@
271
284
  color: #6c757d;
272
285
  }
273
286
 
274
- .e-listview .e-icons .e-but-back:hover {
287
+ .e-listview .e-icons.e-back-button:hover {
275
288
  color: #343a40;
276
289
  }
277
290
 
278
- .e-listview .e-icons .e-but-back:active {
291
+ .e-listview .e-icons.e-back-button:active {
279
292
  color: #212529;
280
293
  }
281
294
 
@@ -320,7 +333,7 @@
320
333
 
321
334
  .e-listview .e-list-group-item {
322
335
  background-color: transparent;
323
- border-color: #ced4da;
336
+ border-color: #dee2e6;
324
337
  color: #6c757d;
325
338
  font-size: 12px;
326
339
  }
@@ -335,11 +348,11 @@
335
348
  }
336
349
 
337
350
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
338
- padding: 8px 16px;
351
+ padding: 10px 16px;
339
352
  }
340
353
 
341
354
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
342
- padding: 0 10px 0 16px;
355
+ padding: 0 8px 0 12px;
343
356
  }
344
357
 
345
358
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
package/styles/list-view/fabric-dark.css CHANGED
@@ -58,6 +58,11 @@
58
58
  font-size: 15px;
59
59
  }
60
60
 
61
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
+ width: calc(100% - 40px);
64
+ }
65
+
61
66
  .e-listview {
62
67
  -webkit-overflow-scrolling: touch;
63
68
  border: 0 solid;
@@ -112,7 +117,7 @@
112
117
  top: 45px;
113
118
  }
114
119
 
115
- .e-listview .e-but-back {
120
+ .e-listview .e-back-button {
116
121
  cursor: pointer;
117
122
  padding-right: 20px;
118
123
  }
@@ -131,6 +136,10 @@
131
136
  padding: 0 12px;
132
137
  }
133
138
 
139
+ .e-listview .e-list-group-item .e-list-text {
140
+ cursor: default;
141
+ }
142
+
134
143
  .e-listview .e-icon-collapsible {
135
144
  cursor: pointer;
136
145
  font-size: 12px;
@@ -208,8 +217,12 @@
208
217
  position: relative;
209
218
  }
210
219
 
211
- .e-listview .e-list-header .e-text {
220
+ .e-listview .e-list-header.e-list-navigation .e-text {
212
221
  cursor: pointer;
222
+ }
223
+
224
+ .e-listview .e-list-header .e-text {
225
+ cursor: default;
213
226
  text-indent: 0;
214
227
  }
215
228
 
@@ -238,7 +251,7 @@
238
251
  cursor: pointer;
239
252
  }
240
253
 
241
- .e-listview.e-rtl .e-but-back {
254
+ .e-listview.e-rtl .e-back-button {
242
255
  transform: rotate(180deg);
243
256
  }
244
257
 
package/styles/list-view/fabric.css CHANGED
@@ -58,6 +58,11 @@
58
58
  font-size: 15px;
59
59
  }
60
60
 
61
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
+ width: calc(100% - 40px);
64
+ }
65
+
61
66
  .e-listview {
62
67
  -webkit-overflow-scrolling: touch;
63
68
  border: 0 solid;
@@ -112,7 +117,7 @@
112
117
  top: 45px;
113
118
  }
114
119
 
115
- .e-listview .e-but-back {
120
+ .e-listview .e-back-button {
116
121
  cursor: pointer;
117
122
  padding-right: 20px;
118
123
  }
@@ -131,6 +136,10 @@
131
136
  padding: 0 12px;
132
137
  }
133
138
 
139
+ .e-listview .e-list-group-item .e-list-text {
140
+ cursor: default;
141
+ }
142
+
134
143
  .e-listview .e-icon-collapsible {
135
144
  cursor: pointer;
136
145
  font-size: 12px;
@@ -208,8 +217,12 @@
208
217
  position: relative;
209
218
  }
210
219
 
211
- .e-listview .e-list-header .e-text {
220
+ .e-listview .e-list-header.e-list-navigation .e-text {
212
221
  cursor: pointer;
222
+ }
223
+
224
+ .e-listview .e-list-header .e-text {
225
+ cursor: default;
213
226
  text-indent: 0;
214
227
  }
215
228
 
@@ -238,7 +251,7 @@
238
251
  cursor: pointer;
239
252
  }
240
253
 
241
- .e-listview.e-rtl .e-but-back {
254
+ .e-listview.e-rtl .e-back-button {
242
255
  transform: rotate(180deg);
243
256
  }
244
257