@visactor/vtable 0.25.1-alpha.4 → 0.25.2

package/dist/vtable.js

@@ -3924,7 +3924,7 @@
           controlX = 0,
           controlY = 0;
         for (let i = 0, len = commandStrList.length; i < len; ++i) {
-          switch (current = commandStrList[i], 1 === sX && 1 === sY || (current = scale$3(current, sX, sY)), current[0]) {
+          switch (current = commandStrList[i], 1 === sX && 1 === sY || (current = scale$2(current, sX, sY)), current[0]) {
             case "l":
               x += current[1], y += current[2], this.lineTo(x + l, y + t);
               break;
@@ -4068,7 +4068,7 @@
       }
     }
     const temp = ["l", 0, 0, 0, 0, 0, 0, 0];
-    function scale$3(current, sX, sY) {
+    function scale$2(current, sX, sY) {
       const c = temp[0] = current[0];
       if ("a" === c || "A" === c) temp[1] = sX * current[1], temp[2] = sY * current[2], temp[3] = current[3], temp[4] = current[4], temp[5] = current[5], temp[6] = sX * current[6], temp[7] = sY * current[7];else if ("h" === c || "H" === c) temp[1] = sX * current[1];else if ("v" === c || "V" === c) temp[1] = sY * current[1];else for (let i = 1, n = current.length; i < n; ++i) temp[i] = (i % 2 == 1 ? sX : sY) * current[i];
       return temp;
@@ -8145,7 +8145,7 @@
     const SYMBOL_NUMBER_TYPE = genNumberType();
     const TEXT_NUMBER_TYPE = genNumberType();
     const GraphicService = Symbol.for("GraphicService");
-    const GraphicCreator$2 = Symbol.for("GraphicCreator");
+    const GraphicCreator$1 = Symbol.for("GraphicCreator");
     const SVG_PARSE_ATTRIBUTE_MAP = {
       "stroke-linecap": "lineCap",
       "stroke-linejoin": "lineJoin",
@@ -11871,7 +11871,7 @@
     function mat3Tomat4(out, b) {
       out[0] = b.a, out[1] = b.b, out[2] = 0, out[3] = 0, out[4] = b.c, out[5] = b.d, out[6] = 0, out[7] = 0, out[8] = 0, out[9] = 0, out[10] = 1, out[11] = 0, out[12] = b.e, out[13] = b.f, out[14] = 0, out[15] = 1;
     }
-    function scale$2(out, a, v) {
+    function scale$1(out, a, v) {
       const x = v[0],
         y = v[1],
         z = v[2];
@@ -11932,7 +11932,7 @@
         } else _anchor[1] = anchor3d[1];
         _anchor[2] = null !== (_a = anchor3d[2]) && void 0 !== _a ? _a : 0;
       }
-      if (identity$2(out), translate(out, out, [x + dx, y + dy, z + dz]), translate(out, out, [_anchor[0], _anchor[1], _anchor[2]]), rotateX(out, out, beta), rotateY(out, out, alpha), translate(out, out, [-_anchor[0], -_anchor[1], _anchor[2]]), scale$2(out, out, [scaleX, scaleY, scaleZ]), angle) {
+      if (identity$2(out), translate(out, out, [x + dx, y + dy, z + dz]), translate(out, out, [_anchor[0], _anchor[1], _anchor[2]]), rotateX(out, out, beta), rotateY(out, out, alpha), translate(out, out, [-_anchor[0], -_anchor[1], _anchor[2]]), scale$1(out, out, [scaleX, scaleY, scaleZ]), angle) {
         const m = mat4Allocate.allocate(),
           _anchor = [0, 0];
         if (anchor) {
@@ -12401,9 +12401,9 @@
         return !!visible || (aabbBounds.clear(), !1);
       }
     };
-    DefaultGraphicService = __decorate$19([injectable(), __param$F(0, inject(GraphicCreator$2)), __metadata$S("design:paramtypes", [Object])], DefaultGraphicService);
+    DefaultGraphicService = __decorate$19([injectable(), __param$F(0, inject(GraphicCreator$1)), __metadata$S("design:paramtypes", [Object])], DefaultGraphicService);
 
-    let GraphicCreator$1 = class GraphicCreator {
+    class GraphicCreator {
       constructor() {
         this.store = new Map();
       }
@@ -12414,12 +12414,12 @@
         const cb = this.store.get(name);
         return cb ? cb(params) : null;
       }
-    };
-    const graphicCreator$1 = new GraphicCreator$1();
+    }
+    const graphicCreator = new GraphicCreator();
 
-    let text$1;
-    function getTextBounds$1(params) {
-      return text$1 || (text$1 = graphicCreator$1.CreateGraphic("text", {})), text$1.initAttributes(params), text$1.AABBBounds;
+    let text;
+    function getTextBounds(params) {
+      return text || (text = graphicCreator.CreateGraphic("text", {})), text.initAttributes(params), text.AABBBounds;
     }
 
     const result = {
@@ -14654,7 +14654,7 @@
               h = b.height();
             b.set((null !== (_h = background.x) && void 0 !== _h ? _h : 0) + (null !== (_j = background.dx) && void 0 !== _j ? _j : 0), (null !== (_k = background.y) && void 0 !== _k ? _k : 0) + (null !== (_l = background.dy) && void 0 !== _l ? _l : 0), w, h);
           }
-        } else b = graphic.AABBBounds, onlyTranslate || (b = getTextBounds$1(Object.assign(Object.assign({}, graphic.attribute), {
+        } else b = graphic.AABBBounds, onlyTranslate || (b = getTextBounds(Object.assign(Object.assign({}, graphic.attribute), {
           angle: 0,
           scaleX: 1,
           scaleY: 1,
@@ -15189,7 +15189,7 @@
       getShadowRoot(interactiveLayer) {
         var _a;
         let group = interactiveLayer.getElementById("_interactive_group");
-        return group || (group = graphicCreator$1.CreateGraphic("group", {}), group.id = "_interactive_group", interactiveLayer.add(group)), null !== (_a = group.shadowRoot) && void 0 !== _a ? _a : group.attachShadow();
+        return group || (group = graphicCreator.CreateGraphic("group", {}), group.id = "_interactive_group", interactiveLayer.add(group)), null !== (_a = group.shadowRoot) && void 0 !== _a ? _a : group.attachShadow();
       }
     }
     class Canvas3DDrawItemInterceptor {
@@ -15442,7 +15442,7 @@
     });
 
     var graphicModule = new ContainerModule(bind => {
-      bind(GraphicService).to(DefaultGraphicService).inSingletonScope(), bind(GraphicCreator$2).toConstantValue(graphicCreator$1);
+      bind(GraphicService).to(DefaultGraphicService).inSingletonScope(), bind(GraphicCreator$1).toConstantValue(graphicCreator);
     });
 
     const AutoEnablePlugins = Symbol.for("AutoEnablePlugins");
@@ -18428,75 +18428,75 @@
     });
 
     function registerArcGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("arc", createArc);
+      graphicCreator.RegisterGraphicCreator("arc", createArc);
     }
 
     function registerArc3dGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("arc3d", createArc3d);
+      graphicCreator.RegisterGraphicCreator("arc3d", createArc3d);
     }
 
     function registerAreaGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("area", createArea);
+      graphicCreator.RegisterGraphicCreator("area", createArea);
     }
 
     function registerCircleGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("circle", createCircle);
+      graphicCreator.RegisterGraphicCreator("circle", createCircle);
     }
 
     function registerGlyphGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("glyph", createGlyph);
+      graphicCreator.RegisterGraphicCreator("glyph", createGlyph);
     }
 
     function registerGroupGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("group", createGroup);
+      graphicCreator.RegisterGraphicCreator("group", createGroup);
     }
 
     function registerImageGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("image", createImage);
+      graphicCreator.RegisterGraphicCreator("image", createImage);
     }
 
     function registerLineGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("line", createLine);
+      graphicCreator.RegisterGraphicCreator("line", createLine);
     }
 
     function registerPathGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("path", createPath);
+      graphicCreator.RegisterGraphicCreator("path", createPath);
     }
 
     function registerPolygonGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("polygon", createPolygon);
+      graphicCreator.RegisterGraphicCreator("polygon", createPolygon);
     }
 
     function registerPyramid3dGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("pyramid3d", createPyramid3d);
+      graphicCreator.RegisterGraphicCreator("pyramid3d", createPyramid3d);
     }
 
     function registerRectGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("rect", createRect);
+      graphicCreator.RegisterGraphicCreator("rect", createRect);
     }
 
     function registerRect3dGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("rect3d", createRect3d);
+      graphicCreator.RegisterGraphicCreator("rect3d", createRect3d);
     }
 
     function registerRichtextGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("richtext", createRichText);
+      graphicCreator.RegisterGraphicCreator("richtext", createRichText);
     }
 
     function registerSymbolGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("symbol", createSymbol);
+      graphicCreator.RegisterGraphicCreator("symbol", createSymbol);
     }
 
     function registerTextGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("text", createText);
+      graphicCreator.RegisterGraphicCreator("text", createText);
     }
 
     function registerShadowRootGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("shadowRoot", createShadowRoot);
+      graphicCreator.RegisterGraphicCreator("shadowRoot", createShadowRoot);
     }
 
     function registerWrapTextGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("wrapText", createWrapText);
+      graphicCreator.RegisterGraphicCreator("wrapText", createWrapText);
     }
 
     const REACT_TO_CANOPUS_EVENTS = {
@@ -18547,40 +18547,40 @@
       onDblClick: "dblclick"
     };
     function VArc(params) {
-      return graphicCreator$1.arc(params ? params.attribute : {});
+      return graphicCreator.arc(params ? params.attribute : {});
     }
     function VArea(params) {
-      return graphicCreator$1.area(params ? params.attribute : {});
+      return graphicCreator.area(params ? params.attribute : {});
     }
     function VCircle(params) {
-      return graphicCreator$1.circle(params ? params.attribute : {});
+      return graphicCreator.circle(params ? params.attribute : {});
     }
     function VGroup(params) {
-      return graphicCreator$1.group(params ? params.attribute : {});
+      return graphicCreator.group(params ? params.attribute : {});
     }
     function VGlyph(params) {
-      return graphicCreator$1.glyph(params ? params.attribute : {});
+      return graphicCreator.glyph(params ? params.attribute : {});
     }
     function VImage(params) {
-      return graphicCreator$1.image(params ? params.attribute : {});
+      return graphicCreator.image(params ? params.attribute : {});
     }
     function VLine(params) {
-      return graphicCreator$1.line(params ? params.attribute : {});
+      return graphicCreator.line(params ? params.attribute : {});
     }
     function VPath(params) {
-      return graphicCreator$1.path(params ? params.attribute : {});
+      return graphicCreator.path(params ? params.attribute : {});
     }
     function VPolygon(params) {
-      return graphicCreator$1.polygon(params ? params.attribute : {});
+      return graphicCreator.polygon(params ? params.attribute : {});
     }
     function VRect(params) {
-      return graphicCreator$1.rect(params ? params.attribute : {});
+      return graphicCreator.rect(params ? params.attribute : {});
     }
     function VSymbol(params) {
-      return graphicCreator$1.symbol(params ? params.attribute : {});
+      return graphicCreator.symbol(params ? params.attribute : {});
     }
     function VText(params) {
-      return graphicCreator$1.text(params ? params.attribute : {});
+      return graphicCreator.text(params ? params.attribute : {});
     }
 
     var __rest$4 = undefined && undefined.__rest || function (s, e) {
@@ -18607,7 +18607,7 @@
         } = _a,
         props = __rest$4(_a, ["key", "name", "id", "attribute", "stateProxy"]);
       let c = type;
-      isString$2(type) && (c = graphicCreator$1[type]);
+      isString$2(type) && (c = graphicCreator[type]);
       const childrenList = [];
       for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
         children[_key - 2] = arguments[_key];
@@ -25428,9 +25428,13 @@
       });
     }
 
-    function scale$1(vector, scale) {
+    function scale(vector, scale) {
       return [vector[0] * scale, vector[1] * scale];
     }
+    function length(vector) {
+      const [x, y] = vector;
+      return Math.sqrt(x * x + y * y);
+    }
     function normalize$2(vector) {
       const [x, y] = vector;
       let len = x * x + y * y;
@@ -25458,7 +25462,7 @@
         width: 0,
         height: 0
       };
-      const bounds = getTextBounds$1({
+      const bounds = getTextBounds({
         text: text,
         fontFamily: textSpec.fontFamily || defaultTextTheme.fontFamily || DEFAULT_TEXT_FONT_FAMILY$1,
         fontSize: textSpec.fontSize || defaultTextTheme.fontSize || 12,
@@ -26102,7 +26106,7 @@
           }
           points.forEach((point, index) => {
             var _a, _b;
-            const line = graphicCreator$1.line(Object.assign(Object.assign({
+            const line = graphicCreator.line(Object.assign(Object.assign({
               points: point
             }, isArray$3(lineStyle) ? null !== (_a = lineStyle[index]) && void 0 !== _a ? _a : lineStyle[lineStyle.length - 1] : lineStyle), {
               fill: !1
@@ -26110,8 +26114,8 @@
             line.name = `${this.name}-line`, line.id = this._getNodeId("line" + index), isEmpty(null == state ? void 0 : state.line) || (line.states = isArray$3(state.line) ? null !== (_b = state.line[index]) && void 0 !== _b ? _b : state.line[state.line.length - 1] : state.line), this.add(line);
           });
         } else {
-          let lineCreator = graphicCreator$1.line;
-          array$1(lineStyle)[0].cornerRadius && (lineCreator = graphicCreator$1.polygon);
+          let lineCreator = graphicCreator.line;
+          array$1(lineStyle)[0].cornerRadius && (lineCreator = graphicCreator.polygon);
           const line = lineCreator(Object.assign(Object.assign({
             points: this._clipPoints(this.attribute.points)
           }, array$1(lineStyle)[0]), {
@@ -26151,7 +26155,7 @@
           }, rotate = startAngle + Math.PI / 2) : (position = {
             x: end.x + (isValidNumber$1(endAngle) ? refX * Math.cos(endAngle) + refY * Math.cos(endAngle - Math.PI / 2) : 0),
             y: end.y + (isValidNumber$1(endAngle) ? refX * Math.sin(endAngle) + refY * Math.sin(endAngle - Math.PI / 2) : 0)
-          }, rotate = endAngle + Math.PI / 2), symbol = graphicCreator$1.symbol(Object.assign(Object.assign(Object.assign({}, position), {
+          }, rotate = endAngle + Math.PI / 2), symbol = graphicCreator.symbol(Object.assign(Object.assign(Object.assign({}, position), {
             symbolType: symbolType,
             size: size,
             angle: autoRotate ? rotate + refAngle : 0,
@@ -26314,18 +26318,54 @@
       }
     };
 
+    const clampRadian = function () {
+      let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      if (angle < 0) for (; angle < 0;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
+      return angle;
+    };
+    function isInRange(a, min, max) {
+      return !isLess(a, min, 0, 1e-6) && !isGreater(a, max, 0, 1e-6);
+    }
+    function getCircleLabelPosition(tickPosition, tickVector, text, style) {
+      const labelBounds = getTextBounds(Object.assign({
+          text: text
+        }, style)),
+        width = labelBounds.width(),
+        height = labelBounds.height(),
+        angle = clampRadian(Math.atan2(tickVector[1], tickVector[0])) - Math.PI,
+        PI_3_4 = 3 * Math.PI / 4,
+        PI_1_4 = Math.PI / 4,
+        PI_1_2 = Math.PI / 2,
+        baseX = tickPosition.x;
+      let dx = 0;
+      dx = isInRange(angle, -PI_3_4, -PI_1_4) ? ((angle + PI_3_4) / PI_1_2 - .5) * width : isInRange(angle, PI_1_4, PI_3_4) ? (.5 - (angle - PI_1_4) / PI_1_2) * width : Math.cos(angle) >= 0 ? .5 * width : .5 * -width;
+      const x = baseX - dx,
+        baseY = tickPosition.y;
+      let dy = 0;
+      dy = isInRange(angle, -PI_3_4, -PI_1_4) ? .5 * -height : isInRange(angle, PI_1_4, PI_3_4) ? .5 * height : Math.cos(angle) >= 0 ? (.5 - (PI_1_4 - angle) / PI_1_2) * height : (.5 - clampRadian(angle - PI_3_4) / PI_1_2) * height;
+      return {
+        x: x,
+        y: baseY - dy
+      };
+    }
     function getElMap(g) {
       const elMap = {};
       return traverseGroup(g, el => {
         "group" !== el.type && el.id && (elMap[el.id] = el);
       }), elMap;
     }
-    function getVerticalCoord$1(point, vector) {
+    function getVerticalCoord(point, vector) {
       return {
         x: point.x + vector[0],
         y: point.y + vector[1]
       };
     }
+    function getCircleVerticalVector(offset, point, center) {
+      let inside = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
+      let axisInside = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
+      const vector = [point.x - center.x, point.y - center.y];
+      return scale(vector, (inside ? -1 : 1) * (axisInside ? -1 : 1) * offset / length(vector));
+    }
 
     class AxisBase extends AbstractComponent {
       constructor() {
@@ -26357,14 +26397,14 @@
       getBoundsWithoutRender(attributes) {
         const currentAttribute = cloneDeep(this.attribute);
         merge(this.attribute, attributes);
-        const offscreenGroup = graphicCreator$1.group({
+        const offscreenGroup = graphicCreator.group({
           x: this.attribute.x,
           y: this.attribute.y
         });
         return this.add(offscreenGroup), this._renderInner(offscreenGroup), this.removeChild(offscreenGroup), this.attribute = currentAttribute, offscreenGroup.AABBBounds;
       }
       render() {
-        this._prevInnerView = this._innerView && getElMap(this._innerView), this.removeAllChild(!0), this._innerView = graphicCreator$1.group({
+        this._prevInnerView = this._innerView && getElMap(this._innerView), this.removeAllChild(!0), this._innerView = graphicCreator.group({
           x: 0,
           y: 0,
           pickable: !1
@@ -26386,13 +26426,13 @@
             line: line,
             items: items
           } = this.attribute,
-          axisContainer = graphicCreator$1.group({
+          axisContainer = graphicCreator.group({
             x: 0,
             y: 0,
             zIndex: 1
           });
         if (axisContainer.name = AXIS_ELEMENT_NAME.axisContainer, axisContainer.id = this._getNodeId("container"), axisContainer.setMode(this.mode), this.axisContainer = axisContainer, container.add(axisContainer), line && line.visible && this.renderLine(axisContainer), items && items.length && (this.data = this._transformItems(items[0]), tick && tick.visible && this.renderTicks(axisContainer), label && label.visible)) {
-          const labelGroup = graphicCreator$1.group({
+          const labelGroup = graphicCreator.group({
             x: 0,
             y: 0,
             pickable: !1
@@ -26425,14 +26465,14 @@
       }
       renderTicks(container) {
         const tickLineItems = this.getTickLineItems(),
-          tickLineGroup = graphicCreator$1.group({
+          tickLineGroup = graphicCreator.group({
             x: 0,
             y: 0,
             pickable: !1
           });
         tickLineGroup.name = AXIS_ELEMENT_NAME.tickContainer, tickLineGroup.id = this._getNodeId("tick-container"), container.add(tickLineGroup), tickLineItems.forEach((item, index) => {
           var _a;
-          const line = graphicCreator$1.line(Object.assign({}, this._getTickLineAttribute("tick", item, index, tickLineItems)));
+          const line = graphicCreator.line(Object.assign({}, this._getTickLineAttribute("tick", item, index, tickLineItems)));
           if (line.name = AXIS_ELEMENT_NAME.tick, line.id = this._getNodeId(item.id), isEmpty(null === (_a = this.attribute.tick) || void 0 === _a ? void 0 : _a.state)) line.states = DEFAULT_STATES$2;else {
             const data = this.data[index],
               tickLineState = merge({}, DEFAULT_STATES$2, this.attribute.tick.state);
@@ -26448,7 +26488,7 @@
         if (subTick && subTick.visible) {
           const subTickLineItems = this.getSubTickLineItems();
           subTickLineItems.length && subTickLineItems.forEach((item, index) => {
-            const line = graphicCreator$1.line(Object.assign({}, this._getTickLineAttribute("subTick", item, index, tickLineItems)));
+            const line = graphicCreator.line(Object.assign({}, this._getTickLineAttribute("subTick", item, index, tickLineItems)));
             if (line.name = AXIS_ELEMENT_NAME.subTick, line.id = this._getNodeId(`${index}`), isEmpty(subTick.state)) line.states = DEFAULT_STATES$2;else {
               const subTickLineState = merge({}, DEFAULT_STATES$2, subTick.state);
               Object.keys(subTickLineState).forEach(key => {
@@ -26465,7 +26505,7 @@
         } = this.attribute.label;
         dataFilter && isFunction$1(dataFilter) && (items = dataFilter(items, layer));
         const data = this._transformItems(items),
-          labelGroup = graphicCreator$1.group({
+          labelGroup = graphicCreator.group({
             x: 0,
             y: 0,
             pickable: !1
@@ -26474,7 +26514,7 @@
           var _a;
           const labelStyle = this._getLabelAttribute(item, index, data, layer);
           let text;
-          if (text = isRichText(labelStyle) ? graphicCreator$1.richtext(richTextAttributeTransform(labelStyle)) : graphicCreator$1.text(labelStyle), text.name = AXIS_ELEMENT_NAME.label, text.id = this._getNodeId(`layer${layer}-label-${item.id}`), isEmpty(null === (_a = this.attribute.label) || void 0 === _a ? void 0 : _a.state)) text.states = DEFAULT_STATES$2;else {
+          if (text = isRichText(labelStyle) ? graphicCreator.richtext(richTextAttributeTransform(labelStyle)) : graphicCreator.text(labelStyle), text.name = AXIS_ELEMENT_NAME.label, text.id = this._getNodeId(`layer${layer}-label-${item.id}`), isEmpty(null === (_a = this.attribute.label) || void 0 === _a ? void 0 : _a.state)) text.states = DEFAULT_STATES$2;else {
             const labelState = merge({}, DEFAULT_STATES$2, this.attribute.label.state);
             Object.keys(labelState).forEach(key => {
               isFunction$1(labelState[key]) && (labelState[key] = labelState[key](item, index, data, layer));
@@ -26489,7 +26529,7 @@
         axisTitle.name = AXIS_ELEMENT_NAME.title, axisTitle.id = this._getNodeId("title"), container.add(axisTitle);
       }
       getVerticalCoord(point, offset, inside) {
-        return getVerticalCoord$1(point, this.getVerticalVector(offset, inside, point));
+        return getVerticalCoord(point, this.getVerticalVector(offset, inside, point));
       }
       getTextAlign(vector) {
         let align = "center";
@@ -26922,7 +26962,7 @@
           axisVector = this.getRelativeVector(),
           normalizedAxisVector = normalize$2(axisVector),
           verticalVector = [normalizedAxisVector[1], -1 * normalizedAxisVector[0]];
-        return scale$1(verticalVector, offset * (inside ? 1 : -1) * verticalFactor);
+        return scale(verticalVector, offset * (inside ? 1 : -1) * verticalFactor);
       }
     }
 
@@ -26956,7 +26996,7 @@
         if (panel && panel.visible) {
           const axisContainer = this.axisContainer,
             axisContainerBounds = axisContainer.AABBBounds,
-            bgRect = graphicCreator$1.rect(Object.assign({
+            bgRect = graphicCreator.rect(Object.assign({
               x: axisContainerBounds.x1,
               y: axisContainerBounds.y1,
               width: axisContainerBounds.width(),
@@ -27238,7 +27278,7 @@
           const minSize = this._getAxisLabelLimitLength(verticalMinSize, layerCount);
           let x, y;
           axisLabelContainerSize = Math.max(axisLabelContainerSize, minSize), "left" === orient ? (x = axisLabelContainerBounds.x2 - axisLabelContainerSize, y = axisLabelContainerBounds.y1) : "right" === orient ? (x = axisLabelContainerBounds.x1, y = axisLabelContainerBounds.y1) : "top" === orient ? (x = axisLabelContainerBounds.x1, y = axisLabelContainerBounds.y2 - axisLabelContainerSize) : "bottom" === orient && (x = axisLabelContainerBounds.x1, y = axisLabelContainerBounds.y1);
-          const bgRect = graphicCreator$1.rect({
+          const bgRect = graphicCreator.rect({
             x: x,
             y: y,
             width: isHorizontal ? axisLabelContainerBounds.width() : axisLabelContainerSize,
@@ -27343,7 +27383,7 @@
         this._current = defaultCurrent;
         const parsedPadding = normalizePadding(padding),
           isHorizontal = "horizontal" === layout,
-          container = graphicCreator$1.group({
+          container = graphicCreator.group({
             x: 0,
             y: 0
           }),
@@ -27356,7 +27396,7 @@
           nextShape: nextShape
         } = handler;
         preShape || (preShape = isHorizontal ? "triangleLeft" : "triangleUp"), nextShape || (nextShape = isHorizontal ? "triangleRight" : "triangleDown");
-        const preHandler = graphicCreator$1.symbol(Object.assign(Object.assign({
+        const preHandler = graphicCreator.symbol(Object.assign(Object.assign({
           strokeBoundsBuffer: 0,
           pickMode: "imprecise"
         }, handlerStyle), {
@@ -27375,7 +27415,7 @@
           }, textStyle), null === (_c = null === (_b = this.stage) || void 0 === _b ? void 0 : _b.getTheme()) || void 0 === _c ? void 0 : _c.text),
           handlerSizeX = isNumber$4(handlerSize) ? handlerSize : handlerSize[0],
           handlerSizeY = isNumber$4(handlerSize) ? handlerSize : handlerSize[1],
-          text = graphicCreator$1.text(Object.assign({
+          text = graphicCreator.text(Object.assign({
             x: isHorizontal ? handlerSizeX / 2 + handlerSpace + maxTextWidth / 2 : 0,
             y: isHorizontal ? 0 : handlerSizeY / 2 + handlerSpace + maxTextHeight / 2,
             text: this._getPageText(defaultCurrent),
@@ -27384,7 +27424,7 @@
             lineHeight: null == textStyle ? void 0 : textStyle.fontSize
           }, textStyle));
         this.text = text, container.add(text);
-        const nextHandler = graphicCreator$1.symbol(Object.assign(Object.assign({
+        const nextHandler = graphicCreator.symbol(Object.assign(Object.assign({
           strokeBoundsBuffer: 0,
           pickMode: "imprecise"
         }, handlerStyle), {
@@ -27459,7 +27499,7 @@
             padding = 0
           } = this.attribute,
           parsedPadding = normalizePadding(padding),
-          innerView = graphicCreator$1.group({
+          innerView = graphicCreator.group({
             x: parsedPadding[3],
             y: parsedPadding[0],
             pickable: interactive,
@@ -27653,7 +27693,7 @@
         if (!1 === item.visible || isEmpty(items)) return;
         let legendItems = items;
         reversed && (legendItems = null == items ? void 0 : items.reverse());
-        const itemsContainer = graphicCreator$1.group({
+        const itemsContainer = graphicCreator.group({
           x: 0,
           y: 0
         });
@@ -27737,15 +27777,15 @@
           backgroundStyle = this._handleStyle(background, item, isSelected, index, items),
           parsedPadding = normalizePadding(padding);
         let itemGroup;
-        !1 === background.visible ? (itemGroup = graphicCreator$1.group({
+        !1 === background.visible ? (itemGroup = graphicCreator.group({
           x: 0,
           y: 0,
           cursor: null === (_a = backgroundStyle.style) || void 0 === _a ? void 0 : _a.cursor
-        }), this._appendDataToShape(itemGroup, LEGEND_ELEMENT_NAME.item, item, itemGroup)) : (itemGroup = graphicCreator$1.group(Object.assign({
+        }), this._appendDataToShape(itemGroup, LEGEND_ELEMENT_NAME.item, item, itemGroup)) : (itemGroup = graphicCreator.group(Object.assign({
           x: 0,
           y: 0
         }, backgroundStyle.style)), this._appendDataToShape(itemGroup, LEGEND_ELEMENT_NAME.item, item, itemGroup, backgroundStyle.state)), itemGroup.id = `${null != id ? id : label}-${index}`, itemGroup.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected);
-        const innerGroup = graphicCreator$1.group({
+        const innerGroup = graphicCreator.group({
           x: 0,
           y: 0,
           pickable: !1
@@ -27758,7 +27798,7 @@
         if (shapeAttr && !1 !== shapeAttr.visible) {
           const s = get$5(shapeStyle, "style.size", DEFAULT_SHAPE_SIZE);
           shapeSize = isArray$3(s) ? s[0] || 0 : s, shapeSpace = get$5(shapeAttr, "space", DEFAULT_SHAPE_SPACE);
-          const itemShape = graphicCreator$1.symbol(Object.assign(Object.assign({
+          const itemShape = graphicCreator.symbol(Object.assign(Object.assign({
             x: 0,
             y: 0,
             symbolType: "circle",
@@ -27773,7 +27813,7 @@
           focusSpace = 0;
         if (focus) {
           const focusSize = get$5(focusIconStyle, "size", DEFAULT_SHAPE_SIZE);
-          focusShape = graphicCreator$1.symbol(Object.assign(Object.assign({
+          focusShape = graphicCreator.symbol(Object.assign(Object.assign({
             x: 0,
             y: -focusSize / 2 - 1,
             strokeBoundsBuffer: 0
@@ -27793,7 +27833,7 @@
           }, labelStyle.style), {
             text: text
           });
-        labelShape = isRichText(labelAttributes) ? graphicCreator$1.richtext(richTextAttributeTransform(labelAttributes)) : graphicCreator$1.text(labelAttributes), this._appendDataToShape(labelShape, LEGEND_ELEMENT_NAME.itemLabel, item, itemGroup, labelStyle.state), labelShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), innerGroup.add(labelShape);
+        labelShape = isRichText(labelAttributes) ? graphicCreator.richtext(richTextAttributeTransform(labelAttributes)) : graphicCreator.text(labelAttributes), this._appendDataToShape(labelShape, LEGEND_ELEMENT_NAME.itemLabel, item, itemGroup, labelStyle.state), labelShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), innerGroup.add(labelShape);
         const labelSpace = get$5(labelAttr, "space", DEFAULT_LABEL_SPACE);
         if (isValid$3(value)) {
           const valueSpace = get$5(valueAttr, "space", focus ? DEFAULT_VALUE_SPACE : 0),
@@ -27808,7 +27848,7 @@
               text: valueText
             });
           let valueShape;
-          if (valueShape = isRichText(valueAttributes) ? graphicCreator$1.richtext(richTextAttributeTransform(valueAttributes)) : graphicCreator$1.text(valueAttributes), this._appendDataToShape(valueShape, LEGEND_ELEMENT_NAME.itemValue, item, itemGroup, valueStyle.state), valueShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), this._itemWidthByUser) {
+          if (valueShape = isRichText(valueAttributes) ? graphicCreator.richtext(richTextAttributeTransform(valueAttributes)) : graphicCreator.text(valueAttributes), this._appendDataToShape(valueShape, LEGEND_ELEMENT_NAME.itemValue, item, itemGroup, valueStyle.state), valueShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), this._itemWidthByUser) {
             const layoutWidth = this._itemWidthByUser - parsedPadding[1] - parsedPadding[3] - shapeSize - shapeSpace - labelSpace - focusSpace - valueSpace;
             this._autoEllipsis(autoEllipsisStrategy, layoutWidth, labelShape, valueShape), valueAttr.alignRight ? valueShape.setAttributes({
               textAlign: "right",
@@ -28006,7 +28046,7 @@
           this._itemContext.totalPage = total, this._updatePositionOfPager(contentWidth, contentHeight, renderStartY, compWidth, compHeight);
         }
         defaultCurrent > 1 && (isHorizontal ? itemsContainer.setAttribute("y", -(defaultCurrent - 1) * (compHeight + spaceRow)) : itemsContainer.setAttribute("x", -(defaultCurrent - 1) * (compWidth + spaceCol)));
-        const clipGroup = graphicCreator$1.group({
+        const clipGroup = graphicCreator.group({
           x: 0,
           y: renderStartY,
           width: isHorizontal ? contentWidth : compWidth,
@@ -28053,7 +28093,7 @@
           }), this._itemContext.totalPage = pages, this._itemContext.pages = pages, this._updatePositionOfScrollbar(contentWidth, contentHeight, renderStartY);
         }
         defaultCurrent > 1 && (isHorizontal ? itemsContainer.setAttribute("x", -(defaultCurrent - 1) * (contentWidth + spaceCol)) : itemsContainer.setAttribute("y", -(defaultCurrent - 1) * (contentHeight + spaceRow)));
-        const clipGroup = graphicCreator$1.group({
+        const clipGroup = graphicCreator.group({
           x: 0,
           y: renderStartY,
           width: contentWidth,
@@ -29372,7 +29412,7 @@
         };
         const isHorizontal = "horizontal" === layout;
         this._isHorizontal = isHorizontal;
-        const innerView = graphicCreator$1.group({
+        const innerView = graphicCreator.group({
           x: 0,
           y: 0
         });
@@ -29380,7 +29420,7 @@
         let startTextShape,
           startLen = 0;
         if (startText && startText.visible) {
-          startTextShape = graphicCreator$1.text(Object.assign({
+          startTextShape = graphicCreator.text(Object.assign({
             x: isHorizontal ? 0 : railWidth / 2,
             y: isHorizontal ? railHeight / 2 : 0,
             textAlign: isHorizontal ? "start" : "center",
@@ -29391,19 +29431,19 @@
           const space = isValid$3(startText.space) ? startText.space : 0;
           startLen += (isHorizontal ? startTextShape.AABBBounds.width() : startTextShape.AABBBounds.height()) + space;
         }
-        const mainContainer = graphicCreator$1.group({
+        const mainContainer = graphicCreator.group({
           x: isHorizontal ? startLen : 0,
           y: isHorizontal ? 0 : startLen
         });
         innerView.add(mainContainer);
-        const railContainer = graphicCreator$1.group({
+        const railContainer = graphicCreator.group({
           x: 0,
           y: 0
         });
         let endTextShape;
         if (railContainer.name = SLIDER_ELEMENT_NAME.railContainer, this._railContainer = railContainer, mainContainer.add(railContainer), this._mainContainer = mainContainer, this._renderRail(railContainer), startLen += isHorizontal ? railWidth : railHeight, endText && endText.visible) {
           const space = isValid$3(endText.space) ? endText.space : 0;
-          endTextShape = graphicCreator$1.text(Object.assign({
+          endTextShape = graphicCreator.text(Object.assign({
             x: isHorizontal ? startLen + space : railWidth / 2,
             y: isHorizontal ? railHeight / 2 : startLen + space,
             textAlign: isHorizontal ? "start" : "center",
@@ -29423,7 +29463,7 @@
         } = this.attribute;
         let cursor = "default";
         !1 !== slidable && (cursor = "pointer");
-        const railShape = graphicCreator$1.rect(Object.assign({
+        const railShape = graphicCreator.rect(Object.assign({
           x: 0,
           y: 0,
           width: railWidth,
@@ -29497,7 +29537,7 @@
         } else startValue = min, endValue = clamp$3(value, min, max);
         const isHorizontal = this._isHorizontal;
         range || (startValue = min);
-        const trackContainer = graphicCreator$1.group({
+        const trackContainer = graphicCreator.group({
           x: 0,
           y: 0,
           width: railWidth,
@@ -29512,7 +29552,7 @@
         cursor = !1 === slidable ? "default" : !1 === range || !1 === draggableTrack ? "pointer" : getDefaultCursor(isHorizontal);
         const startPos = this.calculatePosByValue(startValue, "start"),
           endPos = this.calculatePosByValue(endValue, range ? "end" : "start"),
-          track = graphicCreator$1.rect(Object.assign({
+          track = graphicCreator.rect(Object.assign({
             x: isHorizontal ? Math.min(startPos, endPos) : 0,
             y: isHorizontal ? 0 : Math.min(startPos, endPos),
             width: isHorizontal ? Math.abs(endPos - startPos) : railWidth,
@@ -29522,7 +29562,7 @@
         track.name = SLIDER_ELEMENT_NAME.track, this._track = track, trackContainer.add(track), container.add(trackContainer);
       }
       _renderHandler(style) {
-        return graphicCreator$1.symbol(style);
+        return graphicCreator.symbol(style);
       }
       _renderHandlerText(value, position) {
         var _a, _b, _c;
@@ -29543,7 +29583,7 @@
             cursor: !1 === slidable ? "default" : getDefaultCursor(isHorizontal)
           };
         isHorizontal ? "top" === align ? (textStyle.textBaseline = "bottom", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight - handlerSize) / 2 - textSpace) : (textStyle.textBaseline = "top", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight + handlerSize) / 2 + textSpace) : "left" === align ? (textStyle.textBaseline = "middle", textStyle.textAlign = "end", textStyle.x = (railWidth - handlerSize) / 2 - textSpace, textStyle.y = pos) : (textStyle.textBaseline = "middle", textStyle.textAlign = "start", textStyle.x = (railWidth + handlerSize) / 2 + textSpace, textStyle.y = pos);
-        return graphicCreator$1.text(Object.assign(Object.assign({}, textStyle), handlerText.style));
+        return graphicCreator.text(Object.assign(Object.assign({}, textStyle), handlerText.style));
       }
       _renderTooltip() {
         var _a;
@@ -29560,7 +29600,7 @@
         const cx = this._isHorizontal ? 0 : railWidth / 2,
           cy = this._isHorizontal ? railHeight / 2 : 0;
         if (tooltip && tooltip.shape) {
-          const shape = graphicCreator$1.symbol(Object.assign({
+          const shape = graphicCreator.symbol(Object.assign({
             pickable: !1,
             visible: !!this._tooltipState,
             x: cx,
@@ -29577,7 +29617,7 @@
             text: ""
           };
         this._isHorizontal ? (textStyle.x = cx, textStyle.y = "top" === align ? cy - railHeight / 2 - space : cy + railHeight / 2 + space, textStyle.textAlign = "center", textStyle.textBaseline = "top" === align ? "bottom" : "top") : (textStyle.y = cy, textStyle.x = "left" === align ? cx - railWidth / 2 - space : cy + railWidth / 2 + space, textStyle.textAlign = "left" === align ? "end" : "start", textStyle.textBaseline = "middle");
-        const text = graphicCreator$1.text(Object.assign(Object.assign({}, textStyle), textConfig.style));
+        const text = graphicCreator.text(Object.assign(Object.assign({}, textStyle), textConfig.style));
         this._mainContainer.add(text), this._tooltipText = text, this._tooltipState && this._updateTooltip();
       }
       _updateTooltip() {
@@ -30007,7 +30047,7 @@
             disableTriggerEvent: disableTriggerEvent,
             inverse: inverse
           } = this.attribute,
-          mainContainer = graphicCreator$1.group({
+          mainContainer = graphicCreator.group({
             x: 0,
             y: 0
           });
@@ -30046,7 +30086,7 @@
         let path,
           start = 0;
         "horizontal" === layout ? "top" === align ? (path = `M0,0L${railWidth},0L${inverse ? 0 : railWidth},12Z`, start = railHeight) : (path = `M0,12L${railWidth},12L${inverse ? 0 : railWidth},0Z`, slider.setAttribute("y", 12)) : "left" === align ? path = `M${railWidth},0L${railWidth + 12},${inverse ? 0 : railHeight}L${railWidth},${railHeight}Z` : (path = `M0,${inverse ? 0 : railHeight}L12,${railHeight}L12,0Z`, slider.setAttribute("x", 12));
-        const background = graphicCreator$1.path(Object.assign(Object.assign({
+        const background = graphicCreator.path(Object.assign(Object.assign({
           x: 0,
           y: start,
           path: path
@@ -32049,25 +32089,6 @@
 
     const DEFAULT_CONTINUOUS_TICK_COUNT$1 = 5;
 
-    class GraphicCreator {
-      constructor() {
-        this.store = new Map();
-      }
-      RegisterGraphicCreator(name, cb) {
-        this.store.set(name, cb), this[name] = cb;
-      }
-      CreateGraphic(name, params) {
-        const cb = this.store.get(name);
-        return cb ? cb(params) : null;
-      }
-    }
-    const graphicCreator = new GraphicCreator();
-
-    let text;
-    function getTextBounds(params) {
-      return text || (text = graphicCreator.CreateGraphic("text", {})), text.initAttributes(params), text.AABBBounds;
-    }
-
     const initTextMeasure$1 = (textSpec, option, useNaiveCanvas, defaultFontParams) => new TextMeasure(Object.assign({
       defaultFontParams: Object.assign({
         fontFamily: "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol",
@@ -32077,57 +32098,6 @@
       specialCharSet: "-/: .,@%'\"~" + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase()
     }, null != option ? option : {}), textSpec);
 
-    function scale(vector, scale) {
-      return [vector[0] * scale, vector[1] * scale];
-    }
-    function length(vector) {
-      const [x, y] = vector;
-      return Math.sqrt(x * x + y * y);
-    }
-
-    const clampRadian = function () {
-      let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      if (angle < 0) for (; angle < 0;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
-      return angle;
-    };
-    function isInRange(a, min, max) {
-      return !isLess(a, min, 0, 1e-6) && !isGreater(a, max, 0, 1e-6);
-    }
-    function getCircleLabelPosition(tickPosition, tickVector, text, style) {
-      const labelBounds = getTextBounds(Object.assign({
-          text: text
-        }, style)),
-        width = labelBounds.width(),
-        height = labelBounds.height(),
-        angle = clampRadian(Math.atan2(tickVector[1], tickVector[0])) - Math.PI,
-        PI_3_4 = 3 * Math.PI / 4,
-        PI_1_4 = Math.PI / 4,
-        PI_1_2 = Math.PI / 2,
-        baseX = tickPosition.x;
-      let dx = 0;
-      dx = isInRange(angle, -PI_3_4, -PI_1_4) ? ((angle + PI_3_4) / PI_1_2 - .5) * width : isInRange(angle, PI_1_4, PI_3_4) ? (.5 - (angle - PI_1_4) / PI_1_2) * width : Math.cos(angle) >= 0 ? .5 * width : .5 * -width;
-      const x = baseX - dx,
-        baseY = tickPosition.y;
-      let dy = 0;
-      dy = isInRange(angle, -PI_3_4, -PI_1_4) ? .5 * -height : isInRange(angle, PI_1_4, PI_3_4) ? .5 * height : Math.cos(angle) >= 0 ? (.5 - (PI_1_4 - angle) / PI_1_2) * height : (.5 - clampRadian(angle - PI_3_4) / PI_1_2) * height;
-      return {
-        x: x,
-        y: baseY - dy
-      };
-    }
-    function getVerticalCoord(point, vector) {
-      return {
-        x: point.x + vector[0],
-        y: point.y + vector[1]
-      };
-    }
-    function getCircleVerticalVector(offset, point, center) {
-      let inside = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      let axisInside = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
-      const vector = [point.x - center.x, point.y - center.y];
-      return scale(vector, (inside ? -1 : 1) * (axisInside ? -1 : 1) * offset / length(vector));
-    }
-
     function getLabelPosition(angle, center, radius, labelOffset, inside, text, style) {
       const point = polarToCartesian({
           x: 0,
@@ -35714,6 +35684,7 @@
                 case 'line':
                     const line = createLine({
                         points: element.points,
+                        lineWidth: element.lineWidth ?? 1,
                         stroke: element.stroke,
                         pickable: !!element.pickable,
                         cursor: element.cursor
@@ -40585,7 +40556,7 @@
                 fontFamily: DefaultTextStyle.fontFamily,
                 fontSize: DefaultTextStyle.fontSize
             },
-            getTextBounds: useNaiveCanvas ? undefined : getTextBounds$1,
+            getTextBounds: useNaiveCanvas ? undefined : getTextBounds,
             specialCharSet: `{}()//&-/: .,@%'"~…=${TextMeasure.ALPHABET_CHAR_SET}${TextMeasure.ALPHABET_CHAR_SET.toUpperCase()}0123456789${customAlphabetCharSet}`,
             ...(option ?? {})
         }, textSpec);
@@ -43913,6 +43884,7 @@
                 Array.isArray(strokeArrayWidth)) {
                 return;
             }
+            const splitLineDash = isArray$3(lineDash[0]) ? getQuadLineDash(lineDash) : [lineDash, lineDash, lineDash, lineDash];
             let { width = groupAttribute.width, height = groupAttribute.height } = group.attribute;
             width = Math.ceil(width);
             height = Math.ceil(height);
@@ -43957,25 +43929,25 @@
             context.moveTo(x, y);
             context.lineTo(x + widthForStroke, y);
             context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
-            context.setLineDash(lineDash[0] ?? []);
+            context.setLineDash(splitLineDash[0] ?? []);
             context.stroke();
             context.beginPath();
             context.moveTo(x + widthForStroke, y);
             context.lineTo(x + widthForStroke, y + heightForStroke);
             context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
-            context.setLineDash(lineDash[1] ?? []);
+            context.setLineDash(splitLineDash[1] ?? []);
             context.stroke();
             context.beginPath();
             context.moveTo(x, y + heightForStroke);
             context.lineTo(x + widthForStroke, y + heightForStroke);
             context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
-            context.setLineDash(lineDash[2] ?? []);
+            context.setLineDash(splitLineDash[2] ?? []);
             context.stroke();
             context.beginPath();
             context.moveTo(x, y);
             context.lineTo(x, y + heightForStroke);
             context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
-            context.setLineDash(lineDash[3] ?? []);
+            context.setLineDash(splitLineDash[3] ?? []);
             context.stroke();
             context.lineDashOffset = 0;
             context.setLineDash([]);
@@ -44229,6 +44201,15 @@
         }
         return { width, height };
     }
+    function getQuadLineDash(lineDash) {
+        if (lineDash.length === 1) {
+            return [lineDash[0], lineDash[0], lineDash[0], lineDash[0]];
+        }
+        else if (lineDash.length === 2) {
+            return [lineDash[0], lineDash[1], lineDash[0], lineDash[1]];
+        }
+        return lineDash;
+    }
 
     let SplitRectBeforeRenderContribution = class SplitRectBeforeRenderContribution {
         time = BaseRenderContributionTime.beforeFillStroke;
@@ -46031,7 +46012,7 @@
             if (cellTop < minTop || cellBottom > maxTop) {
                 const visibleCellTop = Math.max(cellTop, minTop);
                 const visibleCellBottom = Math.min(cellBottom, maxTop);
-                const delta = graphic.globalTransMatrix.f - (visibleCellBottom + visibleCellTop) / 2;
+                const delta = graphic.globalTransMatrix.f - (visibleCellBottom + visibleCellTop) / 2 + graphic.AABBBounds.height() / 2;
                 !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
                     changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
                         col: cellGroup.col,
@@ -53772,7 +53753,7 @@
                 table.selectCell(targetCol, targetRow);
                 if ((table.options.keyboardOptions?.moveEditCellOnArrowKeys ?? false) &&
                     table.editorManager.editingEditor) {
-                    table.editorManager.completeEdit(e);
+                    table.editorManager.completeEdit();
                     table.getElement().focus();
                     if (table.getEditor(targetCol, targetRow)) {
                         table.editorManager.startEditCell(targetCol, targetRow);
@@ -53784,7 +53765,7 @@
             }
             else if (e.key === 'Enter') {
                 if (table.editorManager.editingEditor) {
-                    table.editorManager.completeEdit(e);
+                    table.editorManager.completeEdit();
                     table.getElement().focus();
                 }
                 else {
@@ -53822,7 +53803,7 @@
                         }
                         table.selectCell(targetCol, targetRow);
                         if (table.editorManager.editingEditor) {
-                            table.editorManager.completeEdit(e);
+                            table.editorManager.completeEdit();
                             table.getElement().focus();
                             if (table.getEditor(targetCol, targetRow)) {
                                 table.editorManager.startEditCell(targetCol, targetRow);
@@ -53862,7 +53843,7 @@
                                 }
                                 cells.forEach(function (cell, cellIndex) {
                                     const parsedCellData = !cell
-                                        ? ''
+                                        ? ' '
                                         : cell
                                             .toString()
                                             .replace(/&/g, '&amp;')
@@ -53878,7 +53859,7 @@
                                     rowValues.push(`<td>${parsedCellData}</td>`);
                                 });
                                 result.push('<tr>', ...rowValues, '</tr>');
-                                if (rowIndex === rowCells.length - 1) {
+                                if (rowIndex === rows.length - 1) {
                                     result.push('</tbody>');
                                 }
                             });
@@ -58090,7 +58071,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.25.1-alpha.4";
+        version = "0.25.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -70489,6 +70470,7 @@
         GroupElement: GroupElement,
         Icon: Icon,
         Image: Image$1,
+        Line: Line$1,
         Radio: Radio,
         Rect: Rect,
         Tag: Tag,
@@ -70752,7 +70734,7 @@
     }
 
     registerForVrender();
-    const version = "0.25.1-alpha.4";
+    const version = "0.25.2";
     function getIcons() {
         return get$2();
     }