@syncfusion/ej2-treegrid 28.1.33 → 28.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ej2-treegrid.min.js +2 -2
- package/dist/ej2-treegrid.umd.min.js +2 -2
- package/dist/ej2-treegrid.umd.min.js.map +1 -1
- package/dist/es6/ej2-treegrid.es2015.js +13 -5
- package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
- package/dist/es6/ej2-treegrid.es5.js +13 -5
- package/dist/es6/ej2-treegrid.es5.js.map +1 -1
- package/dist/global/ej2-treegrid.min.js +2 -2
- package/dist/global/ej2-treegrid.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +6 -6
- package/src/treegrid/base/treegrid.js +1 -1
- package/src/treegrid/renderer/virtual-tree-content-render.js +12 -4
- package/styles/bds-lite.css +11 -0
- package/styles/bds.css +11 -0
- package/styles/bootstrap-dark-lite.css +16 -0
- package/styles/bootstrap-dark.css +16 -0
- package/styles/bootstrap-lite.css +16 -0
- package/styles/bootstrap.css +16 -0
- package/styles/bootstrap4-lite.css +16 -0
- package/styles/bootstrap4.css +16 -0
- package/styles/bootstrap5-dark-lite.css +16 -0
- package/styles/bootstrap5-dark.css +16 -0
- package/styles/bootstrap5-lite.css +16 -0
- package/styles/bootstrap5.3-lite.css +16 -0
- package/styles/bootstrap5.3.css +16 -0
- package/styles/bootstrap5.css +16 -0
- package/styles/fabric-dark-lite.css +16 -0
- package/styles/fabric-dark.css +16 -0
- package/styles/fabric-lite.css +16 -0
- package/styles/fabric.css +16 -0
- package/styles/fluent-dark-lite.css +16 -0
- package/styles/fluent-dark.css +16 -0
- package/styles/fluent-lite.css +16 -0
- package/styles/fluent.css +16 -0
- package/styles/fluent2-lite.css +16 -0
- package/styles/fluent2.css +16 -0
- package/styles/highcontrast-light-lite.css +16 -0
- package/styles/highcontrast-light.css +16 -0
- package/styles/highcontrast-lite.css +16 -0
- package/styles/highcontrast.css +16 -0
- package/styles/material-dark-lite.css +16 -0
- package/styles/material-dark.css +16 -0
- package/styles/material-lite.css +16 -0
- package/styles/material.css +16 -0
- package/styles/material3-dark-lite.css +16 -0
- package/styles/material3-dark.css +16 -0
- package/styles/material3-lite.css +16 -0
- package/styles/material3.css +16 -0
- package/styles/tailwind-dark-lite.css +16 -0
- package/styles/tailwind-dark.css +16 -0
- package/styles/tailwind-lite.css +16 -0
- package/styles/tailwind.css +16 -0
- package/styles/tailwind3-lite.css +16 -0
- package/styles/tailwind3.css +16 -0
- package/styles/treegrid/_icons.scss +7 -0
- package/styles/treegrid/_layout.scss +16 -0
- package/styles/treegrid/bds.css +11 -0
- package/styles/treegrid/bootstrap-dark.css +16 -0
- package/styles/treegrid/bootstrap.css +16 -0
- package/styles/treegrid/bootstrap4.css +16 -0
- package/styles/treegrid/bootstrap5-dark.css +16 -0
- package/styles/treegrid/bootstrap5.3.css +16 -0
- package/styles/treegrid/bootstrap5.css +16 -0
- package/styles/treegrid/fabric-dark.css +16 -0
- package/styles/treegrid/fabric.css +16 -0
- package/styles/treegrid/fluent-dark.css +16 -0
- package/styles/treegrid/fluent.css +16 -0
- package/styles/treegrid/fluent2.css +16 -0
- package/styles/treegrid/highcontrast-light.css +16 -0
- package/styles/treegrid/highcontrast.css +16 -0
- package/styles/treegrid/icons/_bootstrap-dark.scss +7 -0
- package/styles/treegrid/icons/_bootstrap.scss +7 -0
- package/styles/treegrid/icons/_bootstrap4.scss +7 -0
- package/styles/treegrid/icons/_bootstrap5.3.scss +7 -0
- package/styles/treegrid/icons/_bootstrap5.scss +7 -0
- package/styles/treegrid/icons/_fabric-dark.scss +7 -0
- package/styles/treegrid/icons/_fabric.scss +7 -0
- package/styles/treegrid/icons/_fluent.scss +7 -0
- package/styles/treegrid/icons/_fluent2.scss +7 -0
- package/styles/treegrid/icons/_highcontrast-light.scss +7 -0
- package/styles/treegrid/icons/_highcontrast.scss +7 -0
- package/styles/treegrid/icons/_material-dark.scss +7 -0
- package/styles/treegrid/icons/_material.scss +7 -0
- package/styles/treegrid/icons/_material3.scss +7 -0
- package/styles/treegrid/icons/_tailwind-dark.scss +7 -0
- package/styles/treegrid/icons/_tailwind.scss +7 -0
- package/styles/treegrid/icons/_tailwind3.scss +7 -0
- package/styles/treegrid/material-dark.css +16 -0
- package/styles/treegrid/material.css +16 -0
- package/styles/treegrid/material3-dark.css +16 -0
- package/styles/treegrid/material3.css +16 -0
- package/styles/treegrid/tailwind-dark.css +16 -0
- package/styles/treegrid/tailwind.css +16 -0
- package/styles/treegrid/tailwind3.css +16 -0
|
@@ -4181,7 +4181,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
|
|
|
4181
4181
|
this.grid.rowDropSettings.targetID += '_gridcontrol';
|
|
4182
4182
|
}
|
|
4183
4183
|
this.addListener();
|
|
4184
|
-
const gridContainer = createElement('div', { id: this.element.id + '_gridcontrol' });
|
|
4184
|
+
const gridContainer = createElement('div', { id: this.element.id + '_gridcontrol', className: 'e-treelistgrid' });
|
|
4185
4185
|
addClass([this.element], 'e-treegrid');
|
|
4186
4186
|
if (!isNullOrUndefined(this.height) && typeof (this.height) === 'string' && this.height.indexOf('%') !== -1) {
|
|
4187
4187
|
this.element.style.height = this.height;
|
|
@@ -13408,7 +13408,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
|
|
|
13408
13408
|
if (rowTop > 0) {
|
|
13409
13409
|
this[`${initialRowTop}`] = this.parent.getRowByIndex(0).getBoundingClientRect().top - gridTop;
|
|
13410
13410
|
}
|
|
13411
|
-
else {
|
|
13411
|
+
else if (this.parent.selectedRowIndex === -1) {
|
|
13412
13412
|
this[`${initialRowTop}`] = this.content.getBoundingClientRect().top -
|
|
13413
13413
|
this.parent.getRowByIndex(0).getBoundingClientRect().height;
|
|
13414
13414
|
}
|
|
@@ -13606,7 +13606,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
|
|
|
13606
13606
|
- this.parent.pageSettings.pageSize;
|
|
13607
13607
|
index = (index > 0) ? index : 0;
|
|
13608
13608
|
if (!isNullOrUndefined(this[`${selectedRowIndex}`]) && this[`${selectedRowIndex}`] !== -1 && index !== this[`${selectedRowIndex}`] &&
|
|
13609
|
-
((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
|
|
13609
|
+
((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop) && !this.parent.allowRowDragAndDrop) {
|
|
13610
13610
|
index = this[`${selectedRowIndex}`];
|
|
13611
13611
|
}
|
|
13612
13612
|
this.startIndex = index;
|
|
@@ -13638,6 +13638,9 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
|
|
|
13638
13638
|
(this.endIndex - this.parent.pageSettings.pageSize) * (this.parent.rowHeight ?
|
|
13639
13639
|
this.parent.rowHeight : this.parent.getRowHeight()) : 0;
|
|
13640
13640
|
}
|
|
13641
|
+
else if (this.startIndex === this[`${selectedRowIndex}`]) {
|
|
13642
|
+
this.translateY = scrollArgs.offset.top;
|
|
13643
|
+
}
|
|
13641
13644
|
else {
|
|
13642
13645
|
this.translateY = (scrollArgs.offset.top - (outBuffer * rowHeight) > 0) ?
|
|
13643
13646
|
scrollArgs.offset.top - (outBuffer * rowHeight) + rowHeight : 0;
|
|
@@ -13657,7 +13660,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
|
|
|
13657
13660
|
let nextSetResIndex = ~~(content.scrollTop / rowHeight);
|
|
13658
13661
|
const isLastBlock = (this[`${selectedRowIndex}`] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
|
|
13659
13662
|
if (!isNullOrUndefined(this[`${selectedRowIndex}`]) && this[`${selectedRowIndex}`] !== -1 &&
|
|
13660
|
-
nextSetResIndex !== this[`${selectedRowIndex}`] && !isLastBlock) {
|
|
13663
|
+
nextSetResIndex !== this[`${selectedRowIndex}`] && !isLastBlock && !this.parent.allowRowDragAndDrop) {
|
|
13661
13664
|
nextSetResIndex = this[`${selectedRowIndex}`];
|
|
13662
13665
|
}
|
|
13663
13666
|
let lastIndex = nextSetResIndex + this.parent.pageSettings.pageSize;
|
|
@@ -13684,7 +13687,12 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
|
|
|
13684
13687
|
}
|
|
13685
13688
|
else {
|
|
13686
13689
|
if (this.totalRecords === this.endIndex) {
|
|
13687
|
-
|
|
13690
|
+
if (isLastBlock) {
|
|
13691
|
+
this.translateY = (this.totalRecords * rowHeight) - (this.parent.pageSettings.pageSize * rowHeight);
|
|
13692
|
+
}
|
|
13693
|
+
else {
|
|
13694
|
+
this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
|
|
13695
|
+
}
|
|
13688
13696
|
}
|
|
13689
13697
|
else {
|
|
13690
13698
|
if (this.parent.getFrozenColumns() > 0) {
|