@visactor/vtable 0.25.8-alpha.0 → 0.25.9

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;
                     },
@@ -38118,7 +38125,7 @@
         else {
             text = convertInternal(textStr).replace(/\r?\n/g, '\n').replace(/\r/g, '\n').split('\n') || [];
         }
-        while (text.length && !text[text.length - 1]) {
+        while (text.length && text.length > 1 && !text[text.length - 1]) {
             text.pop();
         }
         return text;
@@ -42738,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,
@@ -42749,9 +42769,7 @@
                 railStyle: {
                     fill: scrollRailColor
                 },
-                sliderStyle: {
-                    fill: scrollSliderColor
-                },
+                sliderStyle,
                 range: [0, 0.1],
                 visible: false
             });
@@ -42767,9 +42785,7 @@
                 railStyle: {
                     fill: scrollRailColor
                 },
-                sliderStyle: {
-                    fill: scrollSliderColor
-                },
+                sliderStyle,
                 range: [0, 0.1],
                 visible: false
             });
@@ -43078,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;
@@ -47141,7 +47166,12 @@
             });
         }
     }
-    function updateCellSelectBorder(scene, newStartCol, newStartRow, newEndCol, newEndRow, ifExtendSelectRange = true) {
+    function updateCellSelectBorder(scene, selectRange, ifExtendSelectRange = true) {
+        const newStartCol = selectRange.start.col;
+        const newStartRow = selectRange.start.row;
+        const newEndCol = selectRange.end.col;
+        const newEndRow = selectRange.end.row;
+        const skipBodyMerge = selectRange.skipBodyMerge;
         let startCol = Math.max(Math.min(newEndCol, newStartCol), 0);
         let startRow = Math.max(Math.min(newEndRow, newStartRow), 0);
         let endCol = Math.min(Math.max(newEndCol, newStartCol), scene.table.colCount - 1);
@@ -47151,6 +47181,9 @@
             for (let col = startCol; col <= endCol; col++) {
                 if (col === startCol) {
                     for (let row = startRow; row <= endRow; row++) {
+                        if (!scene.table.isHeader(col, row) && skipBodyMerge) {
+                            continue;
+                        }
                         const mergeInfo = getCellMergeInfo(scene.table, col, row);
                         if (mergeInfo && mergeInfo.start.col < startCol) {
                             startCol = mergeInfo.start.col;
@@ -47161,6 +47194,9 @@
                 }
                 if (!isExtend && col === endCol) {
                     for (let row = startRow; row <= endRow; row++) {
+                        if (!scene.table.isHeader(col, row) && skipBodyMerge) {
+                            continue;
+                        }
                         const mergeInfo = getCellMergeInfo(scene.table, col, row);
                         if (mergeInfo && Math.min(mergeInfo.end.col, scene.table.colCount - 1) > endCol) {
                             endCol = mergeInfo.end.col;
@@ -47177,6 +47213,9 @@
                 for (let row = startRow; row <= endRow; row++) {
                     if (row === startRow) {
                         for (let col = startCol; col <= endCol; col++) {
+                            if (!scene.table.isHeader(col, row) && skipBodyMerge) {
+                                continue;
+                            }
                             const mergeInfo = getCellMergeInfo(scene.table, col, row);
                             if (mergeInfo && mergeInfo.start.row < startRow) {
                                 startRow = mergeInfo.start.row;
@@ -47187,6 +47226,9 @@
                     }
                     if (!isExtend && row === endRow) {
                         for (let col = startCol; col <= endCol; col++) {
+                            if (!scene.table.isHeader(col, row) && skipBodyMerge) {
+                                continue;
+                            }
                             const mergeInfo = getCellMergeInfo(scene.table, col, row);
                             if (mergeInfo && Math.min(mergeInfo.end.row, scene.table.rowCount - 1) > endRow) {
                                 endRow = mergeInfo.end.row;
@@ -47957,7 +47999,7 @@
         }
         scene.deleteAllSelectBorder();
         scene.table.stateManager.select.ranges.forEach(range => {
-            scene.updateCellSelectBorder(range.start.col, range.start.row, range.end.col, range.end.row);
+            scene.updateCellSelectBorder(range);
         });
         scene.frozenColCount = scene.table.frozenColCount;
         scene.frozenRowCount = scene.colHeaderGroup.firstChild?.childrenCount ?? 0;
@@ -49469,8 +49511,8 @@
         deleteAllSelectBorder() {
             deleteAllSelectBorder(this);
         }
-        updateCellSelectBorder(newStartCol, newStartRow, newEndCol, newEndRow, extendSelectRange = true) {
-            updateCellSelectBorder(this, newStartCol, newStartRow, newEndCol, newEndRow, extendSelectRange);
+        updateCellSelectBorder(selectRange, extendSelectRange = true) {
+            updateCellSelectBorder(this, selectRange, extendSelectRange);
         }
         removeFillHandleFromSelectComponents() {
             removeFillHandleFromSelectComponents(this);
@@ -49478,7 +49520,7 @@
         recreateAllSelectRangeComponents() {
             deleteAllSelectBorder(this);
             this.table.stateManager.select.ranges.forEach((cellRange) => {
-                updateCellSelectBorder(this, cellRange.start.col, cellRange.start.row, cellRange.end.col, cellRange.end.row);
+                updateCellSelectBorder(this, cellRange);
             });
             moveSelectingRangeComponentsToSelectedRangeComponents(this);
         }
@@ -50660,7 +50702,7 @@
                 end: { col: table.colCount - 1, row: table.rowCount - 1 }
             });
             const currentRange = state.select.ranges[state.select.ranges.length - 1];
-            scenegraph.updateCellSelectBorder(currentRange.start.col, currentRange.start.row, currentRange.end.col, currentRange.end.row, false);
+            scenegraph.updateCellSelectBorder(currentRange, false);
         }
         else if (cellPos.col !== -1 && cellPos.row !== -1 && (col === -1 || row === -1)) {
             cellPos.col = -1;
@@ -50693,7 +50735,7 @@
                     currentRange.end = { col, row };
                 }
                 scenegraph.deleteLastSelectedRangeComponents();
-                scenegraph.updateCellSelectBorder(currentRange.start.col, currentRange.start.row, currentRange.end.col, currentRange.end.row);
+                scenegraph.updateCellSelectBorder(currentRange);
             }
             else {
                 let extendSelectRange = true;
@@ -50705,28 +50747,32 @@
                     const cellRange = table.getCellRange(col, row);
                     state.select.ranges.push({
                         start: { col: cellRange.start.col, row },
-                        end: { col: cellRange.end.col, row: table.rowCount - 1 }
+                        end: { col: cellRange.end.col, row: table.rowCount - 1 },
+                        skipBodyMerge: true
                     });
                 }
                 else if (state.select.headerSelectMode !== 'cell' && table.isRowHeader(col, row)) {
                     const cellRange = table.getCellRange(col, row);
                     state.select.ranges.push({
                         start: { col, row: cellRange.start.row },
-                        end: { col: table.colCount - 1, row: cellRange.end.row }
+                        end: { col: table.colCount - 1, row: cellRange.end.row },
+                        skipBodyMerge: true
                     });
                 }
                 else if (table.internalProps.layoutMap.isSeriesNumberInHeader(col, row)) {
                     extendSelectRange = false;
                     state.select.ranges.push({
                         start: { col: 0, row: 0 },
-                        end: { col: table.colCount - 1, row: table.rowCount - 1 }
+                        end: { col: table.colCount - 1, row: table.rowCount - 1 },
+                        skipBodyMerge: true
                     });
                 }
                 else if (table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) {
                     extendSelectRange = false;
                     state.select.ranges.push({
                         start: { col, row: row },
-                        end: { col: table.colCount - 1, row: row }
+                        end: { col: table.colCount - 1, row: row },
+                        skipBodyMerge: true
                     });
                 }
                 else if (col >= 0 && row >= 0) {
@@ -50739,8 +50785,7 @@
                 cellPos.col = col;
                 cellPos.row = row;
                 const currentRange = state.select.ranges?.[state.select.ranges.length - 1];
-                currentRange &&
-                    scenegraph.updateCellSelectBorder(currentRange.start.col, currentRange.start.row, currentRange.end.col, currentRange.end.row, extendSelectRange);
+                currentRange && scenegraph.updateCellSelectBorder(currentRange, extendSelectRange);
             }
         }
         else if ((interactionState === InteractionState.grabing || table.eventManager.isDraging) &&
@@ -50835,7 +50880,7 @@
                         };
                     }
                 }
-                scenegraph.updateCellSelectBorder(currentRange.start.col, currentRange.start.row, currentRange.end.col, currentRange.end.row, extendSelectRange);
+                scenegraph.updateCellSelectBorder(currentRange, extendSelectRange);
             }
         }
         scenegraph.updateNextFrame();
@@ -56336,7 +56381,7 @@
         }
         setTableColumnsEditor() {
             const setEditor = (colDefines, setColumns) => {
-                colDefines.forEach((colDefine, index) => {
+                colDefines?.forEach((colDefine, index) => {
                     if (colDefine.editor) {
                         setColumns[index].editor = colDefine.editor;
                     }
@@ -58382,7 +58427,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.25.8-alpha.0";
+        version = "0.25.9";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -58805,8 +58850,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;
@@ -63831,9 +63889,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;
@@ -64922,6 +64984,10 @@
         cornerHeaderObjs;
         columnHeaderObjs = [];
         rowHeaderObjs = [];
+        _cornerHeaderCellFullPathIds = [];
+        _columnHeaderCellFullPathIds = [];
+        _rowHeaderCellFullPathIds = [];
+        _rowHeaderCellFullPathIds_FULL = [];
         _cornerHeaderCellIds = [];
         _columnHeaderCellIds = [];
         _rowHeaderCellIds = [];
@@ -65073,7 +65139,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 => {
@@ -65127,6 +65193,7 @@
             else {
                 this._indicatorShowType = 'none';
             }
+            this.generateCellIdsConsiderHideHeader();
             this.setPagination(table.options.pagination);
             if (this._table.isPivotChart()) {
                 this._chartItemSpanSize = 0;
@@ -65165,7 +65232,6 @@
             }
             this.handleRowSeriesNumber(table.internalProps.rowSeriesNumber);
             this.setColumnWidths();
-            this.clearCellIds();
         }
         handleRowSeriesNumber(rowSeriesNumber) {
             if (rowSeriesNumber) {
@@ -65212,13 +65278,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'
@@ -65245,17 +65311,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'
@@ -65357,19 +65423,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;
                         }
                     }
                 });
@@ -65394,10 +65460,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;
                     }
                 }
             }
@@ -65405,8 +65471,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;
@@ -65432,7 +65498,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]));
                     }
                 });
             });
@@ -66133,7 +66199,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) {
@@ -66253,7 +66319,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 };
             });
@@ -66261,15 +66327,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'
@@ -66294,7 +66360,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();
             }
@@ -66305,8 +66371,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) {
@@ -66529,10 +66596,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);
@@ -66569,9 +66636,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();
@@ -66847,11 +66920,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);
         }
@@ -67216,7 +67291,7 @@
             return totalCount;
         }
         resetHeaderTree() {
-            this._rowHeaderCellIds_FULL = [];
+            this._rowHeaderCellFullPathIds_FULL = [];
             this._columnHeaderCellIds = [];
             const dataset = this.dataset;
             this.rowTree = dataset.rowHeaderTree;
@@ -67227,13 +67302,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) {
@@ -67317,31 +67392,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) => {
-                        cellIds.splice(0, cellIds.length);
+                    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._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) {
@@ -68835,7 +68953,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;
@@ -71129,7 +71251,7 @@
     }
 
     registerForVrender();
-    const version = "0.25.8-alpha.0";
+    const version = "0.25.9";
     function getIcons() {
         return get$2();
     }