@visactor/vtable 0.12.0 → 0.12.1-alpha.1

package/dist/vtable.js

@@ -3365,7 +3365,7 @@
             if (id == null) {
                 return;
             }
-            const obj = this.listeners[id];
+            const obj = this.listeners?.[id];
             if (!obj) {
                 return;
             }
@@ -3415,7 +3415,7 @@
                 return;
             }
             this.clear();
-            this.listeners = null;
+            this.listeners = {};
         }
     }
 
@@ -39797,7 +39797,7 @@
                 const data = layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[defaultKey];
-                const colPath = layout.getColKeysPath(col);
+                const colPath = layout.getColKeysPath(col, row);
                 const range = merge$1({}, data?.[colPath ?? ''] ?? { min: 0, max: 1 });
                 if (range.positiveMax && range.positiveMax > range.max) {
                     range.max = range.positiveMax;
@@ -39852,7 +39852,7 @@
                 const data = layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[defaultKey];
-                const colPath = layout.getColKeysPath(col);
+                const colPath = layout.getColKeysPath(col, row);
                 const range = merge$1({}, data?.[colPath ?? ''] ?? { min: 0, max: 1 });
                 if (range.positiveMax && range.positiveMax > range.max) {
                     range.max = range.positiveMax;
@@ -39914,7 +39914,7 @@
                     rowDimensionKey = rowDimensionKey[0];
                 }
                 const data = layout.dataset.collectedValues[rowDimensionKey] ?? [];
-                const rowPath = layout.getRowKeysPath(row);
+                const rowPath = layout.getRowKeysPath(col, row);
                 const domain = data[rowPath ?? ''] ?? [];
                 const { axisOption, isPercent } = getAxisOption(col + 1, row, 'left', layout);
                 if (axisOption?.visible === false) {
@@ -39944,7 +39944,7 @@
                 const data = layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[defaultKey];
-                const rowPath = layout.getRowKeysPath(row);
+                const rowPath = layout.getRowKeysPath(col, row);
                 const range = merge$1({}, data?.[rowPath ?? ''] ?? { min: 0, max: 1 });
                 if (range.positiveMax && range.positiveMax > range.max) {
                     range.max = range.positiveMax;
@@ -40014,7 +40014,7 @@
                 const data = layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[defaultKey];
-                const rowPath = layout.getRowKeysPath(row);
+                const rowPath = layout.getRowKeysPath(col, row);
                 const range = merge$1({}, data?.[rowPath ?? ''] ?? { min: 0, max: 1 });
                 if (range.positiveMax && range.positiveMax > range.max) {
                     range.max = range.positiveMax;
@@ -40068,7 +40068,7 @@
                     columnDimensionKey = columnDimensionKey[0];
                 }
                 const data = layout.dataset.collectedValues[columnDimensionKey] ?? [];
-                const colPath = layout.getColKeysPath(col);
+                const colPath = layout.getColKeysPath(col, row);
                 const domain = data?.[colPath ?? ''] ?? [];
                 const { axisOption, isPercent } = getAxisOption(col, row - 1, 'bottom', layout);
                 if (axisOption?.visible === false) {
@@ -45766,7 +45766,7 @@
     function updateChartSize(scenegraph, col) {
         for (let c = col; c <= scenegraph.proxy.colEnd; c++) {
             const columnGroup = scenegraph.getColGroup(c);
-            columnGroup.getChildren().forEach((cellNode) => {
+            columnGroup.getChildren()?.forEach((cellNode) => {
                 const width = scenegraph.table.getColWidth(cellNode.col);
                 const height = scenegraph.table.getRowHeight(cellNode.row);
                 cellNode.children.forEach((node) => {
@@ -45782,7 +45782,7 @@
     function clearChartCacheImage(scenegraph) {
         for (let c = scenegraph.proxy.colStart; c <= scenegraph.proxy.colEnd; c++) {
             const columnGroup = scenegraph.getColGroup(c);
-            columnGroup.getChildren().forEach((cellNode) => {
+            columnGroup.getChildren()?.forEach((cellNode) => {
                 cellNode.children.forEach((node) => {
                     if (node.type === 'chart') {
                         node.cacheCanvas = null;
@@ -45796,7 +45796,7 @@
         const table = scenegraph.table;
         for (let c = scenegraph.proxy.colStart; c <= scenegraph.proxy.colEnd; c++) {
             const columnGroup = scenegraph.getColGroup(c);
-            columnGroup.getChildren().forEach((cellNode) => {
+            columnGroup.getChildren()?.forEach((cellNode) => {
                 const col = cellNode.col;
                 const row = cellNode.row;
                 cellNode.children.forEach((node) => {
@@ -50677,23 +50677,13 @@
             const rect = table.getCellRangeRelativeRect({ col, row });
             const element = table.getElement();
             const { top, bottom, left, right } = rect;
-            const { frozenRowCount, frozenColCount } = table;
-            if (row >= frozenRowCount && frozenRowCount > 0) {
-                const frozenRect = table.getCellRangeRelativeRect({ col, row: frozenRowCount - 1 });
-                if (bottom < frozenRect.bottom) {
-                    return false;
-                }
-            }
-            else if (bottom < 0) {
-                return false;
-            }
-            if (col >= frozenColCount && frozenColCount > 0) {
-                const frozenRect = table.getCellRangeRelativeRect({ col: frozenColCount - 1, row });
-                if (right < frozenRect.right) {
-                    return false;
-                }
+            if (table.isFrozenCell(col, row)) {
+                return true;
             }
-            else if (right < 0) {
+            else if (bottom < table.getFrozenRowsHeight() ||
+                right < table.getFrozenColsWidth() ||
+                left > table.tableNoFrameWidth - table.getRightFrozenColsWidth() ||
+                top > table.tableNoFrameHeight - table.getBottomFrozenRowsHeight()) {
                 return false;
             }
             const { offsetHeight, offsetWidth } = element;
@@ -51353,31 +51343,21 @@
         _canBindToCell(table, col, row) {
             const rect = table.getCellRangeRelativeRect({ col, row });
             const element = table.getElement();
-            const { bottom, left, right } = rect;
-            const { frozenRowCount, frozenColCount } = table;
-            if (row >= frozenRowCount && frozenRowCount > 0) {
-                const frozenRect = table.getCellRangeRelativeRect({ col, row: frozenRowCount - 1 });
-                if (bottom < frozenRect.bottom) {
-                    return false;
-                }
-            }
-            else if (bottom < 0) {
-                return false;
-            }
-            if (col >= frozenColCount && frozenColCount > 0) {
-                const frozenRect = table.getCellRangeRelativeRect({ col: frozenColCount - 1, row });
-                if (right < frozenRect.right) {
-                    return false;
-                }
+            const { bottom, left, right, top } = rect;
+            if (table.isFrozenCell(col, row)) {
+                return true;
             }
-            else if (left < 0) {
+            else if (bottom < table.getFrozenRowsHeight() ||
+                right < table.getFrozenColsWidth() ||
+                left > table.tableNoFrameWidth - table.getRightFrozenColsWidth() ||
+                top > table.tableNoFrameHeight - table.getBottomFrozenRowsHeight()) {
                 return false;
             }
             const { offsetHeight, offsetWidth } = element;
-            if (offsetHeight < bottom) {
+            if (top > offsetHeight) {
                 return false;
             }
-            if (offsetWidth < left) {
+            if (left > offsetWidth) {
                 return false;
             }
             return true;
@@ -51870,23 +51850,13 @@
             const rect = table.getCellRangeRelativeRect({ col, row });
             const element = table.getElement();
             const { top, bottom, left, right } = rect;
-            const { frozenRowCount, frozenColCount } = table;
-            if (row >= frozenRowCount && frozenRowCount > 0) {
-                const frozenRect = table.getCellRangeRelativeRect({ col, row: frozenRowCount - 1 });
-                if (bottom < frozenRect.bottom) {
-                    return false;
-                }
-            }
-            else if (bottom < 0) {
-                return false;
-            }
-            if (col >= frozenColCount && frozenColCount > 0) {
-                const frozenRect = table.getCellRangeRelativeRect({ col: frozenColCount - 1, row });
-                if (right < frozenRect.right) {
-                    return false;
-                }
+            if (table.isFrozenCell(col, row)) {
+                return true;
             }
-            else if (right < 0) {
+            else if (bottom < table.getFrozenRowsHeight() ||
+                right < table.getFrozenColsWidth() ||
+                left > table.tableNoFrameWidth - table.getRightFrozenColsWidth() ||
+                top > table.tableNoFrameHeight - table.getBottomFrozenRowsHeight()) {
                 return false;
             }
             const { offsetHeight, offsetWidth } = element;
@@ -52776,7 +52746,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.12.0";
+        version = "0.12.1-alpha.1";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -53503,9 +53473,8 @@
             return this.getCellsRectWidth(cellRange.start.col, cellRange.start.row, cellRange.end.col, cellRange.end.row);
         }
         isFrozenCell(col, row) {
-            const { frozenRowCount, frozenColCount } = this.internalProps;
-            const isFrozenRow = (frozenRowCount > 0 && row < frozenRowCount) || this.isBottomFrozenRow(col, row);
-            const isFrozenCol = (frozenColCount > 0 && col < frozenColCount) || this.isRightFrozenColumn(col, row);
+            const isFrozenRow = this.isFrozenRow(row) || this.isBottomFrozenRow(row);
+            const isFrozenCol = this.isFrozenRow(col) || this.isRightFrozenColumn(col);
             if (isFrozenRow || isFrozenCol) {
                 return {
                     row: isFrozenRow,
@@ -54228,6 +54197,11 @@
                 _setRecords(this, records);
             }
             this.scenegraph.createSceneGraph();
+            if (this.internalProps.title && !this.internalProps.title.isReleased) {
+                this._updateSize();
+                this.internalProps.title.resize();
+                this.scenegraph.resize();
+            }
             this.render();
         }
         setRecord(record, col, row) {
@@ -54252,9 +54226,21 @@
         isCornerHeader(col, row) {
             return this.internalProps.layoutMap?.isCornerHeader(col, row);
         }
+        isFrozenColumn(col, row) {
+            return this.internalProps.layoutMap?.isFrozenColumn(col, row);
+        }
+        isLeftFrozenColumn(col, row) {
+            return this.internalProps.layoutMap?.isFrozenColumn(col, row);
+        }
         isRightFrozenColumn(col, row) {
             return this.internalProps.layoutMap?.isRightFrozenColumn(col, row);
         }
+        isFrozenRow(col, row) {
+            return this.internalProps.layoutMap?.isFrozenRow(col, row);
+        }
+        isTopFrozenRow(col, row) {
+            return this.internalProps.layoutMap?.isFrozenRow(col, row);
+        }
         isBottomFrozenRow(col, row) {
             return this.internalProps.layoutMap?.isBottomFrozenRow(col, row);
         }
@@ -54991,7 +54977,7 @@
                 const data = layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
                     ? layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[key];
-                const colPath = layout.getColKeysPath(col);
+                const colPath = layout.getColKeysPath(col, row);
                 const range = merge$1({}, data?.[colPath ?? ''] ?? { min: 0, max: 1 });
                 if (range.positiveMax && range.positiveMax > range.max) {
                     range.max = range.positiveMax;
@@ -55038,7 +55024,7 @@
             const data = layout.dataset.cacheCollectedValues[rowDimensionKey] ||
                 layout.dataset.collectedValues[rowDimensionKey] ||
                 [];
-            const rowPath = layout.getRowKeysPath(row);
+            const rowPath = layout.getRowKeysPath(col, row);
             const domain = data[rowPath ?? ''];
             const { axisOption, isPercent } = getAxisOption(col, row, 'left', layout);
             axes.push(merge$1({
@@ -55056,7 +55042,7 @@
         }
         else {
             const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row);
-            const rowPath = layout.getRowKeysPath(row);
+            const rowPath = layout.getRowKeysPath(col, row);
             indicatorKeys.forEach((key, index) => {
                 if (isArray$5(key)) {
                     key = key[0];
@@ -55111,7 +55097,7 @@
             const data = layout.dataset.cacheCollectedValues[columnDimensionKey] ||
                 layout.dataset.collectedValues[columnDimensionKey] ||
                 [];
-            const colPath = layout.getColKeysPath(col);
+            const colPath = layout.getColKeysPath(col, row);
             const domain = data?.[colPath ?? ''] ?? [];
             const { axisOption, isPercent } = getAxisOption(col, row, 'bottom', layout);
             axes.push(merge$1({
@@ -55211,25 +55197,73 @@
             }
             return 'body';
         }
+        isRowHeader(col, row) {
+            if (this.transpose && col < this.headerLevelCount) {
+                return true;
+            }
+            return false;
+        }
         isColumnHeader(col, row) {
             if (!this.transpose && row < this.headerLevelCount) {
                 return true;
             }
             return false;
         }
+        isFrozenColumn(col, row) {
+            if (isValid$6(row)) {
+                if (col < this.frozenColCount && row >= this.frozenRowCount && row < this.rowCount - this.bottomFrozenRowCount) {
+                    return true;
+                }
+            }
+            else {
+                if (this.frozenColCount > 0 && col < this.frozenColCount) {
+                    return true;
+                }
+            }
+            return false;
+        }
         isRightFrozenColumn(col, row) {
-            if (col >= this.colCount - this.rightFrozenColCount &&
-                row >= this.columnHeaderLevelCount &&
-                row < this.rowCount - this.bottomFrozenRowCount) {
-                return true;
+            if (isValid$6(row)) {
+                if (col >= this.colCount - this.rightFrozenColCount &&
+                    row >= this.frozenRowCount &&
+                    row < this.rowCount - this.bottomFrozenRowCount) {
+                    return true;
+                }
+            }
+            else {
+                if (this.rightFrozenColCount > 0 && col >= this.colCount - this.rightFrozenColCount) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        isFrozenRow(col, row) {
+            if (isValid$6(row)) {
+                if (row < this.frozenRowCount && col >= this.frozenColCount && col < this.colCount - this.rightFrozenColCount) {
+                    return true;
+                }
+            }
+            else {
+                row = col;
+                if (this.frozenRowCount > 0 && row < this.frozenRowCount) {
+                    return true;
+                }
             }
             return false;
         }
         isBottomFrozenRow(col, row) {
-            if (col >= this.rowHeaderLevelCount &&
-                row >= this.rowCount - this.bottomFrozenRowCount &&
-                col < this.colCount - this.rightFrozenColCount) {
-                return true;
+            if (isValid$6(row)) {
+                if (row >= this.rowCount - this.bottomFrozenRowCount &&
+                    col >= this.frozenColCount &&
+                    col < this.colCount - this.rightFrozenColCount) {
+                    return true;
+                }
+            }
+            else {
+                row = col;
+                if (this.frozenRowCount > 0 && row >= this.rowCount - this.bottomFrozenRowCount) {
+                    return true;
+                }
             }
             return false;
         }
@@ -55254,12 +55288,6 @@
         isCornerHeader(col, row) {
             return false;
         }
-        isRowHeader(col, row) {
-            if (this.transpose && col < this.headerLevelCount) {
-                return true;
-            }
-            return false;
-        }
         getColumnHeaderRange() {
             if (this.transpose) {
                 return {
@@ -55308,11 +55336,17 @@
         get rowHeaderLevelCount() {
             return this.transpose ? this.headerLevelCount : 0;
         }
+        get frozenColCount() {
+            return this._table.internalProps.frozenColCount ?? 0;
+        }
+        get frozenRowCount() {
+            return this._table.internalProps.frozenRowCount ?? 0;
+        }
         get bottomFrozenRowCount() {
-            return 0;
+            return this._table.internalProps.bottomFrozenRowCount ?? 0;
         }
         get rightFrozenColCount() {
-            return 0;
+            return this._table.internalProps.rightFrozenColCount ?? 0;
         }
         get colCount() {
             return this.transpose ? this.headerLevelCount + this.recordsCount : this._columns.length;
@@ -55826,6 +55860,7 @@
     class Title {
         table;
         _titleOption;
+        isReleased = false;
         _titleComponent;
         _cacheAttrs;
         constructor(titleOption, table) {
@@ -55855,6 +55890,8 @@
             const padding = getQuadProps(this._titleOption.padding ?? 10);
             const realWidth = this._titleOption.width ??
                 Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width) - padding[1] - padding[3];
+            const realHeight = this._titleOption.height ??
+                Math.min(this.table.tableNoFrameHeight, this.table.getDrawRange().height) - padding[0] - padding[2];
             this._titleComponent.setAttributes({
                 x: this._titleOption.x ?? this._titleOption.orient === 'right'
                     ? this.table.tableX + Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width)
@@ -55862,7 +55899,12 @@
                 y: this._titleOption.y ?? this._titleOption.orient === 'bottom'
                     ? this.table.tableY + this.table.tableNoFrameHeight
                     : this.table.tableY,
-                width: realWidth,
+                width: this._titleOption.orient === 'top' || this._titleOption.orient === 'bottom'
+                    ? realWidth
+                    : this._titleOption.width,
+                height: this._titleOption.orient === 'left' || this._titleOption.orient === 'right'
+                    ? realHeight
+                    : this._titleOption.height,
                 textStyle: {
                     width: realWidth,
                     ...this._titleOption.textStyle
@@ -55906,11 +55948,14 @@
         release() {
             this._titleComponent && this.table.scenegraph.stage.defaultLayer.removeChild(this._titleComponent);
             this._titleComponent = null;
+            this.isReleased = true;
         }
         _getTitleAttrs() {
             const padding = getQuadProps(this._titleOption.padding ?? 10);
             const realWidth = this._titleOption.width ??
                 Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width) - padding[1] - padding[3];
+            const realHeight = this._titleOption.height ??
+                Math.min(this.table.tableNoFrameHeight, this.table.getDrawRange().height) - padding[0] - padding[2];
             return {
                 text: this._titleOption.text ?? '',
                 subtext: this._titleOption.subtext ?? '',
@@ -55922,8 +55967,10 @@
                     : this.table.tableY,
                 width: this._titleOption.orient === 'top' || this._titleOption.orient === 'bottom'
                     ? realWidth
+                    : this._titleOption.width,
+                height: this._titleOption.orient === 'left' || this._titleOption.orient === 'right'
+                    ? realHeight
                     : this._titleOption.height,
-                height: this._titleOption.height,
                 minWidth: this._titleOption.minWidth,
                 maxWidth: this._titleOption.maxWidth,
                 minHeight: this._titleOption.minHeight,
@@ -56757,6 +56804,16 @@
                     this.fullRowDimensionKeys = this.fullRowDimensionKeys.concat(rowKeys);
                 });
             }
+            if (this._table.isPivotChart()) {
+                this.hasTwoIndicatorAxes = this._indicators.some(indicatorObject => {
+                    if (indicatorObject.chartSpec &&
+                        indicatorObject.chartSpec.series &&
+                        indicatorObject.chartSpec.series.length > 1) {
+                        return true;
+                    }
+                    return false;
+                });
+            }
             if (this.cornerSetting.titleOnDimension === 'column') {
                 this.cornerHeaderObjs = this._addCornerHeaders(this.columnHeaderTitle ? [''].concat(this.colDimensionKeys) : this.colDimensionKeys, this.columnsDefine);
             }
@@ -56795,14 +56852,6 @@
             }
             this.setPagination(table.options.pagination);
             if (this._table.isPivotChart()) {
-                this.hasTwoIndicatorAxes = this._indicators.some(indicatorObject => {
-                    if (indicatorObject.chartSpec &&
-                        indicatorObject.chartSpec.series &&
-                        indicatorObject.chartSpec.series.length > 1) {
-                        return true;
-                    }
-                    return false;
-                });
                 this._chartItemSpanSize = 0;
                 this._chartItemBandSize = 0;
                 this._indicators.find(indicatorObject => {
@@ -57290,19 +57339,61 @@
             }
             return false;
         }
+        isFrozenColumn(col, row) {
+            if (isValid$6(row)) {
+                if (col < this.frozenColCount && row >= this.frozenRowCount && row < this.rowCount - this.bottomFrozenRowCount) {
+                    return true;
+                }
+            }
+            else {
+                if (this.frozenColCount > 0 && col < this.frozenColCount) {
+                    return true;
+                }
+            }
+            return false;
+        }
         isRightFrozenColumn(col, row) {
-            if (col >= this.colCount - this.rightFrozenColCount &&
-                row >= this.columnHeaderLevelCount &&
-                row < this.rowCount - this.bottomFrozenRowCount) {
-                return true;
+            if (isValid$6(row)) {
+                if (col >= this.colCount - this.rightFrozenColCount &&
+                    row >= this.frozenRowCount &&
+                    row < this.rowCount - this.bottomFrozenRowCount) {
+                    return true;
+                }
+            }
+            else {
+                if (this.rightFrozenColCount > 0 && col >= this.colCount - this.rightFrozenColCount) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        isFrozenRow(col, row) {
+            if (isValid$6(row)) {
+                if (row < this.frozenRowCount && col >= this.frozenColCount && col < this.colCount - this.rightFrozenColCount) {
+                    return true;
+                }
+            }
+            else {
+                row = col;
+                if (this.frozenRowCount > 0 && row < this.frozenRowCount) {
+                    return true;
+                }
             }
             return false;
         }
         isBottomFrozenRow(col, row) {
-            if (col >= this.rowHeaderLevelCount &&
-                row >= this.rowCount - this.bottomFrozenRowCount &&
-                col < this.colCount - this.rightFrozenColCount) {
-                return true;
+            if (isValid$6(row)) {
+                if (row >= this.rowCount - this.bottomFrozenRowCount &&
+                    col >= this.frozenColCount &&
+                    col < this.colCount - this.rightFrozenColCount) {
+                    return true;
+                }
+            }
+            else {
+                row = col;
+                if (this.frozenRowCount > 0 && row >= this.rowCount - this.bottomFrozenRowCount) {
+                    return true;
+                }
             }
             return false;
         }
@@ -57350,6 +57441,12 @@
         }
         resetCellIds() {
         }
+        get frozenColCount() {
+            return this._table.internalProps.frozenColCount ?? 0;
+        }
+        get frozenRowCount() {
+            return this._table.internalProps.frozenRowCount ?? 0;
+        }
         get headerLevelCount() {
             return this.columnHeaderLevelCount;
         }
@@ -57371,6 +57468,9 @@
                 if (this.columnHeaderTitle) {
                     count += 1;
                 }
+                if (this._table.isPivotChart() && this.indicatorsAsCol && !this.hasTwoIndicatorAxes) {
+                    count -= 1;
+                }
                 return count;
             }
             return 0;
@@ -57403,7 +57503,7 @@
             return this.columnDimensionTree.tree.size + this.rowHeaderLevelCount + this.rightFrozenColCount;
         }
         get rowCount() {
-            return Math.max(this._rowHeaderCellIds.length, 1) + this.columnHeaderLevelCount + this.bottomFrozenRowCount;
+            return (this._rowHeaderCellIds?.length ?? 0) + this.columnHeaderLevelCount + this.bottomFrozenRowCount;
         }
         get bodyRowCount() {
             return this.rowDimensionTree.tree.size;
@@ -58513,18 +58613,28 @@
         get bottomAxesCount() {
             return this.bottomFrozenRowCount;
         }
-        getColKeysPath(col) {
-            const index = !this.indicatorsAsCol
-                ? col - this.rowHeaderLevelCount
-                : Math.floor((col - this.rowHeaderLevelCount) / this.indicatorKeys.length);
-            const colKey = this.dataset.colKeys[index];
+        getColKeysPath(col, row) {
+            const path = this.getCellHeaderPaths(col, row);
+            const colKey = [];
+            if (path.colHeaderPaths.length) {
+                path.colHeaderPaths.forEach(path => {
+                    if (path.dimensionKey) {
+                        colKey.push(path.value);
+                    }
+                });
+            }
             return colKey?.join(this.dataset.stringJoinChar);
         }
-        getRowKeysPath(row) {
-            const index = this.indicatorsAsCol
-                ? row - this.columnHeaderLevelCount
-                : Math.floor((row - this.columnHeaderLevelCount) / this.indicatorKeys.length);
-            const rowKey = this.dataset.rowKeys[index];
+        getRowKeysPath(col, row) {
+            const path = this.getCellHeaderPaths(col, row);
+            const rowKey = [];
+            if (path.rowHeaderPaths.length) {
+                path.rowHeaderPaths.forEach(path => {
+                    if (path.dimensionKey) {
+                        rowKey.push(path.value);
+                    }
+                });
+            }
             return rowKey?.join(this.dataset.stringJoinChar);
         }
         getIndicatorInfo(indicatorKey, indicatorValue = '') {
@@ -59327,7 +59437,9 @@
                         this.rowHeaderTree = this.ArrToTree1(this.rowKeys, this.rows, indicatorsAsCol ? undefined : indicators);
                     }
                     else {
-                        this.rowHeaderTree = this.ArrToTree(this.rowKeys, this.rows, indicatorsAsCol ? undefined : indicators, this.rowsIsTotal, this?.totals?.row?.showGrandTotals || this.columns.length === 0, this.rowGrandTotalLabel, this.rowSubTotalLabel);
+                        this.rowHeaderTree = this.ArrToTree(this.rowKeys, this.rows, indicatorsAsCol ? undefined : indicators, this.rowsIsTotal, this?.totals?.row?.showGrandTotals ||
+                            (!indicatorsAsCol && this.columns.length === 0) ||
+                            (indicatorsAsCol && this.rows.length === 0), this.rowGrandTotalLabel, this.rowSubTotalLabel);
                     }
                 }
                 if (customColTree) {
@@ -60772,7 +60884,7 @@
                 !options.indicatorsAsCol && !options.rows?.length && !options.rowTree ? [] : cloneDeep$1(options.rowTree);
             this.setCustomStateNameToSpec();
             internalProps.columnResizeType = options.columnResizeType ?? 'column';
-            internalProps.dataConfig = {};
+            internalProps.dataConfig = { isPivotChart: true };
             this._axes = isArray$5(options.axes) ? options.axes : [];
             if (options.rows || options.columns) {
                 const rowKeys = options.rows.reduce((keys, rowObj) => {
@@ -62281,7 +62393,7 @@
         return new Tag(params ? params.attribute : {});
     }
 
-    const version = "0.12.0";
+    const version = "0.12.1-alpha.1";
     function getIcons() {
         return get$1();
     }