@syncfusion/ej2-lists 20.2.46 → 20.3.50

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 (108) hide show
  1. package/CHANGELOG.md +1 -9
  2. package/dist/ej2-lists.min.js +10 -0
  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 +13 -1
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +13 -1
  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/list-view/list-view.d.ts +1 -1
  14. package/src/list-view/list-view.js +13 -1
  15. package/styles/bootstrap-dark.css +6 -1
  16. package/styles/bootstrap.css +6 -1
  17. package/styles/bootstrap4.css +6 -1
  18. package/styles/bootstrap5-dark.css +6 -1
  19. package/styles/bootstrap5.css +6 -1
  20. package/styles/fabric-dark.css +6 -1
  21. package/styles/fabric.css +6 -1
  22. package/styles/fluent-dark.css +6 -1
  23. package/styles/fluent.css +6 -1
  24. package/styles/highcontrast-light.css +6 -1
  25. package/styles/highcontrast.css +6 -1
  26. package/styles/list-view/_all.scss +1 -1
  27. package/styles/list-view/_bootstrap-dark-definition.scss +2 -0
  28. package/styles/list-view/_bootstrap-definition.scss +1 -0
  29. package/styles/list-view/_bootstrap4-definition.scss +1 -0
  30. package/styles/list-view/_bootstrap5-definition.scss +3 -0
  31. package/styles/list-view/_fabric-dark-definition.scss +3 -1
  32. package/styles/list-view/_fabric-definition.scss +1 -0
  33. package/styles/list-view/_fluent-definition.scss +3 -0
  34. package/styles/list-view/_fusionnew-definition.scss +3 -0
  35. package/styles/list-view/_highcontrast-definition.scss +1 -0
  36. package/styles/list-view/_highcontrast-light-definition.scss +3 -1
  37. package/styles/list-view/_layout.scss +2 -2
  38. package/styles/list-view/_material-dark-definition.scss +2 -0
  39. package/styles/list-view/_material-definition.scss +1 -0
  40. package/styles/list-view/_material3-definition.scss +3 -0
  41. package/styles/list-view/_tailwind-definition.scss +3 -0
  42. package/styles/list-view/bootstrap-dark.css +1 -0
  43. package/styles/list-view/bootstrap.css +1 -0
  44. package/styles/list-view/bootstrap4.css +1 -0
  45. package/styles/list-view/bootstrap5-dark.css +1 -0
  46. package/styles/list-view/bootstrap5.css +1 -0
  47. package/styles/list-view/fabric-dark.css +1 -0
  48. package/styles/list-view/fabric.css +1 -0
  49. package/styles/list-view/fluent-dark.css +1 -0
  50. package/styles/list-view/fluent.css +1 -0
  51. package/styles/list-view/highcontrast-light.css +1 -0
  52. package/styles/list-view/highcontrast.css +1 -0
  53. package/styles/list-view/material-dark.css +1 -0
  54. package/styles/list-view/material.css +1 -0
  55. package/styles/list-view/tailwind-dark.css +1 -0
  56. package/styles/list-view/tailwind.css +1 -0
  57. package/styles/material-dark.css +6 -1
  58. package/styles/material.css +6 -1
  59. package/styles/sortable/_bootstrap-dark-definition.scss +1 -0
  60. package/styles/sortable/_bootstrap-definition.scss +1 -0
  61. package/styles/sortable/_bootstrap4-definition.scss +1 -0
  62. package/styles/sortable/_bootstrap5-dark-definition.scss +1 -0
  63. package/styles/sortable/_bootstrap5-definition.scss +1 -0
  64. package/styles/sortable/_fabric-dark-definition.scss +1 -0
  65. package/styles/sortable/_fabric-definition.scss +1 -0
  66. package/styles/sortable/_fluent-dark-definition.scss +1 -0
  67. package/styles/sortable/_fluent-definition.scss +1 -0
  68. package/styles/sortable/_fusionnew-definition.scss +1 -0
  69. package/styles/sortable/_highcontrast-definition.scss +1 -0
  70. package/styles/sortable/_highcontrast-light-definition.scss +1 -0
  71. package/styles/sortable/_layout.scss +2 -2
  72. package/styles/sortable/_material-dark-definition.scss +1 -0
  73. package/styles/sortable/_material-definition.scss +1 -0
  74. package/styles/sortable/_material3-definition.scss +1 -0
  75. package/styles/sortable/_tailwind-dark-definition.scss +1 -0
  76. package/styles/sortable/_tailwind-definition.scss +1 -0
  77. package/styles/sortable/bootstrap-dark.css +5 -1
  78. package/styles/sortable/bootstrap-dark.scss +1 -0
  79. package/styles/sortable/bootstrap.css +5 -1
  80. package/styles/sortable/bootstrap.scss +1 -0
  81. package/styles/sortable/bootstrap4.css +5 -1
  82. package/styles/sortable/bootstrap4.scss +1 -0
  83. package/styles/sortable/bootstrap5-dark.css +5 -1
  84. package/styles/sortable/bootstrap5-dark.scss +1 -0
  85. package/styles/sortable/bootstrap5.css +5 -1
  86. package/styles/sortable/bootstrap5.scss +1 -0
  87. package/styles/sortable/fabric-dark.css +5 -1
  88. package/styles/sortable/fabric-dark.scss +1 -0
  89. package/styles/sortable/fabric.css +5 -1
  90. package/styles/sortable/fabric.scss +1 -0
  91. package/styles/sortable/fluent-dark.css +5 -1
  92. package/styles/sortable/fluent-dark.scss +1 -0
  93. package/styles/sortable/fluent.css +5 -1
  94. package/styles/sortable/fluent.scss +1 -0
  95. package/styles/sortable/highcontrast-light.css +5 -1
  96. package/styles/sortable/highcontrast-light.scss +1 -0
  97. package/styles/sortable/highcontrast.css +5 -1
  98. package/styles/sortable/highcontrast.scss +1 -0
  99. package/styles/sortable/material-dark.css +5 -1
  100. package/styles/sortable/material-dark.scss +1 -0
  101. package/styles/sortable/material.css +5 -1
  102. package/styles/sortable/material.scss +1 -0
  103. package/styles/sortable/tailwind-dark.css +5 -1
  104. package/styles/sortable/tailwind-dark.scss +1 -0
  105. package/styles/sortable/tailwind.css +5 -1
  106. package/styles/sortable/tailwind.scss +1 -0
  107. package/styles/tailwind-dark.css +6 -1
  108. package/styles/tailwind.css +6 -1
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.2.46
3
+ * version : 20.3.50
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. 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,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-lists@*",
3
- "_id": "@syncfusion/ej2-lists@20.2.39",
3
+ "_id": "@syncfusion/ej2-lists@20.3.47",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-nOKgdsFypBthsRXdYIbGJ9NxUBXhDqPkNYjeH1SLqOaCGIoOuXTIRPHVKzsFDVyaalRnllT0q1LgmsFyWvZr+w==",
5
+ "_integrity": "sha512-YfsxlVZSwlmJPLDKEg2X0IdRZJV+4LKeWsENgUchVKQoZDSclRcK6JHte/t81/Dt0s5Wo/ft1/7dXapc/hDyDQ==",
6
6
  "_location": "/@syncfusion/ej2-lists",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -34,8 +34,8 @@
34
34
  "/@syncfusion/ej2-schedule",
35
35
  "/@syncfusion/ej2-vue-lists"
36
36
  ],
37
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-20.2.39.tgz",
38
- "_shasum": "f7270d02ba04d32d784565195d70e935dc1c0db7",
37
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-20.3.47.tgz",
38
+ "_shasum": "3c2ab01c399234ebc5a481d88296a08b991f7591",
39
39
  "_spec": "@syncfusion/ej2-lists@*",
40
40
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
41
41
  "author": {
@@ -43,14 +43,14 @@
43
43
  },
44
44
  "bundleDependencies": false,
45
45
  "dependencies": {
46
- "@syncfusion/ej2-base": "~20.2.46",
47
- "@syncfusion/ej2-buttons": "~20.2.46",
48
- "@syncfusion/ej2-data": "~20.2.45"
46
+ "@syncfusion/ej2-base": "~20.3.50",
47
+ "@syncfusion/ej2-buttons": "~20.3.50",
48
+ "@syncfusion/ej2-data": "~20.3.50"
49
49
  },
50
50
  "deprecated": false,
51
51
  "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.",
52
52
  "devDependencies": {},
53
- "es2015": "./dist/es6/ej2-lists.es2015.js",
53
+ "es2015": "./dist/es6/ej2-lists.es5.js",
54
54
  "keywords": [
55
55
  "ej2",
56
56
  "Syncfusion",
@@ -85,6 +85,6 @@
85
85
  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
86
86
  },
87
87
  "typings": "index.d.ts",
88
- "version": "20.2.46",
88
+ "version": "20.3.50",
89
89
  "sideEffects": false
90
90
  }
@@ -756,7 +756,7 @@ export interface SelectEventArgs extends BaseEventArgs, SelectedItem {
756
756
  */
757
757
  isChecked?: boolean;
758
758
  /**
759
- * Cancels the item selection if the value is true.
759
+ * Cancels the item selection if the value is true
760
760
  */
761
761
  cancel: boolean;
762
762
  }
@@ -902,7 +902,13 @@ var ListView = /** @class */ (function (_super) {
902
902
  this.back();
903
903
  break;
904
904
  case 32:
905
- this.spaceKeyHandler(e);
905
+ var textAreaFocus = void 0;
906
+ if (!isNullOrUndefined(this.curUL)) {
907
+ textAreaFocus = this.curUL.querySelector('textarea') || this.curUL.querySelector('input');
908
+ }
909
+ if (isNullOrUndefined(textAreaFocus) || !(textAreaFocus.classList.contains('e-focused'))) {
910
+ this.spaceKeyHandler(e);
911
+ }
906
912
  break;
907
913
  }
908
914
  };
@@ -984,7 +990,13 @@ var ListView = /** @class */ (function (_super) {
984
990
  if (this.curUL.querySelector('.' + classNames.focused)) {
985
991
  this.curUL.querySelector('.' + classNames.focused).classList.remove(classNames.focused);
986
992
  }
993
+ var textAreaFocus = li.querySelector('textarea') || li.querySelector('input');
987
994
  li.classList.add(classNames.focused);
995
+ if (!isNullOrUndefined(e)) {
996
+ if (e.target === textAreaFocus) {
997
+ textAreaFocus.classList.add('e-focused');
998
+ }
999
+ }
988
1000
  var checkboxElement = li.querySelector('.' + classNames.checkboxWrapper);
989
1001
  var checkIcon = checkboxElement.querySelector('.' + classNames.checkboxIcon + '.' + classNames.icon);
990
1002
  this.removeHover();
@@ -6,6 +6,7 @@
6
6
  font-size: 14px;
7
7
  }
8
8
 
9
+ /* stylelint-disable property-no-vendor-prefix */
9
10
  .e-bigger .e-listview .e-list-item,
10
11
  .e-listview.e-bigger .e-list-item {
11
12
  border-bottom: 1px solid #414141;
@@ -437,6 +438,7 @@
437
438
  padding-right: 1.0714em;
438
439
  }
439
440
 
441
+ /* stylelint-disable-line no-empty-source */
440
442
  .e-sortable {
441
443
  outline: none;
442
444
  position: relative;
@@ -457,6 +459,9 @@
457
459
  outline: none;
458
460
  }
459
461
 
462
+ /* stylelint-disable */
460
463
  .e-sortableclone {
461
464
  position: fixed !important;
462
- }
465
+ }
466
+
467
+ /* stylelint-enable */
@@ -7,6 +7,7 @@
7
7
  font-size: 14px;
8
8
  }
9
9
 
10
+ /* stylelint-disable property-no-vendor-prefix */
10
11
  .e-bigger .e-listview .e-list-item,
11
12
  .e-listview.e-bigger .e-list-item {
12
13
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
@@ -438,6 +439,7 @@
438
439
  padding-right: 1.0714em;
439
440
  }
440
441
 
442
+ /* stylelint-disable-line no-empty-source */
441
443
  .e-sortable {
442
444
  outline: none;
443
445
  position: relative;
@@ -458,6 +460,9 @@
458
460
  outline: none;
459
461
  }
460
462
 
463
+ /* stylelint-disable */
461
464
  .e-sortableclone {
462
465
  position: fixed !important;
463
- }
466
+ }
467
+
468
+ /* stylelint-enable */
@@ -7,6 +7,7 @@
7
7
  font-size: 14px;
8
8
  }
9
9
 
10
+ /* stylelint-disable property-no-vendor-prefix */
10
11
  .e-bigger .e-listview,
11
12
  .e-listview.e-bigger {
12
13
  font-size: 16px;
@@ -481,6 +482,7 @@
481
482
  padding-right: 1.0714em;
482
483
  }
483
484
 
485
+ /* stylelint-disable-line no-empty-source */
484
486
  .e-sortable {
485
487
  outline: none;
486
488
  position: relative;
@@ -501,6 +503,9 @@
501
503
  outline: none;
502
504
  }
503
505
 
506
+ /* stylelint-disable */
504
507
  .e-sortableclone {
505
508
  position: fixed !important;
506
- }
509
+ }
510
+
511
+ /* stylelint-enable */
@@ -7,6 +7,7 @@
7
7
  font-size: 12px;
8
8
  }
9
9
 
10
+ /* stylelint-disable property-no-vendor-prefix */
10
11
  .e-bigger .e-listview .e-list-item,
11
12
  .e-listview.e-bigger .e-list-item {
12
13
  border-bottom: 1px solid #444c54;
@@ -465,6 +466,7 @@
465
466
  padding-right: 16px;
466
467
  }
467
468
 
469
+ /* stylelint-disable-line no-empty-source */
468
470
  .e-sortable {
469
471
  outline: none;
470
472
  position: relative;
@@ -485,6 +487,9 @@
485
487
  outline: none;
486
488
  }
487
489
 
490
+ /* stylelint-disable */
488
491
  .e-sortableclone {
489
492
  position: fixed !important;
490
- }
493
+ }
494
+
495
+ /* stylelint-enable */
@@ -7,6 +7,7 @@
7
7
  font-size: 12px;
8
8
  }
9
9
 
10
+ /* stylelint-disable property-no-vendor-prefix */
10
11
  .e-bigger .e-listview .e-list-item,
11
12
  .e-listview.e-bigger .e-list-item {
12
13
  border-bottom: 1px solid #dee2e6;
@@ -465,6 +466,7 @@
465
466
  padding-right: 16px;
466
467
  }
467
468
 
469
+ /* stylelint-disable-line no-empty-source */
468
470
  .e-sortable {
469
471
  outline: none;
470
472
  position: relative;
@@ -485,6 +487,9 @@
485
487
  outline: none;
486
488
  }
487
489
 
490
+ /* stylelint-disable */
488
491
  .e-sortableclone {
489
492
  position: fixed !important;
490
- }
493
+ }
494
+
495
+ /* stylelint-enable */
@@ -6,6 +6,7 @@
6
6
  font-size: 18px;
7
7
  }
8
8
 
9
+ /* stylelint-disable property-no-vendor-prefix */
9
10
  .e-bigger .e-listview .e-list-item,
10
11
  .e-listview.e-bigger .e-list-item {
11
12
  border-bottom: 0 solid transparent;
@@ -437,6 +438,7 @@
437
438
  padding-right: 0.923em;
438
439
  }
439
440
 
441
+ /* stylelint-disable-line no-empty-source */
440
442
  .e-sortable {
441
443
  outline: none;
442
444
  position: relative;
@@ -457,6 +459,9 @@
457
459
  outline: none;
458
460
  }
459
461
 
462
+ /* stylelint-disable */
460
463
  .e-sortableclone {
461
464
  position: fixed !important;
462
- }
465
+ }
466
+
467
+ /* stylelint-enable */
package/styles/fabric.css CHANGED
@@ -7,6 +7,7 @@
7
7
  font-size: 18px;
8
8
  }
9
9
 
10
+ /* stylelint-disable property-no-vendor-prefix */
10
11
  .e-bigger .e-listview .e-list-item,
11
12
  .e-listview.e-bigger .e-list-item {
12
13
  border-bottom: 0 solid transparent;
@@ -438,6 +439,7 @@
438
439
  padding-right: 0.923em;
439
440
  }
440
441
 
442
+ /* stylelint-disable-line no-empty-source */
441
443
  .e-sortable {
442
444
  outline: none;
443
445
  position: relative;
@@ -458,6 +460,9 @@
458
460
  outline: none;
459
461
  }
460
462
 
463
+ /* stylelint-disable */
461
464
  .e-sortableclone {
462
465
  position: fixed !important;
463
- }
466
+ }
467
+
468
+ /* stylelint-enable */
@@ -7,6 +7,7 @@
7
7
  font-size: 14px;
8
8
  }
9
9
 
10
+ /* stylelint-disable property-no-vendor-prefix */
10
11
  .e-bigger .e-listview .e-list-item,
11
12
  .e-listview.e-bigger .e-list-item {
12
13
  border-bottom: 0 solid #292827;
@@ -494,6 +495,7 @@
494
495
  padding-right: 16px;
495
496
  }
496
497
 
498
+ /* stylelint-disable-line no-empty-source */
497
499
  .e-sortable {
498
500
  outline: none;
499
501
  position: relative;
@@ -514,6 +516,9 @@
514
516
  outline: none;
515
517
  }
516
518
 
519
+ /* stylelint-disable */
517
520
  .e-sortableclone {
518
521
  position: fixed !important;
519
- }
522
+ }
523
+
524
+ /* stylelint-enable */
package/styles/fluent.css CHANGED
@@ -7,6 +7,7 @@
7
7
  font-size: 14px;
8
8
  }
9
9
 
10
+ /* stylelint-disable property-no-vendor-prefix */
10
11
  .e-bigger .e-listview .e-list-item,
11
12
  .e-listview.e-bigger .e-list-item {
12
13
  border-bottom: 0 solid #edebe9;
@@ -494,6 +495,7 @@
494
495
  padding-right: 16px;
495
496
  }
496
497
 
498
+ /* stylelint-disable-line no-empty-source */
497
499
  .e-sortable {
498
500
  outline: none;
499
501
  position: relative;
@@ -514,6 +516,9 @@
514
516
  outline: none;
515
517
  }
516
518
 
519
+ /* stylelint-disable */
517
520
  .e-sortableclone {
518
521
  position: fixed !important;
519
- }
522
+ }
523
+
524
+ /* stylelint-enable */
@@ -6,6 +6,7 @@
6
6
  font-size: 18px;
7
7
  }
8
8
 
9
+ /* stylelint-disable property-no-vendor-prefix */
9
10
  .e-bigger .e-listview .e-list-item,
10
11
  .e-listview.e-bigger .e-list-item {
11
12
  border-bottom: 2px solid transparent;
@@ -437,6 +438,7 @@
437
438
  padding-right: 0.923em;
438
439
  }
439
440
 
441
+ /* stylelint-disable-line no-empty-source */
440
442
  .e-sortable {
441
443
  outline: none;
442
444
  position: relative;
@@ -457,6 +459,9 @@
457
459
  outline: none;
458
460
  }
459
461
 
462
+ /* stylelint-disable */
460
463
  .e-sortableclone {
461
464
  position: fixed !important;
462
- }
465
+ }
466
+
467
+ /* stylelint-enable */
@@ -7,6 +7,7 @@
7
7
  font-size: 18px;
8
8
  }
9
9
 
10
+ /* stylelint-disable property-no-vendor-prefix */
10
11
  .e-bigger .e-listview .e-list-item,
11
12
  .e-listview.e-bigger .e-list-item {
12
13
  border-bottom: 2px solid transparent;
@@ -438,6 +439,7 @@
438
439
  padding-right: 0.923em;
439
440
  }
440
441
 
442
+ /* stylelint-disable-line no-empty-source */
441
443
  .e-sortable {
442
444
  outline: none;
443
445
  position: relative;
@@ -458,6 +460,9 @@
458
460
  outline: none;
459
461
  }
460
462
 
463
+ /* stylelint-disable */
461
464
  .e-sortableclone {
462
465
  position: fixed !important;
463
- }
466
+ }
467
+
468
+ /* stylelint-enable */
@@ -1,2 +1,2 @@
1
- @import 'layout.scss';
1
+ @import 'layout.scss';
2
2
  @import 'theme.scss';
@@ -78,6 +78,7 @@ $listview-checkbox-left-margin: -4px 10px 0 0 !default;
78
78
  $listview-checkbox-right-margin: -4px 0 0 10px !default;
79
79
  $listview-rtl-checkbox-left-margin: -4px 0 0 10px !default;
80
80
  $listview-rtl-checkbox-right-margin: -4px 10px 0 0 !default;
81
+
81
82
  //ListView In-built template variables
82
83
  $listview-template-padding: .7142em 1.0714em !default;
83
84
  $listview-template-avatar-padding-right: 1.0714em !default;
@@ -106,4 +107,5 @@ $listview-template-multiline-header-font-size: 18px !default;
106
107
  $listview-template-multiline-padding: .7142em 1.0714em !default;
107
108
  $listview-template-multiline-content-font-size: 14px !default;
108
109
  $listview-template-multiline-avatar-top: .7142em !default;
110
+
109
111
  //enddefault
@@ -73,6 +73,7 @@ $listview-checkbox-left-margin: -4px 10px 0 0 !default;
73
73
  $listview-checkbox-right-margin: -4px 0 0 10px !default;
74
74
  $listview-rtl-checkbox-left-margin: -4px 0 0 10px !default;
75
75
  $listview-rtl-checkbox-right-margin: -4px 10px 0 0 !default;
76
+
76
77
  //ListView In-built template variables
77
78
  $listview-template-padding: .7142em 1.0714em !default;
78
79
  $listview-template-avatar-padding-right: 1.0714em !default;
@@ -76,6 +76,7 @@ $listview-checkbox-left-margin: 0 10px 0 0 !default;
76
76
  $listview-checkbox-right-margin: 0 0 0 10px !default;
77
77
  $listview-rtl-checkbox-left-margin: 0 0 0 10px !default;
78
78
  $listview-rtl-checkbox-right-margin: 0 10px 0 0 !default;
79
+
79
80
  //ListView In-built template variables
80
81
  $listview-template-padding: .7142em 1.0714em !default;
81
82
  $listview-template-avatar-padding-right: 1.0714em !default;
@@ -50,6 +50,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
50
50
  $listview-checkbox-left-margin: 0 8px 0 0 !default;
51
51
  $listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
52
52
  $listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
53
+
53
54
  //ListView In-built template variables
54
55
  $listview-template-padding: 10px 16px !default;
55
56
  $listview-template-avatar-padding-right: 16px !default;
@@ -88,6 +89,7 @@ $listview-touch-template-badge-height: 20px !default;
88
89
  $listview-touch-template-badge-width: 34px !default;
89
90
  $listview-touch-template-badge-line-height: 18px !default;
90
91
  $listview-touch-template-badge-font-size: $text-xs !default;
92
+
91
93
  //color
92
94
  $listview-font-family: $font-family !default;
93
95
  $listview-text-color: $content-text-color !default;
@@ -123,6 +125,7 @@ $listview-icon-pressed: $icon-color-pressed !default;
123
125
  $checkmark-bgcolor: $content-bg-color !default;
124
126
  $checkmark-border-color: $content-bg-color !default;
125
127
  $checkmark-color: $primary !default;
128
+
126
129
  //ListView In-built template variables
127
130
  $listview-template-multiline-header-color: $content-text-color !default;
128
131
  $listview-template-multiline-content-color: $content-text-color-alt3 !default;
@@ -78,6 +78,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
78
78
  $listview-checkbox-left-margin: -2px 10px 0 0 !default;
79
79
  $listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
80
80
  $listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
81
+
81
82
  //ListView In-built template variables
82
83
  $listview-template-padding: .6153em .923em !default;
83
84
  $listview-template-avatar-padding-right: .923em !default;
@@ -103,7 +104,8 @@ $listview-template-multiline-content-color: $neutral-secondary !default;
103
104
  $listview-template-multiline-header-padding: .093em 0 !default;
104
105
  $listview-template-multiline-content-padding: .093em 0 !default;
105
106
  $listview-template-multiline-header-font-size: 13px !default;
106
- $listview-template-multiline-padding: .6153em .923em !default;;
107
+ $listview-template-multiline-padding: .6153em .923em !default;
107
108
  $listview-template-multiline-content-font-size: 13px !default;
108
109
  $listview-template-multiline-avatar-top: .6153em !default;
110
+
109
111
  //enddefault
@@ -73,6 +73,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
73
73
  $listview-checkbox-left-margin: -2px 10px 0 0 !default;
74
74
  $listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
75
75
  $listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
76
+
76
77
  //ListView In-built template variables
77
78
  $listview-template-padding: .6153em .923em !default;
78
79
  $listview-template-avatar-padding-right: .923em !default;
@@ -51,6 +51,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
51
51
  $listview-checkbox-left-margin: -2px 10px 0 0 !default;
52
52
  $listview-rtl-checkbox-left-margin: 0 3px 3px 12px !default;
53
53
  $listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
54
+
54
55
  //ListView In-built template variables
55
56
  $listview-template-touch-font-size: $text-base !default;
56
57
  $listview-template-padding: 10px 16px !default;
@@ -94,6 +95,7 @@ $listview-touch-template-badge-height: 20px !default;
94
95
  $listview-touch-template-badge-width: 34px !default;
95
96
  $listview-touch-template-badge-line-height: 18px !default;
96
97
  $listview-touch-template-badge-font-size: $text-xs !default;
98
+
97
99
  //color
98
100
  $listview-font-family: $font-family !default;
99
101
  $listview-text-color: $content-text-color !default;
@@ -129,6 +131,7 @@ $listview-icon-pressed: $icon-color-pressed !default;
129
131
  $checkmark-bgcolor: $content-bg-color !default;
130
132
  $checkmark-border-color: $content-bg-color !default;
131
133
  $checkmark-color: $primary !default;
134
+
132
135
  //ListView In-built template variables
133
136
  $listview-template-multiline-header-color: $content-text-color !default;
134
137
  $listview-template-multiline-content-color: $content-text-color-alt3 !default;
@@ -50,6 +50,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
50
50
  $listview-checkbox-left-margin: 0 8px 0 0 !default;
51
51
  $listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
52
52
  $listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
53
+
53
54
  //ListView In-built template variables
54
55
  $listview-template-padding: 10px 16px !default;
55
56
  $listview-template-avatar-padding-right: 16px !default;
@@ -88,6 +89,7 @@ $listview-touch-template-badge-height: 20px !default;
88
89
  $listview-touch-template-badge-width: 34px !default;
89
90
  $listview-touch-template-badge-line-height: 18px !default;
90
91
  $listview-touch-template-badge-font-size: $text-xs !default;
92
+
91
93
  //color
92
94
  $listview-font-family: $font-family !default;
93
95
  $listview-text-color: $content-text-color !default;
@@ -123,6 +125,7 @@ $listview-icon-pressed: $icon-color-pressed !default;
123
125
  $checkmark-bgcolor: $content-bg-color !default;
124
126
  $checkmark-border-color: $content-bg-color !default;
125
127
  $checkmark-color: $primary !default;
128
+
126
129
  //ListView In-built template variables
127
130
  $listview-template-multiline-header-color: $content-text-color !default;
128
131
  $listview-template-multiline-content-color: $content-text-color-alt3 !default;
@@ -73,6 +73,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
73
73
  $listview-checkbox-left-margin: -2px 10px 0 0 !default;
74
74
  $listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
75
75
  $listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
76
+
76
77
  //ListView In-built template variables
77
78
  $listview-template-padding: .6153em .923em !default;
78
79
  $listview-template-avatar-padding-right: .923em !default;
@@ -78,6 +78,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
78
78
  $listview-checkbox-left-margin: -2px 10px 0 0 !default;
79
79
  $listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
80
80
  $listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
81
+
81
82
  //ListView In-built template variables
82
83
  $listview-template-padding: .6153em .923em !default;
83
84
  $listview-template-avatar-padding-right: .923em !default;
@@ -103,7 +104,8 @@ $listview-template-multiline-content-color: $content-font !default;
103
104
  $listview-template-multiline-header-padding: .093em 0 !default;
104
105
  $listview-template-multiline-content-padding: .093em 0 !default;
105
106
  $listview-template-multiline-header-font-size: 13px !default;
106
- $listview-template-multiline-padding: .6153em .923em !default;;
107
+ $listview-template-multiline-padding: .6153em .923em !default;
107
108
  $listview-template-multiline-content-font-size: 13px !default;
108
109
  $listview-template-multiline-avatar-top: .6153em !default;
110
+
109
111
  //enddefault
@@ -1,5 +1,5 @@
1
1
  @include export-module('listview-layout') {
2
- // sass-lint:disable no-vendor-prefixes
2
+ /* stylelint-disable property-no-vendor-prefix */
3
3
  .e-bigger #{&}.e-listview,
4
4
  #{&}.e-listview.e-bigger {
5
5
  @if ($skin-name == 'bootstrap4') {
@@ -270,8 +270,8 @@
270
270
  @else {
271
271
  & .e-text-content.e-checkbox .e-list-text {
272
272
  width: calc(100% - 40px);
273
- }
274
273
  }
274
+ }
275
275
  @if ($skin-name == 'FluentUI') {
276
276
  &.e-list-template {
277
277
  .e-list-wrapper {
@@ -78,6 +78,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
78
78
  $listview-checkbox-left-margin: -2px 10px 0 0 !default;
79
79
  $listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
80
80
  $listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
81
+
81
82
  //ListView In-built template variables
82
83
  $listview-template-padding: .2667em 1.0666em !default;
83
84
  $listview-template-avatar-padding-right: 1.0666em !default;
@@ -106,4 +107,5 @@ $listview-template-multiline-header-font-size: 15px !default;
106
107
  $listview-template-multiline-padding: 1.0666em !default;
107
108
  $listview-template-multiline-content-font-size: 13px !default;
108
109
  $listview-template-multiline-avatar-top: 1.0666em !default;
110
+
109
111
  //enddefault
@@ -73,6 +73,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
73
73
  $listview-checkbox-left-margin: -2px 10px 0 0 !default;
74
74
  $listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
75
75
  $listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
76
+
76
77
  //ListView In-built template variables
77
78
  $listview-template-padding: .2667em 1.0666em !default;
78
79
  $listview-template-avatar-padding-right: 1.0666em !default;
@@ -50,6 +50,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
50
50
  $listview-checkbox-left-margin: 0 8px 0 0 !default;
51
51
  $listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
52
52
  $listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
53
+
53
54
  //ListView In-built template variables
54
55
  $listview-template-padding: 10px 16px !default;
55
56
  $listview-template-avatar-padding-right: 16px !default;
@@ -88,6 +89,7 @@ $listview-touch-template-badge-height: 20px !default;
88
89
  $listview-touch-template-badge-width: 34px !default;
89
90
  $listview-touch-template-badge-line-height: 18px !default;
90
91
  $listview-touch-template-badge-font-size: $text-xs !default;
92
+
91
93
  //color
92
94
  $listview-font-family: $font-family !default;
93
95
  $listview-text-color: $content-text-color !default;
@@ -123,6 +125,7 @@ $listview-icon-pressed: $icon-color-pressed !default;
123
125
  $checkmark-bgcolor: $content-bg-color !default;
124
126
  $checkmark-border-color: $content-bg-color !default;
125
127
  $checkmark-color: $primary !default;
128
+
126
129
  //ListView In-built template variables
127
130
  $listview-template-multiline-header-color: $content-text-color !default;
128
131
  $listview-template-multiline-content-color: $content-text-color-alt3 !default;
@@ -51,6 +51,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
51
51
  $listview-checkbox-left-margin: -2px 8px 0 0 !default;
52
52
  $listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
53
53
  $listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
54
+
54
55
  //ListView In-built template variables
55
56
  $listview-template-padding: 8px 16px !default;
56
57
  $listview-template-avatar-padding-right: 16px !default;
@@ -89,6 +90,7 @@ $listview-touch-template-badge-height: 20px !default;
89
90
  $listview-touch-template-badge-width: 34px !default;
90
91
  $listview-touch-template-badge-line-height: 18px !default;
91
92
  $listview-touch-template-badge-font-size: $text-xs !default;
93
+
92
94
  //color
93
95
  $listview-font-family: $font-family !default;
94
96
  $listview-text-color: $content-text-color !default;
@@ -116,6 +118,7 @@ $listview-border-left-color: transparent !default;
116
118
  $listview-groupheader-text-color: $content-text-color-alt2 !default;
117
119
  $listview-groupheader-bg: $content-bg-color-alt2 !default;
118
120
  $listview-groupheader-icon: $icon-color !default;
121
+
119
122
  //ListView In-built template variables
120
123
  $listview-template-multiline-header-color: $content-text-color !default;
121
124
  $listview-template-multiline-content-color: $content-text-color-alt2 !default;
@@ -6,6 +6,7 @@
6
6
  font-size: 14px;
7
7
  }
8
8
 
9
+ /* stylelint-disable property-no-vendor-prefix */
9
10
  .e-bigger .e-listview .e-list-item,
10
11
  .e-listview.e-bigger .e-list-item {
11
12
  border-bottom: 1px solid #414141;
@@ -7,6 +7,7 @@
7
7
  font-size: 14px;
8
8
  }
9
9
 
10
+ /* stylelint-disable property-no-vendor-prefix */
10
11
  .e-bigger .e-listview .e-list-item,
11
12
  .e-listview.e-bigger .e-list-item {
12
13
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);