@syncfusion/ej2-treegrid 19.3.53 → 19.4.40

package/styles/tailwind-dark.css

@@ -217,6 +217,11 @@
   content: '';
 }
 
+.e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
+  height: 20px;
+  vertical-align: middle;
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;
@@ -359,22 +364,22 @@
 }
 
 .e-treegrid .e-errorelem::before {
-  color: #22d3ee;
+  color: #4f46e5;
   content: "";
   transform: rotate(180deg);
 }
 
 .e-treegrid .e-gridcontent td.e-childborder {
-  border-color: #22d3ee;
+  border-color: #4f46e5;
   border-width: 2px 0 0;
-  box-shadow: 0 1px 0 0 #22d3ee;
+  box-shadow: 0 1px 0 0 #4f46e5;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
-  box-shadow: 0 1px 0 0 #22d3ee;
+  box-shadow: 0 1px 0 0 #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -384,14 +389,14 @@
 }
 
 .e-treegrid .e-gridcontent td.e-childborder:first-child {
-  border-left: 2px solid #22d3ee;
-  box-shadow: 0 1px 0 0 #22d3ee;
+  border-left: 2px solid #4f46e5;
+  box-shadow: 0 1px 0 0 #4f46e5;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-right: 2px solid #22d3ee;
+  border-right: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -399,29 +404,29 @@
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 2px solid #22d3ee;
+  border-right: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 2px solid #22d3ee;
+  border-left: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
 .e-treegrid .e-gridcontent td.e-dropbottom {
-  box-shadow: 0 1px 0 0 #22d3ee;
+  box-shadow: 0 1px 0 0 #4f46e5;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #22d3ee;
+  border-top-color: #4f46e5;
   border-width: 2px 0 0;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #22d3ee;
+  border-bottom-color: #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -454,7 +459,7 @@
 
 .e-treegrid .e-gridheader .e-firstrow-border,
 .e-treegrid .e-gridcontent .e-lastrow-border {
-  background-color: #22d3ee;
+  background-color: #4f46e5;
   bottom: 0;
   display: none;
   height: 1px;
@@ -464,23 +469,23 @@
 
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
-  border-bottom: 2px solid #22d3ee;
-  border-top: 2px solid #22d3ee;
+  border-bottom: 2px solid #4f46e5;
+  border-top: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
-  border-top: 2px solid #22d3ee;
+  border-top: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
-  border-bottom: 2px solid #22d3ee;
+  border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
-  border-bottom: 2px solid #22d3ee;
+  border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
@@ -489,7 +494,7 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
-  border-color: #22d3ee;
+  border-color: #4f46e5;
   border-width: 2px 0 2px 0;
   position: relative;
   z-index: 1;
@@ -502,14 +507,14 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
-  border-right: 2px solid #22d3ee;
-  box-shadow: 0 1px 0 0 #22d3ee;
+  border-right: 2px solid #4f46e5;
+  box-shadow: 0 1px 0 0 #4f46e5;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-left: 2px solid #22d3ee;
+  border-left: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -517,21 +522,21 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 2px solid #22d3ee;
+  border-right: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 2px solid #22d3ee;
+  border-left: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #22d3ee;
+  border-top-color: #4f46e5;
   border-width: 2px 0 0;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #22d3ee;
+  border-bottom-color: #4f46e5;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {

package/styles/tailwind.css

@@ -217,6 +217,11 @@
   content: '';
 }
 
+.e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
+  height: 20px;
+  vertical-align: middle;
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;

package/styles/treegrid/_bootstrap5-definition.scss

@@ -1,8 +1,8 @@
 // color
 $treegrid-right-arrow-icon-color: $icon-color !default;
 $treegrid-right-arrow-hover-color: $icon-color-hover !default;
-$childborder-color: $primary-border-color;
-$error-elem-color: $primary-border-color;
+$childborder-color: #4f46e5;
+$error-elem-color: #4f46e5;
 
 // Layout
 
@@ -22,8 +22,8 @@ $treegrid-frame-icon-width: 16px !default;
 $treegrid-content-right-padding: 21px !default;
 $treegrid-treecell-padding: 12px !default;
 $treegrid-bigger-treecell-padding: 7px !default;
-$treegrid-rowdrag-childborder-border: 2px solid $primary-border-color;
-$treegrid-rowdd-topbottom-border: 2px solid $primary-border-color !default;
+$treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
+$treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
 $treegrid-rowdd-boxshadow: #4f46e5 !default;
 $treegrid-rowdd-childborder-width: 2px 0 0 !default;
 $treegrid-lastrowdd-childborder-width: 2px 0 !default;

package/styles/treegrid/_fluent-definition.scss

@@ -0,0 +1,31 @@
+// color
+$treegrid-right-arrow-icon-color: $icon-color !default;
+$treegrid-right-arrow-hover-color: $icon-color-hover !default;
+$childborder-color: $primary;
+$error-elem-color: $icon-color;
+
+// 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-treecell-padding: 12px !default;
+$treegrid-bigger-treecell-padding: 7px !default;
+$treegrid-rowdrag-childborder-border: 2px solid $primary;
+$treegrid-rowdd-topbottom-border: 2px solid $primary !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/_layout.scss

@@ -33,6 +33,14 @@
       content: '';
     }
 
+    .e-gridheader {
+
+      .e-headercell .e-css.e-hierarchycheckbox {
+        height: 20px;
+        vertical-align: middle;
+      }
+    }
+
     .e-treegridexpand::before,
     .e-treegridcollapse::before {
       text-align: center;

package/styles/treegrid/_tailwind-definition.scss

@@ -1,8 +1,8 @@
 // color
 $treegrid-right-arrow-icon-color: $icon-color !default;
 $treegrid-right-arrow-hover-color: $icon-color-hover !default;
-$childborder-color: $primary-border-color;
-$error-elem-color: $primary-border-color;
+$childborder-color: #4f46e5;
+$error-elem-color: #4f46e5;
 
 // Layout
 
@@ -22,8 +22,8 @@ $treegrid-frame-icon-width: 16px !default;
 $treegrid-content-right-padding: 21px !default;
 $treegrid-treecell-padding: 12px !default;
 $treegrid-bigger-treecell-padding: 7px !default;
-$treegrid-rowdrag-childborder-border: 2px solid $primary-border-color;
-$treegrid-rowdd-topbottom-border: 2px solid $primary-border-color !default;
+$treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
+$treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
 $treegrid-rowdd-boxshadow: #4f46e5 !default;
 $treegrid-rowdd-childborder-width: 2px 0 0 !default;
 $treegrid-lastrowdd-childborder-width: 2px 0 !default;

package/styles/treegrid/bootstrap-dark.css

@@ -180,6 +180,11 @@
   content: '';
 }
 
+.e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
+  height: 20px;
+  vertical-align: middle;
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;

package/styles/treegrid/bootstrap.css

@@ -181,6 +181,11 @@
   content: '';
 }
 
+.e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
+  height: 20px;
+  vertical-align: middle;
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;

package/styles/treegrid/bootstrap4.css

@@ -221,6 +221,11 @@
   content: '';
 }
 
+.e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
+  height: 20px;
+  vertical-align: middle;
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;

package/styles/treegrid/bootstrap5-dark.css

@@ -63,6 +63,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -213,6 +214,11 @@
   content: '';
 }
 
+.e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
+  height: 20px;
+  vertical-align: middle;
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;
@@ -355,22 +361,22 @@
 }
 
 .e-treegrid .e-errorelem::before {
-  color: #0d6efd;
+  color: #4f46e5;
   content: "";
   transform: rotate(180deg);
 }
 
 .e-treegrid .e-gridcontent td.e-childborder {
-  border-color: #0d6efd;
+  border-color: #4f46e5;
   border-width: 2px 0 0;
-  box-shadow: 0 1px 0 0 #0d6efd;
+  box-shadow: 0 1px 0 0 #4f46e5;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
-  box-shadow: 0 1px 0 0 #0d6efd;
+  box-shadow: 0 1px 0 0 #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -380,14 +386,14 @@
 }
 
 .e-treegrid .e-gridcontent td.e-childborder:first-child {
-  border-left: 2px solid #0d6efd;
-  box-shadow: 0 1px 0 0 #0d6efd;
+  border-left: 2px solid #4f46e5;
+  box-shadow: 0 1px 0 0 #4f46e5;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-right: 2px solid #0d6efd;
+  border-right: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -395,29 +401,29 @@
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 2px solid #0d6efd;
+  border-right: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 2px solid #0d6efd;
+  border-left: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
 .e-treegrid .e-gridcontent td.e-dropbottom {
-  box-shadow: 0 1px 0 0 #0d6efd;
+  box-shadow: 0 1px 0 0 #4f46e5;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #0d6efd;
+  border-top-color: #4f46e5;
   border-width: 2px 0 0;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #0d6efd;
+  border-bottom-color: #4f46e5;
 }
 
 .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -450,7 +456,7 @@
 
 .e-treegrid .e-gridheader .e-firstrow-border,
 .e-treegrid .e-gridcontent .e-lastrow-border {
-  background-color: #0d6efd;
+  background-color: #4f46e5;
   bottom: 0;
   display: none;
   height: 1px;
@@ -460,23 +466,23 @@
 
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
-  border-bottom: 2px solid #0d6efd;
-  border-top: 2px solid #0d6efd;
+  border-bottom: 2px solid #4f46e5;
+  border-top: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
-  border-top: 2px solid #0d6efd;
+  border-top: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
-  border-bottom: 2px solid #0d6efd;
+  border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
-  border-bottom: 2px solid #0d6efd;
+  border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
@@ -485,7 +491,7 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
-  border-color: #0d6efd;
+  border-color: #4f46e5;
   border-width: 2px 0 2px 0;
   position: relative;
   z-index: 1;
@@ -498,14 +504,14 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
-  border-right: 2px solid #0d6efd;
-  box-shadow: 0 1px 0 0 #0d6efd;
+  border-right: 2px solid #4f46e5;
+  box-shadow: 0 1px 0 0 #4f46e5;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-left: 2px solid #0d6efd;
+  border-left: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -513,21 +519,21 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 2px solid #0d6efd;
+  border-right: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 2px solid #0d6efd;
+  border-left: 2px solid #4f46e5;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #0d6efd;
+  border-top-color: #4f46e5;
   border-width: 2px 0 0;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #0d6efd;
+  border-bottom-color: #4f46e5;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {