@syncfusion/ej2-treegrid 19.3.57 → 19.4.42

package/src/treegrid/renderer/virtual-row-model-generator.js

@@ -38,6 +38,14 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
         return _super.prototype.getData.call(this);
     };
     TreeVirtualRowModelGenerator.prototype.generateRows = function (data, notifyArgs) {
+        if (!isNullOrUndefined(notifyArgs.virtualInfo) && notifyArgs.virtualInfo.loadNext &&
+            notifyArgs.virtualInfo.nextInfo.page !== this.parent.pageSettings.currentPage) {
+            this.parent.setProperties({ pageSettings: { currentPage: notifyArgs.virtualInfo.nextInfo.page } }, true);
+        }
+        else if (!isNullOrUndefined(notifyArgs.virtualInfo) && !notifyArgs.virtualInfo.loadNext &&
+            notifyArgs.virtualInfo.page !== this.parent.pageSettings.currentPage) {
+            this.parent.setProperties({ pageSettings: { currentPage: notifyArgs.virtualInfo.page } }, true);
+        }
         var info = this.getDataInfo();
         if (!isNullOrUndefined(notifyArgs.virtualInfo)) {
             if (notifyArgs.virtualInfo.direction !== 'right' && notifyArgs.virtualInfo.direction !== 'left') {

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -186,7 +186,8 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         if (isNullOrUndefined(this.observer[containerRect])) {
             this.observer[containerRect] = this.observers[containerRect];
         }
-        if (args.selectedIndex !== 0 || isNullOrUndefined(this.parent['clipboardModule'].treeGridParent.editModule['addRowIndex'])) {
+        if (isNullOrUndefined(this.parent['clipboardModule'].treeGridParent.editModule) || args.selectedIndex !== 0 ||
+            isNullOrUndefined(this.parent['clipboardModule'].treeGridParent.editModule['addRowIndex'])) {
             _super.prototype[selectVirtualRow].call(this, args);
         }
     };
@@ -424,6 +425,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             var replace = 'replaceWith';
             this.getTable().querySelector('tbody')[replace](target);
             if (!this.isExpandCollapse || this.translateY === 0) {
+                this.translateY = this.translateY < 0 ? 0 : this.translateY;
                 getValue('virtualEle', this).adjustTable(cOffset, this.translateY);
             }
             else {

package/styles/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/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/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/bootstrap5-dark.css

@@ -63,7 +63,6 @@
 .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],
@@ -165,6 +164,7 @@
   }
 }
 
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: '\e75c';
@@ -214,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;
@@ -356,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,
@@ -381,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 {
@@ -396,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 {
@@ -451,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;
@@ -461,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;
 }
 
@@ -486,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;
@@ -499,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 {
@@ -514,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 {

package/styles/bootstrap5.css

@@ -63,7 +63,6 @@
 .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],
@@ -165,6 +164,7 @@
   }
 }
 
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: '\e75c';
@@ -214,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;
@@ -356,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,
@@ -381,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 {
@@ -396,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 {
@@ -451,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;
@@ -461,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;
 }
 
@@ -486,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;
@@ -499,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 {
@@ -514,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 {

package/styles/fabric-dark.css

@@ -154,6 +154,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/fabric.css

@@ -147,6 +147,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/highcontrast-light.css

@@ -164,6 +164,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/highcontrast.css

@@ -164,6 +164,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/material-dark.css

@@ -190,6 +190,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/material.css

@@ -225,6 +225,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;