@syncfusion/ej2-lists 21.2.9 → 22.1.34

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 (69) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +8 -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 +4 -4
  7. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  8. package/dist/es6/ej2-lists.es5.js +4 -4
  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 +8 -8
  14. package/src/common/list-base.d.ts +11 -5
  15. package/src/common/list-base.js +1 -1
  16. package/src/list-view/list-view-model.d.ts +9 -0
  17. package/src/list-view/list-view.d.ts +23 -31
  18. package/src/list-view/list-view.js +2 -2
  19. package/src/list-view/virtualization.js +1 -1
  20. package/src/sortable/sortable-model.d.ts +1 -1
  21. package/styles/bootstrap-dark.css +1 -1
  22. package/styles/bootstrap.css +1 -1
  23. package/styles/bootstrap4.css +1 -1
  24. package/styles/bootstrap5-dark.css +1 -1
  25. package/styles/bootstrap5.css +1 -1
  26. package/styles/fabric-dark.css +1 -1
  27. package/styles/fabric.css +1 -1
  28. package/styles/fluent-dark.css +1 -1
  29. package/styles/fluent.css +1 -1
  30. package/styles/highcontrast-light.css +1 -1
  31. package/styles/highcontrast.css +1 -1
  32. package/styles/list-view/_layout.scss +12 -1
  33. package/styles/list-view/_material3-dark-definition.scss +1 -0
  34. package/styles/list-view/_material3-definition.scss +134 -0
  35. package/styles/list-view/_theme.scss +13 -4
  36. package/styles/list-view/bootstrap-dark.css +1 -1
  37. package/styles/list-view/bootstrap.css +1 -1
  38. package/styles/list-view/bootstrap4.css +1 -1
  39. package/styles/list-view/bootstrap5-dark.css +1 -1
  40. package/styles/list-view/bootstrap5.css +1 -1
  41. package/styles/list-view/fabric-dark.css +1 -1
  42. package/styles/list-view/fabric.css +1 -1
  43. package/styles/list-view/fluent-dark.css +1 -1
  44. package/styles/list-view/fluent.css +1 -1
  45. package/styles/list-view/highcontrast-light.css +1 -1
  46. package/styles/list-view/highcontrast.css +1 -1
  47. package/styles/list-view/icons/_material3-dark.scss +1 -0
  48. package/styles/list-view/material-dark.css +1 -1
  49. package/styles/list-view/material.css +1 -1
  50. package/styles/list-view/material3-dark.css +516 -0
  51. package/styles/list-view/material3-dark.scss +6 -0
  52. package/styles/list-view/material3.css +572 -0
  53. package/styles/list-view/material3.scss +6 -0
  54. package/styles/list-view/tailwind-dark.css +1 -1
  55. package/styles/list-view/tailwind.css +1 -1
  56. package/styles/material-dark.css +1 -1
  57. package/styles/material.css +1 -1
  58. package/styles/material3-dark.css +544 -0
  59. package/styles/material3-dark.scss +4 -0
  60. package/styles/material3.css +600 -0
  61. package/styles/material3.scss +4 -0
  62. package/styles/sortable/_material3-dark-definition.scss +1 -0
  63. package/styles/sortable/_material3-definition.scss +1 -0
  64. package/styles/sortable/material3-dark.css +83 -0
  65. package/styles/sortable/material3-dark.scss +4 -0
  66. package/styles/sortable/material3.css +139 -0
  67. package/styles/sortable/material3.scss +4 -0
  68. package/styles/tailwind-dark.css +1 -1
  69. package/styles/tailwind.css +1 -1
package/dist/es6/ej2-lists.es5.js CHANGED
@@ -1015,7 +1015,7 @@ function getFieldValues(dataItem, fields) {
1015
1015
  function compileTemplate(template) {
1016
1016
  if (template) {
1017
1017
  try {
1018
- if (document.querySelector(template)) {
1018
+ if (typeof template !== 'function' && document.querySelector(template)) {
1019
1019
  return compile(document.querySelector(template).innerHTML.trim());
1020
1020
  }
1021
1021
  else {
@@ -1082,7 +1082,7 @@ var classNames = {
1082
1082
  headerTemplateText: 'e-headertemplate-text',
1083
1083
  text: 'e-text',
1084
1084
  disable: 'e-disabled',
1085
- content: 'e-content',
1085
+ container: 'e-list-container',
1086
1086
  icon: 'e-icons',
1087
1087
  backIcon: 'e-icon-back',
1088
1088
  backButton: 'e-back-button',
@@ -2404,7 +2404,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
2404
2404
  }
2405
2405
  else {
2406
2406
  this.createList();
2407
- this.contentContainer = this.createElement('div', { className: classNames.content });
2407
+ this.contentContainer = this.createElement('div', { className: classNames.container });
2408
2408
  this.element.appendChild(this.contentContainer);
2409
2409
  this.renderIntoDom(this.ulElement);
2410
2410
  // eslint-disable-next-line
@@ -3153,7 +3153,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
3153
3153
  this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(
3154
3154
  // eslint-disable-next-line
3155
3155
  this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
3156
- this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.content });
3156
+ this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.container });
3157
3157
  this.listViewInstance.element.appendChild(this.listViewInstance.contentContainer);
3158
3158
  this.listViewInstance.contentContainer.appendChild(this.listViewInstance.ulElement);
3159
3159
  this.listItemHeight = this.listViewInstance.ulElement.firstElementChild.getBoundingClientRect().height;