@syncfusion/ej2-lists 22.2.11 → 23.1.42

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 (78) hide show
  1. package/CHANGELOG.md +18 -54
  2. package/dist/ej2-lists.min.js +3 -3
  3. package/dist/ej2-lists.umd.min.js +3 -3
  4. package/dist/ej2-lists.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-lists.es2015.js +100 -218
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +108 -237
  8. package/dist/es6/ej2-lists.es5.js.map +1 -1
  9. package/dist/global/ej2-lists.min.js +3 -3
  10. package/dist/global/ej2-lists.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/dist/ts/common/list-base.ts +1286 -0
  13. package/dist/ts/component.ts +4 -0
  14. package/dist/ts/list-view/list-view.ts +2653 -0
  15. package/dist/ts/list-view/virtualization.ts +1187 -0
  16. package/dist/ts/sortable/sortable.ts +485 -0
  17. package/package.json +9 -9
  18. package/src/common/list-base.d.ts +0 -6
  19. package/src/common/list-base.js +1 -1
  20. package/src/list-view/list-view-model.d.ts +7 -7
  21. package/src/list-view/list-view.d.ts +6 -6
  22. package/src/list-view/list-view.js +6 -18
  23. package/src/list-view/virtualization.d.ts +3 -3
  24. package/src/list-view/virtualization.js +101 -218
  25. package/styles/list-view/bootstrap-dark.scss +1 -1
  26. package/styles/list-view/bootstrap.scss +1 -1
  27. package/styles/list-view/bootstrap4.scss +1 -1
  28. package/styles/list-view/bootstrap5-dark.scss +1 -1
  29. package/styles/list-view/bootstrap5.scss +1 -1
  30. package/styles/list-view/fabric-dark.scss +1 -1
  31. package/styles/list-view/fabric.scss +1 -1
  32. package/styles/list-view/fluent-dark.scss +1 -1
  33. package/styles/list-view/fluent.scss +1 -1
  34. package/styles/list-view/highcontrast-light.scss +1 -1
  35. package/styles/list-view/highcontrast.scss +1 -1
  36. package/styles/list-view/material-dark.css +0 -1
  37. package/styles/list-view/material-dark.scss +1 -1
  38. package/styles/list-view/material.css +0 -1
  39. package/styles/list-view/material.scss +1 -1
  40. package/styles/list-view/material3-dark.css +0 -1
  41. package/styles/list-view/material3-dark.scss +1 -1
  42. package/styles/list-view/material3.css +0 -1
  43. package/styles/list-view/material3.scss +1 -1
  44. package/styles/list-view/tailwind-dark.css +0 -1
  45. package/styles/list-view/tailwind-dark.scss +1 -1
  46. package/styles/list-view/tailwind.css +0 -1
  47. package/styles/list-view/tailwind.scss +1 -1
  48. package/styles/material-dark.css +0 -1
  49. package/styles/material.css +0 -1
  50. package/styles/material3-dark.css +0 -1
  51. package/styles/material3-dark.scss +1 -1
  52. package/styles/material3.css +0 -1
  53. package/styles/material3.scss +1 -1
  54. package/styles/sortable/bootstrap-dark.scss +1 -1
  55. package/styles/sortable/bootstrap.scss +1 -1
  56. package/styles/sortable/bootstrap4.scss +1 -1
  57. package/styles/sortable/bootstrap5-dark.scss +1 -1
  58. package/styles/sortable/bootstrap5.scss +1 -1
  59. package/styles/sortable/fabric-dark.scss +1 -1
  60. package/styles/sortable/fabric.scss +1 -1
  61. package/styles/sortable/fluent-dark.scss +1 -1
  62. package/styles/sortable/fluent.scss +1 -1
  63. package/styles/sortable/highcontrast-light.scss +1 -1
  64. package/styles/sortable/highcontrast.scss +1 -1
  65. package/styles/sortable/material-dark.css +0 -1
  66. package/styles/sortable/material-dark.scss +1 -1
  67. package/styles/sortable/material.css +0 -1
  68. package/styles/sortable/material.scss +1 -1
  69. package/styles/sortable/material3-dark.css +0 -1
  70. package/styles/sortable/material3-dark.scss +1 -1
  71. package/styles/sortable/material3.css +0 -1
  72. package/styles/sortable/material3.scss +1 -1
  73. package/styles/sortable/tailwind-dark.css +0 -1
  74. package/styles/sortable/tailwind-dark.scss +1 -1
  75. package/styles/sortable/tailwind.css +0 -1
  76. package/styles/sortable/tailwind.scss +1 -1
  77. package/styles/tailwind-dark.css +0 -2
  78. package/styles/tailwind.css +0 -2
package/styles/material3-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
package/styles/material3-dark.scss CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- @import 'ej2-base/styles/material3-dark-definition.scss';
2
+
3
3
  @import 'list-view/material3-dark.scss';
4
4
  @import 'sortable/material3-dark.scss';
package/styles/material3.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
package/styles/material3.scss CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- @import 'ej2-base/styles/material3-definition.scss';
2
+
3
3
  @import 'list-view/material3.scss';
4
4
  @import 'sortable/material3.scss';
package/styles/sortable/bootstrap-dark.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/bootstrap.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'bootstrap-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/bootstrap4.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'bootstrap4-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/bootstrap5-dark.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'bootstrap5-dark-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/bootstrap5.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'bootstrap5-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/fabric-dark.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'fabric-dark-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/fabric.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/fluent-dark.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/fluent.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/highcontrast-light.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/highcontrast.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/material-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /* stylelint-disable-line no-empty-source */
3
2
  .e-sortable {
4
3
  outline: none;
package/styles/sortable/material-dark.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/material.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable-line no-empty-source */
3
2
  .e-sortable {
4
3
  outline: none;
package/styles/sortable/material.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/material3-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
package/styles/sortable/material3-dark.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'all.scss';
package/styles/sortable/material3.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
package/styles/sortable/material3.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'all.scss';
package/styles/sortable/tailwind-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable-line no-empty-source */
3
2
  .e-sortable {
4
3
  outline: none;
package/styles/sortable/tailwind-dark.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'all.scss';
package/styles/sortable/tailwind.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable-line no-empty-source */
3
2
  .e-sortable {
4
3
  outline: none;
package/styles/sortable/tailwind.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'all.scss';
package/styles/tailwind-dark.css CHANGED
@@ -1,5 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
1
  .e-icon-collapsible::before {
4
2
  content: "\e748";
5
3
  }
package/styles/tailwind.css CHANGED
@@ -1,5 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
1
  .e-icon-collapsible::before {
4
2
  content: "\e748";
5
3
  }