@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/CHANGELOG.md CHANGED
@@ -4,43 +4,29 @@
4
4
 
5
5
  ### ListView
6
6
 
7
- #### Bug Fixes
8
-
9
- - `#I488100` `#F45810`- Facing a console error when clicking in an empty ListView component has been resolved.
10
-
11
- ## 22.2.8 (2023-08-08)
12
-
13
- ### ListBox
14
-
15
- #### Bug Fixes
16
-
17
- - `#F44817` - Issue with "Dragged item may be one that is adjacent to the item over which mouse down occurred in listbox." has been resolved.
18
-
19
- ## 22.2.5 (2023-07-27)
20
-
21
- ### ListView
22
-
23
- #### Bug Fixes
24
-
25
- - `#I481465` - Resolved the `enableHtmlSanitizer` property issue in the ListView component.
26
-
27
- ## 22.1.34 (2023-06-21)
28
-
29
- ### ListView
7
+ #### Breaking Changes
30
8
 
31
- #### Bug Fixes
9
+ - Using a ternary operator within the string-type template is not supported and we suggest using a function type template in ListView. Refer to the below code for example
32
10
 
33
- - `#I463091` - Resolved the CSS override issue of `e-content` class name with other components and changed the `e-content` class name into `e-list-container`.
11
+ **Previous**
34
12
 
35
- ## 21.2.9 (2023-06-06)
13
+ ```typescript
36
14
 
37
- ### ListView
15
+ let template: string = '<div class="e-list-wrapper e-list-avatar" id = ${id}>' +
16
+ '<span class="e-list-content">${name} ${$imgUrl ? $imgUrl : \'no image\' }</span></div>';
17
+ ```
38
18
 
39
- #### Bug Fixes
19
+ **Now**
40
20
 
41
- - `#I466565` - The console error in the nested ListView component sample has been resolved.
21
+ ```typescript
42
22
 
43
- ## 21.2.6 (2023-05-23)
23
+ // data denotes the template data of each nodes from ListView data.
24
+ let template: Function = (data: any) => {
25
+ let result = `<div class="e-list-wrapper e-list-avatar" id = "${data.id}">`+
26
+ `<span class="e-list-content">${data.name} ${data.imgUrl ? data.imgUrl : 'no image' }</span></div>`;
27
+ return result;
28
+ }
29
+ ```
44
30
 
45
31
  ### ListBox
46
32
 
@@ -48,35 +34,13 @@
48
34
 
49
35
  - `#I461648` - Issue with "Drag and drop on mobile browsers, it unable to drag an element to the topmost place in list box component" has been resolved.
50
36
 
51
- ## 21.1.41 (2023-04-18)
52
-
53
- ### ListBox
54
-
55
- #### Bug Fixes
56
-
57
- - `#F181131` - Issue with "No Record Found text disappears while hovering the drag item on list box without drop" has been resolved.
58
-
59
- ### ListView
60
-
61
- #### Bug Fixes
62
-
63
- - `#I447633` - An issue with the primary button styles of the e-icons in the ListView component has been resolved.
64
-
65
- ## 21.1.39 (2023-04-11)
66
-
67
- ### ListBox
68
-
69
- #### Bug Fixes
70
-
71
- - Issue with Dragging the ListBox item when the end-user pressed the Escape key and the drag operation should be cancelled has been fixed.
72
-
73
37
  ### ListView
74
38
 
75
39
  #### Bug Fixes
76
40
 
77
- - `#I452079` - Resolved detached elements memory leak issue in the ListView component.
41
+ - `#I463091` - Resolved the CSS override issue in the ListView component, and changed the `e-content` class name into `e-list-container`.
78
42
 
79
- ## 21.1.35 (2023-03-23)
43
+ ## 19.3.43 (2021-09-30)
80
44
 
81
45
  ### ListView
82
46