@syncfusion/ej2-lists 27.2.5 → 28.1.37

package/styles/bootstrap4-lite.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: 0 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: rgba(0, 0, 0, 0.13);
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/bootstrap4.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: 0 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: rgba(0, 0, 0, 0.13);
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/bootstrap5-dark-lite.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #444c54;
   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";

package/styles/bootstrap5-dark.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #444c54;
   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";

package/styles/bootstrap5-lite.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #dee2e6;
   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";

package/styles/bootstrap5.3-lite.css

@@ -31,6 +31,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -196,6 +199,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: var(--color-sf-border-light);
   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";

package/styles/bootstrap5.3.css

@@ -31,6 +31,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -196,6 +199,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: var(--color-sf-border-light);
   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";

package/styles/bootstrap5.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #dee2e6;
   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";

package/styles/fabric-dark-lite.css

@@ -26,6 +26,9 @@
   border-bottom: 0 solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -191,6 +194,14 @@
   margin: -2px 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #414040;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/fabric-dark.css

@@ -26,6 +26,9 @@
   border-bottom: 0 solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -191,6 +194,14 @@
   margin: -2px 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #414040;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/fabric-lite.css

@@ -27,6 +27,9 @@
   border-bottom: 0 solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: -2px 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #eaeaea;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/fabric.css

@@ -27,6 +27,9 @@
   border-bottom: 0 solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: -2px 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #eaeaea;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/fluent-dark-lite.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -197,6 +200,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #292827;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;

package/styles/fluent-dark.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -197,6 +200,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #292827;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;

package/styles/fluent-lite.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -197,6 +200,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #edebe9;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;

package/styles/fluent.css

@@ -27,6 +27,9 @@
   border-bottom: 1px solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -197,6 +200,14 @@
   margin: -2px 8px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #edebe9;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;

package/styles/fluent2-lite.css

@@ -37,6 +37,9 @@
   margin: 4px;
   padding: 0;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -205,9 +208,17 @@
   margin: 0 -4px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: var(--color-sf-border-light);
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
 }
 .e-listview .e-list-header {

package/styles/fluent2.css

@@ -37,6 +37,9 @@
   margin: 4px;
   padding: 0;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -205,9 +208,17 @@
   margin: 0 -4px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: var(--color-sf-border-light);
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
 }
 .e-listview .e-list-header {

package/styles/highcontrast-light-lite.css

@@ -26,6 +26,9 @@
   border-bottom: 0 solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -191,6 +194,14 @@
   margin: -2px 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #ccc;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/highcontrast-light.css

@@ -26,6 +26,9 @@
   border-bottom: 0 solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -191,6 +194,14 @@
   margin: -2px 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #ccc;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/highcontrast-lite.css

@@ -27,6 +27,9 @@
   border-bottom: 0 solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: -2px 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #333;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/highcontrast.css

@@ -27,6 +27,9 @@
   border-bottom: 0 solid;
   cursor: pointer;
 }
+.e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
+  cursor: default;
+}
 
 .e-listview .e-list-parent {
   margin: 0;
@@ -192,6 +195,14 @@
   margin: -2px 10px 0 0;
 }
 
+.e-listview.e-disabled, .e-listview.e-disabled * {
+  cursor: default;
+}
+
+.e-listview.e-disabled .e-checkbox .e-icons {
+  cursor: default;
+}
+
 .e-listview {
   border-color: #333;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/list-view/_bigger.scss

@@ -51,6 +51,14 @@
   margin-right: $margin-right;
 }
 
+@mixin avatar-size($height, $width, $top, $left, $right) {
+  height: $height;
+  width: $width;
+  top: $top;
+  left: $left;
+  right: $right;
+}
+
 @include export-module('listview-bigger') {
   .e-bigger #{&}.e-listview,
   #{&}.e-listview.e-bigger {
@@ -63,6 +71,9 @@
       border-left: $listview-border-left solid $listview-border-left-color;
       border-right: $listview-border-right solid $listview-border-right-color;
       border-top: $listview-border-top solid $listview-border-top-color;
+      @if ($skin-name == 'tailwind3') {
+        padding: $listview-touch-item-padding;
+      }
       @if ($skin-name == 'tailwind') {
         .e-text-content .e-list-text {
           font-size: $listview-touch-item-font-size;
@@ -98,6 +109,9 @@
       @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap4') {
         font-size: 16px;
       }
+      @if ($skin-name == 'tailwind3') {
+        padding-top: 9px;
+      }
 
       .e-text-content {
         @if ($skin-name == 'tailwind' or $skin-name == 'Material3') {
@@ -116,6 +130,9 @@
         @include text-style($text-sm, $listview-item-line-height);
         padding: $listview-template-padding;
       }
+      @if ($skin-name == 'tailwind3') {
+        padding: 0 16px;
+      }
 
       .e-text {
         font-size: $listview-touch-header-font-size;
@@ -136,7 +153,7 @@
       @if ($skin-name == 'bootstrap4') {
         margin-right: 12px;
       }
-      @if ($skin-name == 'tailwind') {
+      @if ($skin-name == 'tailwind' or $skin-name == 'tailwind3') {
         @include size($listview-touch-item-size, $listview-touch-item-size);
         margin-right: $listview-touch-icon-margin-right;
       }
@@ -157,6 +174,9 @@
         font-size: $listview-touch-item-size;
         @include size($listview-touch-item-size, $listview-touch-item-size);
       }
+      @if ($skin-name == 'tailwind3') {
+        font-size: 22px;
+      }
     }
 
     .e-listview-checkbox {
@@ -170,6 +190,19 @@
           margin: $listview-touch-checkbox-left-margin;
         }
       }
+      @if $skin-name == 'tailwind3' {
+        margin: $listview-touch-checkbox-left-margin;
+      }
+    }
+
+    & .e-icon-back {
+      @if $skin-name == 'tailwind3' {
+        margin: 10px 12px 10px 0;
+        @include size($listview-icon-size, $listview-icon-size);
+        &::before {
+          font-size: $listview-touch-back-icon-font-size;
+        }
+      }
     }
 
     &.e-rtl {
@@ -206,6 +239,15 @@
         }
       }
 
+      @if $skin-name == 'tailwind3' {
+        & .e-list-icon {
+          margin-right: 12px;
+        }
+        & .e-icon-back {
+          margin: 0 12px;
+        }
+      }
+
       .e-listview-checkbox {
         @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap4') {
           @include list-checkbox-style($listview-touch-rtl-checkbox-left-margin, $listview-touch-rtl-checkbox-right-margin);
@@ -230,6 +272,33 @@
       }
     }
 
+    @if ($skin-name == 'tailwind3') {
+      .e-list-wrapper {
+        &.e-list-avatar {
+          .e-avatar {
+            @include avatar-size($listview-touch-template-avatar-size, $listview-touch-template-avatar-size, -5px, $listview-template-avatar-left, null);
+            margin: 10px 10px 10px 0;
+          }
+        }
+
+        &.e-list-multi-line {
+          padding: $listview-touch-template-multiline-padding;
+          &.e-list-avatar {
+            .e-avatar {
+              top: -3px;
+            }
+          }
+          .e-list-item-header,
+          .e-list-content {
+            @include text-style($listview-touch-template-multiline-header-font-size, $listview-touch-template-multiline-header-line-height);
+          }
+          .e-list-content {
+            padding-top: 3px;
+          }
+        }
+      }
+    }
+
     @if ($skin-name == 'tailwind') {
       &.e-list-template {
         .e-list-header {