@syncfusion/ej2-lists 28.2.3 → 29.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 (35) hide show
  1. package/README.md +4 -8
  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 +2 -2
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +2 -2
  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 +18 -22
  13. package/src/sortable/sortable.js +2 -2
  14. package/styles/bootstrap-dark-lite.css +1 -1
  15. package/styles/bootstrap-dark.css +1 -1
  16. package/styles/bootstrap4-lite.css +1 -1
  17. package/styles/bootstrap4.css +1 -1
  18. package/styles/bootstrap5-dark-lite.css +11 -11
  19. package/styles/bootstrap5-dark.css +12 -12
  20. package/styles/fabric-dark-lite.css +1 -1
  21. package/styles/fabric-dark.css +1 -1
  22. package/styles/fabric-lite.css +2 -2
  23. package/styles/fabric.css +2 -2
  24. package/styles/fluent-dark.css +2 -2
  25. package/styles/fluent.css +2 -2
  26. package/styles/list-view/_bootstrap-dark-definition.scss +3 -1
  27. package/styles/list-view/_bootstrap4-definition.scss +3 -1
  28. package/styles/list-view/_fluent-definition.scss +2 -2
  29. package/styles/list-view/bootstrap-dark.css +1 -1
  30. package/styles/list-view/bootstrap4.css +1 -1
  31. package/styles/list-view/bootstrap5-dark.css +12 -12
  32. package/styles/list-view/fabric-dark.css +1 -1
  33. package/styles/list-view/fabric.css +2 -2
  34. package/styles/list-view/fluent-dark.css +2 -2
  35. package/styles/list-view/fluent.css +2 -2
package/dist/global/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 28.2.3
3
+ * version : 29.1.33
4
4
  * Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,24 +1,22 @@
1
1
  {
2
- "_from": "@syncfusion/ej2-lists@*",
3
- "_id": "@syncfusion/ej2-lists@28.1.37",
2
+ "_from": "@syncfusion/ej2-lists@~29.1.33",
3
+ "_id": "@syncfusion/ej2-lists@29.1.33",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-F3XtJcn5MPMsviyoDOPZm1tRkRfHFiXK0j5JJshg6tjULETxbsMeq6GwtZ3PO4zQYFVEPOz59VGdXTREVwOZhQ==",
5
+ "_integrity": "sha512-KF3pD4otqHOz0ipAaWuux5/WQctaxc1aBgPeUNht6KEmrjT5ZlGmVe7aQVgm5siYfwom3CaZJCQkA8qvoe6SpQ==",
6
6
  "_location": "/@syncfusion/ej2-lists",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
9
9
  "type": "range",
10
10
  "registry": true,
11
- "raw": "@syncfusion/ej2-lists@*",
11
+ "raw": "@syncfusion/ej2-lists@~29.1.33",
12
12
  "name": "@syncfusion/ej2-lists",
13
13
  "escapedName": "@syncfusion%2fej2-lists",
14
14
  "scope": "@syncfusion",
15
- "rawSpec": "*",
15
+ "rawSpec": "~29.1.33",
16
16
  "saveSpec": null,
17
- "fetchSpec": "*"
17
+ "fetchSpec": "~29.1.33"
18
18
  },
19
19
  "_requiredBy": [
20
- "/",
21
- "/@syncfusion/ej2",
22
20
  "/@syncfusion/ej2-angular-lists",
23
21
  "/@syncfusion/ej2-calendars",
24
22
  "/@syncfusion/ej2-diagrams",
@@ -26,33 +24,32 @@
26
24
  "/@syncfusion/ej2-filemanager",
27
25
  "/@syncfusion/ej2-gantt",
28
26
  "/@syncfusion/ej2-grids",
29
- "/@syncfusion/ej2-inplace-editor",
30
27
  "/@syncfusion/ej2-navigations",
31
- "/@syncfusion/ej2-pdfviewer",
32
28
  "/@syncfusion/ej2-pivotview",
33
29
  "/@syncfusion/ej2-react-lists",
34
30
  "/@syncfusion/ej2-ribbon",
35
31
  "/@syncfusion/ej2-schedule",
36
32
  "/@syncfusion/ej2-vue-lists"
37
33
  ],
38
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-28.1.37.tgz",
39
- "_shasum": "9da744980db16cabc444ab6087cab6e128ad68be",
40
- "_spec": "@syncfusion/ej2-lists@*",
41
- "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
34
+ "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-lists/-/ej2-lists-29.1.33.tgz",
35
+ "_shasum": "5aac2e3b72e13b4ade890e47f8721007c422ddb8",
36
+ "_spec": "@syncfusion/ej2-lists@~29.1.33",
37
+ "_where": "E:\\march2025\\memory-leaks\\node_modules\\@syncfusion\\ej2-diagrams",
42
38
  "author": {
43
39
  "name": "Syncfusion Inc."
44
40
  },
45
41
  "bundleDependencies": false,
46
42
  "dependencies": {
47
- "@syncfusion/ej2-base": "~28.2.3",
48
- "@syncfusion/ej2-buttons": "~28.2.3",
49
- "@syncfusion/ej2-data": "~28.2.3",
50
- "@syncfusion/ej2-popups": "~28.2.3"
43
+ "@syncfusion/ej2-base": "~29.1.33",
44
+ "@syncfusion/ej2-buttons": "~29.1.33",
45
+ "@syncfusion/ej2-data": "~29.1.33",
46
+ "@syncfusion/ej2-popups": "~29.1.33"
51
47
  },
52
48
  "deprecated": false,
53
49
  "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
54
50
  "devDependencies": {},
55
51
  "es2015": "./dist/es6/ej2-lists.es5.js",
52
+ "homepage": "https://www.syncfusion.com/javascript-ui-controls",
56
53
  "keywords": [
57
54
  "ej2",
58
55
  "Syncfusion",
@@ -86,8 +83,7 @@
86
83
  "type": "git",
87
84
  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
88
85
  },
89
- "typings": "index.d.ts",
90
- "version": "28.2.3",
91
86
  "sideEffects": false,
92
- "homepage": "https://www.syncfusion.com/javascript-ui-controls"
93
- }
87
+ "typings": "index.d.ts",
88
+ "version": "29.1.34"
89
+ }
package/src/sortable/sortable.js CHANGED
@@ -339,8 +339,8 @@ var Sortable = /** @class */ (function (_super) {
339
339
  return closest(element, "." + instance.itemClass);
340
340
  };
341
341
  Sortable.prototype.queryPositionInfo = function (value) {
342
- value.left = pageXOffset ? parseFloat(value.left) - pageXOffset + "px" : value.left;
343
- value.top = pageYOffset ? parseFloat(value.top) - pageYOffset + "px" : value.top;
342
+ value.left = scrollX ? parseFloat(value.left) - scrollX + "px" : value.left;
343
+ value.top = scrollY ? parseFloat(value.top) - scrollY + "px" : value.top;
344
344
  return value;
345
345
  };
346
346
  Sortable.prototype.isPlaceHolderPresent = function (instance) {
package/styles/bootstrap-dark-lite.css CHANGED
@@ -251,7 +251,7 @@
251
251
 
252
252
  .e-listview .e-list-group-item {
253
253
  background-color: #1a1a1a;
254
- color: #3e98ff;
254
+ color: rgb(61.5, 151.8, 255);
255
255
  border-color: #414141;
256
256
  font-size: 14px;
257
257
  }
package/styles/bootstrap-dark.css CHANGED
@@ -251,7 +251,7 @@
251
251
 
252
252
  .e-listview .e-list-group-item {
253
253
  background-color: #1a1a1a;
254
- color: #3e98ff;
254
+ color: rgb(61.5, 151.8, 255);
255
255
  border-color: #414141;
256
256
  font-size: 14px;
257
257
  }
package/styles/bootstrap4-lite.css CHANGED
@@ -228,7 +228,7 @@
228
228
  color: #212529;
229
229
  }
230
230
  .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
231
- background-color: #e9ecef;
231
+ background-color: rgb(233.125, 236.25, 239.375);
232
232
  color: #212529;
233
233
  border-color: transparent;
234
234
  }
package/styles/bootstrap4.css CHANGED
@@ -228,7 +228,7 @@
228
228
  color: #212529;
229
229
  }
230
230
  .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
231
- background-color: #e9ecef;
231
+ background-color: rgb(233.125, 236.25, 239.375);
232
232
  color: #212529;
233
233
  border-color: transparent;
234
234
  }
package/styles/bootstrap5-dark-lite.css CHANGED
@@ -74,7 +74,7 @@
74
74
  }
75
75
 
76
76
  .e-listview .e-list-group-item {
77
- border-bottom: 1px solid #444c54;
77
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
78
78
  border-top: 0 solid;
79
79
  height: 36px;
80
80
  line-height: 20px;
@@ -86,7 +86,7 @@
86
86
  }
87
87
  .e-listview .e-list-group-item:first-child {
88
88
  border: 0;
89
- border-bottom: 1px solid #444c54;
89
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
90
90
  }
91
91
 
92
92
  .e-listview .e-icon-collapsible {
@@ -204,14 +204,14 @@
204
204
  }
205
205
 
206
206
  .e-listview {
207
- border-color: #444c54;
207
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
208
208
  font-family: 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";
209
209
  font-size: 14px;
210
210
  }
211
211
  .e-listview .e-list-header {
212
212
  background-color: transparent;
213
- color: #7b848d;
214
- border-color: #444c54;
213
+ color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
214
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
215
215
  font-size: 12px;
216
216
  }
217
217
 
@@ -226,7 +226,7 @@
226
226
  }
227
227
 
228
228
  .e-listview .e-list-item {
229
- border-bottom: 1px solid #444c54;
229
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
230
230
  border-left: 0 solid transparent;
231
231
  border-right: 0 solid transparent;
232
232
  border-top: 0 solid transparent;
@@ -234,9 +234,9 @@
234
234
  color: #fff;
235
235
  }
236
236
  .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
237
- background-color: #31373d;
237
+ background-color: rgb(48.9202702703, 54.85, 60.7797297297);
238
238
  color: #fff;
239
- border-color: #444c54;
239
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
240
240
  }
241
241
  .e-listview .e-list-item.e-active {
242
242
  background-color: #0d6efd;
@@ -258,8 +258,8 @@
258
258
 
259
259
  .e-listview .e-list-group-item {
260
260
  background-color: transparent;
261
- color: #7b848d;
262
- border-color: #444c54;
261
+ color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
262
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
263
263
  font-size: 12px;
264
264
  }
265
265
 
@@ -293,7 +293,7 @@
293
293
  white-space: nowrap;
294
294
  }
295
295
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
296
- color: #7b848d;
296
+ color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
297
297
  display: block;
298
298
  font-size: 14px;
299
299
  font-weight: 400;
package/styles/bootstrap5-dark.css CHANGED
@@ -74,7 +74,7 @@
74
74
  }
75
75
 
76
76
  .e-listview .e-list-group-item {
77
- border-bottom: 1px solid #444c54;
77
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
78
78
  border-top: 0 solid;
79
79
  height: 36px;
80
80
  line-height: 20px;
@@ -86,7 +86,7 @@
86
86
  }
87
87
  .e-listview .e-list-group-item:first-child {
88
88
  border: 0;
89
- border-bottom: 1px solid #444c54;
89
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
90
90
  }
91
91
 
92
92
  .e-listview .e-icon-collapsible {
@@ -204,14 +204,14 @@
204
204
  }
205
205
 
206
206
  .e-listview {
207
- border-color: #444c54;
207
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
208
208
  font-family: 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";
209
209
  font-size: 14px;
210
210
  }
211
211
  .e-listview .e-list-header {
212
212
  background-color: transparent;
213
- color: #7b848d;
214
- border-color: #444c54;
213
+ color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
214
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
215
215
  font-size: 12px;
216
216
  }
217
217
 
@@ -226,7 +226,7 @@
226
226
  }
227
227
 
228
228
  .e-listview .e-list-item {
229
- border-bottom: 1px solid #444c54;
229
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
230
230
  border-left: 0 solid transparent;
231
231
  border-right: 0 solid transparent;
232
232
  border-top: 0 solid transparent;
@@ -234,9 +234,9 @@
234
234
  color: #fff;
235
235
  }
236
236
  .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
237
- background-color: #31373d;
237
+ background-color: rgb(48.9202702703, 54.85, 60.7797297297);
238
238
  color: #fff;
239
- border-color: #444c54;
239
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
240
240
  }
241
241
  .e-listview .e-list-item.e-active {
242
242
  background-color: #0d6efd;
@@ -258,8 +258,8 @@
258
258
 
259
259
  .e-listview .e-list-group-item {
260
260
  background-color: transparent;
261
- color: #7b848d;
262
- border-color: #444c54;
261
+ color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
262
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
263
263
  font-size: 12px;
264
264
  }
265
265
 
@@ -293,7 +293,7 @@
293
293
  white-space: nowrap;
294
294
  }
295
295
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
296
- color: #7b848d;
296
+ color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
297
297
  display: block;
298
298
  font-size: 14px;
299
299
  font-weight: 400;
@@ -409,7 +409,7 @@
409
409
 
410
410
  .e-bigger .e-listview .e-list-item,
411
411
  .e-listview.e-bigger .e-list-item {
412
- border-bottom: 1px solid #444c54;
412
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
413
413
  border-left: 0 solid transparent;
414
414
  border-right: 0 solid transparent;
415
415
  border-top: 0 solid transparent;
package/styles/fabric-dark-lite.css CHANGED
@@ -251,7 +251,7 @@
251
251
 
252
252
  .e-listview .e-list-group-item {
253
253
  background-color: #201f1f;
254
- color: #38a9ff;
254
+ color: rgb(0, 55.1, 96.9);
255
255
  border-color: #414040;
256
256
  font-size: 14px;
257
257
  }
package/styles/fabric-dark.css CHANGED
@@ -251,7 +251,7 @@
251
251
 
252
252
  .e-listview .e-list-group-item {
253
253
  background-color: #201f1f;
254
- color: #38a9ff;
254
+ color: rgb(0, 55.1, 96.9);
255
255
  border-color: #414040;
256
256
  font-size: 14px;
257
257
  }
package/styles/fabric-lite.css CHANGED
@@ -233,7 +233,7 @@
233
233
  border-color: transparent;
234
234
  }
235
235
  .e-listview .e-list-item.e-active {
236
- background-color: #d1ebff;
236
+ background-color: rgb(208.9, 234.7504672897, 255);
237
237
  color: #333;
238
238
  }
239
239
  .e-listview .e-list-item.e-active.e-checklist {
@@ -241,7 +241,7 @@
241
241
  color: #333;
242
242
  }
243
243
  .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
244
- background-color: #d1ebff;
244
+ background-color: rgb(208.9, 234.7504672897, 255);
245
245
  color: #333;
246
246
  }
247
247
  .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
package/styles/fabric.css CHANGED
@@ -233,7 +233,7 @@
233
233
  border-color: transparent;
234
234
  }
235
235
  .e-listview .e-list-item.e-active {
236
- background-color: #d1ebff;
236
+ background-color: rgb(208.9, 234.7504672897, 255);
237
237
  color: #333;
238
238
  }
239
239
  .e-listview .e-list-item.e-active.e-checklist {
@@ -241,7 +241,7 @@
241
241
  color: #333;
242
242
  }
243
243
  .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
244
- background-color: #d1ebff;
244
+ background-color: rgb(208.9, 234.7504672897, 255);
245
245
  color: #333;
246
246
  }
247
247
  .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
package/styles/fluent-dark.css CHANGED
@@ -459,11 +459,11 @@
459
459
  }
460
460
  .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
461
461
  .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
462
- padding: 12px 16px;
462
+ padding: 10px 16px 10px 68px;
463
463
  }
464
464
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
465
465
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
466
- padding: 8px 4px;
466
+ padding: 6px 16px 6px 68px;
467
467
  }
468
468
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
469
469
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
package/styles/fluent.css CHANGED
@@ -459,11 +459,11 @@
459
459
  }
460
460
  .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
461
461
  .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
462
- padding: 12px 16px;
462
+ padding: 10px 16px 10px 68px;
463
463
  }
464
464
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
465
465
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
466
- padding: 8px 4px;
466
+ padding: 6px 16px 6px 68px;
467
467
  }
468
468
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
469
469
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
package/styles/list-view/_bootstrap-dark-definition.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'sass:color';
2
+
1
3
  //default
2
4
  $listview-font-family: $font-family !default;
3
5
  $listview-text-color: rgba($grey-dark-font, 1) !default;
@@ -51,7 +53,7 @@ $listview-header-height: 40px !default;
51
53
  $listview-header-font-weight: bold !default;
52
54
  $listview-header-line-height: 1px !default;
53
55
  $listview-header-padding-bottom: 4px !default;
54
- $listview-groupheader-text-color: lighten($brand-primary, 15%) !default;
56
+ $listview-groupheader-text-color: color.adjust($brand-primary, $lightness: 15%) !default;
55
57
  $listview-groupheader-bg: $grey-base !default;
56
58
  $listview-groupheader-border: $grey-44 !default;
57
59
  $listview-groupheader-icon: $grey-dark-font !default;
package/styles/list-view/_bootstrap4-definition.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'sass:color';
2
+
1
3
  $listview-font-family: $font-family !default;
2
4
  $listview-text-color: rgba($gray-900, 1) !default;
3
5
  $listview-text-disabled: $gray-600 !default;
@@ -9,7 +11,7 @@ $listview-icon-back-margin: 0 !default;
9
11
  $listview-rtl-icon-back-margin: 0 !default;
10
12
  $listview-background: $content-bg !default;
11
13
  $listview-line-color: rgba($black, .13) !default;
12
- $listview-item-hover-bg: darken($gray-100, 5%) !default;
14
+ $listview-item-hover-bg: color.adjust($gray-100, $lightness: -5%) !default;
13
15
  $listview-item-height: 40px !default;
14
16
  $listview-item-line-height: 1.6 !default;
15
17
  $listview-item-padding: 8px 16px 8px 16px !default;
package/styles/list-view/_fluent-definition.scss CHANGED
@@ -55,7 +55,7 @@ $listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
55
55
  //ListView In-built template variables
56
56
  $listview-template-touch-font-size: $text-base !default;
57
57
  $listview-template-padding: 10px 16px !default;
58
- $listview-template-touch-padding: 12px 16px !default;
58
+ $listview-template-touch-padding: 10px 16px 10px 68px !default;
59
59
  $listview-template-avatar-padding-right: 16px !default;
60
60
  $listview-template-avatar-padding-left: 68px !default;
61
61
  $listview-template-avatar-rightposition-padding-right: 68px !default;
@@ -81,7 +81,7 @@ $listview-template-multiline-header-padding: 0 !default;
81
81
  $listview-template-multiline-content-padding: 2px 0 0 0 !default;
82
82
  $listview-template-multiline-header-font-size: $text-sm !default;
83
83
  $listview-template-multiline-padding: 6px 4px !default;
84
- $listview-template-multiline-touch-padding: 8px 4px !default;
84
+ $listview-template-multiline-touch-padding: 6px 16px 6px 68px !default;
85
85
  $listview-template-multiline-content-font-size: $text-xs !default;
86
86
  $listview-template-multiline-avatar-top: 0 !default;
87
87
  $listview-touch-template-padding: 12px 16px !default;
package/styles/list-view/bootstrap-dark.css CHANGED
@@ -251,7 +251,7 @@
251
251
 
252
252
  .e-listview .e-list-group-item {
253
253
  background-color: #1a1a1a;
254
- color: #3e98ff;
254
+ color: rgb(61.5, 151.8, 255);
255
255
  border-color: #414141;
256
256
  font-size: 14px;
257
257
  }
package/styles/list-view/bootstrap4.css CHANGED
@@ -228,7 +228,7 @@
228
228
  color: #212529;
229
229
  }
230
230
  .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
231
- background-color: #e9ecef;
231
+ background-color: rgb(233.125, 236.25, 239.375);
232
232
  color: #212529;
233
233
  border-color: transparent;
234
234
  }
package/styles/list-view/bootstrap5-dark.css CHANGED
@@ -74,7 +74,7 @@
74
74
  }
75
75
 
76
76
  .e-listview .e-list-group-item {
77
- border-bottom: 1px solid #444c54;
77
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
78
78
  border-top: 0 solid;
79
79
  height: 36px;
80
80
  line-height: 20px;
@@ -86,7 +86,7 @@
86
86
  }
87
87
  .e-listview .e-list-group-item:first-child {
88
88
  border: 0;
89
- border-bottom: 1px solid #444c54;
89
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
90
90
  }
91
91
 
92
92
  .e-listview .e-icon-collapsible {
@@ -204,14 +204,14 @@
204
204
  }
205
205
 
206
206
  .e-listview {
207
- border-color: #444c54;
207
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
208
208
  font-family: 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";
209
209
  font-size: 14px;
210
210
  }
211
211
  .e-listview .e-list-header {
212
212
  background-color: transparent;
213
- color: #7b848d;
214
- border-color: #444c54;
213
+ color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
214
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
215
215
  font-size: 12px;
216
216
  }
217
217
 
@@ -226,7 +226,7 @@
226
226
  }
227
227
 
228
228
  .e-listview .e-list-item {
229
- border-bottom: 1px solid #444c54;
229
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
230
230
  border-left: 0 solid transparent;
231
231
  border-right: 0 solid transparent;
232
232
  border-top: 0 solid transparent;
@@ -234,9 +234,9 @@
234
234
  color: #fff;
235
235
  }
236
236
  .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
237
- background-color: #31373d;
237
+ background-color: rgb(48.9202702703, 54.85, 60.7797297297);
238
238
  color: #fff;
239
- border-color: #444c54;
239
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
240
240
  }
241
241
  .e-listview .e-list-item.e-active {
242
242
  background-color: #0d6efd;
@@ -258,8 +258,8 @@
258
258
 
259
259
  .e-listview .e-list-group-item {
260
260
  background-color: transparent;
261
- color: #7b848d;
262
- border-color: #444c54;
261
+ color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
262
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
263
263
  font-size: 12px;
264
264
  }
265
265
 
@@ -293,7 +293,7 @@
293
293
  white-space: nowrap;
294
294
  }
295
295
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
296
- color: #7b848d;
296
+ color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
297
297
  display: block;
298
298
  font-size: 14px;
299
299
  font-weight: 400;
@@ -409,7 +409,7 @@
409
409
 
410
410
  .e-bigger .e-listview .e-list-item,
411
411
  .e-listview.e-bigger .e-list-item {
412
- border-bottom: 1px solid #444c54;
412
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
413
413
  border-left: 0 solid transparent;
414
414
  border-right: 0 solid transparent;
415
415
  border-top: 0 solid transparent;
package/styles/list-view/fabric-dark.css CHANGED
@@ -251,7 +251,7 @@
251
251
 
252
252
  .e-listview .e-list-group-item {
253
253
  background-color: #201f1f;
254
- color: #38a9ff;
254
+ color: rgb(0, 55.1, 96.9);
255
255
  border-color: #414040;
256
256
  font-size: 14px;
257
257
  }
package/styles/list-view/fabric.css CHANGED
@@ -233,7 +233,7 @@
233
233
  border-color: transparent;
234
234
  }
235
235
  .e-listview .e-list-item.e-active {
236
- background-color: #d1ebff;
236
+ background-color: rgb(208.9, 234.7504672897, 255);
237
237
  color: #333;
238
238
  }
239
239
  .e-listview .e-list-item.e-active.e-checklist {
@@ -241,7 +241,7 @@
241
241
  color: #333;
242
242
  }
243
243
  .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
244
- background-color: #d1ebff;
244
+ background-color: rgb(208.9, 234.7504672897, 255);
245
245
  color: #333;
246
246
  }
247
247
  .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
package/styles/list-view/fluent-dark.css CHANGED
@@ -459,11 +459,11 @@
459
459
  }
460
460
  .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
461
461
  .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
462
- padding: 12px 16px;
462
+ padding: 10px 16px 10px 68px;
463
463
  }
464
464
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
465
465
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
466
- padding: 8px 4px;
466
+ padding: 6px 16px 6px 68px;
467
467
  }
468
468
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
469
469
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
package/styles/list-view/fluent.css CHANGED
@@ -459,11 +459,11 @@
459
459
  }
460
460
  .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
461
461
  .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
462
- padding: 12px 16px;
462
+ padding: 10px 16px 10px 68px;
463
463
  }
464
464
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
465
465
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
466
- padding: 8px 4px;
466
+ padding: 6px 16px 6px 68px;
467
467
  }
468
468
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
469
469
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {