@syncfusion/ej2-lists 22.2.9 → 23.1.36

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 (73) hide show
  1. package/CHANGELOG.md +18 -46
  2. package/dist/ej2-lists.min.js +2 -2
  3. package/dist/ej2-lists.umd.min.js +2 -2
  4. package/dist/ej2-lists.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-lists.es2015.js +103 -218
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +111 -237
  8. package/dist/es6/ej2-lists.es5.js.map +1 -1
  9. package/dist/global/ej2-lists.min.js +2 -2
  10. package/dist/global/ej2-lists.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -9
  13. package/src/common/list-base.d.ts +0 -6
  14. package/src/common/list-base.js +1 -1
  15. package/src/list-view/list-view-model.d.ts +7 -7
  16. package/src/list-view/list-view.d.ts +6 -6
  17. package/src/list-view/list-view.js +9 -18
  18. package/src/list-view/virtualization.d.ts +3 -3
  19. package/src/list-view/virtualization.js +101 -218
  20. package/styles/list-view/bootstrap-dark.scss +1 -1
  21. package/styles/list-view/bootstrap.scss +1 -1
  22. package/styles/list-view/bootstrap4.scss +1 -1
  23. package/styles/list-view/bootstrap5-dark.scss +1 -1
  24. package/styles/list-view/bootstrap5.scss +1 -1
  25. package/styles/list-view/fabric-dark.scss +1 -1
  26. package/styles/list-view/fabric.scss +1 -1
  27. package/styles/list-view/fluent-dark.scss +1 -1
  28. package/styles/list-view/fluent.scss +1 -1
  29. package/styles/list-view/highcontrast-light.scss +1 -1
  30. package/styles/list-view/highcontrast.scss +1 -1
  31. package/styles/list-view/material-dark.css +0 -1
  32. package/styles/list-view/material-dark.scss +1 -1
  33. package/styles/list-view/material.css +0 -1
  34. package/styles/list-view/material.scss +1 -1
  35. package/styles/list-view/material3-dark.css +0 -1
  36. package/styles/list-view/material3-dark.scss +1 -1
  37. package/styles/list-view/material3.css +0 -1
  38. package/styles/list-view/material3.scss +1 -1
  39. package/styles/list-view/tailwind-dark.css +0 -1
  40. package/styles/list-view/tailwind-dark.scss +1 -1
  41. package/styles/list-view/tailwind.css +0 -1
  42. package/styles/list-view/tailwind.scss +1 -1
  43. package/styles/material-dark.css +0 -1
  44. package/styles/material.css +0 -1
  45. package/styles/material3-dark.css +0 -1
  46. package/styles/material3-dark.scss +1 -1
  47. package/styles/material3.css +0 -1
  48. package/styles/material3.scss +1 -1
  49. package/styles/sortable/bootstrap-dark.scss +1 -1
  50. package/styles/sortable/bootstrap.scss +1 -1
  51. package/styles/sortable/bootstrap4.scss +1 -1
  52. package/styles/sortable/bootstrap5-dark.scss +1 -1
  53. package/styles/sortable/bootstrap5.scss +1 -1
  54. package/styles/sortable/fabric-dark.scss +1 -1
  55. package/styles/sortable/fabric.scss +1 -1
  56. package/styles/sortable/fluent-dark.scss +1 -1
  57. package/styles/sortable/fluent.scss +1 -1
  58. package/styles/sortable/highcontrast-light.scss +1 -1
  59. package/styles/sortable/highcontrast.scss +1 -1
  60. package/styles/sortable/material-dark.css +0 -1
  61. package/styles/sortable/material-dark.scss +1 -1
  62. package/styles/sortable/material.css +0 -1
  63. package/styles/sortable/material.scss +1 -1
  64. package/styles/sortable/material3-dark.css +0 -1
  65. package/styles/sortable/material3-dark.scss +1 -1
  66. package/styles/sortable/material3.css +0 -1
  67. package/styles/sortable/material3.scss +1 -1
  68. package/styles/sortable/tailwind-dark.css +0 -1
  69. package/styles/sortable/tailwind-dark.scss +1 -1
  70. package/styles/sortable/tailwind.css +0 -1
  71. package/styles/sortable/tailwind.scss +1 -1
  72. package/styles/tailwind-dark.css +0 -2
  73. package/styles/tailwind.css +0 -2
package/styles/list-view/bootstrap.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
3
3
  @import 'bootstrap-definition.scss';
4
4
  @import 'icons/bootstrap.scss';
package/styles/list-view/bootstrap4.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
3
3
  @import 'bootstrap4-definition.scss';
4
4
  @import 'icons/bootstrap4.scss';
package/styles/list-view/bootstrap5-dark.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
3
3
  @import 'bootstrap5-dark-definition.scss';
4
4
  @import 'icons/bootstrap5-dark.scss';
package/styles/list-view/bootstrap5.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
3
3
  @import 'bootstrap5-definition.scss';
4
4
  @import 'icons/bootstrap5.scss';
package/styles/list-view/fabric-dark.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
3
3
  @import 'fabric-dark-definition.scss';
4
4
  @import 'icons/fabric-dark.scss';
package/styles/list-view/fabric.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'ej2-buttons/styles/check-box/fabric-definition.scss';
3
3
  @import 'fabric-definition.scss';
4
4
  @import 'icons/fabric.scss';
package/styles/list-view/fluent-dark.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
3
3
  @import 'fluent-dark-definition.scss';
4
4
  @import 'icons/fluent-dark.scss';
package/styles/list-view/fluent.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'ej2-buttons/styles/check-box/fluent-definition.scss';
3
3
  @import 'fluent-definition.scss';
4
4
  @import 'icons/fluent.scss';
package/styles/list-view/highcontrast-light.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
3
3
  @import 'highcontrast-light-definition.scss';
4
4
  @import 'icons/highcontrast-light.scss';
package/styles/list-view/highcontrast.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
3
3
  @import 'highcontrast-definition.scss';
4
4
  @import 'icons/highcontrast.scss';
package/styles/list-view/material-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-listview .e-icon-collapsible::before {
3
2
  content: "\e913";
4
3
  }
package/styles/list-view/material-dark.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
3
3
  @import 'material-dark-definition.scss';
4
4
  @import 'icons/material-dark.scss';
package/styles/list-view/material.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-icon-collapsible::before {
3
2
  content: "\e913";
4
3
  }
package/styles/list-view/material.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'ej2-buttons/styles/check-box/material-definition.scss';
3
3
  @import 'material-definition.scss';
4
4
  @import 'icons/material.scss';
package/styles/list-view/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/list-view/material3-dark.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-buttons/styles/check-box/material3-dark-definition.scss';
4
4
  @import 'material3-dark-definition.scss';
package/styles/list-view/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/list-view/material3.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-buttons/styles/check-box/material3-definition.scss';
4
4
  @import 'material3-definition.scss';
package/styles/list-view/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
  .e-icon-collapsible::before {
3
2
  content: "\e748";
4
3
  }
package/styles/list-view/tailwind-dark.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'ej2-buttons/styles/check-box/tailwind-dark-definition.scss';
3
3
  @import 'tailwind-dark-definition.scss';
4
4
  @import 'icons/tailwind-dark.scss';
package/styles/list-view/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
  .e-icon-collapsible::before {
3
2
  content: "\e748";
4
3
  }
package/styles/list-view/tailwind.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'ej2-buttons/styles/check-box/tailwind-definition.scss';
3
3
  @import 'tailwind-definition.scss';
4
4
  @import 'icons/tailwind.scss';
package/styles/material-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-listview .e-icon-collapsible::before {
3
2
  content: "\e913";
4
3
  }
package/styles/material.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-icon-collapsible::before {
3
2
  content: "\e913";
4
3
  }
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");
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
  }