@visactor/vtable 1.2.0-alpha.3 → 1.2.0

package/dist/vtable.js

@@ -10584,6 +10584,7 @@
         var _a;
         if (!states.length) return void this.clearStates(hasAnimation);
         if (!((null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) !== states.length || states.some((stateName, index) => this.currentStates[index] !== stateName))) return;
+        this.stopStateAnimates();
         const stateAttrs = {},
           subAttrs = this.subGraphic.map(() => ({}));
         states.forEach(stateName => {
@@ -10597,9 +10598,9 @@
         }), this.updateNormalAttrs(stateAttrs), this.currentStates = states, this.applyStateAttrs(stateAttrs, states, hasAnimation);
       }
       clearStates(hasAnimation) {
-        this.hasState() && this.normalAttrs && (this.subGraphic.forEach(graphic => {
+        this.stopStateAnimates(), this.hasState() && this.normalAttrs ? (this.currentStates = [], this.subGraphic.forEach(graphic => {
           graphic.applyStateAttrs(graphic.normalAttrs, this.currentStates, hasAnimation, !0), graphic.normalAttrs = null;
-        }), this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0), this.normalAttrs = null, this.currentStates = []);
+        }), this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0)) : this.currentStates = [], this.normalAttrs = null;
       }
       clone() {
         const glyph = new Glyph(Object.assign({}, this.attribute));
@@ -12114,7 +12115,7 @@
           onClearIncremental: new SyncHook(["graphic", "group", "stage"]),
           beforeUpdateAABBBounds: new SyncHook(["graphic", "stage", "willUpdate", "aabbBounds"]),
           afterUpdateAABBBounds: new SyncHook(["graphic", "stage", "aabbBounds", "globalAABBBounds", "selfChange"])
-        }, this.tempAABBBounds1 = new AABBBounds(), this.tempAABBBounds2 = new AABBBounds(), this._rectBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._symbolBoundsContribitions = [new DefaultSymbolOuterBorderBoundsContribution()], this._circleBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._arcBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._pathBoundsContribitions = [new DefaultOuterBorderBoundsContribution()];
+        }, this.tempAABBBounds1 = new AABBBounds(), this.tempAABBBounds2 = new AABBBounds(), this._rectBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._symbolBoundsContribitions = [new DefaultSymbolOuterBorderBoundsContribution()], this._imageBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._circleBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._arcBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._pathBoundsContribitions = [new DefaultOuterBorderBoundsContribution()];
       }
       onAttributeUpdate(graphic) {
         this.hooks.onAttributeUpdate.taps.length && this.hooks.onAttributeUpdate.call(graphic);
@@ -12515,7 +12516,9 @@
         }
         const tb1 = this.tempAABBBounds1,
           tb2 = this.tempAABBBounds2;
-        return tb1.setValue(aabbBounds.x1, aabbBounds.y1, aabbBounds.x2, aabbBounds.y2), tb2.setValue(aabbBounds.x1, aabbBounds.y1, aabbBounds.x2, aabbBounds.y2), this.transformAABBBounds(attribute, aabbBounds, imageTheme, !1, graphic), aabbBounds;
+        return tb1.setValue(aabbBounds.x1, aabbBounds.y1, aabbBounds.x2, aabbBounds.y2), tb2.setValue(aabbBounds.x1, aabbBounds.y1, aabbBounds.x2, aabbBounds.y2), this._imageBoundsContribitions.length && this._imageBoundsContribitions.forEach(c => {
+          c.updateBounds(attribute, imageTheme, tb1, graphic), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2);
+        }), this.transformAABBBounds(attribute, aabbBounds, imageTheme, !1, graphic), aabbBounds;
       }
       combindShadowAABBBounds(bounds, graphic) {
         if (graphic && graphic.shadowRoot) {
@@ -13443,70 +13446,6 @@
       return path.closePath(), path;
     }
 
-    class DefaultImageBackgroundRenderContribution extends DefaultBaseBackgroundRenderContribution {
-      constructor() {
-        super(...arguments), this.time = BaseRenderContributionTime.beforeFillStroke;
-      }
-      drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb) {
-        const {
-          background: background,
-          backgroundMode = graphicAttribute.backgroundMode,
-          backgroundFit = graphicAttribute.backgroundFit
-        } = graphic.attribute;
-        if (background) if (graphic.backgroundImg) {
-          const res = graphic.resources.get(background);
-          if ("success" !== res.state || !res.data) return;
-          if (context.save(), graphic.parent && !graphic.transMatrix.onlyTranslate()) {
-            const groupAttribute = getTheme(graphic.parent).group,
-              {
-                scrollX = groupAttribute.scrollX,
-                scrollY = groupAttribute.scrollY
-              } = graphic.parent.attribute;
-            context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0), context.translate(scrollX, scrollY);
-          }
-          const b = graphic.AABBBounds;
-          this.doDrawImage(context, res.data, b, backgroundMode, backgroundFit), context.restore(), graphic.transMatrix.onlyTranslate() || context.setTransformForCurrent();
-        } else if (isObject$4(background)) {
-          const {
-            stroke: stroke,
-            fill: fill,
-            lineWidth = 1,
-            cornerRadius = 0,
-            expandX = 0,
-            expandY = 0
-          } = background;
-          if (!stroke && !fill) return;
-          context.beginPath();
-          const {
-            x: x,
-            y: y,
-            width: width,
-            height: height
-          } = getActualPosition(graphic);
-          cornerRadius ? createRectPath(context, x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY, cornerRadius) : context.rect(x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY), context.globalAlpha = 1, fill && (context.fillStyle = fill, context.fill()), stroke && lineWidth > 0 && (context.lineWidth = lineWidth, context.strokeStyle = stroke, context.stroke());
-        } else {
-          context.beginPath();
-          const b = graphic.AABBBounds;
-          context.rect(x, y, b.width(), b.height()), context.fillStyle = background, context.globalAlpha = 1, context.fill();
-        }
-      }
-    }
-    function getActualPosition(graphic) {
-      const boundsPadding = parsePadding(graphic.attribute.boundsPadding),
-        bounds = graphic.AABBBounds;
-      let x = bounds.x1,
-        y = bounds.y1,
-        width = bounds.width(),
-        height = bounds.height();
-      return isNumber$2(boundsPadding) ? (x += boundsPadding, y += boundsPadding, width -= 2 * boundsPadding, height -= 2 * boundsPadding) : (x += boundsPadding[3], y += boundsPadding[0], width -= boundsPadding[1] + boundsPadding[3], height -= boundsPadding[0] + boundsPadding[2]), {
-        x: x,
-        y: y,
-        width: width,
-        height: height
-      };
-    }
-    const defaultImageBackgroundRenderContribution = new DefaultImageBackgroundRenderContribution();
-
     var __decorate$17 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
@@ -13613,6 +13552,79 @@
     const defaultRectTextureRenderContribution = defaultBaseTextureRenderContribution;
     const defaultRectBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
+    class DefaultImageBackgroundRenderContribution extends DefaultBaseBackgroundRenderContribution {
+      constructor() {
+        super(...arguments), this.time = BaseRenderContributionTime.beforeFillStroke;
+      }
+      drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb) {
+        const {
+          background: background,
+          backgroundMode = graphicAttribute.backgroundMode,
+          backgroundFit = graphicAttribute.backgroundFit
+        } = graphic.attribute;
+        if (background) if (graphic.backgroundImg) {
+          const res = graphic.resources.get(background);
+          if ("success" !== res.state || !res.data) return;
+          if (context.save(), graphic.parent && !graphic.transMatrix.onlyTranslate()) {
+            const groupAttribute = getTheme(graphic.parent).group,
+              {
+                scrollX = groupAttribute.scrollX,
+                scrollY = groupAttribute.scrollY
+              } = graphic.parent.attribute;
+            context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0), context.translate(scrollX, scrollY);
+          }
+          const b = graphic.AABBBounds;
+          this.doDrawImage(context, res.data, b, backgroundMode, backgroundFit), context.restore(), graphic.transMatrix.onlyTranslate() || context.setTransformForCurrent();
+        } else if (isObject$4(background)) {
+          const {
+            stroke: stroke,
+            fill: fill,
+            lineWidth = 1,
+            cornerRadius = 0,
+            expandX = 0,
+            expandY = 0
+          } = background;
+          if (!stroke && !fill) return;
+          context.beginPath();
+          const {
+            x: x,
+            y: y,
+            width: width,
+            height: height
+          } = getActualPosition(graphic);
+          cornerRadius ? createRectPath(context, x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY, cornerRadius) : context.rect(x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY), context.globalAlpha = 1, fill && (context.fillStyle = fill, context.fill()), stroke && lineWidth > 0 && (context.lineWidth = lineWidth, context.strokeStyle = stroke, context.stroke());
+        } else {
+          context.beginPath();
+          const b = graphic.AABBBounds;
+          context.rect(x, y, b.width(), b.height()), context.fillStyle = background, context.globalAlpha = 1, context.fill();
+        }
+      }
+    }
+    function getActualPosition(graphic) {
+      const boundsPadding = parsePadding(graphic.attribute.boundsPadding),
+        bounds = graphic.AABBBounds;
+      let x = bounds.x1,
+        y = bounds.y1,
+        width = bounds.width(),
+        height = bounds.height();
+      return isNumber$2(boundsPadding) ? (x += boundsPadding, y += boundsPadding, width -= 2 * boundsPadding, height -= 2 * boundsPadding) : (x += boundsPadding[3], y += boundsPadding[0], width -= boundsPadding[1] + boundsPadding[3], height -= boundsPadding[0] + boundsPadding[2]), {
+        x: x,
+        y: y,
+        width: width,
+        height: height
+      };
+    }
+    class DefaultImageRenderContribution extends DefaultRectRenderContribution {
+      constructor() {
+        super(...arguments), this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
+      }
+      drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
+        return super.drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
+      }
+    }
+    const defaultImageRenderContribution = new DefaultImageRenderContribution();
+    const defaultImageBackgroundRenderContribution = new DefaultImageBackgroundRenderContribution();
+
     class DefaultSymbolRenderContribution {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -15182,15 +15194,17 @@
     const repeatStr = ["", "repeat-x", "repeat-y", "repeat"];
     let DefaultCanvasImageRender = class extends BaseRender {
       constructor(imageRenderContribitions) {
-        super(), this.imageRenderContribitions = imageRenderContribitions, this.numberType = IMAGE_NUMBER_TYPE, this.builtinContributions = [defaultImageBackgroundRenderContribution], this.init(imageRenderContribitions);
+        super(), this.imageRenderContribitions = imageRenderContribitions, this.numberType = IMAGE_NUMBER_TYPE, this.builtinContributions = [defaultImageRenderContribution, defaultImageBackgroundRenderContribution], this.init(imageRenderContribitions);
       }
-      drawShape(image, context, x, y, drawContext, params, fillCb) {
+      drawShape(image, context, x, y, drawContext, params, fillCb, strokeCb) {
         const imageAttribute = getTheme(image).image,
           {
             width = imageAttribute.width,
             height = imageAttribute.height,
             repeatX = imageAttribute.repeatX,
             repeatY = imageAttribute.repeatY,
+            x: originX = imageAttribute.x,
+            y: originY = imageAttribute.y,
             cornerRadius = imageAttribute.cornerRadius,
             image: url
           } = image.attribute,
@@ -15215,7 +15229,7 @@
           } else context.drawImage(res.data, x, y, width, height);
           needRestore && context.restore();
         }
-        this.afterRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
+        doStroke && (strokeCb ? strokeCb(context, image.attribute, imageAttribute) : sVisible && (context.setStrokeStyle(image, image.attribute, originX - x, originY - y, imageAttribute), context.stroke())), this.afterRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
       }
       draw(image, renderService, drawContext) {
         const {
@@ -17247,7 +17261,9 @@
     let _isBrowserEnv;
     function initIsBrowserEnv() {
       if (null == _isBrowserEnv) try {
-        _isBrowserEnv = globalThis === window, _isBrowserEnv && (_isBrowserEnv = !!document.createElement);
+        const canvas = document.createElement("canvas"),
+          ctx = canvas.getContext("2d");
+        _isBrowserEnv = !!(window && canvas.getBoundingClientRect && requestAnimationFrame && window.devicePixelRatio && ctx && ctx.isPointInPath && ctx.isPointInStroke), _isBrowserEnv && (_isBrowserEnv = !!document.createElement);
       } catch (err) {
         _isBrowserEnv = !1;
       }
@@ -30407,6 +30423,7 @@
         return inverse && (isHorizontal ? (res.x0 = 1, res.x1 = 0) : (res.y0 = 1, res.y1 = 0)), res;
       }
       _updateColor() {
+        var _a;
         const {
             layout = "horizontal",
             colors: colors,
@@ -30416,7 +30433,8 @@
           {
             startHandler: startHandler,
             endHandler: endHandler,
-            track: track
+            track: track,
+            attribute: attribute
           } = this._slider,
           {
             startValue: startValue,
@@ -30424,9 +30442,15 @@
             startPos: startPos,
             endPos: endPos
           } = this._slider.currentValue,
-          startHandlerColor = this._colorScale.scale(startValue),
-          endHandlerColor = this._colorScale.scale(endValue);
-        null == startHandler || startHandler.setAttribute("fill", startHandlerColor), null == endHandler || endHandler.setAttribute("fill", endHandlerColor);
+          handlerColor = null === (_a = attribute.handlerStyle) || void 0 === _a ? void 0 : _a.fill;
+        if (startHandler && !handlerColor) {
+          const startHandlerColor = this._colorScale.scale(startValue);
+          startHandler.setAttribute("fill", startHandlerColor);
+        }
+        if (endHandler && !handlerColor) {
+          const endHandlerColor = this._colorScale.scale(endValue);
+          endHandler.setAttribute("fill", endHandlerColor);
+        }
         const railLen = "horizontal" === layout ? railWidth : railHeight;
         if (Math.abs(startPos - endPos) !== railLen && colors && colors.length > 1) {
           const stops = this._color.stops,
@@ -30471,6 +30495,7 @@
       },
       handlerSize: 10,
       handlerStyle: {
+        fill: null,
         lineWidth: 4,
         stroke: "#fff",
         outerBorder: {
@@ -45513,6 +45538,21 @@
         colGroup.needUpdate = false;
         colGroup.setAttribute('width', proxy.table.getColWidth(colGroup.col));
     }
+    function updateColGroupContentAsync(colGroup, proxy) {
+        if (!colGroup) {
+            return;
+        }
+        const screenTopRow = proxy.screenTopRow;
+        const topRow = Math.max(proxy.bodyTopRow, screenTopRow - proxy.screenRowCount * 1);
+        const bottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2);
+        for (let row = topRow; row <= bottomRow; row++) {
+            const cellGroup = proxy.highPerformanceGetCell(colGroup.col, row, true);
+            proxy.updateCellGroupContent(cellGroup);
+        }
+        proxy.rowUpdatePos = proxy.rowStart;
+        colGroup.needUpdate = false;
+        colGroup.setAttribute('width', proxy.table.getColWidth(colGroup.col));
+    }
     function updatePartColPosition(startCol, endCol, direction, proxy) {
         for (let col = startCol; col <= endCol; col++) {
             if (proxy.table.scenegraph.bodyGroup.childrenCount > 0 &&
@@ -45548,8 +45588,6 @@
     }
     function updateColContent(syncLeftCol, syncRightCol, proxy) {
         for (let col = syncLeftCol; col <= syncRightCol; col++) {
-            const colGroup = proxy.table.scenegraph.getColGroup(col);
-            colGroup && updateColGroupContent(colGroup, proxy);
             const colHeaderColGroup = proxy.table.scenegraph.getColGroup(col, true);
             colHeaderColGroup && updateColGroupContent(colHeaderColGroup, proxy);
             const bottomColGroup = proxy.table.scenegraph.getColGroupInBottom(col);
@@ -45558,7 +45596,10 @@
             rightTopColGroup && updateColGroupContent(rightTopColGroup, proxy);
             const rightBottomColGroup = proxy.table.scenegraph.getColGroupInRightBottomCorner(col);
             rightBottomColGroup && updateColGroupContent(rightBottomColGroup, proxy);
+            const colGroup = proxy.table.scenegraph.getColGroup(col);
+            colGroup && updateColGroupContentAsync(colGroup, proxy);
         }
+        proxy.progress();
     }
     function updateAllColPosition(distStartColY, count, direction, proxy) {
         proxy.table.scenegraph.colHeaderGroup.forEachChildren((colGroup, index) => {
@@ -45725,7 +45766,7 @@
             updatePartRowPosition(startRow, endRow, direction, proxy);
             proxy.rowStart = direction === 'up' ? proxy.rowStart + count : proxy.rowStart - count;
             proxy.rowEnd = direction === 'up' ? proxy.rowEnd + count : proxy.rowEnd - count;
-            updateRowContent(syncTopRow, syncBottomRow, proxy);
+            updateRowContent(syncTopRow, syncBottomRow, proxy, true);
             if (proxy.table.heightMode === 'autoHeight') {
                 updateAutoRow(proxy.bodyLeftCol, proxy.bodyRightCol, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? 'down' : 'up', true);
                 updateAutoRow(0, proxy.table.frozenColCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? 'down' : 'up', true);
@@ -45764,7 +45805,7 @@
             updateAllRowPosition(distStartRowY, count, direction, proxy);
             proxy.rowStart = distStartRow;
             proxy.rowEnd = distEndRow;
-            updateRowContent(syncTopRow, syncBottomRow, proxy);
+            updateRowContent(syncTopRow, syncBottomRow, proxy, true);
             if (proxy.table.heightMode === 'autoHeight') {
                 updateAutoRow(proxy.bodyLeftCol, proxy.bodyRightCol, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? 'down' : 'up');
                 updateAutoRow(0, proxy.table.frozenColCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? 'down' : 'up');
@@ -45854,7 +45895,7 @@
             });
         }
     }
-    function updateRowContent(syncTopRow, syncBottomRow, proxy) {
+    function updateRowContent(syncTopRow, syncBottomRow, proxy, async = false) {
         for (let col = 0; col < proxy.table.frozenColCount; col++) {
             for (let row = syncTopRow; row <= syncBottomRow; row++) {
                 const cellGroup = proxy.highPerformanceGetCell(col, row, true);
@@ -45867,7 +45908,14 @@
                 proxy.updateCellGroupContent(cellGroup);
             }
         }
-        for (let col = proxy.bodyLeftCol; col <= proxy.bodyRightCol; col++) {
+        let leftCol = proxy.bodyLeftCol;
+        let rightCol = proxy.bodyRightCol;
+        if (async) {
+            const screenLeftCol = proxy.screenLeftCol;
+            leftCol = Math.max(proxy.bodyLeftCol, screenLeftCol - proxy.screenColCount * 1);
+            rightCol = Math.min(proxy.bodyRightCol, screenLeftCol + proxy.screenColCount * 2);
+        }
+        for (let col = leftCol; col <= rightCol; col++) {
             for (let row = syncTopRow; row <= syncBottomRow; row++) {
                 const cellGroup = proxy.highPerformanceGetCell(col, row);
                 proxy.updateCellGroupContent(cellGroup);
@@ -48443,7 +48491,6 @@
                     },
                     placement: baseIcon.tooltip.placement
                 },
-                disappearDelay: baseIcon.tooltip.disappearDelay,
                 style: Object.assign({}, scene.table.internalProps.theme?.tooltipStyle, baseIcon.tooltip?.style)
             };
             if (!scene.table.internalProps.tooltipHandler.isBinded(tooltipOptions)) {
@@ -56359,8 +56406,8 @@
 .vtable__bubble-tooltip-element {
 	position: absolute;
 	
-	// pointer-events: none;
-	//user-select: none;
+	pointer-events: none;
+	user-select: none;
 	max-width: 300px;
 	z-index: 99999;
 
@@ -56374,8 +56421,6 @@
 }
 .vtable__bubble-tooltip-element--hidden {
 	opacity: 0;
-  pointer-events: none;
-	user-select: none;
 	/* transform: translate(-50%, -50%); */
 	transition: opacity 75ms linear;
 }
@@ -56428,8 +56473,6 @@
         _rootElement;
         _messageElement;
         _triangleElement;
-        _disappearDelay;
-        _disappearDelayId;
         constructor() {
             this._handler = new EventHandler();
             const rootElement = (this._rootElement = createElement('div', [TOOLTIP_CLASS, HIDDEN_CLASS]));
@@ -56439,17 +56482,8 @@
             rootElement.appendChild(messageElement);
             this._messageElement = rootElement.querySelector(`.${CONTENT_CLASS}`) || undefined;
             this._triangleElement = rootElement.querySelector(`.${TRIANGLE_CLASS}`) || undefined;
-            rootElement.addEventListener('mousemove', () => {
-                this._disappearDelayId && clearTimeout(this._disappearDelayId);
-            });
-            rootElement.addEventListener('mouseleave', () => {
-                this._disappearDelay = undefined;
-                this.unbindFromCell();
-            });
         }
         bindToCell(table, col, row, tooltipInstanceInfo, confine) {
-            this._disappearDelay = tooltipInstanceInfo?.disappearDelay;
-            this._disappearDelayId && clearTimeout(this._disappearDelayId);
             const rootElement = this._rootElement;
             const messageElement = this._messageElement;
             const triangle = this._triangleElement;
@@ -56505,21 +56539,10 @@
             }
         }
         unbindFromCell() {
-            if (this._disappearDelay) {
-                this._disappearDelayId = setTimeout(() => {
-                    const rootElement = this._rootElement;
-                    if (rootElement?.parentElement) {
-                        rootElement.classList.remove(SHOWN_CLASS);
-                        rootElement.classList.add(HIDDEN_CLASS);
-                    }
-                }, this._disappearDelay ?? 0);
-            }
-            else {
-                const rootElement = this._rootElement;
-                if (rootElement?.parentElement) {
-                    rootElement.classList.remove(SHOWN_CLASS);
-                    rootElement.classList.add(HIDDEN_CLASS);
-                }
+            const rootElement = this._rootElement;
+            if (rootElement?.parentElement) {
+                rootElement.classList.remove(SHOWN_CLASS);
+                rootElement.classList.add(HIDDEN_CLASS);
             }
         }
         _canBindToCell(table, col, row) {
@@ -56847,7 +56870,6 @@
                         placement: Placement.bottom,
                         rect
                     },
-                    disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
                     style: { arrowMark: false }
                 };
             }
@@ -56864,7 +56886,6 @@
                             placement: Placement.bottom,
                             rect
                         },
-                        disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
                         style: table.theme.tooltipStyle
                     };
                 }
@@ -59023,7 +59044,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.2.0-alpha.3";
+        version = "1.2.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -72002,7 +72023,7 @@
     }
 
     registerForVrender();
-    const version = "1.2.0-alpha.3";
+    const version = "1.2.0";
     function getIcons() {
         return get$2();
     }