@syncfusion/ej2-treegrid 28.1.33 → 28.1.36

package/styles/treegrid/fluent2.css

@@ -321,10 +321,6 @@
   content: "\e72a";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e75c";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e7c9";
 }
@@ -338,10 +334,23 @@
   content: "\e72a";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e75c";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e75c";
+}
+
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
-.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
   border-left: 2px dashed var(--color-sf-primary);
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -438,17 +447,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: var(--color-sf-icon-color);
-  cursor: pointer;
-  font-size: 16px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: 19px;
@@ -682,6 +680,31 @@
   border-bottom-color: var(--color-sf-primary);
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: var(--color-sf-icon-color);
+  cursor: pointer;
+  font-size: 16px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 /* stylelint-disable-line no-empty-source */
 .e-bigger .e-treegrid .e-grid .e-treegridexpand,
 .e-bigger .e-treegrid .e-grid .e-treegridcollapse {

package/styles/treegrid/highcontrast-light.css

@@ -92,10 +92,6 @@
   content: "\e35d";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e22e";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e555";
 }
@@ -109,10 +105,23 @@
   content: "\e35d";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e22e";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e22e";
+}
+
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
-.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
   border-left: 1px solid #400074;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -197,17 +206,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #000;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -438,6 +436,31 @@
   border-bottom-color: #400074;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #000;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 /* stylelint-disable-line no-empty-source */
 .e-bigger .e-treegrid .e-grid .e-treegridexpand,
 .e-bigger .e-treegrid .e-grid .e-treegridcollapse {

package/styles/treegrid/highcontrast.css

@@ -92,10 +92,6 @@
   content: "\e35d";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e22e";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e557";
 }
@@ -109,10 +105,23 @@
   content: "\e35d";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e22e";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e22e";
+}
+
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
-.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
   border-left: 1px solid #ffd939;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -204,17 +213,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #fff;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -445,6 +443,31 @@
   border-bottom-color: #ffd939;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #fff;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 /* stylelint-disable-line no-empty-source */
 .e-bigger .e-treegrid .e-grid .e-treegridexpand,
 .e-bigger .e-treegrid .e-grid .e-treegridcollapse {

package/styles/treegrid/icons/_bootstrap-dark.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e22f';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e558';
@@ -34,4 +29,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22f';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22f';
+    }
+  }
 }

package/styles/treegrid/icons/_bootstrap.scss

@@ -11,11 +11,23 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e22f';
-    }
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e558';
+      }
+
+      .e-collapse::before {
+        content: '\e557';
+      }
+
+      .e-indent::before {
+        content: '\e33f';
+      }
 
+      .e-outdent::before {
+        content: '\e35d';
+      }
+    }
     .e-toolbar-item {
       .e-expand::before {
         content: '\e558';
@@ -34,4 +46,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22f';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22f';
+    }
+  }
 }

package/styles/treegrid/icons/_bootstrap4.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e70b';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e7db';
@@ -34,4 +29,19 @@
       }
     }
   }
+  
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e70b';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e70b';
+    }
+  }
 }

package/styles/treegrid/icons/_bootstrap5.3.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e75c';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e7c9';
@@ -34,4 +29,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }

package/styles/treegrid/icons/_bootstrap5.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e75c';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e7c9';
@@ -34,4 +29,19 @@
       }
     }
   }
+  
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }

package/styles/treegrid/icons/_fabric-dark.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e22e';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e555';
@@ -34,4 +29,19 @@
       }
     }
   }
+  
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+  }
 }

package/styles/treegrid/icons/_fabric.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e22e';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e555';
@@ -34,4 +29,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+  }
+  
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+  }
 }

package/styles/treegrid/icons/_fluent.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e75c';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e7c9';
@@ -34,4 +29,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }

package/styles/treegrid/icons/_fluent2.scss

@@ -11,11 +11,6 @@
   }
   
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e75c';
-    }
-  
     .e-toolbar-item {
       .e-expand::before {
         content: '\e7c9';
@@ -34,4 +29,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }

package/styles/treegrid/icons/_fusionnew.scss

@@ -1,10 +1,5 @@
 @include export-module('treegrid-fusionnew-icons') {
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e75c';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e7c9';
@@ -23,4 +18,12 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }

package/styles/treegrid/icons/_highcontrast-light.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e22e';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e555';
@@ -34,4 +29,19 @@
       }
     }
   }
+ 
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+  }
 }

package/styles/treegrid/icons/_highcontrast.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e22e';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e557';
@@ -34,4 +29,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+  }
 }

package/styles/treegrid/icons/_material-dark.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e848';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e556';
@@ -34,4 +29,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e848';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e848';
+    }
+  }
 }

package/styles/treegrid/icons/_material.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e848';
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: '\e556';
@@ -34,4 +29,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e848';
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e848';
+    }
+  }
 }