@syncfusion/ej2-lists 19.4.52 → 20.1.55

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 (64) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/ej2-lists.umd.min.js +2 -2
  3. package/dist/ej2-lists.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-lists.es2015.js +40 -12
  5. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  6. package/dist/es6/ej2-lists.es5.js +40 -12
  7. package/dist/es6/ej2-lists.es5.js.map +1 -1
  8. package/dist/global/ej2-lists.min.js +2 -2
  9. package/dist/global/ej2-lists.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/common/list-base.js +10 -6
  13. package/src/list-view/list-view.d.ts +1 -0
  14. package/src/list-view/list-view.js +15 -6
  15. package/src/list-view/virtualization.js +13 -0
  16. package/src/sortable/sortable.js +2 -0
  17. package/styles/bootstrap-dark.css +16 -3
  18. package/styles/bootstrap.css +16 -3
  19. package/styles/bootstrap4.css +18 -5
  20. package/styles/bootstrap5-dark.css +25 -12
  21. package/styles/bootstrap5.css +25 -12
  22. package/styles/fabric-dark.css +16 -3
  23. package/styles/fabric.css +16 -3
  24. package/styles/fluent-dark.css +580 -0
  25. package/styles/fluent-dark.scss +2 -0
  26. package/styles/fluent.css +580 -0
  27. package/styles/fluent.scss +2 -0
  28. package/styles/highcontrast-light.css +16 -3
  29. package/styles/highcontrast.css +16 -3
  30. package/styles/list-view/_bootstrap5-definition.scss +7 -7
  31. package/styles/list-view/_fluent-dark-definition.scss +1 -0
  32. package/styles/list-view/_fluent-definition.scss +4 -3
  33. package/styles/list-view/_layout.scss +33 -9
  34. package/styles/list-view/_tailwind-definition.scss +4 -3
  35. package/styles/list-view/_theme.scss +4 -4
  36. package/styles/list-view/bootstrap-dark.css +16 -3
  37. package/styles/list-view/bootstrap.css +16 -3
  38. package/styles/list-view/bootstrap4.css +18 -5
  39. package/styles/list-view/bootstrap5-dark.css +25 -12
  40. package/styles/list-view/bootstrap5.css +25 -12
  41. package/styles/list-view/fabric-dark.css +16 -3
  42. package/styles/list-view/fabric.css +16 -3
  43. package/styles/list-view/fluent-dark.css +553 -0
  44. package/styles/list-view/fluent-dark.scss +5 -0
  45. package/styles/list-view/fluent.css +553 -0
  46. package/styles/list-view/fluent.scss +5 -0
  47. package/styles/list-view/highcontrast-light.css +16 -3
  48. package/styles/list-view/highcontrast.css +16 -3
  49. package/styles/list-view/icons/_fluent-dark.scss +1 -0
  50. package/styles/list-view/icons/_fluent.scss +2 -2
  51. package/styles/list-view/icons/_tailwind-dark.scss +6 -10
  52. package/styles/list-view/icons/_tailwind.scss +6 -10
  53. package/styles/list-view/material-dark.css +16 -3
  54. package/styles/list-view/material.css +16 -3
  55. package/styles/list-view/tailwind-dark.css +31 -18
  56. package/styles/list-view/tailwind.css +31 -18
  57. package/styles/material-dark.css +16 -3
  58. package/styles/material.css +16 -3
  59. package/styles/sortable/fluent-dark.css +26 -0
  60. package/styles/sortable/fluent-dark.scss +2 -0
  61. package/styles/sortable/fluent.css +26 -0
  62. package/styles/sortable/fluent.scss +2 -0
  63. package/styles/tailwind-dark.css +31 -18
  64. package/styles/tailwind.css +31 -18
package/styles/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/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/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