@syncfusion/ej2-lists 31.2.12 → 32.1.23

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 (190) hide show
  1. package/README.md +1 -1
  2. package/aceconfig.js +17 -0
  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 +23 -2
  7. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  8. package/dist/es6/ej2-lists.es5.js +34 -2
  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 +5 -5
  14. package/src/common/list-base.js +9 -2
  15. package/src/list-view/virtualization.d.ts +1 -0
  16. package/src/list-view/virtualization.js +25 -0
  17. package/styles/bds-lite.scss +6 -7
  18. package/styles/bds.css +2 -2
  19. package/styles/bds.scss +7 -8
  20. package/styles/bootstrap-dark-lite.scss +6 -7
  21. package/styles/bootstrap-dark.scss +7 -8
  22. package/styles/bootstrap-lite.scss +6 -7
  23. package/styles/bootstrap.scss +7 -8
  24. package/styles/bootstrap4-lite.scss +6 -7
  25. package/styles/bootstrap4.scss +7 -8
  26. package/styles/bootstrap5-dark-lite.css +0 -1
  27. package/styles/bootstrap5-dark-lite.scss +6 -7
  28. package/styles/bootstrap5-dark.css +0 -1
  29. package/styles/bootstrap5-dark.scss +7 -8
  30. package/styles/bootstrap5-lite.scss +7 -7
  31. package/styles/bootstrap5.3-lite.css +83 -3
  32. package/styles/bootstrap5.3-lite.scss +7 -7
  33. package/styles/bootstrap5.3.css +83 -3
  34. package/styles/bootstrap5.3.scss +8 -8
  35. package/styles/bootstrap5.scss +8 -8
  36. package/styles/fabric-dark-lite.scss +7 -7
  37. package/styles/fabric-dark.scss +8 -8
  38. package/styles/fabric-lite.scss +7 -7
  39. package/styles/fabric.scss +8 -8
  40. package/styles/fluent-dark-lite.css +0 -1
  41. package/styles/fluent-dark-lite.scss +7 -7
  42. package/styles/fluent-dark.css +0 -1
  43. package/styles/fluent-dark.scss +8 -8
  44. package/styles/fluent-lite.scss +7 -7
  45. package/styles/fluent.scss +8 -8
  46. package/styles/fluent2-lite.css +84 -4
  47. package/styles/fluent2-lite.scss +7 -7
  48. package/styles/fluent2.css +86 -6
  49. package/styles/fluent2.scss +8 -8
  50. package/styles/highcontrast-light-lite.scss +7 -7
  51. package/styles/highcontrast-light.scss +8 -8
  52. package/styles/highcontrast-lite.scss +7 -7
  53. package/styles/highcontrast.scss +8 -8
  54. package/styles/list-view/_all.scss +2 -2
  55. package/styles/list-view/_bds-definition.scss +24 -0
  56. package/styles/list-view/_bigger.scss +17 -15
  57. package/styles/list-view/_bootstrap-dark-definition.scss +19 -0
  58. package/styles/list-view/_bootstrap-definition.scss +19 -0
  59. package/styles/list-view/_bootstrap4-definition.scss +20 -0
  60. package/styles/list-view/_bootstrap5-dark-definition.scss +154 -1
  61. package/styles/list-view/_bootstrap5-definition.scss +22 -0
  62. package/styles/list-view/_bootstrap5.3-definition.scss +22 -2
  63. package/styles/list-view/_fabric-dark-definition.scss +20 -0
  64. package/styles/list-view/_fabric-definition.scss +19 -0
  65. package/styles/list-view/_fluent-dark-definition.scss +159 -1
  66. package/styles/list-view/_fluent-definition.scss +21 -0
  67. package/styles/list-view/_fluent2-definition.scss +26 -3
  68. package/styles/list-view/_fusionnew-definition.scss +20 -0
  69. package/styles/list-view/_highcontrast-definition.scss +19 -0
  70. package/styles/list-view/_highcontrast-light-definition.scss +20 -0
  71. package/styles/list-view/_layout.scss +24 -22
  72. package/styles/list-view/_material-dark-definition.scss +20 -0
  73. package/styles/list-view/_material-definition.scss +19 -0
  74. package/styles/list-view/_material3-dark-definition.scss +146 -1
  75. package/styles/list-view/_material3-definition.scss +26 -7
  76. package/styles/list-view/_tailwind-dark-definition.scss +147 -1
  77. package/styles/list-view/_tailwind-definition.scss +23 -0
  78. package/styles/list-view/_tailwind3-definition.scss +33 -1
  79. package/styles/list-view/_theme-variables.scss +1 -0
  80. package/styles/list-view/_theme.scss +17 -15
  81. package/styles/list-view/bds.css +2 -2
  82. package/styles/list-view/bds.scss +6 -6
  83. package/styles/list-view/bootstrap-dark.scss +6 -6
  84. package/styles/list-view/bootstrap.scss +6 -6
  85. package/styles/list-view/bootstrap4.scss +6 -6
  86. package/styles/list-view/bootstrap5-dark.scss +6 -6
  87. package/styles/list-view/bootstrap5.3.css +83 -3
  88. package/styles/list-view/bootstrap5.3.scss +6 -6
  89. package/styles/list-view/bootstrap5.scss +6 -6
  90. package/styles/list-view/fabric-dark.scss +6 -6
  91. package/styles/list-view/fabric.scss +6 -6
  92. package/styles/list-view/fluent-dark.scss +6 -6
  93. package/styles/list-view/fluent.scss +6 -6
  94. package/styles/list-view/fluent2.css +86 -6
  95. package/styles/list-view/fluent2.scss +6 -6
  96. package/styles/list-view/highcontrast-light.scss +6 -6
  97. package/styles/list-view/highcontrast.scss +6 -6
  98. package/styles/list-view/icons/_bds.scss +2 -0
  99. package/styles/list-view/icons/_bootstrap-dark.scss +2 -0
  100. package/styles/list-view/icons/_bootstrap.scss +2 -0
  101. package/styles/list-view/icons/_bootstrap4.scss +2 -0
  102. package/styles/list-view/icons/_bootstrap5-dark.scss +1 -1
  103. package/styles/list-view/icons/_bootstrap5.3.scss +2 -0
  104. package/styles/list-view/icons/_bootstrap5.scss +2 -0
  105. package/styles/list-view/icons/_fabric-dark.scss +2 -0
  106. package/styles/list-view/icons/_fabric.scss +2 -0
  107. package/styles/list-view/icons/_fluent-dark.scss +1 -1
  108. package/styles/list-view/icons/_fluent.scss +2 -0
  109. package/styles/list-view/icons/_fluent2.scss +2 -0
  110. package/styles/list-view/icons/_fusionnew.scss +2 -0
  111. package/styles/list-view/icons/_highcontrast-light.scss +2 -0
  112. package/styles/list-view/icons/_highcontrast.scss +2 -0
  113. package/styles/list-view/icons/_material-dark.scss +2 -0
  114. package/styles/list-view/icons/_material.scss +2 -0
  115. package/styles/list-view/icons/_material3-dark.scss +1 -1
  116. package/styles/list-view/icons/_material3.scss +2 -0
  117. package/styles/list-view/icons/_tailwind-dark.scss +2 -0
  118. package/styles/list-view/icons/_tailwind.scss +2 -0
  119. package/styles/list-view/icons/_tailwind3.scss +2 -0
  120. package/styles/list-view/material-dark.scss +6 -6
  121. package/styles/list-view/material.scss +6 -6
  122. package/styles/list-view/material3-dark.css +168 -4
  123. package/styles/list-view/material3-dark.scss +6 -7
  124. package/styles/list-view/material3.css +84 -4
  125. package/styles/list-view/material3.scss +6 -7
  126. package/styles/list-view/tailwind-dark.css +2 -2
  127. package/styles/list-view/tailwind-dark.scss +6 -6
  128. package/styles/list-view/tailwind.css +2 -2
  129. package/styles/list-view/tailwind.scss +6 -6
  130. package/styles/list-view/tailwind3.css +75 -5
  131. package/styles/list-view/tailwind3.scss +6 -6
  132. package/styles/material-dark-lite.scss +7 -7
  133. package/styles/material-dark.scss +8 -8
  134. package/styles/material-lite.scss +6 -7
  135. package/styles/material.scss +7 -8
  136. package/styles/material3-dark-lite.css +167 -4
  137. package/styles/material3-dark-lite.scss +7 -7
  138. package/styles/material3-dark.css +168 -5
  139. package/styles/material3-dark.scss +8 -10
  140. package/styles/material3-lite.css +83 -3
  141. package/styles/material3-lite.scss +7 -7
  142. package/styles/material3.css +84 -4
  143. package/styles/material3.scss +8 -10
  144. package/styles/sortable/_all.scss +1 -1
  145. package/styles/sortable/_bootstrap5-dark-definition.scss +2 -1
  146. package/styles/sortable/_fluent-dark-definition.scss +2 -1
  147. package/styles/sortable/_layout.scss +3 -1
  148. package/styles/sortable/_material3-dark-definition.scss +2 -1
  149. package/styles/sortable/_tailwind-dark-definition.scss +2 -1
  150. package/styles/sortable/_theme-variables.scss +1 -0
  151. package/styles/sortable/bds.scss +3 -3
  152. package/styles/sortable/bootstrap-dark.scss +3 -3
  153. package/styles/sortable/bootstrap.scss +3 -3
  154. package/styles/sortable/bootstrap4.scss +3 -3
  155. package/styles/sortable/bootstrap5-dark.css +0 -1
  156. package/styles/sortable/bootstrap5-dark.scss +3 -3
  157. package/styles/sortable/bootstrap5.3.css +80 -0
  158. package/styles/sortable/bootstrap5.3.scss +3 -3
  159. package/styles/sortable/bootstrap5.scss +3 -3
  160. package/styles/sortable/fabric-dark.scss +3 -3
  161. package/styles/sortable/fabric.scss +3 -3
  162. package/styles/sortable/fluent-dark.css +0 -1
  163. package/styles/sortable/fluent-dark.scss +3 -3
  164. package/styles/sortable/fluent.scss +3 -3
  165. package/styles/sortable/fluent2.css +80 -0
  166. package/styles/sortable/fluent2.scss +3 -3
  167. package/styles/sortable/highcontrast-light.scss +3 -3
  168. package/styles/sortable/highcontrast.scss +3 -3
  169. package/styles/sortable/material-dark.scss +3 -3
  170. package/styles/sortable/material.scss +3 -3
  171. package/styles/sortable/material3-dark.css +80 -1
  172. package/styles/sortable/material3-dark.scss +3 -4
  173. package/styles/sortable/material3.css +80 -0
  174. package/styles/sortable/material3.scss +3 -4
  175. package/styles/sortable/tailwind-dark.css +0 -1
  176. package/styles/sortable/tailwind-dark.scss +3 -3
  177. package/styles/sortable/tailwind.scss +3 -3
  178. package/styles/sortable/tailwind3.css +70 -0
  179. package/styles/sortable/tailwind3.scss +3 -3
  180. package/styles/tailwind-dark-lite.css +0 -1
  181. package/styles/tailwind-dark-lite.scss +7 -7
  182. package/styles/tailwind-dark.css +2 -3
  183. package/styles/tailwind-dark.scss +8 -8
  184. package/styles/tailwind-lite.scss +7 -7
  185. package/styles/tailwind.css +2 -2
  186. package/styles/tailwind.scss +8 -8
  187. package/styles/tailwind3-lite.css +74 -4
  188. package/styles/tailwind3-lite.scss +7 -7
  189. package/styles/tailwind3.css +75 -5
  190. package/styles/tailwind3.scss +8 -8
package/styles/tailwind3-lite.css CHANGED
@@ -2,6 +2,76 @@
2
2
 
3
3
 
4
4
 
5
+
6
+
7
+
8
+
9
+ /* Font Family */
10
+ /* border */
11
+ /* 0px */
12
+ /* 1px */
13
+ /* 1.5px */
14
+ /* 2px */
15
+ /* 3px */
16
+ /* 4px */
17
+ /* 5px */
18
+ /* 6px */
19
+ /* 7px */
20
+ /* 8px */
21
+ /* Radius */
22
+ /* 1px */
23
+ /* 2px */
24
+ /* 3px */
25
+ /* 4px */
26
+ /* 5px */
27
+ /* 6px */
28
+ /* 7px */
29
+ /* 8px */
30
+ /* 9px */
31
+ /* 10px */
32
+ /* 11px */
33
+ /* 12px */
34
+ /* 13px */
35
+ /* 14px */
36
+ /* 15px */
37
+ /* 16px */
38
+ /* 17px */
39
+ /* 18px */
40
+ /* 19px */
41
+ /* 20px */
42
+ /* 21px */
43
+ /* 22px */
44
+ /* 23px */
45
+ /* 24px */
46
+ /* 25px */
47
+ /* 26px */
48
+ /* 27px */
49
+ /* 28px */
50
+ /* 29px */
51
+ /* 30px */
52
+ /* 31px */
53
+ /* 32px */
54
+ /* 33px */
55
+ /* 34px */
56
+ /* 35px */
57
+ /* 36px */
58
+ /* 37px */
59
+ /* 38px */
60
+ /* 39px */
61
+ /* 40px */
62
+ /* 41px */
63
+ /* 42px */
64
+ /* 43px */
65
+ /* 44px */
66
+ /* 45px */
67
+ /* 46px */
68
+ /* 47px */
69
+ /* 48px */
70
+ /* 49px */
71
+ /* 50px */
72
+ /* 5em */
73
+
74
+
5
75
  .e-icon-collapsible::before {
6
76
  content: "\e748";
7
77
  }
@@ -15,7 +85,7 @@
15
85
  .e-listview {
16
86
  -webkit-overflow-scrolling: touch;
17
87
  border: 1px solid;
18
- border-radius: 4px;
88
+ border-radius: calc(var(--e-radius) * 0.25);
19
89
  display: block;
20
90
  overflow: auto;
21
91
  position: relative;
@@ -232,7 +302,7 @@
232
302
 
233
303
  .e-listview {
234
304
  border-color: var(--color-sf-border-light);
235
- font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
305
+ font-family: var(--e-font-family);
236
306
  font-size: 14px;
237
307
  }
238
308
  .e-listview .e-list-header {
@@ -299,7 +369,7 @@
299
369
  display: block;
300
370
  font-size: 14px;
301
371
  font-weight: 500;
302
- line-height: 20px;
372
+ line-height: 16px;
303
373
  margin: 0;
304
374
  overflow: hidden;
305
375
  padding: 0;
@@ -310,7 +380,7 @@
310
380
  color: var(--color-sf-content-text-color-alt2);
311
381
  display: block;
312
382
  font-size: 14px;
313
- line-height: 20px;
383
+ line-height: 16px;
314
384
  margin: 0;
315
385
  padding: 2px 0 0 0;
316
386
  word-wrap: break-word;
package/styles/tailwind3-lite.scss CHANGED
@@ -1,7 +1,7 @@
1
- @import 'ej2-base/styles/definition/tailwind3.scss';
2
- @import 'ej2-buttons/styles/check-box/tailwind3-definition.scss';
3
- @import 'list-view/tailwind3-definition.scss';
4
- @import 'list-view/icons/tailwind3.scss';
5
- @import 'list-view/all.scss';
6
- @import 'sortable/tailwind3-definition.scss';
7
- @import 'sortable/all.scss';
1
+ @use 'ej2-base/styles/definition/tailwind3' as *;
2
+ @use 'ej2-buttons/styles/check-box/tailwind3-definition' as *;
3
+ @use 'list-view/tailwind3-definition' as *;
4
+ @use 'list-view/icons/tailwind3' as *;
5
+ @use 'list-view/all' as *;
6
+ @use 'sortable/tailwind3-definition' as *;
7
+ @use 'sortable/all' as *;
package/styles/tailwind3.css CHANGED
@@ -2,6 +2,76 @@
2
2
 
3
3
 
4
4
 
5
+
6
+
7
+
8
+
9
+ /* Font Family */
10
+ /* border */
11
+ /* 0px */
12
+ /* 1px */
13
+ /* 1.5px */
14
+ /* 2px */
15
+ /* 3px */
16
+ /* 4px */
17
+ /* 5px */
18
+ /* 6px */
19
+ /* 7px */
20
+ /* 8px */
21
+ /* Radius */
22
+ /* 1px */
23
+ /* 2px */
24
+ /* 3px */
25
+ /* 4px */
26
+ /* 5px */
27
+ /* 6px */
28
+ /* 7px */
29
+ /* 8px */
30
+ /* 9px */
31
+ /* 10px */
32
+ /* 11px */
33
+ /* 12px */
34
+ /* 13px */
35
+ /* 14px */
36
+ /* 15px */
37
+ /* 16px */
38
+ /* 17px */
39
+ /* 18px */
40
+ /* 19px */
41
+ /* 20px */
42
+ /* 21px */
43
+ /* 22px */
44
+ /* 23px */
45
+ /* 24px */
46
+ /* 25px */
47
+ /* 26px */
48
+ /* 27px */
49
+ /* 28px */
50
+ /* 29px */
51
+ /* 30px */
52
+ /* 31px */
53
+ /* 32px */
54
+ /* 33px */
55
+ /* 34px */
56
+ /* 35px */
57
+ /* 36px */
58
+ /* 37px */
59
+ /* 38px */
60
+ /* 39px */
61
+ /* 40px */
62
+ /* 41px */
63
+ /* 42px */
64
+ /* 43px */
65
+ /* 44px */
66
+ /* 45px */
67
+ /* 46px */
68
+ /* 47px */
69
+ /* 48px */
70
+ /* 49px */
71
+ /* 50px */
72
+ /* 5em */
73
+
74
+
5
75
  .e-icon-collapsible::before {
6
76
  content: "\e748";
7
77
  }
@@ -15,7 +85,7 @@
15
85
  .e-listview {
16
86
  -webkit-overflow-scrolling: touch;
17
87
  border: 1px solid;
18
- border-radius: 4px;
88
+ border-radius: calc(var(--e-radius) * 0.25);
19
89
  display: block;
20
90
  overflow: auto;
21
91
  position: relative;
@@ -232,7 +302,7 @@
232
302
 
233
303
  .e-listview {
234
304
  border-color: var(--color-sf-border-light);
235
- font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
305
+ font-family: var(--e-font-family);
236
306
  font-size: 14px;
237
307
  }
238
308
  .e-listview .e-list-header {
@@ -299,7 +369,7 @@
299
369
  display: block;
300
370
  font-size: 14px;
301
371
  font-weight: 500;
302
- line-height: 20px;
372
+ line-height: 16px;
303
373
  margin: 0;
304
374
  overflow: hidden;
305
375
  padding: 0;
@@ -310,7 +380,7 @@
310
380
  color: var(--color-sf-content-text-color-alt2);
311
381
  display: block;
312
382
  font-size: 14px;
313
- line-height: 20px;
383
+ line-height: 16px;
314
384
  margin: 0;
315
385
  padding: 2px 0 0 0;
316
386
  word-wrap: break-word;
@@ -462,7 +532,7 @@
462
532
  }
463
533
  .e-bigger .e-listview .e-list-icon,
464
534
  .e-listview.e-bigger .e-list-icon {
465
- height: 24px;
535
+ height: 48px;
466
536
  width: 24px;
467
537
  margin-right: 12px;
468
538
  }
package/styles/tailwind3.scss CHANGED
@@ -1,8 +1,8 @@
1
- @import 'ej2-base/styles/definition/tailwind3.scss';
2
- @import 'ej2-buttons/styles/check-box/tailwind3-definition.scss';
3
- @import 'list-view/tailwind3-definition.scss';
4
- @import 'list-view/icons/tailwind3.scss';
5
- @import 'list-view/all.scss';
6
- @import 'list-view/bigger.scss';
7
- @import 'sortable/tailwind3-definition.scss';
8
- @import 'sortable/all.scss';
1
+ @use 'ej2-base/styles/definition/tailwind3' as *;
2
+ @use 'ej2-buttons/styles/check-box/tailwind3-definition' as *;
3
+ @use 'list-view/tailwind3-definition' as *;
4
+ @use 'list-view/icons/tailwind3' as *;
5
+ @use 'list-view/all' as *;
6
+ @use 'list-view/bigger' as *;
7
+ @use 'sortable/tailwind3-definition' as *;
8
+ @use 'sortable/all' as *;