@syncfusion/ej2-treegrid 20.1.60 → 20.2.39

package/styles/fabric-dark.css

@@ -95,6 +95,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22e";

package/styles/fabric.css

@@ -88,6 +88,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22e";

package/styles/fluent-dark.css

@@ -140,6 +140,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e72a";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e75c";

package/styles/fluent.css

@@ -140,6 +140,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e72a";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e75c";

package/styles/highcontrast-light.css

@@ -92,6 +92,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22e";

package/styles/highcontrast.css

@@ -92,6 +92,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22e";

package/styles/material-dark.css

@@ -136,6 +136,15 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e848";

package/styles/material.css

@@ -170,6 +170,15 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e848";

package/styles/tailwind-dark.css

@@ -109,6 +109,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e72a";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e75c";

package/styles/tailwind.css

@@ -109,6 +109,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e72a";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e75c";

package/styles/treegrid/_fusionnew-definition.scss

@@ -0,0 +1,29 @@
+// color
+$treegrid-right-arrow-icon-color: $icon-color !default;
+$treegrid-right-arrow-hover-color: $icon-color-hover !default;
+$childborder-color: $primary !default;
+$error-elem-color: $danger !default;
+
+// Layout
+
+$error-elem-content: '\e839' !default;
+$treegrid-right-arrow-icon-font-size: 18px !default;
+$treegrid-right-arrow-icon-padding: 0 !default;
+$treegrid-right-arrow-icon-vertical-align: unset;
+$treegrid-right-arrow-icon-height: 18px !default;
+$treegrid-right-arrow-icon-width: 16px !default;
+$treegrid-bigger-icon-size: 22px !default;
+$treegrid-smaller-icon-size: 16px !default;
+$treegrid-bigger-icon-font-size: 22px !default;
+$treegrid-frame-bigger-icon-height: 18px !default;
+$treegrid-frame-bigger-icon-width: 18px !default;
+$treegrid-frame-icon-height: 16px !default;
+$treegrid-frame-icon-width: 16px !default;
+$treegrid-content-right-padding: 21px !default;
+$treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
+$treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
+$treegrid-rowdd-boxshadow: $primary !default;
+$treegrid-rowdd-childborder-width: 2px 0 0 !default;
+$treegrid-lastrowdd-childborder-width: 2px 0 !default;
+$treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
+

package/styles/treegrid/_icons.scss

@@ -1,4 +1,15 @@
 @include export-module('treegrid-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: $treegrid-toolbar-indent-icon;
+    }
+
+    .e-outdent::before {
+      content: $treegrid-toolbar-outdent-icon;
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/_material3-definition.scss

@@ -0,0 +1,29 @@
+// color
+$treegrid-right-arrow-icon-color: $icon-color !default;
+$treegrid-right-arrow-hover-color: $icon-color-hover !default;
+$childborder-color: $primary !default;
+$error-elem-color: $danger !default;
+
+// Layout
+
+$error-elem-content: '\e839' !default;
+$treegrid-right-arrow-icon-font-size: 18px !default;
+$treegrid-right-arrow-icon-padding: 0 !default;
+$treegrid-right-arrow-icon-vertical-align: unset;
+$treegrid-right-arrow-icon-height: 18px !default;
+$treegrid-right-arrow-icon-width: 16px !default;
+$treegrid-bigger-icon-size: 22px !default;
+$treegrid-smaller-icon-size: 16px !default;
+$treegrid-bigger-icon-font-size: 22px !default;
+$treegrid-frame-bigger-icon-height: 18px !default;
+$treegrid-frame-bigger-icon-width: 18px !default;
+$treegrid-frame-icon-height: 16px !default;
+$treegrid-frame-icon-width: 16px !default;
+$treegrid-content-right-padding: 21px !default;
+$treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
+$treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
+$treegrid-rowdd-boxshadow: $primary !default;
+$treegrid-rowdd-childborder-width: 2px 0 0 !default;
+$treegrid-lastrowdd-childborder-width: 2px 0 !default;
+$treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
+

package/styles/treegrid/bootstrap-dark.css

@@ -119,6 +119,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22f";

package/styles/treegrid/bootstrap.css

@@ -120,6 +120,15 @@
   }
 }
 /*! component's theme wise override definitions and variables */
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22f";

package/styles/treegrid/bootstrap4.css

@@ -161,6 +161,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e702";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e722";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e70b";

package/styles/treegrid/bootstrap5-dark.css

@@ -161,6 +161,15 @@
   }
 }
 /*! Toolbar's bootstrap5 theme wise override definitions and variables */
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e72a";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e75c";

package/styles/treegrid/bootstrap5.css

@@ -161,6 +161,15 @@
   }
 }
 /*! Toolbar's bootstrap5 theme wise override definitions and variables */
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e72a";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e75c";

package/styles/treegrid/fabric-dark.css

@@ -95,6 +95,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22e";

package/styles/treegrid/fabric.css

@@ -88,6 +88,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22e";

package/styles/treegrid/fluent-dark.css

@@ -140,6 +140,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e72a";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e75c";

package/styles/treegrid/fluent.css

@@ -140,6 +140,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e72a";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e75c";

package/styles/treegrid/highcontrast-light.css

@@ -92,6 +92,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22e";

package/styles/treegrid/highcontrast.css

@@ -92,6 +92,15 @@
     transform: rotate(360deg);
   }
 }
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e35d";
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: "\e22e";

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

@@ -1,4 +1,15 @@
 @include export-module('treegrid-bootstrap-dark-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/icons/_bootstrap.scss

@@ -1,4 +1,15 @@
 @include export-module('treegrid-bootstrap-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/icons/_bootstrap4.scss

@@ -1,4 +1,15 @@
 @include export-module('treegrid-bootstrap4-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e702';
+    }
+
+    .e-outdent::before {
+      content: '\e722';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/icons/_bootstrap5.scss

@@ -1,4 +1,15 @@
 @include export-module('treegrid-bootstrap5-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e810';
+    }
+
+    .e-outdent::before {
+      content: '\e72a';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

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

@@ -1,4 +1,15 @@
 @include export-module('treegrid-fabric-dark-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/icons/_fabric.scss

@@ -1,4 +1,15 @@
 @include export-module('treegrid-fabric-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/icons/_fluent.scss

@@ -1,4 +1,15 @@
 @include export-module('treegrid-fluent-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e810';
+    }
+
+    .e-outdent::before {
+      content: '\e72a';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/icons/_fusionnew.scss

@@ -0,0 +1,26 @@
+@include export-module('treegrid-fusionnew-icons') {
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e7c9';
+      }
+
+      .e-collapse::before {
+        content: '\e80f';
+      }
+
+      .e-indent::before {
+        content: '\e810';
+      }
+
+      .e-outdent::before {
+        content: '\e72a';
+      }
+    }
+  }
+}

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

@@ -1,4 +1,15 @@
 @include export-module('treegrid-highcontrast-light-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/icons/_highcontrast.scss

@@ -1,4 +1,15 @@
 @include export-module('treegrid-highcontrast-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

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

@@ -1,4 +1,15 @@
 @include export-module('treegrid-material-dark-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/icons/_material.scss

@@ -1,4 +1,15 @@
 @include export-module('treegrid-material-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
   .e-treegrid {
     .e-treegridexpand::before,
     .e-treegridcollapse::before {

package/styles/treegrid/icons/_material3.scss

@@ -0,0 +1,26 @@
+@include export-module('treegrid-material3-icons') {
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e7c9';
+      }
+
+      .e-collapse::before {
+        content: '\e80f';
+      }
+
+      .e-indent::before {
+        content: '\e810';
+      }
+
+      .e-outdent::before {
+        content: '\e72a';
+      }
+    }
+  }
+}