@visactor/vtable 0.25.7 → 0.25.8

package/dist/vtable.js

@@ -23234,8 +23234,12 @@
     function cellInRanges(ranges, col, row) {
         for (let i = 0; i < ranges.length; i++) {
             const range = ranges[i];
-            if ((range.start.col <= col && col <= range.end.col && range.start.row <= row && row <= range.end.row) ||
-                (range.end.col <= col && col <= range.start.col && range.end.row <= row && row <= range.start.row)) {
+            const startCol = Math.min(range.start.col, range.end.col);
+            const endCol = Math.max(range.start.col, range.end.col);
+            const startRow = Math.min(range.start.row, range.end.row);
+            const endRow = Math.max(range.start.row, range.end.row);
+            if ((startCol <= col && col <= endCol && startRow <= row && row <= endRow) ||
+                (endCol <= col && col <= startCol && endRow <= row && row <= startRow)) {
                 return true;
             }
         }
@@ -24693,6 +24697,9 @@
                     get scrollSliderColor() {
                         return scroll.scrollSliderColor ?? '#C0C0C0';
                     },
+                    get scrollSliderCornerRadius() {
+                        return scroll.scrollSliderCornerRadius;
+                    },
                     get scrollRailColor() {
                         return scroll.scrollRailColor;
                     },
@@ -36677,7 +36684,10 @@
     function createImageCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, keepAspectRatio, imageAutoSizing, padding, textAlign, textBaseline, table, cellTheme, isAsync) {
         const headerStyle = table._getCellStyle(col, row);
         const functionalPadding = getFunctionalProp('padding', headerStyle, col, row, table);
-        if (isValid$3(functionalPadding)) {
+        if (table.options.customConfig?.imageMargin) {
+            padding = getQuadProps(table.options.customConfig?.imageMargin);
+        }
+        else if (isValid$3(functionalPadding)) {
             padding = functionalPadding;
         }
         if (cellTheme?.text?.textAlign) {
@@ -36830,7 +36840,13 @@
         const headerStyle = table._getCellStyle(col, row);
         const textAlign = getProp('textAlign', headerStyle, col, row, table) ?? 'left';
         const textBaseline = getProp('textBaseline', headerStyle, col, row, table) ?? 'middle';
-        const padding = getQuadProps(getProp('padding', headerStyle, col, row, table)) ?? [0, 0, 0, 0];
+        let padding;
+        if (table.options.customConfig?.imageMargin) {
+            padding = getQuadProps(table.options.customConfig?.imageMargin);
+        }
+        else {
+            padding = getQuadProps(getProp('padding', headerStyle, col, row, table)) ?? [0, 0, 0, 0];
+        }
         const { width: cellWidth, height: cellHeight, isMerge } = getCellRange(cellGroup, table);
         const colStart = cellGroup.mergeStartCol ?? cellGroup.col;
         const rowStart = cellGroup.mergeStartRow ?? cellGroup.row;
@@ -38731,7 +38747,10 @@
     function createVideoCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, keepAspectRatio, imageAutoSizing, padding, textAlign, textBaseline, table, cellTheme, isAsync) {
         const headerStyle = table._getCellStyle(col, row);
         const functionalPadding = getFunctionalProp('padding', headerStyle, col, row, table);
-        if (isValid$3(functionalPadding)) {
+        if (table.options.customConfig?.imageMargin) {
+            padding = getQuadProps(table.options.customConfig?.imageMargin);
+        }
+        else if (isValid$3(functionalPadding)) {
             padding = functionalPadding;
         }
         if (cellTheme?.text?.textAlign) {
@@ -42726,7 +42745,20 @@
             const theme = this.table.theme;
             const scrollRailColor = theme.scrollStyle?.scrollRailColor;
             const scrollSliderColor = theme.scrollStyle?.scrollSliderColor;
+            const scrollSliderCornerRadius = theme.scrollStyle?.scrollSliderCornerRadius;
             const width = theme.scrollStyle?.width;
+            let sliderStyle;
+            if (isValid$3(scrollSliderCornerRadius)) {
+                sliderStyle = {
+                    cornerRadius: scrollSliderCornerRadius,
+                    fill: scrollSliderColor
+                };
+            }
+            else {
+                sliderStyle = {
+                    fill: scrollSliderColor
+                };
+            }
             this.hScrollBar = new ScrollBar({
                 direction: 'horizontal',
                 x: -this.table.tableNoFrameWidth * 2,
@@ -42737,9 +42769,7 @@
                 railStyle: {
                     fill: scrollRailColor
                 },
-                sliderStyle: {
-                    fill: scrollSliderColor
-                },
+                sliderStyle,
                 range: [0, 0.1],
                 visible: false
             });
@@ -42755,9 +42785,7 @@
                 railStyle: {
                     fill: scrollRailColor
                 },
-                sliderStyle: {
-                    fill: scrollSliderColor
-                },
+                sliderStyle,
                 range: [0, 0.1],
                 visible: false
             });
@@ -43066,24 +43094,33 @@
             const theme = this.table.theme;
             const scrollRailColor = theme.scrollStyle?.scrollRailColor;
             const scrollSliderColor = theme.scrollStyle?.scrollSliderColor;
+            const scrollSliderCornerRadius = theme.scrollStyle?.scrollSliderCornerRadius;
             const width = theme.scrollStyle?.width;
+            let sliderStyle;
+            if (isValid$3(scrollSliderCornerRadius)) {
+                sliderStyle = {
+                    cornerRadius: scrollSliderCornerRadius,
+                    fill: scrollSliderColor
+                };
+            }
+            else {
+                sliderStyle = {
+                    fill: scrollSliderColor
+                };
+            }
             this.hScrollBar.setAttributes({
                 height: width,
                 railStyle: {
                     fill: scrollRailColor
                 },
-                sliderStyle: {
-                    fill: scrollSliderColor
-                }
+                sliderStyle
             });
             this.vScrollBar.setAttributes({
                 width,
                 railStyle: {
                     fill: scrollRailColor
                 },
-                sliderStyle: {
-                    fill: scrollSliderColor
-                }
+                sliderStyle
             });
             const columnResizeColor = theme.columnResize?.lineColor;
             const columnResizeWidth = theme.columnResize?.lineWidth;
@@ -56324,7 +56361,7 @@
         }
         setTableColumnsEditor() {
             const setEditor = (colDefines, setColumns) => {
-                colDefines.forEach((colDefine, index) => {
+                colDefines?.forEach((colDefine, index) => {
                     if (colDefine.editor) {
                         setColumns[index].editor = colDefine.editor;
                     }
@@ -58370,7 +58407,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.25.7";
+        version = "0.25.8";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -58793,8 +58830,21 @@
             let heightP = 0;
             if (Env.mode === 'browser') {
                 const element = this.getElement();
-                const width1 = element.parentElement?.offsetWidth ?? 1 - 1;
-                const height1 = element.parentElement?.offsetHeight ?? 1 - 1;
+                let widthWithoutPadding = 0;
+                let heightWithoutPadding = 0;
+                if (element.parentElement) {
+                    const computedStyle = element.parentElement.style || window.getComputedStyle(element.parentElement);
+                    widthWithoutPadding =
+                        element.parentElement.offsetWidth -
+                            parseInt(computedStyle.paddingLeft || '0px', 10) -
+                            parseInt(computedStyle.paddingRight || '0px', 10);
+                    heightWithoutPadding =
+                        element.parentElement.offsetHeight -
+                            parseInt(computedStyle.paddingTop || '0px', 10) -
+                            parseInt(computedStyle.paddingBottom || '0px', 20);
+                }
+                const width1 = widthWithoutPadding ?? 1 - 1;
+                const height1 = heightWithoutPadding ?? 1 - 1;
                 element.style.width = (width1 && `${width1 - padding.left - padding.right}px`) || '0px';
                 element.style.height = (height1 && `${height1 - padding.top - padding.bottom}px`) || '0px';
                 const { canvas } = this.internalProps;
@@ -60895,7 +60945,7 @@
             const c = this.scenegraph.stage.toCanvas();
             return c.toDataURL();
         }
-        exportCellImg(col, row) {
+        exportCellImg(col, row, options) {
             const isInView = this.cellIsInVisualView(col, row);
             const { scrollTop, scrollLeft } = this;
             if (!isInView) {
@@ -60909,16 +60959,43 @@
             this.stateManager.updateHoverPos(-1, -1);
             this.scenegraph.component.hideVerticalScrollBar();
             this.scenegraph.component.hideHorizontalScrollBar();
+            this.scenegraph.tableGroup.border.setAttribute('visible', false);
+            let oldFill;
+            if (options?.disableBackground) {
+                const cellGroup = this.scenegraph.getCell(col, row);
+                oldFill = cellGroup.attribute.fill;
+                cellGroup.setAttribute('fill', 'transparent');
+            }
+            let oldStroke;
+            if (options?.disableBorder) {
+                const cellGroup = this.scenegraph.getCell(col, row);
+                oldStroke = cellGroup.attribute.stroke;
+                cellGroup.setAttribute('stroke', false);
+            }
             this.scenegraph.renderSceneGraph();
-            const c = this.scenegraph.stage.toCanvas(false, new AABBBounds().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
+            let sizeOffset = 0;
+            if (this.theme.cellBorderClipDirection === 'bottom-right') {
+                sizeOffset = 1;
+            }
+            const c = this.scenegraph.stage.toCanvas(false, new AABBBounds().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX - sizeOffset, cellRect.bottom + this.tableY - sizeOffset));
             if (!isInView) {
                 this.setScrollTop(scrollTop);
                 this.setScrollLeft(scrollLeft);
             }
+            this.scenegraph.tableGroup.border.setAttribute('visible', true);
+            if (oldFill) {
+                const cellGroup = this.scenegraph.getCell(col, row);
+                cellGroup.setAttribute('fill', oldFill);
+            }
+            if (oldStroke) {
+                const cellGroup = this.scenegraph.getCell(col, row);
+                cellGroup.setAttribute('stroke', oldStroke);
+            }
             if (this.stateManager.select?.ranges?.length > 0) {
                 restoreCellSelectBorder(this.scenegraph);
             }
             this.stateManager.updateHoverPos(hoverCol, hoverRow);
+            this.scenegraph.updateNextFrame();
             return c.toDataURL();
         }
         exportCellRangeImg(cellRange) {
@@ -63792,9 +63869,13 @@
             if (ifCan) {
                 if (!this.transpose) {
                     const cellDefine = this.internalProps.layoutMap.getBody(col, this.columnHeaderLevelCount);
+                    const isSeriesNumber = this.internalProps.layoutMap.isSeriesNumber(col, row);
                     if (cellDefine?.disableColumnResize) {
                         return false;
                     }
+                    else if (isSeriesNumber && this.internalProps.rowSeriesNumber.disableColumnResize === true) {
+                        return false;
+                    }
                 }
             }
             return ifCan;
@@ -64883,6 +64964,10 @@
         cornerHeaderObjs;
         columnHeaderObjs = [];
         rowHeaderObjs = [];
+        _cornerHeaderCellFullPathIds = [];
+        _columnHeaderCellFullPathIds = [];
+        _rowHeaderCellFullPathIds = [];
+        _rowHeaderCellFullPathIds_FULL = [];
         _cornerHeaderCellIds = [];
         _columnHeaderCellIds = [];
         _rowHeaderCellIds = [];
@@ -65034,7 +65119,7 @@
                 });
             }
             this.resetColumnHeaderLevelCount();
-            this._rowHeaderCellIds_FULL = transpose(this._rowHeaderCellIds_FULL);
+            this._rowHeaderCellFullPathIds_FULL = transpose(this._rowHeaderCellFullPathIds_FULL);
             if (table.options.rowHierarchyType === 'tree' && this.extensionRows?.length >= 1) {
                 this.generateExtensionRowTree();
                 this.extensionRows.forEach(extensionRow => {
@@ -65088,6 +65173,7 @@
             else {
                 this._indicatorShowType = 'none';
             }
+            this.generateCellIdsConsiderHideHeader();
             this.setPagination(table.options.pagination);
             if (this._table.isPivotChart()) {
                 this._chartItemSpanSize = 0;
@@ -65126,7 +65212,6 @@
             }
             this.handleRowSeriesNumber(table.internalProps.rowSeriesNumber);
             this.setColumnWidths();
-            this.clearCellIds();
         }
         handleRowSeriesNumber(rowSeriesNumber) {
             if (rowSeriesNumber) {
@@ -65173,13 +65258,13 @@
         }
         _generateColHeaderIds() {
             if (this.columnDimensionTree.tree.children?.length >= 1) {
-                this._addHeaders(this._columnHeaderCellIds, 0, this.columnDimensionTree.tree.children, [], this.columnHeaderObjs);
+                this._addHeaders(this._columnHeaderCellFullPathIds, 0, this.columnDimensionTree.tree.children, [], this.columnHeaderObjs);
             }
             if (this.columnHeaderTitle) {
                 this.sharedVar.seqId = Math.max(this.sharedVar.seqId, this._headerObjects.length);
                 const id = ++this.sharedVar.seqId;
                 const firstRowIds = Array(this.colCount - this.rowHeaderLevelCount).fill(id);
-                this._columnHeaderCellIds.unshift(firstRowIds);
+                this._columnHeaderCellFullPathIds.unshift(firstRowIds);
                 const cell = {
                     id,
                     title: typeof this.columnHeaderTitle.title === 'string'
@@ -65206,17 +65291,17 @@
         _generateRowHeaderIds() {
             if (this.rowDimensionTree.tree.children?.length >= 1) {
                 if (this.rowHierarchyType === 'tree') {
-                    this._addHeadersForTreeMode(this._rowHeaderCellIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, true, this.rowsDefine, this.rowHeaderObjs);
+                    this._addHeadersForTreeMode(this._rowHeaderCellFullPathIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, true, this.rowsDefine, this.rowHeaderObjs);
                 }
                 else {
-                    this._addHeaders(this._rowHeaderCellIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowHeaderObjs);
+                    this._addHeaders(this._rowHeaderCellFullPathIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowHeaderObjs);
                 }
             }
             if (this.rowHeaderTitle) {
                 this.sharedVar.seqId = Math.max(this.sharedVar.seqId, this._headerObjects.length);
                 const id = ++this.sharedVar.seqId;
-                const firstColIds = Array(this._rowHeaderCellIds_FULL[0]?.length ?? this.rowDimensionTree.tree.size).fill(id);
-                this._rowHeaderCellIds_FULL.unshift(firstColIds);
+                const firstColIds = Array(this._rowHeaderCellFullPathIds_FULL[0]?.length ?? this.rowDimensionTree.tree.size).fill(id);
+                this._rowHeaderCellFullPathIds_FULL.unshift(firstColIds);
                 const cell = {
                     id,
                     title: typeof this.rowHeaderTitle.title === 'string'
@@ -65318,19 +65403,19 @@
                     results[id] = cell;
                     this._headerObjects[id] = cell;
                     if (this.cornerSetting.titleOnDimension === 'column') {
-                        if (!this._cornerHeaderCellIds[key]) {
-                            this._cornerHeaderCellIds[key] = [];
+                        if (!this._cornerHeaderCellFullPathIds[key]) {
+                            this._cornerHeaderCellFullPathIds[key] = [];
                         }
                         for (let r = 0; r < this.rowHeaderLevelCount; r++) {
-                            this._cornerHeaderCellIds[key][r] = id;
+                            this._cornerHeaderCellFullPathIds[key][r] = id;
                         }
                     }
                     else if (this.cornerSetting.titleOnDimension === 'row') {
                         for (let r = 0; r < this.columnHeaderLevelCount; r++) {
-                            if (!this._cornerHeaderCellIds[r]) {
-                                this._cornerHeaderCellIds[r] = [];
+                            if (!this._cornerHeaderCellFullPathIds[r]) {
+                                this._cornerHeaderCellFullPathIds[r] = [];
                             }
-                            this._cornerHeaderCellIds[r][key] = id;
+                            this._cornerHeaderCellFullPathIds[r][key] = id;
                         }
                     }
                 });
@@ -65355,10 +65440,10 @@
                 this._headerObjects[id] = cell;
                 for (let r = 0; r < this.columnHeaderLevelCount; r++) {
                     for (let j = 0; j < this.rowHeaderLevelCount; j++) {
-                        if (!this._cornerHeaderCellIds[r]) {
-                            this._cornerHeaderCellIds[r] = [];
+                        if (!this._cornerHeaderCellFullPathIds[r]) {
+                            this._cornerHeaderCellFullPathIds[r] = [];
                         }
-                        this._cornerHeaderCellIds[r][j] = id;
+                        this._cornerHeaderCellFullPathIds[r][j] = id;
                     }
                 }
             }
@@ -65366,8 +65451,8 @@
         }
         generateExtensionRowTree() {
             this.extensionRows.forEach((extensionRow, indexP) => {
-                const old_rowHeaderCellIds = this._rowHeaderCellIds_FULL;
-                this._rowHeaderCellIds_FULL = [];
+                const old_rowHeaderCellIds = this._rowHeaderCellFullPathIds_FULL;
+                this._rowHeaderCellFullPathIds_FULL = [];
                 old_rowHeaderCellIds.forEach((row_ids, index) => {
                     const key = row_ids[row_ids.length - 1];
                     this.colIndex = 0;
@@ -65393,7 +65478,7 @@
                     const extensionRowTreeHeaderIds = [];
                     this._addHeadersForTreeMode(extensionRowTreeHeaderIds, 0, rowExtensionDimensionTree.tree.children, [], rowExtensionDimensionTree.totalLevel, true, extensionRow.rows, this.rowHeaderObjs);
                     for (let i = 0; i < extensionRowTreeHeaderIds[0].length; i++) {
-                        this._rowHeaderCellIds_FULL.push(row_ids.concat(extensionRowTreeHeaderIds[0][i]));
+                        this._rowHeaderCellFullPathIds_FULL.push(row_ids.concat(extensionRowTreeHeaderIds[0][i]));
                     }
                 });
             });
@@ -66094,7 +66179,7 @@
             }
             if (col >= 0 && recordRow >= 0) {
                 if (this.rowHierarchyType === 'tree') {
-                    const row_pathIds = this._rowHeaderCellIds[recordRow];
+                    const row_pathIds = this._rowHeaderCellFullPathIds[recordRow];
                     let findTree = this.rowDimensionTree;
                     let level = 0;
                     while (findTree) {
@@ -66214,7 +66299,7 @@
             return this.isColumnIndicatorHeader(col, row) || this.isRowIndicatorHeader(col, row);
         }
         toggleHierarchyState(col, row) {
-            const oldRowHeaderCellIds = this._rowHeaderCellIds_FULL.slice(0);
+            const oldRowHeaderCellIds = this._rowHeaderCellFullPathIds_FULL.slice(0);
             const oldRowHeaderCellPositons = oldRowHeaderCellIds.map((id, row) => {
                 return { col, row: row + this.columnHeaderLevelCount };
             });
@@ -66222,15 +66307,15 @@
             hd.define.hierarchyState =
                 hd.define.hierarchyState === HierarchyState.collapse ? HierarchyState.expand : HierarchyState.collapse;
             this.rowDimensionTree.reset(this.rowDimensionTree.tree.children, true);
-            this._rowHeaderCellIds_FULL = [];
+            this._rowHeaderCellFullPathIds_FULL = [];
             this.rowDimensionKeys = this.rowDimensionTree.dimensionKeys.valueArr();
             this.fullRowDimensionKeys = [];
             this.fullRowDimensionKeys = this.fullRowDimensionKeys.concat(this.rowDimensionKeys);
-            this._addHeadersForTreeMode(this._rowHeaderCellIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, true, this.rowsDefine, this.rowHeaderObjs);
+            this._addHeadersForTreeMode(this._rowHeaderCellFullPathIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, true, this.rowsDefine, this.rowHeaderObjs);
             if (this.rowHeaderTitle) {
                 const id = ++this.sharedVar.seqId;
                 const firstColIds = Array(this.rowCount - this.columnHeaderLevelCount).fill(id);
-                this._rowHeaderCellIds_FULL.unshift(firstColIds);
+                this._rowHeaderCellFullPathIds_FULL.unshift(firstColIds);
                 const cell = {
                     id,
                     title: typeof this.rowHeaderTitle.title === 'string'
@@ -66255,7 +66340,7 @@
                 this.rowHeaderObjs.push(cell);
                 this._headerObjects[id] = cell;
             }
-            this._rowHeaderCellIds_FULL = transpose(this._rowHeaderCellIds_FULL);
+            this._rowHeaderCellFullPathIds_FULL = transpose(this._rowHeaderCellFullPathIds_FULL);
             if (this.rowHierarchyType === 'tree' && this.extensionRows?.length >= 1) {
                 this.generateExtensionRowTree();
             }
@@ -66266,8 +66351,9 @@
             }, {});
             this._CellHeaderPathMap = new Map();
             this._largeCellRangeCache.length = 0;
-            const diffCell = diffCellAddress(col, row, oldRowHeaderCellIds.map(oldCellId => oldCellId[col - this.leftRowSeriesNumberColumnCount]), this._rowHeaderCellIds_FULL.map(newCellId => newCellId[col - this.leftRowSeriesNumberColumnCount]), oldRowHeaderCellPositons, this);
-            this._rowHeaderCellIds = this._rowHeaderCellIds_FULL.slice();
+            const diffCell = diffCellAddress(col, row, oldRowHeaderCellIds.map(oldCellId => oldCellId[col - this.leftRowSeriesNumberColumnCount]), this._rowHeaderCellFullPathIds_FULL.map(newCellId => newCellId[col - this.leftRowSeriesNumberColumnCount]), oldRowHeaderCellPositons, this);
+            this.generateCellIdsConsiderHideHeader();
+            this.setPagination(this.pagination);
             return diffCell;
         }
         isHeaderForColWidth(col, row) {
@@ -66490,10 +66576,10 @@
                     if (targetIndex === sourceCellRange.start.col) {
                         return null;
                     }
-                    for (let row = 0; row < this._columnHeaderCellIds.length; row++) {
-                        const sourceIds = this._columnHeaderCellIds[row].splice(sourceCellRange.start.col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount, sourceSize);
+                    for (let row = 0; row < this._columnHeaderCellFullPathIds.length; row++) {
+                        const sourceIds = this._columnHeaderCellFullPathIds[row].splice(sourceCellRange.start.col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount, sourceSize);
                         sourceIds.unshift(targetIndex - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount, 0);
-                        Array.prototype.splice.apply(this._columnHeaderCellIds[row], sourceIds);
+                        Array.prototype.splice.apply(this._columnHeaderCellFullPathIds[row], sourceIds);
                     }
                     const sourceColumns = this._columnWidths.splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
                     sourceColumns.unshift((targetIndex - this.leftRowSeriesNumberColumnCount), 0);
@@ -66530,9 +66616,15 @@
                     const sourceIds = this._rowHeaderCellIds.splice(sourceCellRange.start.row - this.columnHeaderLevelCount, sourceSize);
                     sourceIds.unshift((targetIndex - this.currentPageStartIndex), 0);
                     Array.prototype.splice.apply(this._rowHeaderCellIds, sourceIds);
+                    const sourceIds0 = this._rowHeaderCellFullPathIds.splice(sourceCellRange.start.row - this.columnHeaderLevelCount, sourceSize);
+                    sourceIds0.unshift((targetIndex - this.currentPageStartIndex), 0);
+                    Array.prototype.splice.apply(this._rowHeaderCellFullPathIds, sourceIds0);
                     const sourceIds_FULL = this._rowHeaderCellIds_FULL.splice(sourceCellRange.start.row - this.columnHeaderLevelCount + this.currentPageStartIndex, sourceSize);
                     sourceIds_FULL.unshift(targetIndex, 0);
                     Array.prototype.splice.apply(this._rowHeaderCellIds_FULL, sourceIds_FULL);
+                    const sourceIds_FULL0 = this._rowHeaderCellFullPathIds_FULL.splice(sourceCellRange.start.row - this.columnHeaderLevelCount + this.currentPageStartIndex, sourceSize);
+                    sourceIds_FULL0.unshift(targetIndex, 0);
+                    Array.prototype.splice.apply(this._rowHeaderCellFullPathIds_FULL, sourceIds_FULL0);
                     this.rowDimensionTree.movePosition(sourceRowHeaderPaths.length - 1, sourceCellRange.start.row - this.columnHeaderLevelCount, targetIndex + (target.row > source.row ? sourceRowHeaderNode.size - 1 : 0));
                     this.rowDimensionTree.reset(this.rowDimensionTree.tree.children, true);
                     this._CellHeaderPathMap = new Map();
@@ -66808,11 +66900,13 @@
                 this.currentPageStartIndex = perPageCount * (currentPage || 0);
                 this.currentPageEndIndex = this.currentPageStartIndex + perPageCount;
                 this._rowHeaderCellIds = this._rowHeaderCellIds_FULL?.slice(this.currentPageStartIndex, this.currentPageEndIndex);
+                this._rowHeaderCellFullPathIds = this._rowHeaderCellFullPathIds_FULL?.slice(this.currentPageStartIndex, this.currentPageEndIndex);
             }
             else {
                 this.currentPageStartIndex = 0;
                 this.currentPageEndIndex = this._rowHeaderCellIds_FULL.length;
                 this._rowHeaderCellIds = this._rowHeaderCellIds_FULL?.slice(this.currentPageStartIndex, this.currentPageEndIndex);
+                this._rowHeaderCellFullPathIds = this._rowHeaderCellFullPathIds_FULL?.slice(this.currentPageStartIndex, this.currentPageEndIndex);
             }
             this.pagination && (this.pagination.totalCount = this._rowHeaderCellIds_FULL?.length);
         }
@@ -67177,7 +67271,7 @@
             return totalCount;
         }
         resetHeaderTree() {
-            this._rowHeaderCellIds_FULL = [];
+            this._rowHeaderCellFullPathIds_FULL = [];
             this._columnHeaderCellIds = [];
             const dataset = this.dataset;
             this.rowTree = dataset.rowHeaderTree;
@@ -67188,13 +67282,13 @@
             this.colIndex = 0;
             this._generateRowHeaderIds();
             this.resetColumnHeaderLevelCount();
-            this._rowHeaderCellIds_FULL = transpose(this._rowHeaderCellIds_FULL);
+            this._rowHeaderCellFullPathIds_FULL = transpose(this._rowHeaderCellFullPathIds_FULL);
             this._headerObjectMap = this._headerObjects.reduce((o, e) => {
                 o[e.id] = e;
                 return o;
             }, {});
+            this.generateCellIdsConsiderHideHeader();
             this.setPagination(this.pagination);
-            this.clearCellIds();
         }
         isSeriesNumberInHeader(col, row) {
             if (this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && row >= 0 && col < this.leftRowSeriesNumberColumnCount) {
@@ -67278,31 +67372,74 @@
             const id = this.getCellId(col, row);
             this._headerObjectMap[id].title = value;
         }
-        clearCellIds() {
+        generateCellIdsConsiderHideHeader() {
+            this._columnHeaderCellIds = this._columnHeaderCellFullPathIds.slice();
             if (!this.showColumnHeader) {
                 if (this.indicatorsAsCol && !this.hideIndicatorName) {
                     const indicatorIndex = this.colDimensionKeys.indexOf(IndicatorDimensionKeyPlaceholder);
-                    this._columnHeaderCellIds = this._columnHeaderCellIds.splice(indicatorIndex, 1);
+                    const indicatorIds = this._columnHeaderCellIds.splice(indicatorIndex, 1);
+                    this._columnHeaderCellIds.splice(0, this._columnHeaderCellIds.length);
+                    this._columnHeaderCellIds.push(indicatorIds[0]);
                 }
                 else {
                     this._columnHeaderCellIds.splice(0, this._columnHeaderCellIds.length);
                 }
             }
+            this._rowHeaderCellIds_FULL = this._rowHeaderCellFullPathIds_FULL.slice();
             if (!this.showRowHeader) {
                 if (!this.indicatorsAsCol && !this.hideIndicatorName) {
                     const indicatorIndex = this.rowDimensionKeys.indexOf(IndicatorDimensionKeyPlaceholder);
-                    this._rowHeaderCellIds_FULL.forEach((cellIds) => {
-                        const indicator = cellIds.splice(indicatorIndex, 1);
-                        cellIds.splice(0, cellIds.length);
-                        cellIds.push(indicator[0]);
+                    this._rowHeaderCellIds_FULL.forEach((cellIds, index) => {
+                        const _cellIds = cellIds.slice();
+                        const indicator = _cellIds.splice(indicatorIndex, 1);
+                        _cellIds.splice(0, _cellIds.length);
+                        _cellIds.push(indicator[0]);
+                        this._rowHeaderCellIds_FULL[index] = _cellIds;
+                    });
+                }
+                else {
+                    this._rowHeaderCellIds_FULL.forEach((cellIds, index) => {
+                        const _cellIds = cellIds.slice();
+                        _cellIds.splice(0, _cellIds.length);
+                        this._rowHeaderCellIds_FULL[index] = _cellIds;
+                    });
+                }
+            }
+            this._rowHeaderCellIds = this._rowHeaderCellIds_FULL.slice();
+            this._cornerHeaderCellIds = this._cornerHeaderCellFullPathIds.slice();
+            if (this.rowHeaderLevelCount === 0 || this.columnHeaderLevelCount === 0) {
+                this._cornerHeaderCellIds = [];
+            }
+            else if (this.cornerSetting.titleOnDimension === 'row' && !this.showRowHeader) {
+                if (!this.indicatorsAsCol && !this.hideIndicatorName) {
+                    const indicatorIndex = this.rowDimensionKeys.indexOf(IndicatorDimensionKeyPlaceholder);
+                    this._cornerHeaderCellIds.forEach((cellIds, index) => {
+                        const _cellIds = cellIds.slice();
+                        const indicator = _cellIds.splice(indicatorIndex, 1);
+                        _cellIds.splice(0, _cellIds.length);
+                        _cellIds.push(indicator[0]);
+                        this._cornerHeaderCellIds[index] = _cellIds;
                     });
                 }
                 else {
-                    this._rowHeaderCellIds_FULL.forEach((cellIds) => {
-                        cellIds.splice(0, cellIds.length);
+                    this._cornerHeaderCellIds.forEach((cellIds, index) => {
+                        const _cellIds = cellIds.slice();
+                        _cellIds.splice(0, _cellIds.length);
+                        this._cornerHeaderCellIds[index] = _cellIds;
                     });
                 }
             }
+            else if (this.cornerSetting.titleOnDimension === 'column' && !this.showColumnHeader) {
+                if (this.indicatorsAsCol && !this.hideIndicatorName) {
+                    const indicatorIndex = this.colDimensionKeys.indexOf(IndicatorDimensionKeyPlaceholder);
+                    const indicatorIds = this._cornerHeaderCellIds.splice(indicatorIndex, 1);
+                    this._cornerHeaderCellIds.splice(0, this._cornerHeaderCellIds.length);
+                    this._cornerHeaderCellIds.push(indicatorIds[0]);
+                }
+                else {
+                    this._cornerHeaderCellIds.splice(0, this._cornerHeaderCellIds.length);
+                }
+            }
         }
     }
     function scaleWholeRangeSize(count, bandwidth, paddingInner, paddingOuter) {
@@ -68796,7 +68933,11 @@
         _canResizeColumn(col, row) {
             const ifCan = super._canResizeColumn(col, row);
             if (ifCan) {
-                if (!this.internalProps.layoutMap.indicatorsAsCol) {
+                const isSeriesNumber = this.internalProps.layoutMap.isSeriesNumber(col, row);
+                if (isSeriesNumber && this.internalProps.rowSeriesNumber.disableColumnResize === true) {
+                    return false;
+                }
+                else if (!this.internalProps.layoutMap.indicatorsAsCol) {
                     const cellDefine = this.internalProps.layoutMap.getBody(col, this.columnHeaderLevelCount);
                     if (cellDefine?.disableColumnResize) {
                         return false;
@@ -71090,7 +71231,7 @@
     }
 
     registerForVrender();
-    const version = "0.25.7";
+    const version = "0.25.8";
     function getIcons() {
         return get$2();
     }