@syncfusion/ej2-lists 23.2.4 → 24.1.46

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 (39) hide show
  1. package/CHANGELOG.md +1 -9
  2. package/README.md +1 -1
  3. package/dist/ej2-lists.min.js +2 -2
  4. package/dist/ej2-lists.umd.min.js +2 -2
  5. package/dist/ej2-lists.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-lists.es2015.js +57 -58
  7. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  8. package/dist/es6/ej2-lists.es5.js +53 -54
  9. package/dist/es6/ej2-lists.es5.js.map +1 -1
  10. package/dist/global/ej2-lists.min.js +2 -2
  11. package/dist/global/ej2-lists.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +10 -9
  14. package/src/common/list-base.js +19 -14
  15. package/src/list-view/list-view-model.d.ts +8 -1
  16. package/src/list-view/list-view.d.ts +34 -0
  17. package/src/list-view/list-view.js +32 -35
  18. package/src/list-view/virtualization.js +2 -5
  19. package/styles/bootstrap4.css +2 -2
  20. package/styles/bootstrap5-dark.css +1 -1
  21. package/styles/bootstrap5.css +1 -1
  22. package/styles/list-view/_bootstrap4-definition.scss +2 -2
  23. package/styles/list-view/_bootstrap5-definition.scss +1 -1
  24. package/styles/list-view/_material-definition.scss +1 -1
  25. package/styles/list-view/_material3-definition.scss +1 -1
  26. package/styles/list-view/_tailwind-definition.scss +2 -2
  27. package/styles/list-view/bootstrap4.css +2 -2
  28. package/styles/list-view/bootstrap5-dark.css +1 -1
  29. package/styles/list-view/bootstrap5.css +1 -1
  30. package/styles/list-view/material.css +1 -1
  31. package/styles/list-view/material3-dark.css +1 -1
  32. package/styles/list-view/material3.css +1 -1
  33. package/styles/list-view/tailwind-dark.css +4 -4
  34. package/styles/list-view/tailwind.css +4 -4
  35. package/styles/material.css +1 -1
  36. package/styles/material3-dark.css +1 -1
  37. package/styles/material3.css +1 -1
  38. package/styles/tailwind-dark.css +4 -4
  39. package/styles/tailwind.css +4 -4
package/styles/list-view/_material-definition.scss CHANGED
@@ -60,7 +60,7 @@ $listview-back-padding-right: 30px !default;
60
60
  $listview-back-icon-height: 1px !default;
61
61
  $listview-back-icon-font-size: auto !default;
62
62
  $listview-touch-item-height: 48px !default;
63
- $listview-touch-item-line-height: 45px !default;
63
+ $listview-touch-item-line-height: 42px !default;
64
64
  $listview-touch-item-font-size: 15px !default;
65
65
  $listview-touch-groupheader-height: 48px !default;
66
66
  $listview-touch-groupheader-line-height: 45px !default;
package/styles/list-view/_material3-definition.scss CHANGED
@@ -4,7 +4,7 @@ $listview-icon-back-margin: 0 !default;
4
4
  $listview-icon-back-margin-right: 14px !default;
5
5
  $listview-rtl-icon-back-margin: 0 !default;
6
6
  $listview-item-height: 40px !default;
7
- $listview-item-line-height: 20px !default;
7
+ $listview-item-line-height: 22px !default;
8
8
  $listview-item-padding: 10px 16px !default;
9
9
  $listview-rtl-item-padding: 7px 12px 7px 12px !default;
10
10
  $listview-header-padding: 6px 12px !default;
package/styles/list-view/_tailwind-definition.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  //layout
2
2
  $listview-icon-margin-right: 2px !default;
3
3
  $listview-item-height: 38px !default;
4
- $listview-item-line-height: 22px !default;
4
+ $listview-item-line-height: 21px !default;
5
5
  $listview-item-padding: 8px 9px 8px 12px !default;
6
6
  $listview-rtl-item-padding: 8px 12px 8px 9px !default;
7
7
  $listview-header-padding: 6px 12px !default;
@@ -30,7 +30,7 @@ $listview-back-padding-right: 8px !default;
30
30
  $listview-back-icon-size: 20px !default;
31
31
  $listview-back-icon-font-size: $text-base !default;
32
32
  $listview-touch-item-height: 48px !default;
33
- $listview-touch-item-line-height: 24px !default;
33
+ $listview-touch-item-line-height: 23px !default;
34
34
  $listview-touch-item-size: 24px !default;
35
35
  $listview-touch-item-padding: 12px 14px 12px 16px !default;
36
36
  $listview-rtl-touch-item-padding: 12px 16px 12px 14px !default;
package/styles/list-view/bootstrap4.css CHANGED
@@ -22,7 +22,7 @@
22
22
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
23
23
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
24
24
  height: 50px;
25
- line-height: 1.5;
25
+ line-height: 1.6;
26
26
  position: relative;
27
27
  padding: 12px 20px;
28
28
  }
@@ -106,7 +106,7 @@
106
106
  }
107
107
  .e-listview:not(.e-list-template) .e-list-item {
108
108
  height: 40px;
109
- line-height: 1.5;
109
+ line-height: 1.6;
110
110
  padding: 8px 16px 8px 16px;
111
111
  position: relative;
112
112
  }
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: 21px;
21
+ line-height: 24px;
22
22
  position: relative;
23
23
  }
24
24
  .e-bigger .e-listview .e-text-content,
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: 21px;
21
+ line-height: 24px;
22
22
  position: relative;
23
23
  }
24
24
  .e-bigger .e-listview .e-text-content,
package/styles/list-view/material.css CHANGED
@@ -17,7 +17,7 @@
17
17
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
18
18
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
19
19
  height: 48px;
20
- line-height: 45px;
20
+ line-height: 42px;
21
21
  position: relative;
22
22
  }
23
23
  .e-bigger .e-listview .e-text-content,
package/styles/list-view/material3-dark.css CHANGED
@@ -137,7 +137,7 @@
137
137
  }
138
138
  .e-listview:not(.e-list-template) .e-list-item {
139
139
  height: 40px;
140
- line-height: 20px;
140
+ line-height: 22px;
141
141
  padding: 10px 16px;
142
142
  position: relative;
143
143
  }
package/styles/list-view/material3.css CHANGED
@@ -193,7 +193,7 @@
193
193
  }
194
194
  .e-listview:not(.e-list-template) .e-list-item {
195
195
  height: 40px;
196
- line-height: 20px;
196
+ line-height: 22px;
197
197
  padding: 10px 16px;
198
198
  position: relative;
199
199
  }
package/styles/list-view/tailwind-dark.css CHANGED
@@ -22,7 +22,7 @@
22
22
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
23
23
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
24
24
  height: 48px;
25
- line-height: 24px;
25
+ line-height: 23px;
26
26
  position: relative;
27
27
  padding: 12px 14px 12px 16px;
28
28
  }
@@ -50,7 +50,7 @@
50
50
  font-weight: 500;
51
51
  height: 38px;
52
52
  font-size: 14px;
53
- line-height: 22px;
53
+ line-height: 21px;
54
54
  padding: 8px 16px;
55
55
  }
56
56
  .e-bigger .e-listview .e-list-header .e-text.header,
@@ -181,7 +181,7 @@
181
181
  }
182
182
  .e-listview:not(.e-list-template) .e-list-item {
183
183
  height: 38px;
184
- line-height: 22px;
184
+ line-height: 21px;
185
185
  padding: 8px 9px 8px 12px;
186
186
  position: relative;
187
187
  }
@@ -531,7 +531,7 @@
531
531
  text-overflow: ellipsis;
532
532
  white-space: nowrap;
533
533
  font-size: 14px;
534
- line-height: 22px;
534
+ line-height: 21px;
535
535
  }
536
536
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
537
537
  color: #fff;
package/styles/list-view/tailwind.css CHANGED
@@ -22,7 +22,7 @@
22
22
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
23
23
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
24
24
  height: 48px;
25
- line-height: 24px;
25
+ line-height: 23px;
26
26
  position: relative;
27
27
  padding: 12px 14px 12px 16px;
28
28
  }
@@ -50,7 +50,7 @@
50
50
  font-weight: 500;
51
51
  height: 38px;
52
52
  font-size: 14px;
53
- line-height: 22px;
53
+ line-height: 21px;
54
54
  padding: 8px 16px;
55
55
  }
56
56
  .e-bigger .e-listview .e-list-header .e-text.header,
@@ -181,7 +181,7 @@
181
181
  }
182
182
  .e-listview:not(.e-list-template) .e-list-item {
183
183
  height: 38px;
184
- line-height: 22px;
184
+ line-height: 21px;
185
185
  padding: 8px 9px 8px 12px;
186
186
  position: relative;
187
187
  }
@@ -531,7 +531,7 @@
531
531
  text-overflow: ellipsis;
532
532
  white-space: nowrap;
533
533
  font-size: 14px;
534
- line-height: 22px;
534
+ line-height: 21px;
535
535
  }
536
536
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
537
537
  color: #111827;
package/styles/material.css CHANGED
@@ -17,7 +17,7 @@
17
17
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
18
18
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
19
19
  height: 48px;
20
- line-height: 45px;
20
+ line-height: 42px;
21
21
  position: relative;
22
22
  }
23
23
  .e-bigger .e-listview .e-text-content,
package/styles/material3-dark.css CHANGED
@@ -137,7 +137,7 @@
137
137
  }
138
138
  .e-listview:not(.e-list-template) .e-list-item {
139
139
  height: 40px;
140
- line-height: 20px;
140
+ line-height: 22px;
141
141
  padding: 10px 16px;
142
142
  position: relative;
143
143
  }
package/styles/material3.css CHANGED
@@ -193,7 +193,7 @@
193
193
  }
194
194
  .e-listview:not(.e-list-template) .e-list-item {
195
195
  height: 40px;
196
- line-height: 20px;
196
+ line-height: 22px;
197
197
  padding: 10px 16px;
198
198
  position: relative;
199
199
  }
package/styles/tailwind-dark.css CHANGED
@@ -22,7 +22,7 @@
22
22
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
23
23
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
24
24
  height: 48px;
25
- line-height: 24px;
25
+ line-height: 23px;
26
26
  position: relative;
27
27
  padding: 12px 14px 12px 16px;
28
28
  }
@@ -50,7 +50,7 @@
50
50
  font-weight: 500;
51
51
  height: 38px;
52
52
  font-size: 14px;
53
- line-height: 22px;
53
+ line-height: 21px;
54
54
  padding: 8px 16px;
55
55
  }
56
56
  .e-bigger .e-listview .e-list-header .e-text.header,
@@ -181,7 +181,7 @@
181
181
  }
182
182
  .e-listview:not(.e-list-template) .e-list-item {
183
183
  height: 38px;
184
- line-height: 22px;
184
+ line-height: 21px;
185
185
  padding: 8px 9px 8px 12px;
186
186
  position: relative;
187
187
  }
@@ -531,7 +531,7 @@
531
531
  text-overflow: ellipsis;
532
532
  white-space: nowrap;
533
533
  font-size: 14px;
534
- line-height: 22px;
534
+ line-height: 21px;
535
535
  }
536
536
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
537
537
  color: #fff;
package/styles/tailwind.css CHANGED
@@ -22,7 +22,7 @@
22
22
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
23
23
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
24
24
  height: 48px;
25
- line-height: 24px;
25
+ line-height: 23px;
26
26
  position: relative;
27
27
  padding: 12px 14px 12px 16px;
28
28
  }
@@ -50,7 +50,7 @@
50
50
  font-weight: 500;
51
51
  height: 38px;
52
52
  font-size: 14px;
53
- line-height: 22px;
53
+ line-height: 21px;
54
54
  padding: 8px 16px;
55
55
  }
56
56
  .e-bigger .e-listview .e-list-header .e-text.header,
@@ -181,7 +181,7 @@
181
181
  }
182
182
  .e-listview:not(.e-list-template) .e-list-item {
183
183
  height: 38px;
184
- line-height: 22px;
184
+ line-height: 21px;
185
185
  padding: 8px 9px 8px 12px;
186
186
  position: relative;
187
187
  }
@@ -531,7 +531,7 @@
531
531
  text-overflow: ellipsis;
532
532
  white-space: nowrap;
533
533
  font-size: 14px;
534
- line-height: 22px;
534
+ line-height: 21px;
535
535
  }
536
536
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
537
537
  color: #111827;