npm - @visactor/vtable-gantt - Versions diffs - 1.17.3-alpha.12 → 1.17.3-alpha.13 - Mend

@visactor/vtable-gantt 1.17.3-alpha.12 → 1.17.3-alpha.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/cjs/index.d.ts +1 -1
package/cjs/index.js +1 -1
package/cjs/index.js.map +1 -1
package/cjs/tools/util.js +8 -5
package/cjs/tools/util.js.map +1 -1
package/dist/vtable-gantt.js +1549 -1445
package/dist/vtable-gantt.min.js +2 -2
package/es/index.d.ts +1 -1
package/es/index.js +1 -1
package/es/index.js.map +1 -1
package/es/tools/util.js +4 -2
package/es/tools/util.js.map +1 -1
package/package.json +5 -5

package/dist/vtable-gantt.js CHANGED Viewed

@@ -624,7 +624,7 @@
     const VGlobal = Symbol.for("VGlobal");
     const DEFAULT_TEXT_FONT_FAMILY$2 = "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";
-    var __decorate$16 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$17 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -830,7 +830,7 @@
         return this._env || this.setEnv("browser"), this.envContribution.getElementTopLeft(dom, baseWindow);
       }
     };
-    DefaultGlobal = __decorate$16([injectable(), __param$A(0, inject(ContributionProvider)), __param$A(0, named(EnvContribution)), __metadata$M("design:paramtypes", [Object])], DefaultGlobal);
+    DefaultGlobal = __decorate$17([injectable(), __param$A(0, inject(ContributionProvider)), __param$A(0, named(EnvContribution)), __metadata$M("design:paramtypes", [Object])], DefaultGlobal);
     var MeasureModeEnum;
     !function (MeasureModeEnum) {
@@ -4910,7 +4910,7 @@
       return "number" != typeof measurement.actualBoundingBoxAscent || "number" != typeof measurement.actualBoundingBoxDescent ? (result.width = Math.floor(measurement.width), result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = Math.floor(measurement.width), result.height = Math.floor(measurement.actualBoundingBoxAscent + measurement.actualBoundingBoxDescent), result.ascent = Math.floor(measurement.actualBoundingBoxAscent), result.descent = result.height - result.ascent), result;
     }
-    var __decorate$15 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$16 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -5302,9 +5302,9 @@
         return data.str = data.result, data.width += suffixWidth, data;
       }
     };
-    ATextMeasure = __decorate$15([injectable()], ATextMeasure);
+    ATextMeasure = __decorate$16([injectable()], ATextMeasure);
-    var __decorate$14 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$15 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -5313,7 +5313,7 @@
     };
     const TextMeasureContribution = Symbol.for("TextMeasureContribution");
     let DefaultTextMeasureContribution = class extends ATextMeasure {};
-    DefaultTextMeasureContribution = __decorate$14([injectable()], DefaultTextMeasureContribution);
+    DefaultTextMeasureContribution = __decorate$15([injectable()], DefaultTextMeasureContribution);
     const container = new Container$2();
@@ -5375,7 +5375,7 @@
     }
     const canvasAllocate = new DefaultCanvasAllocate();
-    var __decorate$13 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$14 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -5519,9 +5519,9 @@
         return this._handler.getTopLeft(baseWindow);
       }
     };
-    DefaultWindow = __decorate$13([injectable(), __metadata$L("design:paramtypes", [])], DefaultWindow);
+    DefaultWindow = __decorate$14([injectable(), __metadata$L("design:paramtypes", [])], DefaultWindow);
-    var __decorate$12 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$13 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -5626,7 +5626,7 @@
         return c.nativeCanvas ? c.nativeCanvas : null;
       }
     };
-    DefaultGraphicUtil = __decorate$12([injectable(), __param$z(0, inject(ContributionProvider)), __param$z(0, named(TextMeasureContribution)), __metadata$K("design:paramtypes", [Object])], DefaultGraphicUtil);
+    DefaultGraphicUtil = __decorate$13([injectable(), __param$z(0, inject(ContributionProvider)), __param$z(0, named(TextMeasureContribution)), __metadata$K("design:paramtypes", [Object])], DefaultGraphicUtil);
     var TransformMode;
     !function (TransformMode) {
       TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -5684,7 +5684,7 @@
         return this;
       }
     };
-    DefaultTransformUtil = __decorate$12([injectable(), __metadata$K("design:paramtypes", [])], DefaultTransformUtil);
+    DefaultTransformUtil = __decorate$13([injectable(), __metadata$K("design:paramtypes", [])], DefaultTransformUtil);
     const defaultThemeObj = {
         arc: DefaultArcAttribute,
@@ -9103,7 +9103,7 @@
     const VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
     var DefaultLayerService_1,
-      __decorate$11 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      __decorate$12 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -9174,7 +9174,7 @@
         this.layerMap.delete(stage);
       }
     };
-    DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = DefaultLayerService_1 = __decorate$11([injectable(), __metadata$J("design:paramtypes", [])], DefaultLayerService);
+    DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = DefaultLayerService_1 = __decorate$12([injectable(), __metadata$J("design:paramtypes", [])], DefaultLayerService);
     var coreModule = new ContainerModule(bind => {
       bind(VGlobal).to(DefaultGlobal).inSingletonScope(), bind(VWindow).to(DefaultWindow), bind(GraphicUtil).to(DefaultGraphicUtil).inSingletonScope(), bind(TransformUtil).to(DefaultTransformUtil).inSingletonScope(), bind(LayerService).to(DefaultLayerService).inSingletonScope();
@@ -9680,7 +9680,7 @@
     const matrixAllocate = new DefaultMatrixAllocate();
     const mat4Allocate = new DefaultMat4Allocate();
-    var __decorate$10 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$11 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -9870,7 +9870,7 @@
         };
       }
     };
-    DefaultGraphicService = __decorate$10([injectable(), __param$y(0, inject(GraphicCreator$1)), __metadata$I("design:paramtypes", [Object])], DefaultGraphicService);
+    DefaultGraphicService = __decorate$11([injectable(), __param$y(0, inject(GraphicCreator$1)), __metadata$I("design:paramtypes", [Object])], DefaultGraphicService);
     const result = {
       x: 0,
@@ -10010,7 +10010,7 @@
       }
     }
-    var __decorate$$ = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$10 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -10094,7 +10094,7 @@
         });
       }
     };
-    DefaultBaseInteractiveRenderContribution = __decorate$$([injectable(), __param$x(0, inject(ContributionProvider)), __param$x(0, named(InteractiveSubRenderContribution)), __metadata$H("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
+    DefaultBaseInteractiveRenderContribution = __decorate$10([injectable(), __param$x(0, inject(ContributionProvider)), __param$x(0, named(InteractiveSubRenderContribution)), __metadata$H("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
     class DefaultBaseTextureRenderContribution {
       constructor() {
@@ -10392,7 +10392,7 @@
       return !edgeCb && path.closePath(), path;
     }
-    var __decorate$_ = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$$ = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -10456,7 +10456,7 @@
         Array.isArray(stroke) && stroke.some(s => !1 === s) && (doFillOrStroke.doStroke = !1);
       }
     };
-    SplitRectBeforeRenderContribution$1 = __decorate$_([injectable()], SplitRectBeforeRenderContribution$1);
+    SplitRectBeforeRenderContribution$1 = __decorate$$([injectable()], SplitRectBeforeRenderContribution$1);
     let SplitRectAfterRenderContribution$1 = class SplitRectAfterRenderContribution {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -10492,7 +10492,7 @@
         }
       }
     };
-    SplitRectAfterRenderContribution$1 = __decorate$_([injectable()], SplitRectAfterRenderContribution$1);
+    SplitRectAfterRenderContribution$1 = __decorate$$([injectable()], SplitRectAfterRenderContribution$1);
     const defaultRectRenderContribution = new DefaultRectRenderContribution();
     const defaultRectTextureRenderContribution = defaultBaseTextureRenderContribution;
     const defaultRectBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
@@ -10570,7 +10570,7 @@
       }
     }
-    var __decorate$Z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$_ = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -10744,9 +10744,9 @@
         this._draw(arc, arcAttribute, !1, drawContext, params);
       }
     };
-    DefaultCanvasArcRender = __decorate$Z([injectable(), __param$w(0, inject(ContributionProvider)), __param$w(0, named(ArcRenderContribution)), __metadata$G("design:paramtypes", [Object])], DefaultCanvasArcRender);
+    DefaultCanvasArcRender = __decorate$_([injectable(), __param$w(0, inject(ContributionProvider)), __param$w(0, named(ArcRenderContribution)), __metadata$G("design:paramtypes", [Object])], DefaultCanvasArcRender);
-    var __decorate$Y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$Z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -10797,7 +10797,7 @@
         this._draw(circle, circleAttribute, !1, drawContext, params);
       }
     };
-    DefaultCanvasCircleRender = __decorate$Y([injectable(), __param$v(0, inject(ContributionProvider)), __param$v(0, named(CircleRenderContribution)), __metadata$F("design:paramtypes", [Object])], DefaultCanvasCircleRender);
+    DefaultCanvasCircleRender = __decorate$Z([injectable(), __param$v(0, inject(ContributionProvider)), __param$v(0, named(CircleRenderContribution)), __metadata$F("design:paramtypes", [Object])], DefaultCanvasCircleRender);
     function drawSegItem(ctx, curve, endPercent, params) {
       if (!curve.p1) return;
@@ -10921,7 +10921,7 @@
       });
     }
-    var __decorate$X = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$Y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -11082,7 +11082,7 @@
         } else this.drawSegmentItem(context, line.cache, !!fill, !!stroke, fillOpacity, strokeOpacity, line.attribute, lineAttribute, clipRange, clipRangeByDimension, x, y, line, fillCb, strokeCb);
       }
     };
-    DefaultCanvasLineRender = __decorate$X([injectable()], DefaultCanvasLineRender);
+    DefaultCanvasLineRender = __decorate$Y([injectable()], DefaultCanvasLineRender);
     function drawAreaSegments(path, segPath, percent, params) {
       var _a;
@@ -11211,7 +11211,7 @@
     const defaultAreaTextureRenderContribution = new DefaultAreaTextureRenderContribution();
     const defaultAreaBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
-    var __decorate$W = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$X = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -11464,12 +11464,12 @@
         })(), !1;
       }
     };
-    DefaultCanvasAreaRender = __decorate$W([injectable(), __param$u(0, inject(ContributionProvider)), __param$u(0, named(AreaRenderContribution)), __metadata$E("design:paramtypes", [Object])], DefaultCanvasAreaRender);
+    DefaultCanvasAreaRender = __decorate$X([injectable(), __param$u(0, inject(ContributionProvider)), __param$u(0, named(AreaRenderContribution)), __metadata$E("design:paramtypes", [Object])], DefaultCanvasAreaRender);
     const defaultPathTextureRenderContribution = defaultBaseTextureRenderContribution;
     const defaultPathBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
-    var __decorate$V = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$W = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -11523,9 +11523,9 @@
         this.tempTheme = pathAttribute, this._draw(path, pathAttribute, !1, drawContext, params), this.tempTheme = null;
       }
     };
-    DefaultCanvasPathRender = __decorate$V([injectable(), __param$t(0, inject(ContributionProvider)), __param$t(0, named(PathRenderContribution)), __metadata$D("design:paramtypes", [Object])], DefaultCanvasPathRender);
+    DefaultCanvasPathRender = __decorate$W([injectable(), __param$t(0, inject(ContributionProvider)), __param$t(0, named(PathRenderContribution)), __metadata$D("design:paramtypes", [Object])], DefaultCanvasPathRender);
-    var __decorate$U = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$V = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -11594,9 +11594,9 @@
         this.tempTheme = rectAttribute, this._draw(rect, rectAttribute, !1, drawContext, params), this.tempTheme = null;
       }
     };
-    DefaultCanvasRectRender = __decorate$U([injectable(), __param$s(0, inject(ContributionProvider)), __param$s(0, named(RectRenderContribution)), __metadata$C("design:paramtypes", [Object])], DefaultCanvasRectRender);
+    DefaultCanvasRectRender = __decorate$V([injectable(), __param$s(0, inject(ContributionProvider)), __param$s(0, named(RectRenderContribution)), __metadata$C("design:paramtypes", [Object])], DefaultCanvasRectRender);
-    var __decorate$T = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$U = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -11674,7 +11674,7 @@
         this._draw(symbol, symbolAttribute, !1, drawContext, params);
       }
     };
-    DefaultCanvasSymbolRender = __decorate$T([injectable(), __param$r(0, inject(ContributionProvider)), __param$r(0, named(SymbolRenderContribution)), __metadata$B("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
+    DefaultCanvasSymbolRender = __decorate$U([injectable(), __param$r(0, inject(ContributionProvider)), __param$r(0, named(SymbolRenderContribution)), __metadata$B("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
     class DefaultBoundsAllocate {
       constructor() {
@@ -11779,7 +11779,7 @@
     }
     const defaultTextBackgroundRenderContribution = new DefaultTextBackgroundRenderContribution();
-    var __decorate$S = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$T = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -11928,7 +11928,7 @@
         }
       }
     };
-    DefaultCanvasTextRender = __decorate$S([injectable(), __param$q(0, inject(ContributionProvider)), __param$q(0, named(TextRenderContribution)), __metadata$A("design:paramtypes", [Object])], DefaultCanvasTextRender);
+    DefaultCanvasTextRender = __decorate$T([injectable(), __param$q(0, inject(ContributionProvider)), __param$q(0, named(TextRenderContribution)), __metadata$A("design:paramtypes", [Object])], DefaultCanvasTextRender);
     function drawPolygon(path, points, x, y) {
       path.moveTo(points[0].x + x, points[0].y + y);
@@ -11984,7 +11984,7 @@
     const defaultPolygonTextureRenderContribution = defaultBaseTextureRenderContribution;
     const defaultPolygonBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
-    var __decorate$R = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$S = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -12035,9 +12035,9 @@
         this._draw(polygon, polygonAttribute, !1, drawContext, params);
       }
     };
-    DefaultCanvasPolygonRender = __decorate$R([injectable(), __param$p(0, inject(ContributionProvider)), __param$p(0, named(PolygonRenderContribution)), __metadata$z("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
+    DefaultCanvasPolygonRender = __decorate$S([injectable(), __param$p(0, inject(ContributionProvider)), __param$p(0, named(PolygonRenderContribution)), __metadata$z("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
-    var __decorate$Q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$R = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -12141,9 +12141,9 @@
         }) : clip ? context.restore() : context.highPerformanceRestore();
       }
     };
-    DefaultCanvasGroupRender = __decorate$Q([injectable(), __param$o(0, inject(ContributionProvider)), __param$o(0, named(GroupRenderContribution)), __metadata$y("design:paramtypes", [Object])], DefaultCanvasGroupRender);
+    DefaultCanvasGroupRender = __decorate$R([injectable(), __param$o(0, inject(ContributionProvider)), __param$o(0, named(GroupRenderContribution)), __metadata$y("design:paramtypes", [Object])], DefaultCanvasGroupRender);
-    var __decorate$P = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$Q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -12220,7 +12220,7 @@
         this._draw(image, imageAttribute, !1, drawContext);
       }
     };
-    DefaultCanvasImageRender = __decorate$P([injectable(), __param$n(0, inject(ContributionProvider)), __param$n(0, named(ImageRenderContribution)), __metadata$x("design:paramtypes", [Object])], DefaultCanvasImageRender);
+    DefaultCanvasImageRender = __decorate$Q([injectable(), __param$n(0, inject(ContributionProvider)), __param$n(0, named(ImageRenderContribution)), __metadata$x("design:paramtypes", [Object])], DefaultCanvasImageRender);
     const IncrementalDrawContribution = Symbol.for("IncrementalDrawContribution");
     const ArcRender = Symbol.for("ArcRender");
@@ -12282,7 +12282,7 @@
       return result;
     };
-    var __decorate$O = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$P = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -12349,7 +12349,7 @@
         return !1;
       }
     };
-    CommonDrawItemInterceptorContribution = __decorate$O([injectable(), __metadata$w("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
+    CommonDrawItemInterceptorContribution = __decorate$P([injectable(), __metadata$w("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
     class InteractiveDrawItemInterceptorContribution {
       constructor() {
         this.order = 1;
@@ -12440,7 +12440,7 @@
       }
     }
-    var __decorate$N = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$O = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -12487,7 +12487,7 @@
         this.prepare(updateBounds), this.prepareRenderList(), this.beforeDraw(params), this.draw(params), this.afterDraw(params), this.drawParams = null;
       }
     };
-    DefaultRenderService = __decorate$N([injectable(), __param$m(0, inject(DrawContribution)), __metadata$v("design:paramtypes", [Object])], DefaultRenderService);
+    DefaultRenderService = __decorate$O([injectable(), __param$m(0, inject(DrawContribution)), __metadata$v("design:paramtypes", [Object])], DefaultRenderService);
     var renderModule$1 = new ContainerModule(bind => {
       bind(RenderService).to(DefaultRenderService);
@@ -15271,7 +15271,7 @@
       return new ShadowRoot(graphic);
     }
-    var __decorate$M = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$N = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -15309,7 +15309,7 @@
         return context.highPerformanceRestore(), !result.graphic && result.group && "full" === shadowPickMode && (result.graphic = result.group), result;
       }
     };
-    ShadowRootPickItemInterceptorContribution = __decorate$M([injectable()], ShadowRootPickItemInterceptorContribution);
+    ShadowRootPickItemInterceptorContribution = __decorate$N([injectable()], ShadowRootPickItemInterceptorContribution);
     let InteractivePickItemInterceptorContribution = class {
       constructor() {
         this.order = 1;
@@ -15328,7 +15328,7 @@
         return null;
       }
     };
-    InteractivePickItemInterceptorContribution = __decorate$M([injectable()], InteractivePickItemInterceptorContribution);
+    InteractivePickItemInterceptorContribution = __decorate$N([injectable()], InteractivePickItemInterceptorContribution);
     let Canvas3DPickItemInterceptor = class {
       constructor() {
         this.order = 1;
@@ -15348,7 +15348,7 @@
         context.setTransformForCurrent();
       }
     };
-    Canvas3DPickItemInterceptor = __decorate$M([injectable()], Canvas3DPickItemInterceptor);
+    Canvas3DPickItemInterceptor = __decorate$N([injectable()], Canvas3DPickItemInterceptor);
     var pickModule = new ContainerModule((bind, unbind, isBound) => {
       isBound(PickerService) || (bind(GlobalPickerService).toSelf(), bind(PickerService).toService(GlobalPickerService)), bind(Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(Canvas3DPickItemInterceptor), bind(ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(ShadowRootPickItemInterceptorContribution), bind(InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
@@ -15361,7 +15361,7 @@
     const AutoEnablePlugins = Symbol.for("AutoEnablePlugins");
     const PluginService = Symbol.for("PluginService");
-    var __decorate$L = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$M = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -15411,7 +15411,7 @@
         }), this.onRegisterPlugin = [];
       }
     };
-    DefaultPluginService = __decorate$L([injectable(), __param$l(0, inject(ContributionProvider)), __param$l(0, named(AutoEnablePlugins)), __metadata$u("design:paramtypes", [Object])], DefaultPluginService);
+    DefaultPluginService = __decorate$M([injectable(), __param$l(0, inject(ContributionProvider)), __param$l(0, named(AutoEnablePlugins)), __metadata$u("design:paramtypes", [Object])], DefaultPluginService);
     var pluginModule = new ContainerModule(bind => {
       bind(PluginService).to(DefaultPluginService), bindContributionProviderNoSingletonScope(bind, AutoEnablePlugins);
@@ -15425,7 +15425,7 @@
       bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope(), bindContributionProvider(bind, TextMeasureContribution);
     });
-    var __decorate$K = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$L = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -15502,7 +15502,7 @@
         this.canvas.release();
       }
     };
-    CanvasLayerHandlerContribution = __decorate$K([injectable(), __metadata$t("design:paramtypes", [])], CanvasLayerHandlerContribution);
+    CanvasLayerHandlerContribution = __decorate$L([injectable(), __metadata$t("design:paramtypes", [])], CanvasLayerHandlerContribution);
     var layerHandlerModules = new ContainerModule(bind => {
       bind(CanvasLayerHandlerContribution).toSelf(), bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution);
@@ -15621,7 +15621,7 @@
       return result;
     }
-    var __decorate$J = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$K = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -15830,9 +15830,9 @@
       }
       afterDraw(renderService, drawParams) {}
     };
-    DefaultDrawContribution = __decorate$J([injectable(), __param$k(0, multiInject(GraphicRender)), __param$k(1, inject(ContributionProvider)), __param$k(1, named(DrawItemInterceptor)), __metadata$s("design:paramtypes", [Array, Object])], DefaultDrawContribution);
+    DefaultDrawContribution = __decorate$K([injectable(), __param$k(0, multiInject(GraphicRender)), __param$k(1, inject(ContributionProvider)), __param$k(1, named(DrawItemInterceptor)), __metadata$s("design:paramtypes", [Array, Object])], DefaultDrawContribution);
-    var __decorate$I = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$J = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -15883,9 +15883,9 @@
         }), context.setShadowBlendStyle && context.setShadowBlendStyle(line, attribute, defaultAttribute), context.setStrokeStyle(line, attribute, offsetX, offsetY, defaultAttribute), context.stroke());
       }
     };
-    DefaultIncrementalCanvasLineRender = __decorate$I([injectable()], DefaultIncrementalCanvasLineRender);
+    DefaultIncrementalCanvasLineRender = __decorate$J([injectable()], DefaultIncrementalCanvasLineRender);
-    var __decorate$H = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$I = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -15928,10 +15928,10 @@
         }), context.setShadowBlendStyle && context.setShadowBlendStyle(area, attribute, defaultAttribute), context.setCommonStyle(area, attribute, offsetX, offsetY, defaultAttribute), context.fill());
       }
     };
-    DefaultIncrementalCanvasAreaRender = __decorate$H([injectable()], DefaultIncrementalCanvasAreaRender);
+    DefaultIncrementalCanvasAreaRender = __decorate$I([injectable()], DefaultIncrementalCanvasAreaRender);
     var STATUS,
-      __decorate$G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      __decorate$H = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -16071,7 +16071,7 @@
         });
       }
     };
-    DefaultIncrementalDrawContribution = __decorate$G([injectable(), __param$j(0, multiInject(GraphicRender)), __param$j(1, inject(DefaultIncrementalCanvasLineRender)), __param$j(2, inject(DefaultIncrementalCanvasAreaRender)), __param$j(3, inject(ContributionProvider)), __param$j(3, named(DrawItemInterceptor)), __metadata$r("design:paramtypes", [Array, Object, Object, Object])], DefaultIncrementalDrawContribution);
+    DefaultIncrementalDrawContribution = __decorate$H([injectable(), __param$j(0, multiInject(GraphicRender)), __param$j(1, inject(DefaultIncrementalCanvasLineRender)), __param$j(2, inject(DefaultIncrementalCanvasAreaRender)), __param$j(3, inject(ContributionProvider)), __param$j(3, named(DrawItemInterceptor)), __metadata$r("design:paramtypes", [Array, Object, Object, Object])], DefaultIncrementalDrawContribution);
     var renderModule = new ContainerModule(bind => {
       bind(DefaultBaseBackgroundRenderContribution).toSelf().inSingletonScope(), bind(DefaultBaseTextureRenderContribution).toSelf().inSingletonScope(), bind(DrawContribution).to(DefaultDrawContribution), bind(IncrementalDrawContribution).to(DefaultIncrementalDrawContribution), bind(GroupRender).to(DefaultCanvasGroupRender).inSingletonScope(), bind(GraphicRender).toService(GroupRender), bindContributionProvider(bind, GroupRenderContribution), bind(DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(CommonDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
@@ -16861,7 +16861,7 @@
     }
     BaseCanvas.env = "browser";
-    var __decorate$F = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -16969,9 +16969,9 @@
         });
       }
     };
-    BaseEnvContribution = __decorate$F([injectable()], BaseEnvContribution);
+    BaseEnvContribution = __decorate$G([injectable()], BaseEnvContribution);
-    var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$F = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -17017,9 +17017,9 @@
         return this.modelMatrix;
       }
     };
-    BaseWindowHandlerContribution = __decorate$E([injectable(), __metadata$q("design:paramtypes", [])], BaseWindowHandlerContribution);
+    BaseWindowHandlerContribution = __decorate$F([injectable(), __metadata$q("design:paramtypes", [])], BaseWindowHandlerContribution);
-    var __decorate$D = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -17135,7 +17135,7 @@
         return picker || null;
       }
     };
-    DefaultPickService = __decorate$D([injectable(), __param$i(0, inject(ContributionProvider)), __param$i(0, named(PickItemInterceptor)), __metadata$p("design:paramtypes", [Object])], DefaultPickService);
+    DefaultPickService = __decorate$E([injectable(), __param$i(0, inject(ContributionProvider)), __param$i(0, named(PickItemInterceptor)), __metadata$p("design:paramtypes", [Object])], DefaultPickService);
     let loadArcModule = !1;
     const arcModule = new ContainerModule(bind => {
@@ -17177,7 +17177,7 @@
       loadPolygonModule || (loadPolygonModule = !0, bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
     });
-    var __decorate$C = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$D = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -17238,7 +17238,7 @@
         this._draw(richtext, richtextAttribute, !1, drawContext);
       }
     };
-    DefaultCanvasRichTextRender = __decorate$C([injectable(), __metadata$o("design:paramtypes", [])], DefaultCanvasRichTextRender);
+    DefaultCanvasRichTextRender = __decorate$D([injectable(), __metadata$o("design:paramtypes", [])], DefaultCanvasRichTextRender);
     let loadRichtextModule = !1;
     const richtextModule = new ContainerModule(bind => {
@@ -17905,7 +17905,7 @@
       }
     }
-    var __decorate$B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$C = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -18422,9 +18422,9 @@
         this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
       }
     };
-    BrowserContext2d.env = "browser", BrowserContext2d = __decorate$B([injectable(), __metadata$n("design:paramtypes", [Object, Number])], BrowserContext2d);
+    BrowserContext2d.env = "browser", BrowserContext2d = __decorate$C([injectable(), __metadata$n("design:paramtypes", [Object, Number])], BrowserContext2d);
-    var __decorate$A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -18493,7 +18493,7 @@
         this._context.dpr = this._dpr;
       }
     };
-    BrowserCanvas.env = "browser", BrowserCanvas = __decorate$A([injectable(), __metadata$m("design:paramtypes", [Object])], BrowserCanvas);
+    BrowserCanvas.env = "browser", BrowserCanvas = __decorate$B([injectable(), __metadata$m("design:paramtypes", [Object])], BrowserCanvas);
     function createModule(CanvasConstructor, ContextConstructor) {
       return new ContainerModule(bind => {
@@ -18503,7 +18503,7 @@
     const browserCanvasModule = createModule(BrowserCanvas, BrowserContext2d);
-    var __decorate$z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -18564,9 +18564,9 @@
         return data;
       }
     };
-    DefaultCanvasPickerService = __decorate$z([injectable(), __param$h(0, inject(ContributionProvider)), __param$h(0, named(CanvasPickerContribution)), __param$h(1, inject(DrawContribution)), __param$h(2, inject(ContributionProvider)), __param$h(2, named(PickItemInterceptor)), __metadata$l("design:paramtypes", [Object, Object, Object])], DefaultCanvasPickerService);
+    DefaultCanvasPickerService = __decorate$A([injectable(), __param$h(0, inject(ContributionProvider)), __param$h(0, named(CanvasPickerContribution)), __param$h(1, inject(DrawContribution)), __param$h(2, inject(ContributionProvider)), __param$h(2, named(PickItemInterceptor)), __metadata$l("design:paramtypes", [Object, Object, Object])], DefaultCanvasPickerService);
-    var __decorate$y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -18581,7 +18581,7 @@
         return !1;
       }
     };
-    DefaultCanvasGroupPicker = __decorate$y([injectable()], DefaultCanvasGroupPicker);
+    DefaultCanvasGroupPicker = __decorate$z([injectable()], DefaultCanvasGroupPicker);
     const m = new ContainerModule((bind, unbind, isBound, rebind) => {
       m.__vloaded || (m.__vloaded = !0, bind(CanvasGroupPicker).to(DefaultCanvasGroupPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasGroupPicker), bindContributionProvider(bind, CanvasPickerContribution));
@@ -18597,7 +18597,7 @@
     }
     var BrowserWindowHandlerContribution_1,
-      __decorate$x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      __decorate$y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -18761,12 +18761,12 @@
         return this.global.getElementTopLeft(this.canvas.nativeCanvas, baseWindow);
       }
     };
-    BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution.idprefix = "visactor_window", BrowserWindowHandlerContribution.prefix_count = 0, BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = __decorate$x([injectable(), __metadata$k("design:paramtypes", [])], BrowserWindowHandlerContribution);
+    BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution.idprefix = "visactor_window", BrowserWindowHandlerContribution.prefix_count = 0, BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = __decorate$y([injectable(), __metadata$k("design:paramtypes", [])], BrowserWindowHandlerContribution);
     const browserWindowModule = new ContainerModule(bind => {
       bind(BrowserWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(BrowserWindowHandlerContribution)).whenTargetNamed(BrowserWindowHandlerContribution.env);
     });
-    var __decorate$w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19009,7 +19009,7 @@
         });
       }
     };
-    BrowserEnvContribution = __decorate$w([injectable(), __metadata$j("design:paramtypes", [])], BrowserEnvContribution);
+    BrowserEnvContribution = __decorate$x([injectable(), __metadata$j("design:paramtypes", [])], BrowserEnvContribution);
     const browserEnvModule = new ContainerModule(bind => {
       browserEnvModule.isBrowserBound || (browserEnvModule.isBrowserBound = !0, bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution));
@@ -19050,7 +19050,7 @@
       }
     }
-    var __decorate$v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19070,14 +19070,14 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
       }
     };
-    DefaultMathArcPicker = __decorate$v([injectable(), __param$g(0, inject(ArcRender)), __metadata$i("design:paramtypes", [Object])], DefaultMathArcPicker);
+    DefaultMathArcPicker = __decorate$w([injectable(), __param$g(0, inject(ArcRender)), __metadata$i("design:paramtypes", [Object])], DefaultMathArcPicker);
     let loadArcPick$1 = !1;
     const arcMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadArcPick$1 || (loadArcPick$1 = !0, bind(MathArcPicker).to(DefaultMathArcPicker).inSingletonScope(), bind(MathPickerContribution).toService(MathArcPicker));
     });
-    var __decorate$u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19097,14 +19097,14 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
       }
     };
-    DefaultMathCirclePicker = __decorate$u([injectable(), __param$f(0, inject(CircleRender)), __metadata$h("design:paramtypes", [Object])], DefaultMathCirclePicker);
+    DefaultMathCirclePicker = __decorate$v([injectable(), __param$f(0, inject(CircleRender)), __metadata$h("design:paramtypes", [Object])], DefaultMathCirclePicker);
     let loadCirclePick$1 = !1;
     const circleMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadCirclePick$1 || (loadCirclePick$1 = !0, bind(MathCirclePicker).to(DefaultMathCirclePicker).inSingletonScope(), bind(MathPickerContribution).toService(MathCirclePicker));
     });
-    var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19122,14 +19122,14 @@
         return !!pickContext && !!image.AABBBounds.containsPoint(point);
       }
     };
-    DefaultMathImagePicker = __decorate$t([injectable()], DefaultMathImagePicker);
+    DefaultMathImagePicker = __decorate$u([injectable()], DefaultMathImagePicker);
     let loadImagePick$1 = !1;
     const imageMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadImagePick$1 || (loadImagePick$1 = !0, bind(MathImagePicker).to(DefaultMathImagePicker).inSingletonScope(), bind(DefaultMathImagePicker).toService(MathImagePicker));
     });
-    var __decorate$s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19149,14 +19149,14 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
       }
     };
-    DefaultMathLinePicker = __decorate$s([injectable(), __param$e(0, inject(LineRender)), __metadata$g("design:paramtypes", [Object])], DefaultMathLinePicker);
+    DefaultMathLinePicker = __decorate$t([injectable(), __param$e(0, inject(LineRender)), __metadata$g("design:paramtypes", [Object])], DefaultMathLinePicker);
     let loadLinePick$1 = !1;
     const lineMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadLinePick$1 || (loadLinePick$1 = !0, bind(MathLinePicker).to(DefaultMathLinePicker).inSingletonScope(), bind(MathPickerContribution).toService(MathLinePicker));
     });
-    var __decorate$r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19176,14 +19176,14 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
       }
     };
-    DefaultMathPolygonPicker = __decorate$r([injectable(), __param$d(0, inject(PolygonRender)), __metadata$f("design:paramtypes", [Object])], DefaultMathPolygonPicker);
+    DefaultMathPolygonPicker = __decorate$s([injectable(), __param$d(0, inject(PolygonRender)), __metadata$f("design:paramtypes", [Object])], DefaultMathPolygonPicker);
     let loadPolygonPick$1 = !1;
     const polygonMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadPolygonPick$1 || (loadPolygonPick$1 = !0, bind(MathPolygonPicker).to(DefaultMathPolygonPicker).inSingletonScope(), bind(MathPickerContribution).toService(MathPolygonPicker));
     });
-    var __decorate$q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19203,7 +19203,7 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
       }
     };
-    DefaultMathPathPicker = __decorate$q([injectable(), __param$c(0, inject(PathRender)), __metadata$e("design:paramtypes", [Object])], DefaultMathPathPicker);
+    DefaultMathPathPicker = __decorate$r([injectable(), __param$c(0, inject(PathRender)), __metadata$e("design:paramtypes", [Object])], DefaultMathPathPicker);
     let loadPathPick$1 = !1;
     const pathMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -19258,7 +19258,7 @@
       }
     }
-    var __decorate$p = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19278,7 +19278,7 @@
         super(), this.canvasRenderer = canvasRenderer;
       }
     };
-    DefaultMathRectPicker = __decorate$p([injectable(), __param$b(0, inject(RectRender)), __metadata$d("design:paramtypes", [Object])], DefaultMathRectPicker);
+    DefaultMathRectPicker = __decorate$q([injectable(), __param$b(0, inject(RectRender)), __metadata$d("design:paramtypes", [Object])], DefaultMathRectPicker);
     let loadRectPick$1 = !1;
     const rectMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -19290,7 +19290,7 @@
       loadRichTextPick || (loadRichTextPick = !0, bind(MathImagePicker).to(DefaultMathImagePicker).inSingletonScope(), bind(DefaultMathImagePicker).toService(MathImagePicker));
     });
-    var __decorate$o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$p = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19310,14 +19310,14 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "symbol", this.numberType = SYMBOL_NUMBER_TYPE;
       }
     };
-    DefaultMathSymbolPicker = __decorate$o([injectable(), __param$a(0, inject(SymbolRender)), __metadata$c("design:paramtypes", [Object])], DefaultMathSymbolPicker);
+    DefaultMathSymbolPicker = __decorate$p([injectable(), __param$a(0, inject(SymbolRender)), __metadata$c("design:paramtypes", [Object])], DefaultMathSymbolPicker);
     let loadSymbolPick$1 = !1;
     const symbolMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadSymbolPick$1 || (loadSymbolPick$1 = !0, bind(MathSymbolPicker).to(DefaultMathSymbolPicker).inSingletonScope(), bind(MathPickerContribution).toService(MathSymbolPicker));
     });
-    var __decorate$n = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19332,14 +19332,14 @@
         return !!text.AABBBounds.containsPoint(point);
       }
     };
-    DefaultMathTextPicker = __decorate$n([injectable()], DefaultMathTextPicker);
+    DefaultMathTextPicker = __decorate$o([injectable()], DefaultMathTextPicker);
     let loadTextPick$1 = !1;
     const textMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadTextPick$1 || (loadTextPick$1 = !0, bind(MathTextPicker).to(DefaultMathTextPicker).inSingletonScope(), bind(MathPickerContribution).toService(MathTextPicker));
     });
-    var __decorate$m = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$n = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19358,9 +19358,9 @@
       }
       release() {}
     };
-    NodeContext2d.env = "node", NodeContext2d = __decorate$m([injectable(), __metadata$b("design:paramtypes", [Object, Number])], NodeContext2d);
+    NodeContext2d.env = "node", NodeContext2d = __decorate$n([injectable(), __metadata$b("design:paramtypes", [Object, Number])], NodeContext2d);
-    var __decorate$l = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$m = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19381,11 +19381,11 @@
         this._nativeCanvas.release && isFunction$5(this._nativeCanvas.release) && this._nativeCanvas.release();
       }
     };
-    NodeCanvas.env = "node", NodeCanvas = __decorate$l([injectable(), __metadata$a("design:paramtypes", [Object])], NodeCanvas);
+    NodeCanvas.env = "node", NodeCanvas = __decorate$m([injectable(), __metadata$a("design:paramtypes", [Object])], NodeCanvas);
     const nodeCanvasModule = createModule(NodeCanvas, NodeContext2d);
-    var __decorate$k = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$l = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19486,12 +19486,12 @@
       }
       clearViewBox(color) {}
     };
-    NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$k([injectable(), __param$9(0, inject(VGlobal)), __metadata$9("design:paramtypes", [Object])], NodeWindowHandlerContribution);
+    NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$l([injectable(), __param$9(0, inject(VGlobal)), __metadata$9("design:paramtypes", [Object])], NodeWindowHandlerContribution);
     const nodeWindowModule = new ContainerModule(bind => {
       bind(NodeWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(NodeWindowHandlerContribution)).whenTargetNamed(NodeWindowHandlerContribution.env);
     });
-    var __decorate$j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$k = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19577,7 +19577,7 @@
       release() {}
       createOffscreenCanvas(params) {}
     };
-    NodeEnvContribution = __decorate$j([injectable()], NodeEnvContribution);
+    NodeEnvContribution = __decorate$k([injectable()], NodeEnvContribution);
     const nodeEnvModule = new ContainerModule(bind => {
       nodeEnvModule.isNodeBound || (nodeEnvModule.isNodeBound = !0, bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution));
@@ -19588,7 +19588,7 @@
     }
     loadNodeEnv.__loaded = !1;
-    var __decorate$i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19608,14 +19608,14 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
       }
     };
-    DefaultCanvasArcPicker = __decorate$i([injectable(), __param$8(0, inject(ArcRender)), __metadata$8("design:paramtypes", [Object])], DefaultCanvasArcPicker);
+    DefaultCanvasArcPicker = __decorate$j([injectable(), __param$8(0, inject(ArcRender)), __metadata$8("design:paramtypes", [Object])], DefaultCanvasArcPicker);
     let loadArcPick = !1;
     const arcCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadArcPick || (loadArcPick = !0, bind(CanvasArcPicker).to(DefaultCanvasArcPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasArcPicker));
     });
-    var __decorate$h = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19635,7 +19635,7 @@
         super(), this.canvasRenderer = canvasRenderer;
       }
     };
-    DefaultCanvasRectPicker = __decorate$h([injectable(), __param$7(0, inject(RectRender)), __metadata$7("design:paramtypes", [Object])], DefaultCanvasRectPicker);
+    DefaultCanvasRectPicker = __decorate$i([injectable(), __param$7(0, inject(RectRender)), __metadata$7("design:paramtypes", [Object])], DefaultCanvasRectPicker);
     let loadRectPick = !1;
     const rectCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -19677,7 +19677,7 @@
       }
     }
-    var __decorate$g = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$h = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19697,7 +19697,7 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
       }
     };
-    DefaultCanvasLinePicker = __decorate$g([injectable(), __param$6(0, inject(LineRender)), __metadata$6("design:paramtypes", [Object])], DefaultCanvasLinePicker);
+    DefaultCanvasLinePicker = __decorate$h([injectable(), __param$6(0, inject(LineRender)), __metadata$6("design:paramtypes", [Object])], DefaultCanvasLinePicker);
     let loadLinePick = !1;
     const lineCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -19731,7 +19731,7 @@
       }
     }
-    var __decorate$f = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$g = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19786,14 +19786,14 @@
         }), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasSymbolPicker = __decorate$f([injectable(), __param$5(0, inject(SymbolRender)), __metadata$5("design:paramtypes", [Object])], DefaultCanvasSymbolPicker);
+    DefaultCanvasSymbolPicker = __decorate$g([injectable(), __param$5(0, inject(SymbolRender)), __metadata$5("design:paramtypes", [Object])], DefaultCanvasSymbolPicker);
     let loadSymbolPick = !1;
     const symbolCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadSymbolPick || (loadSymbolPick = !0, bind(CanvasSymbolPicker).to(DefaultCanvasSymbolPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasSymbolPicker));
     });
-    var __decorate$e = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$f = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19813,14 +19813,14 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
       }
     };
-    DefaultCanvasCirclePicker = __decorate$e([injectable(), __param$4(0, inject(CircleRender)), __metadata$4("design:paramtypes", [Object])], DefaultCanvasCirclePicker);
+    DefaultCanvasCirclePicker = __decorate$f([injectable(), __param$4(0, inject(CircleRender)), __metadata$4("design:paramtypes", [Object])], DefaultCanvasCirclePicker);
     let loadCirclePick = !1;
     const circleCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadCirclePick || (loadCirclePick = !0, bind(CanvasCirclePicker).to(DefaultCanvasCirclePicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasCirclePicker));
     });
-    var __decorate$d = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$e = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19883,14 +19883,14 @@
         }, (context, symbolAttribute, themeAttribute) => picked), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasTextPicker = __decorate$d([injectable(), __param$3(0, inject(TextRender)), __metadata$3("design:paramtypes", [Object])], DefaultCanvasTextPicker);
+    DefaultCanvasTextPicker = __decorate$e([injectable(), __param$3(0, inject(TextRender)), __metadata$3("design:paramtypes", [Object])], DefaultCanvasTextPicker);
     let loadTextPick = !1;
     const textCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadTextPick || (loadTextPick = !0, bind(CanvasTextPicker).to(DefaultCanvasTextPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasTextPicker));
     });
-    var __decorate$c = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$d = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19910,14 +19910,14 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
       }
     };
-    DefaultCanvasPathPicker = __decorate$c([injectable(), __param$2(0, inject(PathRender)), __metadata$2("design:paramtypes", [Object])], DefaultCanvasPathPicker);
+    DefaultCanvasPathPicker = __decorate$d([injectable(), __param$2(0, inject(PathRender)), __metadata$2("design:paramtypes", [Object])], DefaultCanvasPathPicker);
     let loadPathPick = !1;
     const pathCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadPathPick || (loadPathPick = !0, bind(CanvasPathPicker).to(DefaultCanvasPathPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasPathPicker));
     });
-    var __decorate$b = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$c = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19937,14 +19937,14 @@
         super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
       }
     };
-    DefaultCanvasPolygonPicker = __decorate$b([injectable(), __param$1(0, inject(PolygonRender)), __metadata$1("design:paramtypes", [Object])], DefaultCanvasPolygonPicker);
+    DefaultCanvasPolygonPicker = __decorate$c([injectable(), __param$1(0, inject(PolygonRender)), __metadata$1("design:paramtypes", [Object])], DefaultCanvasPolygonPicker);
     let loadPolygonPick = !1;
     const polygonCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadPolygonPick || (loadPolygonPick = !0, bind(CanvasPolygonPicker).to(DefaultCanvasPolygonPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasPolygonPicker));
     });
-    var __decorate$a = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$b = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19967,14 +19967,14 @@
         return !!richtext.AABBBounds.containsPoint(point);
       }
     };
-    DefaultCanvasRichTextPicker = __decorate$a([injectable(), __param(0, inject(RichTextRender)), __metadata("design:paramtypes", [Object])], DefaultCanvasRichTextPicker);
+    DefaultCanvasRichTextPicker = __decorate$b([injectable(), __param(0, inject(RichTextRender)), __metadata("design:paramtypes", [Object])], DefaultCanvasRichTextPicker);
     let loadRichtextPick = !1;
     const richtextCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       loadRichtextPick || (loadRichtextPick = !0, bind(CanvasRichTextPicker).to(DefaultCanvasRichTextPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasRichTextPicker));
     });
-    var __decorate$9 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$a = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19992,7 +19992,7 @@
         return !!pickContext && !!image.AABBBounds.containsPoint(point);
       }
     };
-    DefaultCanvasImagePicker = __decorate$9([injectable()], DefaultCanvasImagePicker);
+    DefaultCanvasImagePicker = __decorate$a([injectable()], DefaultCanvasImagePicker);
     let loadImagePick = !1;
     const imageCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -21555,7 +21555,7 @@
       padding: 10
     };
-    var __decorate$8 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$9 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -21597,9 +21597,9 @@
         }), null === (_b = this.poptipComponent.parent) || void 0 === _b || _b.removeChild(this.poptipComponent), this.poptipComponent = null));
       }
     };
-    PopTipRenderContribution = __decorate$8([injectable()], PopTipRenderContribution);
+    PopTipRenderContribution = __decorate$9([injectable()], PopTipRenderContribution);
-    var __decorate$7 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$8 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -21643,7 +21643,7 @@
         super(...arguments), this.name = "poptip", this.key = this.name + this._uid;
       }
     };
-    PopTipPlugin = __decorate$7([injectable()], PopTipPlugin);
+    PopTipPlugin = __decorate$8([injectable()], PopTipPlugin);
     let PopTipForClipedTextPlugin = class extends PopTipPluginBase {
       constructor() {
         super(...arguments), this.name = "poptipForText", this.key = this.name + this._uid, this.pointerlave = e => {
@@ -21673,7 +21673,7 @@
         super.deactivate(context), stage.removeEventListener("pointerleave", this.pointerlave);
       }
     };
-    PopTipForClipedTextPlugin = __decorate$7([injectable()], PopTipForClipedTextPlugin);
+    PopTipForClipedTextPlugin = __decorate$8([injectable()], PopTipForClipedTextPlugin);
     const popTipModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       isBound(PopTipRenderContribution) || (bind(PopTipRenderContribution).toSelf().inSingletonScope(), bind(InteractiveSubRenderContribution).toService(PopTipRenderContribution)), isBound(PopTipPlugin) || (bind(PopTipPlugin).toSelf(), bind(AutoEnablePlugins).toService(PopTipPlugin)), isBound(PopTipForClipedTextPlugin) || (bind(PopTipForClipedTextPlugin).toSelf(), bind(AutoEnablePlugins).toService(PopTipForClipedTextPlugin));
@@ -26541,346 +26541,1151 @@
       registed || (registed = !0, preLoadAllModule(), isBrowserEnv() ? loadBrowserEnv(container) : isNodeEnv() && loadNodeEnv(container), registerArc(), registerCircle(), registerGroup(), registerImage(), registerLine(), registerRect(), registerRichtext(), registerShadowRoot(), registerSymbol(), registerText(), registerFlexLayoutPlugin(), loadPoptip(), registerFlexLayoutPlugin());
     }
-    function throttle$1(func, delay) {
-        let timer = null;
-        return function (...args) {
-            if (!timer) {
-                func.apply(this, args);
-                timer = setTimeout(() => {
-                    timer = null;
-                }, delay);
-            }
-        };
-    }
-    function getTodayNearDay(dayOffset, format) {
-        const today = new Date();
-        const todayTime = today.getTime();
-        const oneDayTime = 24 * 60 * 60 * 1000;
-        const targetTime = todayTime + dayOffset * oneDayTime;
-        const date = new Date(targetTime);
-        if (format) {
-            const year = date.getFullYear().toString();
-            const month = (date.getMonth() + 1).toString().padStart(2, '0');
-            const day = date.getDate().toString().padStart(2, '0');
-            format = format.replace('yyyy', year);
-            format = format.replace('mm', month);
-            format = format.replace('dd', day);
-            return format;
-        }
-        return date;
-    }
-    function formatDate(date, format) {
-        const year = date.getFullYear().toString();
-        const month = (date.getMonth() + 1).toString().padStart(2, '0');
-        const day = date.getDate().toString().padStart(2, '0');
-        format = format.replace('yyyy', year);
-        format = format.replace('mm', month);
-        format = format.replace('dd', day);
-        if (format.length > 10) {
-            const hour = date.getHours().toString().padStart(2, '0');
-            const minute = date.getMinutes().toString().padStart(2, '0');
-            const second = date.getSeconds().toString().padStart(2, '0');
-            format = format.replace('hh', hour);
-            format = format.replace('mm', minute);
-            format = format.replace('ss', second);
-        }
-        return format;
-    }
-    function validateDate(dateParts, format) {
-        const yearIndex = format.indexOf('yyyy');
-        const monthIndex = format.indexOf('mm');
-        const dayIndex = format.indexOf('dd');
-        const dateYearIndex = yearIndex < monthIndex ? (yearIndex < dayIndex ? 0 : 1) : monthIndex < dayIndex ? 1 : 2;
-        const dateMonthIndex = monthIndex < yearIndex ? (monthIndex < dayIndex ? 0 : 1) : monthIndex < dayIndex ? 1 : 2;
-        const dateDayIndex = dayIndex < yearIndex ? (dayIndex < monthIndex ? 0 : 1) : dayIndex < monthIndex ? 1 : 2;
-        const year = parseInt(dateParts[dateYearIndex], 10);
-        const month = parseInt(dateParts[dateMonthIndex], 10) - 1;
-        const day = parseInt(dateParts[dateDayIndex], 10);
-        if (isNaN(year) || year < 1) {
-            return false;
-        }
-        if (isNaN(month) || month < 0 || month > 11) {
-            return false;
-        }
-        const daysInMonth = [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-        if (isNaN(day) || day < 1 || day > daysInMonth[month]) {
-            return false;
-        }
-        return true;
-    }
-    function validateTime(dateParts, format) {
-        if (format.includes('hh') || format.includes('mm') || format.includes('ss')) {
-            const timeIndex = format.indexOf('hh') > -1 ? format.indexOf('hh') : format.indexOf('HH');
-            const hour = parseInt(dateParts[timeIndex], 10);
-            const minute = parseInt(dateParts[timeIndex + 1], 10);
-            const second = dateParts.length > timeIndex + 2 ? parseInt(dateParts[timeIndex + 2], 10) : 0;
-            if (isNaN(hour) || hour < 0 || hour > 23) {
-                return false;
-            }
-            if (isNaN(minute) || minute < 0 || minute > 59) {
-                return false;
-            }
-            if (isNaN(second) || second < 0 || second > 59) {
-                return false;
-            }
-        }
-        return true;
+    const defaultTaskBarStyle = {
+        barColor: 'blue',
+        completedBarColor: 'gray',
+        width: 30,
+        cornerRadius: 3,
+        borderWidth: 0,
+        fontFamily: 'Arial',
+        fontSize: 14
+    };
+    function setWidthToDefaultTaskBarStyle(width) {
+        defaultTaskBarStyle.width = width;
     }
-    function isLeapYear(year) {
-        return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
+    const isNode$1 = typeof window === 'undefined' || typeof window.window === 'undefined';
+    const DayTimes = 1000 * 60 * 60 * 24;
+    function getDateIndexByX(x, gantt) {
+        const totalX = x + gantt.stateManager.scroll.horizontalBarPos;
+        const firstDateColWidth = gantt.getDateColWidth(0);
+        const dateIndex = Math.floor((totalX - firstDateColWidth) / gantt.parsedOptions.timelineColWidth) + 1;
+        return dateIndex;
     }
-    function parseDateFormat(dateString) {
-        const formats = [
-            'yyyy-mm-dd',
-            'dd-mm-yyyy',
-            'mm/dd/yyyy',
-            'yyyy/mm/dd',
-            'dd/mm/yyyy',
-            'yyyy.mm.dd',
-            'mm.dd.yyyy',
-            'dd.mm.yyyy'
-        ];
-        const timeFormat = ['hh:mm:ss', 'hh:mm'];
-        dateString = dateString.trim();
-        const dates = dateString.split(' ');
-        const date = dates[0];
-        const time = dates[1];
-        let dateFormatMatched;
-        let timeFormatMatched;
-        if (date) {
-            for (let i = 0; i < formats.length; i++) {
-                const format = formats[i];
-                const dateParts = date.split(getSeparator(format));
-                const isValid = validateDate(dateParts, format);
-                if (dateParts.length === 3 && isValid) {
-                    dateFormatMatched = format;
-                    break;
-                }
-            }
+    function generateMarkLine(markLine) {
+        if (!markLine) {
+            return [];
         }
-        if (dateFormatMatched) {
-            if (time) {
-                for (let i = 0; i < timeFormat.length; i++) {
-                    const format = timeFormat[i];
-                    const timeParts = time.split(getSeparator(format));
-                    const formatParts = format.split(getSeparator(format));
-                    const isValid = validateTime(timeParts, format);
-                    if (isValid && timeParts.length === formatParts.length) {
-                        timeFormatMatched = format;
-                        break;
+        if (markLine === true) {
+            return [
+                {
+                    date: createDateAtMidnight().toLocaleDateString(),
+                    scrollToMarkLine: true,
+                    position: 'left',
+                    style: {
+                        lineColor: 'red',
+                        lineWidth: 1
                     }
                 }
-            }
-        }
-        if (date && time && dateFormatMatched && timeFormatMatched) {
-            return dateFormatMatched + ' ' + timeFormatMatched;
-        }
-        if (date && !time) {
-            return dateFormatMatched;
+            ];
         }
-        return 'yyyy-mm-dd hh:mm:ss';
-    }
-    function getSeparator(format) {
-        const separators = format.match(/[^\w]/g);
-        if (separators) {
-            const escapedSeparators = separators.map(s => '\\' + s).join('|');
-            return new RegExp(escapedSeparators, 'g');
+        else if (Array.isArray(markLine)) {
+            return markLine.map((item, index) => {
+                return {
+                    ...item,
+                    date: item.date,
+                    scrollToMarkLine: item.scrollToMarkLine,
+                    position: item.position ?? 'left',
+                    style: {
+                        lineColor: item.style?.lineColor || 'red',
+                        lineWidth: item.style?.lineWidth || 1,
+                        lineDash: item.style?.lineDash
+                    }
+                };
+            });
         }
-        return /[^\w]/;
-    }
-    function parseStringTemplate(template, data) {
-        const result = template.replace(/\{([^}]+)\}/g, (match, key) => {
-            const keys = key.split('.');
-            let value = data;
-            for (const k of keys) {
-                if (value.hasOwnProperty(k)) {
-                    value = value[k];
-                }
-                else {
-                    value = match;
-                    break;
+        return [
+            {
+                ...markLine,
+                date: markLine.date,
+                scrollToMarkLine: markLine.scrollToMarkLine ?? true,
+                position: markLine.position ?? 'left',
+                style: {
+                    lineColor: markLine.style?.lineColor || 'red',
+                    lineWidth: markLine.style?.lineWidth || 1,
+                    lineDash: markLine.style?.lineDash
                 }
             }
-            return value;
-        });
-        return result;
+        ];
     }
-    function toBoxArray$2(obj) {
-        if (!Array.isArray(obj)) {
-            return [obj, obj, obj, obj];
-        }
-        if (obj.length === 3) {
-            return [obj[0], obj[1], obj[2], obj[1]];
-        }
-        if (obj.length === 2) {
-            return [obj[0], obj[1], obj[0], obj[1]];
-        }
-        if (obj.length === 1) {
-            return [obj[0], obj[0], obj[0], obj[0]];
+    function getHorizontalScrollBarSize$1(scrollStyle) {
+        if (scrollStyle?.hoverOn ||
+            (scrollStyle?.horizontalVisible && scrollStyle?.horizontalVisible === 'none') ||
+            (!scrollStyle?.horizontalVisible && scrollStyle?.visible === 'none')) {
+            return 0;
         }
-        return [obj[0], obj[1], obj[2], obj[3]];
-    }
-    function getWeekNumber(currentDate) {
-        const startOfYear = new Date(currentDate.getFullYear(), 0, 1);
-        const weekNumber = Math.ceil(((currentDate.getTime() + 1 - startOfYear.getTime()) / 86400000 + 1) / 7);
-        return weekNumber;
+        return scrollStyle?.width ?? 7;
     }
-    function getWeekday(dateString, format = 'long') {
-        const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
-        const date = new Date(dateString);
-        if (format === 'short') {
-            return days[date.getDay()].substr(0, 3);
-        }
-        else if (format === 'long') {
-            return days[date.getDay()];
+    function getVerticalScrollBarSize$1(scrollStyle) {
+        if (scrollStyle?.hoverOn ||
+            (scrollStyle?.verticalVisible && scrollStyle?.verticalVisible === 'none') ||
+            (!scrollStyle?.verticalVisible && scrollStyle?.visible === 'none')) {
+            return 0;
         }
-        return 'Invalid format specified. Please use "short" or "long".';
+        return scrollStyle?.width ?? 7;
     }
-    function isPropertyWritable(obj, prop) {
-        const descriptor = Object.getOwnPropertyDescriptor(obj, prop);
-        if (!descriptor) {
-            return false;
+    function initOptions(gantt) {
+        const options = gantt.options;
+        gantt.parsedOptions.tasksShowMode = options?.tasksShowMode ?? TasksShowMode.Tasks_Separate;
+        gantt.parsedOptions.pixelRatio = options?.pixelRatio ?? 1;
+        gantt.parsedOptions.rowHeight = options?.rowHeight ?? 40;
+        gantt.parsedOptions.timelineColWidth = options?.timelineHeader?.colWidth ?? 60;
+        gantt.parsedOptions.startDateField = options.taskBar?.startDateField ?? 'startDate';
+        gantt.parsedOptions.endDateField = options.taskBar?.endDateField ?? 'endDate';
+        gantt.parsedOptions.progressField = options.taskBar?.progressField ?? 'progress';
+        const { unit: minTimeUnit, startOfWeek, step } = gantt.parsedOptions.reverseSortedTimelineScales[0];
+        gantt.parsedOptions.minDate = options?.minDate
+            ? getStartDateByTimeUnit(new Date(options.minDate), minTimeUnit, startOfWeek)
+            : undefined;
+        gantt.parsedOptions.maxDate = options?.maxDate
+            ? getEndDateByTimeUnit(gantt.parsedOptions.minDate, new Date(options.maxDate), minTimeUnit, step)
+            : undefined;
+        gantt.parsedOptions._minDateTime = gantt.parsedOptions.minDate?.getTime();
+        gantt.parsedOptions._maxDateTime = gantt.parsedOptions.maxDate?.getTime();
+        gantt.parsedOptions.overscrollBehavior = options?.overscrollBehavior ?? 'auto';
+        gantt.parsedOptions.underlayBackgroundColor = options?.underlayBackgroundColor ?? '#FFF';
+        gantt.parsedOptions.scrollStyle = Object.assign({}, {
+            scrollRailColor: 'rgba(100, 100, 100, 0.2)',
+            scrollSliderColor: 'rgba(100, 100, 100, 0.5)',
+            scrollSliderCornerRadius: 4,
+            width: 10,
+            visible: 'always',
+            hoverOn: true,
+            barToSide: false
+        }, options?.scrollStyle);
+        gantt.parsedOptions.timelineHeaderHorizontalLineStyle = options?.timelineHeader?.horizontalLine;
+        gantt.parsedOptions.timelineHeaderVerticalLineStyle = options?.timelineHeader?.verticalLine;
+        gantt.parsedOptions.timelineHeaderBackgroundColor = options?.timelineHeader?.backgroundColor;
+        gantt.parsedOptions.timeLineHeaderRowHeights = [];
+        gantt.parsedOptions.timelineHeaderStyles = [];
+        for (let i = 0; i < gantt.parsedOptions.sortedTimelineScales.length ?? 0; i++) {
+            const style = gantt.parsedOptions.sortedTimelineScales[i].style;
+            gantt.parsedOptions.timelineHeaderStyles.push(Object.assign({
+                fontSize: 20,
+                fontWeight: 'bold',
+                textAlign: 'center',
+                textBaseline: 'middle',
+                color: '#000',
+                backgroundColor: '#fff'
+            }, style));
+            gantt.parsedOptions.timeLineHeaderRowHeights.push(gantt.parsedOptions.sortedTimelineScales[i].rowHeight ?? options?.headerRowHeight ?? 40);
         }
-        return !!descriptor.set || descriptor.writable === true;
-    }
-    function createDateAtMidnight(dateStr, forceMidnight = false) {
-        let date;
-        if (dateStr) {
-            date = new Date(dateStr);
-            if (typeof dateStr === 'string') {
-                if (dateStr.length > 10) {
-                    if (forceMidnight) {
-                        date.setHours(0, 0, 0, 0);
-                    }
-                    return date;
-                }
-                date.setHours(0, 0, 0, 0);
+        gantt.parsedOptions.grid = Object.assign({}, options?.grid);
+        setWidthToDefaultTaskBarStyle((gantt.parsedOptions.rowHeight * 3) / 4);
+        gantt.parsedOptions.taskBarStyle =
+            options?.taskBar?.barStyle && typeof options?.taskBar?.barStyle === 'function'
+                ? options.taskBar.barStyle
+                : Object.assign({}, defaultTaskBarStyle, options?.taskBar?.barStyle);
+        gantt.parsedOptions.taskBarMilestoneStyle = Object.assign(typeof gantt.parsedOptions.taskBarStyle === 'function'
+            ? {}
+            : {
+                width: gantt.parsedOptions.taskBarStyle.width,
+                borderColor: gantt.parsedOptions.taskBarStyle.borderColor,
+                borderLineWidth: gantt.parsedOptions.taskBarStyle.borderLineWidth ?? 1,
+                fillColor: gantt.parsedOptions.taskBarStyle.barColor,
+                cornerRadius: 0
+            }, options?.taskBar?.milestoneStyle);
+        gantt.parsedOptions.taskBarMilestoneHypotenuse = gantt.parsedOptions.taskBarMilestoneStyle.width * Math.sqrt(2);
+        gantt.parsedOptions.dateFormat = options?.dateFormat;
+        gantt.parsedOptions.taskBarHoverStyle = Object.assign({
+            barOverlayColor: 'rgba(99, 144, 0, 0.4)'
+        }, options?.taskBar?.hoverBarStyle);
+        gantt.parsedOptions.taskBarSelectable = options?.taskBar?.selectable ?? true;
+        gantt.parsedOptions.taskBarSelectedStyle = Object.assign(typeof gantt.parsedOptions.taskBarStyle === 'function'
+            ? {
+                shadowBlur: 6,
+                shadowOffsetX: 0,
+                shadowOffsetY: 0,
+                borderLineWidth: 1
+            }
+            : {
+                shadowBlur: 6,
+                shadowOffsetX: 0,
+                shadowOffsetY: 0,
+                shadowColor: gantt.parsedOptions.taskBarStyle.barColor,
+                borderColor: gantt.parsedOptions.taskBarStyle.barColor,
+                borderLineWidth: 1
+            }, options?.taskBar?.selectedBarStyle);
+        gantt.parsedOptions.taskBarLabelText = options?.taskBar?.labelText ?? '';
+        gantt.parsedOptions.taskBarMoveable = options?.taskBar?.moveable ?? true;
+        gantt.parsedOptions.moveTaskBarToExtendDateRange = options?.taskBar?.moveToExtendDateRange ?? true;
+        gantt.parsedOptions.taskBarResizable = options?.taskBar?.resizable ?? true;
+        gantt.parsedOptions.taskBarDragOrder = options?.taskBar?.dragOrder ?? true;
+        gantt.parsedOptions.taskBarLabelStyle = {
+            fontFamily: options?.taskBar?.labelTextStyle?.fontFamily ?? 'Arial',
+            fontSize: options?.taskBar?.labelTextStyle?.fontSize ?? 20,
+            color: options?.taskBar?.labelTextStyle?.color ?? '#F01',
+            textAlign: options?.taskBar?.labelTextStyle?.textAlign ?? 'left',
+            textBaseline: options?.taskBar?.labelTextStyle?.textBaseline ?? 'middle',
+            padding: options?.taskBar?.labelTextStyle?.padding ?? [0, 0, 0, 10],
+            textOverflow: options?.taskBar?.labelTextStyle?.textOverflow
+        };
+        gantt.parsedOptions.taskBarCustomLayout = options?.taskBar?.customLayout;
+        gantt.parsedOptions.taskBarCreatable =
+            options?.taskBar?.scheduleCreatable ??
+                !!(gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate ||
+                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Tasks_Separate);
+        gantt.parsedOptions.taskBarCreationButtonStyle = Object.assign({
+            lineColor: 'rgb(99, 144, 0)',
+            lineWidth: 1,
+            lineDash: [5, 5],
+            cornerRadius: 4,
+            backgroundColor: '#FFF'
+        }, options?.taskBar?.scheduleCreation?.buttonStyle);
+        gantt.parsedOptions.taskBarCreationCustomLayout = options?.taskBar?.scheduleCreation?.customLayout;
+        gantt.parsedOptions.taskBarCreationMaxWidth = options?.taskBar?.scheduleCreation?.maxWidth;
+        gantt.parsedOptions.taskBarCreationMinWidth = options?.taskBar?.scheduleCreation?.minWidth;
+        gantt.parsedOptions.outerFrameStyle = Object.assign({
+            borderColor: '#e1e4e8',
+            borderLineWidth: 1,
+            cornerRadius: 4
+        }, options.frame?.outerFrameStyle);
+        gantt.parsedOptions.markLine = generateMarkLine(options?.markLine);
+        if (gantt.parsedOptions.markLine?.length ?? 0) {
+            if (gantt.parsedOptions.markLine?.every(item => item.scrollToMarkLine === undefined)) {
+                gantt.parsedOptions.markLine[0].scrollToMarkLine = true;
+            }
+            if (gantt.parsedOptions.markLine?.find(item => item.scrollToMarkLine)) {
+                gantt.parsedOptions.scrollToMarkLineDate = getStartDateByTimeUnit(new Date(gantt.parsedOptions.markLine?.find(item => item.scrollToMarkLine).date), minTimeUnit, startOfWeek);
             }
         }
-        else {
-            date = new Date();
-        }
-        if (forceMidnight) {
-            date.setHours(0, 0, 0, 0);
-        }
-        return date;
-    }
-    function createDateAtLastMinute(dateStr, forceSetMinute = false) {
-        let date;
-        if (dateStr) {
-            date = new Date(dateStr);
-            if (typeof dateStr === 'string') {
-                if (dateStr.length > 10) {
-                    if (forceSetMinute) {
-                        date.setMinutes(59, 59, 999);
-                    }
-                    return date;
+        gantt.parsedOptions.verticalSplitLineHighlight = options.frame?.verticalSplitLineHighlight;
+        gantt.parsedOptions.verticalSplitLine = Object.assign({
+            lineColor: gantt.parsedOptions.outerFrameStyle?.borderColor,
+            lineWidth: gantt.parsedOptions.outerFrameStyle?.borderLineWidth
+        }, options.frame?.verticalSplitLine);
+        gantt.parsedOptions.horizontalSplitLine = options.frame?.horizontalSplitLine;
+        gantt.parsedOptions.verticalSplitLineMoveable = options.frame?.verticalSplitLineMoveable;
+        gantt.parsedOptions.taskKeyField = options.taskKeyField ?? 'id';
+        gantt.parsedOptions.dependencyLinks = options.dependency?.links ?? [];
+        gantt.parsedOptions.dependencyLinkCreatable = options.dependency?.linkCreatable ?? false;
+        gantt.parsedOptions.dependencyLinkSelectable = options.dependency?.linkSelectable ?? true;
+        gantt.parsedOptions.dependencyLinkDeletable = options.dependency?.linkDeletable ?? false;
+        gantt.parsedOptions.dependencyLinkLineStyle = Object.assign({
+            lineColor: 'red',
+            lineWidth: 1
+        }, options.dependency?.linkLineStyle);
+        gantt.parsedOptions.dependencyLinkSelectedLineStyle = Object.assign({
+            shadowBlur: 4,
+            shadowOffset: 0,
+            shadowColor: gantt.parsedOptions.dependencyLinkLineStyle.lineColor,
+            lineColor: gantt.parsedOptions.dependencyLinkLineStyle.lineColor,
+            lineWidth: gantt.parsedOptions.dependencyLinkLineStyle.lineWidth
+        }, options?.dependency?.linkSelectedLineStyle);
+        gantt.parsedOptions.dependencyLinkLineCreatePointStyle = Object.assign({
+            strokeColor: 'red',
+            fillColor: 'white',
+            radius: 5,
+            strokeWidth: 1
+        }, options?.dependency?.linkCreatePointStyle);
+        gantt.parsedOptions.dependencyLinkLineCreatingPointStyle = Object.assign({
+            strokeColor: 'red',
+            fillColor: 'red',
+            radius: 5,
+            strokeWidth: 1
+        }, options?.dependency?.linkCreatingPointStyle);
+        gantt.parsedOptions.dependencyLinkLineCreatingStyle = Object.assign({
+            lineColor: 'red',
+            lineWidth: 1,
+            lineDash: [5, 5]
+        }, options?.dependency?.linkCreatingLineStyle);
+        gantt.parsedOptions.eventOptions = options?.eventOptions;
+        gantt.parsedOptions.keyboardOptions = options?.keyboardOptions;
+        gantt.parsedOptions.markLineCreateOptions = options?.markLineCreateOptions;
+    }
+    function updateOptionsWhenScaleChanged(gantt) {
+        const options = gantt.options;
+        const { unit: minTimeUnit, startOfWeek, step } = gantt.parsedOptions.reverseSortedTimelineScales[0];
+        gantt.parsedOptions.minDate = getStartDateByTimeUnit(new Date(gantt.parsedOptions.minDate), minTimeUnit, startOfWeek);
+        gantt.parsedOptions.maxDate = getEndDateByTimeUnit(gantt.parsedOptions.minDate, new Date(gantt.parsedOptions.maxDate), minTimeUnit, step);
+        gantt.parsedOptions._minDateTime = gantt.parsedOptions.minDate?.getTime();
+        gantt.parsedOptions._maxDateTime = gantt.parsedOptions.maxDate?.getTime();
+        gantt.parsedOptions.timeLineHeaderRowHeights = [];
+        gantt.parsedOptions.timelineHeaderStyles = [];
+        for (let i = 0; i < gantt.parsedOptions.sortedTimelineScales.length ?? 0; i++) {
+            const style = gantt.parsedOptions.sortedTimelineScales[i].style;
+            gantt.parsedOptions.timelineHeaderStyles.push(Object.assign({
+                fontSize: 20,
+                fontWeight: 'bold',
+                textAlign: 'center',
+                textBaseline: 'middle',
+                color: '#000',
+                backgroundColor: '#fff'
+            }, style));
+            gantt.parsedOptions.timeLineHeaderRowHeights.push(gantt.parsedOptions.sortedTimelineScales[i].rowHeight ?? options?.headerRowHeight ?? 40);
+        }
+    }
+    function generateTimeLineDate(currentDate, endDate, scale) {
+        const { unit, step, format } = scale;
+        const timelineDates = [];
+        while (currentDate < endDate) {
+            if (unit === 'day') {
+                const year = currentDate.getFullYear();
+                const month = currentDate.getMonth();
+                const day = currentDate.getDate();
+                const end = createDateAtLastHour(new Date(year, month, day + step - 1), true);
+                if (end.getTime() > endDate.getTime()) {
+                    end.setTime(endDate.getTime());
                 }
-                date.setMinutes(59, 59, 999);
+                const start = currentDate;
+                const formattedDate = format?.({ dateIndex: day, startDate: start, endDate: end });
+                const columnTitle = formattedDate || day.toString();
+                const dayCellConfig = {
+                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
+                    startDate: start,
+                    endDate: end,
+                    step,
+                    unit: 'day',
+                    title: columnTitle,
+                    dateIndex: day
+                };
+                timelineDates.push(dayCellConfig);
+                currentDate = new Date(year, month, day + step);
+            }
+            else if (unit === 'month') {
+                const year = currentDate.getFullYear();
+                const month = currentDate.getMonth();
+                const end = createDateAtLastHour(new Date(year, month + step, 0), true);
+                if (end.getTime() > endDate.getTime()) {
+                    end.setTime(endDate.getTime());
+                }
+                const start = currentDate;
+                const formattedDate = format?.({ dateIndex: month + 1, startDate: start, endDate: end });
+                const columnTitle = formattedDate || (month + 1).toString();
+                const dayCellConfig = {
+                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
+                    startDate: start,
+                    step,
+                    unit: 'month',
+                    endDate: end,
+                    title: columnTitle,
+                    dateIndex: month + 1
+                };
+                timelineDates.push(dayCellConfig);
+                currentDate = new Date(year, month + step, 1);
+            }
+            else if (unit === 'quarter') {
+                const year = currentDate.getFullYear();
+                const quarter = Math.floor(currentDate.getMonth() / 3);
+                const end = createDateAtLastHour(new Date(year, (quarter + step) * 3, 0), true);
+                if (end.getTime() > endDate.getTime()) {
+                    end.setTime(endDate.getTime());
+                }
+                const start = currentDate;
+                const formattedDate = format?.({ dateIndex: quarter + 1, startDate: start, endDate: end });
+                const columnTitle = formattedDate || (quarter + 1).toString();
+                const dayCellConfig = {
+                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / (1000 * 60 * 60 * 24),
+                    startDate: start,
+                    step,
+                    unit: 'quarter',
+                    endDate: end,
+                    title: columnTitle,
+                    dateIndex: quarter + 1
+                };
+                timelineDates.push(dayCellConfig);
+                currentDate = new Date(year, (quarter + step) * 3, 1);
+            }
+            else if (unit === 'year') {
+                const year = currentDate.getFullYear();
+                const end = createDateAtLastHour(new Date(year + step - 1, 11, 31), true);
+                if (end.getTime() > endDate.getTime()) {
+                    end.setTime(endDate.getTime());
+                }
+                const start = currentDate;
+                const formattedDate = format?.({ dateIndex: year, startDate: start, endDate: end });
+                const columnTitle = formattedDate || year.toString();
+                const dayCellConfig = {
+                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
+                    startDate: start,
+                    endDate: end,
+                    step,
+                    unit: 'year',
+                    title: columnTitle,
+                    dateIndex: year
+                };
+                timelineDates.push(dayCellConfig);
+                currentDate = new Date(year + step, 0, 1);
+            }
+            else if (unit === 'week') {
+                const startOfWeekSetting = scale.startOfWeek ?? 'monday';
+                let dayOfWeek = currentDate.getDay();
+                if (startOfWeekSetting === 'monday') {
+                    dayOfWeek = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
+                }
+                const startOfWeek = createDateAtMidnight(currentDate);
+                const dateEnd = createDateAtLastHour(currentDate.getTime() + (7 * step - dayOfWeek) * 24 * 60 * 60 * 1000 - 1, true);
+                if (dateEnd > endDate) {
+                    dateEnd.setTime(endDate.getTime());
+                }
+                const weekNumber = getWeekNumber(startOfWeek);
+                const columnTitle = format?.({ dateIndex: weekNumber, startDate: startOfWeek, endDate: dateEnd }) || weekNumber.toString();
+                const dayCellConfig = {
+                    days: (dateEnd.getTime() - startOfWeek.getTime() + 1) / DayTimes,
+                    startDate: startOfWeek,
+                    endDate: dateEnd,
+                    step,
+                    unit: 'week',
+                    title: columnTitle,
+                    dateIndex: weekNumber
+                };
+                timelineDates.push(dayCellConfig);
+                currentDate.setTime(createDateAtMidnight(currentDate.getTime() + (7 * step - dayOfWeek) * 24 * 60 * 60 * 1000, true).getTime());
+            }
+            else if (unit === 'hour') {
+                const year = currentDate.getFullYear();
+                const month = currentDate.getMonth();
+                const day = currentDate.getDate();
+                const hour = currentDate.getHours();
+                const end = createDateAtLastMinute(new Date(year, month, day, hour + step - 1), true);
+                if (end.getTime() > endDate.getTime()) {
+                    end.setTime(endDate.getTime());
+                }
+                const start = currentDate;
+                const formattedDate = format?.({ dateIndex: hour, startDate: start, endDate: end });
+                const columnTitle = formattedDate || hour.toString();
+                const dayCellConfig = {
+                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
+                    startDate: start,
+                    endDate: end,
+                    step,
+                    unit: 'hour',
+                    title: columnTitle,
+                    dateIndex: currentDate.getHours()
+                };
+                timelineDates.push(dayCellConfig);
+                currentDate = new Date(year, month, day, hour + step);
+            }
+            else if (unit === 'minute') {
+                const year = currentDate.getFullYear();
+                const month = currentDate.getMonth();
+                const day = currentDate.getDate();
+                const hour = currentDate.getHours();
+                const minute = currentDate.getMinutes();
+                const end = createDateAtLastSecond(new Date(year, month, day, hour, minute + step - 1), true);
+                if (end.getTime() > endDate.getTime()) {
+                    end.setTime(endDate.getTime());
+                }
+                const start = currentDate;
+                const formattedDate = format?.({ dateIndex: minute, startDate: start, endDate: end });
+                const columnTitle = formattedDate || minute.toString();
+                const dayCellConfig = {
+                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
+                    startDate: start,
+                    endDate: end,
+                    step,
+                    unit: 'minute',
+                    title: columnTitle,
+                    dateIndex: currentDate.getMinutes()
+                };
+                timelineDates.push(dayCellConfig);
+                currentDate = new Date(year, month, day, hour, minute + step);
+            }
+            else if (unit === 'second') {
+                const year = currentDate.getFullYear();
+                const month = currentDate.getMonth();
+                const day = currentDate.getDate();
+                const hour = currentDate.getHours();
+                const minute = currentDate.getMinutes();
+                const second = currentDate.getSeconds();
+                const end = createDateAtLastMillisecond(new Date(year, month, day, hour, minute, second + step - 1), true);
+                if (end.getTime() > endDate.getTime()) {
+                    end.setTime(endDate.getTime());
+                }
+                const start = currentDate;
+                const formattedDate = format?.({ dateIndex: second, startDate: start, endDate: end });
+                const columnTitle = formattedDate || second.toString();
+                const dayCellConfig = {
+                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
+                    startDate: start,
+                    endDate: end,
+                    step,
+                    unit: 'second',
+                    title: columnTitle,
+                    dateIndex: currentDate.getSeconds()
+                };
+                timelineDates.push(dayCellConfig);
+                currentDate = new Date(year, month, day, hour, minute, second + step);
             }
         }
-        else {
-            date = new Date();
+        return timelineDates;
+    }
+    function getTextPos(padding, textAlign, textBaseline, width, height) {
+        let textX = padding[3] ?? 10;
+        if (textAlign === 'right' || textAlign === 'end') {
+            textX = width - 0 - (padding[1] ?? 10);
         }
-        if (forceSetMinute) {
-            date.setMinutes(59, 59, 999);
+        else if (textAlign === 'center') {
+            textX = 0 + (width - 0 + (padding[3] ?? 10) - (padding[1] ?? 10)) / 2;
         }
-        return date;
+        let textY = 0 + (padding[0] ?? 10);
+        if (textBaseline === 'bottom' || textBaseline === 'alphabetic' || textBaseline === 'ideographic') {
+            textY = height - 0 - (padding[2] ?? 10);
+        }
+        else if (textBaseline === 'middle') {
+            textY = 0 + (height - 0 - (padding[0] ?? 10) - (padding[2] ?? 10)) / 2 + (padding[0] ?? 10);
+        }
+        return {
+            x: textX,
+            y: textY
+        };
     }
-    function createDateAtLastSecond(dateStr, forceSetSecond = false) {
-        let date;
-        if (dateStr) {
-            date = new Date(dateStr);
-            if (typeof dateStr === 'string') {
-                if (dateStr.length > 10) {
-                    if (forceSetSecond) {
-                        date.setSeconds(59, 999);
-                    }
-                    return date;
-                }
-                date.setSeconds(59, 999);
-            }
+    function convertProgress(progress) {
+        if (typeof progress === 'string') {
+            progress = progress.replace('%', '');
+            progress = parseFloat(progress);
         }
-        else {
-            date = new Date();
+        return Math.round(progress);
+    }
+    function createSplitLineAndResizeLine(gantt) {
+        if (gantt.taskListTableInstance) {
+            gantt.verticalSplitResizeLine = document.createElement('div');
+            gantt.verticalSplitResizeLine.style.position = 'absolute';
+            gantt.verticalSplitResizeLine.style.top = gantt.tableY + 'px';
+            gantt.verticalSplitResizeLine.style.left =
+                (gantt.taskTableWidth ? gantt.taskTableWidth - 7 + gantt.parsedOptions.verticalSplitLine.lineWidth / 2 : 0) +
+                    'px';
+            gantt.verticalSplitResizeLine.style.width = '14px';
+            gantt.verticalSplitResizeLine.style.height = gantt.drawHeight + 'px';
+            gantt.verticalSplitResizeLine.style.backgroundColor = 'rgba(0,0,0,0)';
+            gantt.verticalSplitResizeLine.style.zIndex = '100';
+            gantt.parsedOptions.verticalSplitLineMoveable && (gantt.verticalSplitResizeLine.style.cursor = 'col-resize');
+            gantt.verticalSplitResizeLine.style.userSelect = 'none';
+            gantt.verticalSplitResizeLine.style.opacity = '1';
+            const verticalSplitLine = document.createElement('div');
+            verticalSplitLine.style.position = 'absolute';
+            verticalSplitLine.style.top = '0px';
+            verticalSplitLine.style.left = `${(14 - gantt.parsedOptions.verticalSplitLine.lineWidth) / 2}px`;
+            verticalSplitLine.style.width = gantt.parsedOptions.verticalSplitLine.lineWidth + 'px';
+            verticalSplitLine.style.height = '100%';
+            verticalSplitLine.style.backgroundColor = gantt.parsedOptions.verticalSplitLine.lineColor;
+            verticalSplitLine.style.zIndex = '100';
+            verticalSplitLine.style.userSelect = 'none';
+            verticalSplitLine.style.pointerEvents = 'none';
+            verticalSplitLine.style.transition = 'background-color 0.3s';
+            gantt.verticalSplitResizeLine.appendChild(verticalSplitLine);
+            if (gantt.parsedOptions.verticalSplitLineHighlight) {
+                const highlightLine = document.createElement('div');
+                highlightLine.style.position = 'absolute';
+                highlightLine.style.top = '0px';
+                highlightLine.style.left = `${(14 - gantt.parsedOptions.verticalSplitLineHighlight.lineWidth ?? 2) / 2}px`;
+                highlightLine.style.width = (gantt.parsedOptions.verticalSplitLineHighlight.lineWidth ?? 2) + 'px';
+                highlightLine.style.height = '100%';
+                highlightLine.style.backgroundColor = gantt.parsedOptions.verticalSplitLineHighlight.lineColor;
+                highlightLine.style.zIndex = '100';
+                highlightLine.style.cursor = 'col-resize';
+                highlightLine.style.userSelect = 'none';
+                highlightLine.style.pointerEvents = 'none';
+                highlightLine.style.opacity = '0';
+                highlightLine.style.transition = 'background-color 0.3s';
+                gantt.verticalSplitResizeLine.appendChild(highlightLine);
+            }
+            gantt.container.appendChild(gantt.verticalSplitResizeLine);
         }
-        if (forceSetSecond) {
-            date.setSeconds(59, 999);
+    }
+    function updateSplitLineAndResizeLine(gantt) {
+        if (gantt.verticalSplitResizeLine) {
+            gantt.verticalSplitResizeLine.style.position = 'absolute';
+            gantt.verticalSplitResizeLine.style.top = gantt.tableY + 'px';
+            gantt.verticalSplitResizeLine.style.left = gantt.taskTableWidth
+                ? `${gantt.taskTableWidth - 7 + gantt.parsedOptions.verticalSplitLine.lineWidth / 2}px`
+                : '0px';
+            gantt.verticalSplitResizeLine.style.width = '14px';
+            gantt.verticalSplitResizeLine.style.height = gantt.drawHeight + 'px';
+            gantt.verticalSplitResizeLine.style.backgroundColor = 'rgba(0,0,0,0)';
+            gantt.verticalSplitResizeLine.style.zIndex = '100';
+            gantt.parsedOptions.verticalSplitLineMoveable && (gantt.verticalSplitResizeLine.style.cursor = 'col-resize');
+            gantt.verticalSplitResizeLine.style.userSelect = 'none';
+            gantt.verticalSplitResizeLine.style.opacity = '1';
+            const verticalSplitLine = gantt.verticalSplitResizeLine.childNodes[0];
+            verticalSplitLine.style.position = 'absolute';
+            verticalSplitLine.style.top = '0px';
+            verticalSplitLine.style.left = `${(14 - gantt.parsedOptions.verticalSplitLine.lineWidth) / 2}px`;
+            verticalSplitLine.style.width = gantt.parsedOptions.verticalSplitLine.lineWidth + 'px';
+            verticalSplitLine.style.height = '100%';
+            verticalSplitLine.style.backgroundColor = gantt.parsedOptions.verticalSplitLine.lineColor;
+            verticalSplitLine.style.zIndex = '100';
+            verticalSplitLine.style.userSelect = 'none';
+            verticalSplitLine.style.pointerEvents = 'none';
+            verticalSplitLine.style.transition = 'background-color 0.3s';
+            if (gantt.verticalSplitResizeLine.childNodes[1]) {
+                const highlightLine = gantt.verticalSplitResizeLine.childNodes[1];
+                highlightLine.style.position = 'absolute';
+                highlightLine.style.top = '0px';
+                highlightLine.style.left = `${(14 - gantt.parsedOptions.verticalSplitLineHighlight.lineWidth ?? 2) / 2}px`;
+                highlightLine.style.width = (gantt.parsedOptions.verticalSplitLineHighlight.lineWidth ?? 2) + 'px';
+                highlightLine.style.height = '100%';
+                highlightLine.style.backgroundColor = gantt.parsedOptions.verticalSplitLineHighlight.lineColor;
+                highlightLine.style.zIndex = '100';
+                highlightLine.style.cursor = 'col-resize';
+                highlightLine.style.userSelect = 'none';
+                highlightLine.style.pointerEvents = 'none';
+                highlightLine.style.opacity = '0';
+                highlightLine.style.transition = 'background-color 0.3s';
+            }
         }
-        return date;
     }
-    function createDateAtLastMillisecond(dateStr, forceSetMillisecond = false) {
-        let date;
-        if (dateStr) {
-            date = new Date(dateStr);
-            if (typeof dateStr === 'string') {
-                if (dateStr.length > 10) {
-                    if (forceSetMillisecond) {
-                        date.setMilliseconds(999);
+    function findRecordByTaskKey(records, taskKeyField, taskKey, childrenField = 'children') {
+        for (let i = 0; i < records.length; i++) {
+            if ((Array.isArray(taskKey) && taskKey.length === 1 && records[i][taskKeyField] === taskKey[0]) ||
+                records[i][taskKeyField] === taskKey) {
+                return { record: records[i], index: [i] };
+            }
+            else if (records[i][childrenField]?.length) {
+                if (Array.isArray(taskKey) && taskKey[0] === records[i][taskKeyField]) {
+                    const result = findRecordByTaskKey(records[i][childrenField], taskKeyField, taskKey.slice(1));
+                    if (result) {
+                        result.index.unshift(i);
+                        return result;
+                    }
+                }
+                else if (!Array.isArray(taskKey)) {
+                    const result = findRecordByTaskKey(records[i][childrenField], taskKeyField, taskKey);
+                    if (result) {
+                        result.index.unshift(i);
+                        return result;
                     }
-                    return date;
                 }
-                date.setMilliseconds(999);
             }
         }
-        else {
-            date = new Date();
+    }
+    function clearRecordLinkInfos(records, childrenField = 'children') {
+        for (let i = 0; i < records.length; i++) {
+            if (records[i][childrenField]?.length) {
+                clearRecordLinkInfos(records[i][childrenField], childrenField);
+            }
+            else {
+                delete records[i].vtable_gantt_linkedTo;
+                delete records[i].vtable_gantt_linkedFrom;
+            }
         }
-        if (forceSetMillisecond) {
-            date.setMilliseconds(999);
+    }
+    function clearRecordShowIndex(records, childrenField = 'children') {
+        for (let i = 0; i < records.length; i++) {
+            if (records[i][childrenField]?.length) {
+                clearRecordShowIndex(records[i][childrenField], childrenField);
+            }
+            else {
+                delete records[i].vtable_gantt_showIndex;
+            }
         }
-        return date;
     }
-    function createDateAtLastHour(dateStr, forceLastHour = false) {
-        let date;
-        if (dateStr) {
-            date = new Date(dateStr);
-            if (typeof dateStr === 'string') {
-                if (dateStr.length > 10) {
-                    if (forceLastHour) {
-                        date.setHours(23, 59, 59, 999);
-                    }
-                    return date;
+    function getTaskIndexsByTaskY(y, gantt) {
+        let task_index;
+        let sub_task_index;
+        if (gantt.taskListTableInstance) {
+            const rowInfo = gantt.taskListTableInstance.getTargetRowAt(y + gantt.headerHeight);
+            if (rowInfo) {
+                const { row } = rowInfo;
+                task_index = row - gantt.taskListTableInstance.columnHeaderLevelCount;
+                const beforeRowsHeight = gantt.getRowsHeightByIndex(0, task_index - 1);
+                if (gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Inline ||
+                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Arrange ||
+                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Compact ||
+                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate) {
+                    sub_task_index = Math.floor((y - beforeRowsHeight) / gantt.parsedOptions.rowHeight);
                 }
-                date.setHours(23, 59, 59, 999);
             }
         }
         else {
-            date = new Date();
-        }
-        if (forceLastHour) {
-            date.setHours(23, 59, 59, 999);
+            task_index = Math.floor(y / gantt.parsedOptions.rowHeight);
         }
-        return date;
+        return { task_index, sub_task_index };
     }
-    function getEndDateByTimeUnit(startDate, date, timeScale, step) {
-        let endDate = new Date(date);
-        switch (timeScale) {
-            case 'second':
-                endDate.setMilliseconds(999);
-                break;
-            case 'minute':
-                endDate.setSeconds(59, 999);
-                break;
-            case 'hour':
-                endDate.setMinutes(59, 59, 999);
-                break;
-            case 'day':
-                endDate.setHours(23, 59, 59, 999);
-                break;
-            case 'week':
-                const day = endDate.getDay();
-                const diffToEndOfWeek = 6 - day;
-                endDate.setDate(endDate.getDate() + diffToEndOfWeek);
-                endDate.setHours(23, 59, 59, 999);
-                break;
-            case 'month':
-                const lastDayOfMonth = new Date(endDate.getFullYear(), endDate.getMonth() + 1, 0).getDate();
-                endDate.setDate(lastDayOfMonth);
-                endDate.setHours(23, 59, 59, 999);
-                break;
-            case 'quarter':
-                const currentMonth = endDate.getMonth();
+    function computeRowsCountByRecordDateForCompact(gantt, record) {
+        if (!record.children || record.children.length === 1) {
+            if (record.children?.length === 1) {
+                record.children[0].vtable_gantt_showIndex = 0;
+            }
+            else {
+                record.vtable_gantt_showIndex = 0;
+            }
+            return 1;
+        }
+        const sortedChildren = record.children.slice().sort((a, b) => {
+            const { startDate: aStartDate } = formatRecordDateConsiderHasHour(gantt, a);
+            const { startDate: bStartDate } = formatRecordDateConsiderHasHour(gantt, b);
+            return aStartDate.getTime() - bStartDate.getTime();
+        });
+        const rows = [];
+        for (let i = 0; i <= sortedChildren.length - 1; i++) {
+            const newRecord = sortedChildren[i];
+            const { startDate, endDate } = formatRecordDateConsiderHasHour(gantt, newRecord);
+            let placed = false;
+            for (let j = 0; j < rows.length; j++) {
+                if (startDate.getTime() > rows[j]) {
+                    rows[j] = endDate.getTime();
+                    placed = true;
+                    newRecord.vtable_gantt_showIndex = j;
+                    break;
+                }
+            }
+            if (!placed) {
+                rows.push(endDate.getTime());
+                newRecord.vtable_gantt_showIndex = rows.length - 1;
+            }
+        }
+        return rows.length;
+    }
+    function isOverlapping(startDate, endDate, rowTasks, gantt) {
+        return rowTasks.some(rowTask => {
+            const { startDate: startDate2, endDate: endDate2 } = formatRecordDateConsiderHasHour(gantt, rowTask);
+            return startDate <= endDate2 && startDate2 <= endDate;
+        });
+    }
+    function computeRowsCountByRecordDate(gantt, record) {
+        if (!record.children || record.children.length === 1) {
+            if (record.children?.length === 1) {
+                record.children[0].vtable_gantt_showIndex = 0;
+            }
+            else {
+                record.vtable_gantt_showIndex = 0;
+            }
+            return 1;
+        }
+        const rows = [];
+        for (let i = 0; i <= record.children.length - 1; i++) {
+            const newRecord = record.children[i];
+            const { startDate, endDate } = formatRecordDateConsiderHasHour(gantt, newRecord);
+            let placed = false;
+            for (let j = 0; j < rows.length; j++) {
+                const rowTasks = record.children.filter((t) => t !== newRecord && t.vtable_gantt_showIndex === j);
+                if (!isOverlapping(startDate, endDate, rowTasks, gantt)) {
+                    rows[j] = endDate.getTime();
+                    placed = true;
+                    newRecord.vtable_gantt_showIndex = j;
+                    break;
+                }
+            }
+            if (!placed) {
+                rows.push(endDate.getTime());
+                newRecord.vtable_gantt_showIndex = rows.length - 1;
+            }
+        }
+        return rows.length;
+    }
+    function formatRecordDateConsiderHasHour(gantt, record) {
+        const { timeScaleIncludeHour, startDateField, endDateField } = gantt.parsedOptions;
+        const startDate = record[startDateField];
+        const endDate = record[endDateField];
+        if (timeScaleIncludeHour) {
+            return { startDate: createDateAtMidnight(startDate), endDate: createDateAtLastHour(endDate) };
+        }
+        return { startDate: createDateAtMidnight(startDate, true), endDate: createDateAtLastHour(endDate, true) };
+    }
+    function updateOptionsWhenRecordChanged(gantt) {
+        const options = gantt.options;
+        const { unit: minTimeUnit, startOfWeek } = gantt.parsedOptions.reverseSortedTimelineScales[0];
+        gantt.parsedOptions.markLine = generateMarkLine(options?.markLine);
+        if (gantt.parsedOptions.markLine?.length ?? 0) {
+            if (gantt.parsedOptions.markLine?.every(item => item.scrollToMarkLine === undefined)) {
+                gantt.parsedOptions.markLine[0].scrollToMarkLine = true;
+            }
+            if (gantt.parsedOptions.markLine?.find(item => item.scrollToMarkLine)) {
+                gantt.parsedOptions.scrollToMarkLineDate = getStartDateByTimeUnit(new Date(gantt.parsedOptions.markLine?.find(item => item.scrollToMarkLine).date), minTimeUnit, startOfWeek);
+            }
+        }
+        gantt.parsedOptions.dependencyLinks = options.dependency?.links;
+    }
+    function updateOptionsWhenDateRangeChanged(gantt) {
+        const options = gantt.options;
+        const { unit: minTimeUnit, startOfWeek, step } = gantt.parsedOptions.reverseSortedTimelineScales[0];
+        gantt.parsedOptions.minDate = options?.minDate
+            ? getStartDateByTimeUnit(new Date(options.minDate), minTimeUnit, startOfWeek)
+            : undefined;
+        gantt.parsedOptions.maxDate = options?.maxDate
+            ? getEndDateByTimeUnit(gantt.parsedOptions.minDate, new Date(options.maxDate), minTimeUnit, step)
+            : undefined;
+        gantt.parsedOptions._minDateTime = gantt.parsedOptions.minDate?.getTime();
+        gantt.parsedOptions._maxDateTime = gantt.parsedOptions.maxDate?.getTime();
+    }
+    function updateOptionsWhenMarkLineChanged(gantt) {
+        const options = gantt.options;
+        gantt.parsedOptions.markLine = generateMarkLine(options?.markLine);
+    }
+    function _getTaskInfoByXYForCreateSchedule(eventX, eventY, gantt) {
+        const taskIndex = getTaskIndexsByTaskY(eventY - gantt.headerHeight + gantt.stateManager.scrollTop, gantt);
+        const recordParent = gantt.getRecordByIndex(taskIndex.task_index);
+        const dateIndex = getDateIndexByX(eventX, gantt);
+        const dateRange = gantt.getDateRangeByIndex(dateIndex);
+        if (recordParent?.children) {
+            const taskIndex = getTaskIndexsByTaskY(eventY - gantt.headerHeight + gantt.stateManager.scrollTop, gantt);
+            for (let i = 0; i < recordParent.children.length; i++) {
+                const { startDate, endDate, taskDays, progress, taskRecord } = gantt.getTaskInfoByTaskListIndex(taskIndex.task_index, i);
+                if (((gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Compact ||
+                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Arrange) &&
+                    taskRecord.vtable_gantt_showIndex === taskIndex.sub_task_index) ||
+                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Inline) {
+                    if (dateRange.startDate.getTime() >= startDate.getTime() && dateRange.endDate.getTime() <= endDate.getTime()) {
+                        return { startDate, endDate, taskDays, progress, taskRecord };
+                    }
+                }
+            }
+        }
+    }
+    function getNodeClickPos(marklineIconNode, gantt) {
+        const left = marklineIconNode.globalTransMatrix.e +
+            gantt.taskListTableInstance.tableNoFrameWidth +
+            gantt.taskListTableInstance.tableX +
+            gantt.tableX;
+        const top = marklineIconNode.globalTransMatrix.f;
+        const width = marklineIconNode.attribute.width;
+        const height = marklineIconNode.attribute.height;
+        return {
+            left,
+            top,
+            width,
+            height
+        };
+    }
+    function judgeIfHasMarkLine(data, markLine) {
+        const beginTime = data.startDate.getTime();
+        const endTime = data.endDate.getTime();
+        return markLine.some(item => {
+            const marklineTime = new Date(item.date).getTime();
+            return marklineTime >= beginTime && marklineTime <= endTime;
+        });
+    }
+    function throttle$1(func, delay) {
+        let timer = null;
+        return function (...args) {
+            if (!timer) {
+                func.apply(this, args);
+                timer = setTimeout(() => {
+                    timer = null;
+                }, delay);
+            }
+        };
+    }
+    function getTodayNearDay(dayOffset, format) {
+        const today = new Date();
+        const todayTime = today.getTime();
+        const oneDayTime = 24 * 60 * 60 * 1000;
+        const targetTime = todayTime + dayOffset * oneDayTime;
+        const date = new Date(targetTime);
+        if (format) {
+            const year = date.getFullYear().toString();
+            const month = (date.getMonth() + 1).toString().padStart(2, '0');
+            const day = date.getDate().toString().padStart(2, '0');
+            format = format.replace('yyyy', year);
+            format = format.replace('mm', month);
+            format = format.replace('dd', day);
+            return format;
+        }
+        return date;
+    }
+    function formatDate(date, format) {
+        const year = date.getFullYear().toString();
+        const month = (date.getMonth() + 1).toString().padStart(2, '0');
+        const day = date.getDate().toString().padStart(2, '0');
+        format = format.replace('yyyy', year);
+        format = format.replace('mm', month);
+        format = format.replace('dd', day);
+        if (format.length > 10) {
+            const hour = date.getHours().toString().padStart(2, '0');
+            const minute = date.getMinutes().toString().padStart(2, '0');
+            const second = date.getSeconds().toString().padStart(2, '0');
+            format = format.replace('hh', hour);
+            format = format.replace('mm', minute);
+            format = format.replace('ss', second);
+        }
+        return format;
+    }
+    function validateDate(dateParts, format) {
+        const yearIndex = format.indexOf('yyyy');
+        const monthIndex = format.indexOf('mm');
+        const dayIndex = format.indexOf('dd');
+        const dateYearIndex = yearIndex < monthIndex ? (yearIndex < dayIndex ? 0 : 1) : monthIndex < dayIndex ? 1 : 2;
+        const dateMonthIndex = monthIndex < yearIndex ? (monthIndex < dayIndex ? 0 : 1) : monthIndex < dayIndex ? 1 : 2;
+        const dateDayIndex = dayIndex < yearIndex ? (dayIndex < monthIndex ? 0 : 1) : dayIndex < monthIndex ? 1 : 2;
+        const year = parseInt(dateParts[dateYearIndex], 10);
+        const month = parseInt(dateParts[dateMonthIndex], 10) - 1;
+        const day = parseInt(dateParts[dateDayIndex], 10);
+        if (isNaN(year) || year < 1) {
+            return false;
+        }
+        if (isNaN(month) || month < 0 || month > 11) {
+            return false;
+        }
+        const daysInMonth = [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+        if (isNaN(day) || day < 1 || day > daysInMonth[month]) {
+            return false;
+        }
+        return true;
+    }
+    function validateTime(dateParts, format) {
+        if (format.includes('hh') || format.includes('mm') || format.includes('ss')) {
+            const timeIndex = format.indexOf('hh') > -1 ? format.indexOf('hh') : format.indexOf('HH');
+            const hour = parseInt(dateParts[timeIndex], 10);
+            const minute = parseInt(dateParts[timeIndex + 1], 10);
+            const second = dateParts.length > timeIndex + 2 ? parseInt(dateParts[timeIndex + 2], 10) : 0;
+            if (isNaN(hour) || hour < 0 || hour > 23) {
+                return false;
+            }
+            if (isNaN(minute) || minute < 0 || minute > 59) {
+                return false;
+            }
+            if (isNaN(second) || second < 0 || second > 59) {
+                return false;
+            }
+        }
+        return true;
+    }
+    function isLeapYear(year) {
+        return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
+    }
+    function parseDateFormat(dateString) {
+        const formats = [
+            'yyyy-mm-dd',
+            'dd-mm-yyyy',
+            'mm/dd/yyyy',
+            'yyyy/mm/dd',
+            'dd/mm/yyyy',
+            'yyyy.mm.dd',
+            'mm.dd.yyyy',
+            'dd.mm.yyyy'
+        ];
+        const timeFormat = ['hh:mm:ss', 'hh:mm'];
+        dateString = dateString.trim();
+        const dates = dateString.split(' ');
+        const date = dates[0];
+        const time = dates[1];
+        let dateFormatMatched;
+        let timeFormatMatched;
+        if (date) {
+            for (let i = 0; i < formats.length; i++) {
+                const format = formats[i];
+                const dateParts = date.split(getSeparator(format));
+                const isValid = validateDate(dateParts, format);
+                if (dateParts.length === 3 && isValid) {
+                    dateFormatMatched = format;
+                    break;
+                }
+            }
+        }
+        if (dateFormatMatched) {
+            if (time) {
+                for (let i = 0; i < timeFormat.length; i++) {
+                    const format = timeFormat[i];
+                    const timeParts = time.split(getSeparator(format));
+                    const formatParts = format.split(getSeparator(format));
+                    const isValid = validateTime(timeParts, format);
+                    if (isValid && timeParts.length === formatParts.length) {
+                        timeFormatMatched = format;
+                        break;
+                    }
+                }
+            }
+        }
+        if (date && time && dateFormatMatched && timeFormatMatched) {
+            return dateFormatMatched + ' ' + timeFormatMatched;
+        }
+        if (date && !time) {
+            return dateFormatMatched;
+        }
+        return 'yyyy-mm-dd hh:mm:ss';
+    }
+    function getSeparator(format) {
+        const separators = format.match(/[^\w]/g);
+        if (separators) {
+            const escapedSeparators = separators.map(s => '\\' + s).join('|');
+            return new RegExp(escapedSeparators, 'g');
+        }
+        return /[^\w]/;
+    }
+    function parseStringTemplate(template, data) {
+        const result = template.replace(/\{([^}]+)\}/g, (match, key) => {
+            const keys = key.split('.');
+            let value = data;
+            for (const k of keys) {
+                if (value.hasOwnProperty(k)) {
+                    value = value[k];
+                }
+                else {
+                    value = match;
+                    break;
+                }
+            }
+            return value;
+        });
+        return result;
+    }
+    function toBoxArray$2(obj) {
+        if (!Array.isArray(obj)) {
+            return [obj, obj, obj, obj];
+        }
+        if (obj.length === 3) {
+            return [obj[0], obj[1], obj[2], obj[1]];
+        }
+        if (obj.length === 2) {
+            return [obj[0], obj[1], obj[0], obj[1]];
+        }
+        if (obj.length === 1) {
+            return [obj[0], obj[0], obj[0], obj[0]];
+        }
+        return [obj[0], obj[1], obj[2], obj[3]];
+    }
+    function getWeekNumber(currentDate) {
+        const startOfYear = new Date(currentDate.getFullYear(), 0, 1);
+        const weekNumber = Math.ceil(((currentDate.getTime() + 1 - startOfYear.getTime()) / 86400000 + 1) / 7);
+        return weekNumber;
+    }
+    function getWeekday(dateString, format = 'long') {
+        const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+        const date = new Date(dateString);
+        if (format === 'short') {
+            return days[date.getDay()].substr(0, 3);
+        }
+        else if (format === 'long') {
+            return days[date.getDay()];
+        }
+        return 'Invalid format specified. Please use "short" or "long".';
+    }
+    function isPropertyWritable(obj, prop) {
+        const descriptor = Object.getOwnPropertyDescriptor(obj, prop);
+        if (!descriptor) {
+            return false;
+        }
+        return !!descriptor.set || descriptor.writable === true;
+    }
+    function createDateAtMidnight(dateStr, forceMidnight = false) {
+        let date;
+        if (dateStr) {
+            date = new Date(dateStr);
+            if (typeof dateStr === 'string') {
+                if (dateStr.length > 10) {
+                    if (forceMidnight) {
+                        date.setHours(0, 0, 0, 0);
+                    }
+                    return date;
+                }
+                date.setHours(0, 0, 0, 0);
+            }
+        }
+        else {
+            date = new Date();
+        }
+        if (forceMidnight) {
+            date.setHours(0, 0, 0, 0);
+        }
+        return date;
+    }
+    function createDateAtLastMinute(dateStr, forceSetMinute = false) {
+        let date;
+        if (dateStr) {
+            date = new Date(dateStr);
+            if (typeof dateStr === 'string') {
+                if (dateStr.length > 10) {
+                    if (forceSetMinute) {
+                        date.setMinutes(59, 59, 999);
+                    }
+                    return date;
+                }
+                date.setMinutes(59, 59, 999);
+            }
+        }
+        else {
+            date = new Date();
+        }
+        if (forceSetMinute) {
+            date.setMinutes(59, 59, 999);
+        }
+        return date;
+    }
+    function createDateAtLastSecond(dateStr, forceSetSecond = false) {
+        let date;
+        if (dateStr) {
+            date = new Date(dateStr);
+            if (typeof dateStr === 'string') {
+                if (dateStr.length > 10) {
+                    if (forceSetSecond) {
+                        date.setSeconds(59, 999);
+                    }
+                    return date;
+                }
+                date.setSeconds(59, 999);
+            }
+        }
+        else {
+            date = new Date();
+        }
+        if (forceSetSecond) {
+            date.setSeconds(59, 999);
+        }
+        return date;
+    }
+    function createDateAtLastMillisecond(dateStr, forceSetMillisecond = false) {
+        let date;
+        if (dateStr) {
+            date = new Date(dateStr);
+            if (typeof dateStr === 'string') {
+                if (dateStr.length > 10) {
+                    if (forceSetMillisecond) {
+                        date.setMilliseconds(999);
+                    }
+                    return date;
+                }
+                date.setMilliseconds(999);
+            }
+        }
+        else {
+            date = new Date();
+        }
+        if (forceSetMillisecond) {
+            date.setMilliseconds(999);
+        }
+        return date;
+    }
+    function createDateAtLastHour(dateStr, forceLastHour = false) {
+        let date;
+        if (dateStr) {
+            date = new Date(dateStr);
+            if (typeof dateStr === 'string') {
+                if (dateStr.length > 10) {
+                    if (forceLastHour) {
+                        date.setHours(23, 59, 59, 999);
+                    }
+                    return date;
+                }
+                date.setHours(23, 59, 59, 999);
+            }
+        }
+        else {
+            date = new Date();
+        }
+        if (forceLastHour) {
+            date.setHours(23, 59, 59, 999);
+        }
+        return date;
+    }
+    function getEndDateByTimeUnit(startDate, date, timeScale, step) {
+        let endDate = new Date(date);
+        switch (timeScale) {
+            case 'second':
+                endDate.setMilliseconds(999);
+                break;
+            case 'minute':
+                endDate.setSeconds(59, 999);
+                break;
+            case 'hour':
+                endDate.setMinutes(59, 59, 999);
+                break;
+            case 'day':
+                endDate.setHours(23, 59, 59, 999);
+                break;
+            case 'week':
+                const day = endDate.getDay();
+                const diffToEndOfWeek = 6 - day;
+                endDate.setDate(endDate.getDate() + diffToEndOfWeek);
+                endDate.setHours(23, 59, 59, 999);
+                break;
+            case 'month':
+                const lastDayOfMonth = new Date(endDate.getFullYear(), endDate.getMonth() + 1, 0).getDate();
+                endDate.setDate(lastDayOfMonth);
+                endDate.setHours(23, 59, 59, 999);
+                break;
+            case 'quarter':
+                const currentMonth = endDate.getMonth();
                 const endMonthOfQuarter = currentMonth - (currentMonth % 3) + 2;
                 const lastDayOfQuarter = new Date(endDate.getFullYear(), endMonthOfQuarter + 1, 0).getDate();
                 endDate.setMonth(endMonthOfQuarter, lastDayOfQuarter);
@@ -27020,9 +27825,11 @@
             case 'quarter':
                 difference =
                     (adjusted_date.getFullYear() - startDate.getFullYear()) * 4 +
-                        (adjusted_date.getMonth() - startDate.getMonth()) / 3;
+                        Math.floor(adjusted_date.getMonth() / 3) -
+                        Math.floor(startDate.getMonth() / 3);
                 difference +=
-                    (adjusted_date.getDate() - startDate.getDate()) /
+                    (adjusted_date.getTime() - startDate.getTime()) /
+                        DayTimes /
                         (3 * new Date(adjusted_date.getFullYear(), adjusted_date.getMonth() + 1, 0).getDate());
                 break;
             case 'year':
@@ -27622,967 +28429,162 @@
                     y: -this._gantt.tableNoFrameHeight * 2,
                     height: 0,
                     visible: false
-                });
-            }
-            this._gantt.stateManager.setScrollLeft(oldHorizontalBarPos);
-            this._gantt.stateManager.setScrollTop(oldVerticalBarPos);
-        }
-    }
-    function handleWhell$1(event, state, gantt, isWheelEvent = true) {
-        let { deltaX, deltaY } = event;
-        if (event.shiftKey && event.deltaY) {
-            deltaX = deltaY;
-            deltaY = 0;
-        }
-        const [optimizedDeltaX, optimizedDeltaY] = optimizeScrollXY$1(deltaX, deltaY, { horizontal: 1, vertical: 1 });
-        if (optimizedDeltaX) {
-            state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX);
-            gantt.scenegraph.scrollbarComponent.showHorizontalScrollBar(true);
-        }
-        if (optimizedDeltaY) {
-            state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY);
-            gantt.scenegraph.scrollbarComponent.showVerticalScrollBar(true);
-        }
-        isWheelEvent && state.resetInteractionState();
-        if (event.cancelable &&
-            (state._gantt.parsedOptions.overscrollBehavior === 'none' ||
-                (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable$1(deltaY, state)) ||
-                (Math.abs(deltaY) <= Math.abs(deltaX) && deltaX !== 0 && isHorizontalScrollable$1(deltaX, state)))) {
-            event.preventDefault();
-        }
-    }
-    function optimizeScrollXY$1(x, y, ratio) {
-        const ANGLE = 2;
-        const angle = Math.abs(x / y);
-        const deltaX = angle <= 1 / ANGLE ? 0 : x;
-        const deltaY = angle > ANGLE ? 0 : y;
-        return [Math.ceil(deltaX * (ratio.horizontal ?? 0)), Math.ceil(deltaY * (ratio.vertical ?? 0))];
-    }
-    function isVerticalScrollable$1(deltaY, state) {
-        const totalHeight = state._gantt.getAllRowsHeight() - state._gantt.scenegraph.height;
-        if (totalHeight === 0) {
-            return false;
-        }
-        return !isScrollToTop$1(deltaY, state) && !isScrollToBottom$1(deltaY, state);
-    }
-    function isHorizontalScrollable$1(deltaX, state) {
-        const totalWidth = state._gantt.getAllDateColsWidth() - state._gantt.scenegraph.width;
-        if (totalWidth === 0) {
-            return false;
-        }
-        return !isScrollToLeft$1(deltaX, state) && !isScrollToRight$1(deltaX, state);
-    }
-    function isScrollToTop$1(deltaY, state) {
-        const totalHeight = state._gantt.getAllRowsHeight() - state._gantt.scenegraph.height;
-        return totalHeight !== 0 && deltaY <= 0 && state.scroll.verticalBarPos < 1;
-    }
-    function isScrollToBottom$1(deltaY, state) {
-        const totalHeight = state._gantt.getAllRowsHeight() - state._gantt.scenegraph.height;
-        return totalHeight !== 0 && deltaY >= 0 && Math.abs(state.scroll.verticalBarPos - totalHeight) < 1;
-    }
-    function isScrollToLeft$1(deltaX, state) {
-        const totalWidth = state._gantt.getAllDateColsWidth() - state._gantt.scenegraph.width;
-        return totalWidth !== 0 && deltaX <= 0 && state.scroll.horizontalBarPos < 1;
-    }
-    function isScrollToRight$1(deltaX, state) {
-        const totalWidth = state._gantt.getAllDateColsWidth() - state._gantt.scenegraph.width;
-        return totalWidth !== 0 && deltaX >= 0 && Math.abs(state.scroll.horizontalBarPos - totalWidth) < 1;
-    }
-    function bindScrollBarListener$1(eventManager) {
-        const table = eventManager._gantt;
-        const stateManager = table.stateManager;
-        const scenegraph = table.scenegraph;
-        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointerover', (e) => {
-            scenegraph.scrollbarComponent.showVerticalScrollBar();
-        });
-        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerover', (e) => {
-            scenegraph.scrollbarComponent.showHorizontalScrollBar();
-        });
-        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointerout', (e) => {
-            if (stateManager.interactionState === InteractionState$1.scrolling) {
-                return;
-            }
-            scenegraph.scrollbarComponent.hideVerticalScrollBar();
-        });
-        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerout', (e) => {
-            if (stateManager.interactionState === InteractionState$1.scrolling) {
-                return;
-            }
-            scenegraph.scrollbarComponent.hideHorizontalScrollBar();
-        });
-        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointermove', (e) => {
-            e.stopPropagation();
-        });
-        scenegraph.scrollbarComponent.vScrollBar.addEventListener('scrollDown', (e) => {
-            scenegraph._gantt.eventManager.isDown = true;
-        });
-        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointerup', () => {
-            scenegraph._gantt.eventManager.isDraging = false;
-            if (stateManager.interactionState === InteractionState$1.scrolling) {
-                stateManager.updateInteractionState(InteractionState$1.default);
-            }
-        });
-        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointerupoutside', () => {
-            if (stateManager.interactionState === InteractionState$1.scrolling) {
-                stateManager.updateInteractionState(InteractionState$1.default);
-            }
-        });
-        scenegraph.scrollbarComponent.vScrollBar.addEventListener('scrollUp', (e) => {
-            scenegraph._gantt.eventManager.isDraging = false;
-        });
-        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointermove', (e) => {
-            e.stopPropagation();
-        });
-        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerdown', (e) => {
-            e.stopPropagation();
-        });
-        scenegraph.scrollbarComponent.hScrollBar.addEventListener('scrollDown', (e) => {
-            scenegraph._gantt.eventManager.isDown = true;
-            if (stateManager.interactionState !== InteractionState$1.scrolling) {
-                stateManager.updateInteractionState(InteractionState$1.scrolling);
-            }
-        });
-        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerup', () => {
-            if (stateManager.interactionState === InteractionState$1.scrolling) {
-                stateManager.updateInteractionState(InteractionState$1.default);
-            }
-        });
-        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerupoutside', () => {
-            if (stateManager.interactionState === InteractionState$1.scrolling) {
-                stateManager.updateInteractionState(InteractionState$1.default);
-            }
-        });
-        scenegraph.scrollbarComponent.hScrollBar.addEventListener('scrollUp', (e) => {
-            scenegraph._gantt.eventManager.isDraging = false;
-        });
-        const throttleVerticalWheel = throttle$1(stateManager.updateVerticalScrollBar, 20);
-        const throttleHorizontalWheel = throttle$1(stateManager.updateHorizontalScrollBar, 20);
-        scenegraph.scrollbarComponent.vScrollBar.addEventListener('scrollDrag', (e) => {
-            if (scenegraph._gantt.eventManager.isDown) {
-                scenegraph._gantt.eventManager.isDraging = true;
-            }
-            if (stateManager.interactionState !== InteractionState$1.scrolling) {
-                stateManager.updateInteractionState(InteractionState$1.scrolling);
-            }
-            const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
-            throttleVerticalWheel(ratio, e);
-        });
-        scenegraph.scrollbarComponent.hScrollBar.addEventListener('scrollDrag', (e) => {
-            if (scenegraph._gantt.eventManager.isDown) {
-                scenegraph._gantt.eventManager.isDraging = true;
-            }
-            stateManager.fastScrolling = true;
-            if (stateManager.interactionState !== InteractionState$1.scrolling) {
-                stateManager.updateInteractionState(InteractionState$1.scrolling);
-            }
-            const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
-            throttleHorizontalWheel(ratio);
-        });
-    }
-    const defaultTaskBarStyle = {
-        barColor: 'blue',
-        completedBarColor: 'gray',
-        width: 30,
-        cornerRadius: 3,
-        borderWidth: 0,
-        fontFamily: 'Arial',
-        fontSize: 14
-    };
-    function setWidthToDefaultTaskBarStyle(width) {
-        defaultTaskBarStyle.width = width;
-    }
-    const isNode$1 = typeof window === 'undefined' || typeof window.window === 'undefined';
-    const DayTimes = 1000 * 60 * 60 * 24;
-    function getDateIndexByX(x, gantt) {
-        const totalX = x + gantt.stateManager.scroll.horizontalBarPos;
-        const firstDateColWidth = gantt.getDateColWidth(0);
-        const dateIndex = Math.floor((totalX - firstDateColWidth) / gantt.parsedOptions.timelineColWidth) + 1;
-        return dateIndex;
-    }
-    function generateMarkLine(markLine) {
-        if (!markLine) {
-            return [];
-        }
-        if (markLine === true) {
-            return [
-                {
-                    date: createDateAtMidnight().toLocaleDateString(),
-                    scrollToMarkLine: true,
-                    position: 'left',
-                    style: {
-                        lineColor: 'red',
-                        lineWidth: 1
-                    }
-                }
-            ];
-        }
-        else if (Array.isArray(markLine)) {
-            return markLine.map((item, index) => {
-                return {
-                    ...item,
-                    date: item.date,
-                    scrollToMarkLine: item.scrollToMarkLine,
-                    position: item.position ?? 'left',
-                    style: {
-                        lineColor: item.style?.lineColor || 'red',
-                        lineWidth: item.style?.lineWidth || 1,
-                        lineDash: item.style?.lineDash
-                    }
-                };
-            });
-        }
-        return [
-            {
-                ...markLine,
-                date: markLine.date,
-                scrollToMarkLine: markLine.scrollToMarkLine ?? true,
-                position: markLine.position ?? 'left',
-                style: {
-                    lineColor: markLine.style?.lineColor || 'red',
-                    lineWidth: markLine.style?.lineWidth || 1,
-                    lineDash: markLine.style?.lineDash
-                }
-            }
-        ];
-    }
-    function getHorizontalScrollBarSize$1(scrollStyle) {
-        if (scrollStyle?.hoverOn ||
-            (scrollStyle?.horizontalVisible && scrollStyle?.horizontalVisible === 'none') ||
-            (!scrollStyle?.horizontalVisible && scrollStyle?.visible === 'none')) {
-            return 0;
-        }
-        return scrollStyle?.width ?? 7;
-    }
-    function getVerticalScrollBarSize$1(scrollStyle) {
-        if (scrollStyle?.hoverOn ||
-            (scrollStyle?.verticalVisible && scrollStyle?.verticalVisible === 'none') ||
-            (!scrollStyle?.verticalVisible && scrollStyle?.visible === 'none')) {
-            return 0;
-        }
-        return scrollStyle?.width ?? 7;
-    }
-    function initOptions(gantt) {
-        const options = gantt.options;
-        gantt.parsedOptions.tasksShowMode = options?.tasksShowMode ?? TasksShowMode.Tasks_Separate;
-        gantt.parsedOptions.pixelRatio = options?.pixelRatio ?? 1;
-        gantt.parsedOptions.rowHeight = options?.rowHeight ?? 40;
-        gantt.parsedOptions.timelineColWidth = options?.timelineHeader?.colWidth ?? 60;
-        gantt.parsedOptions.startDateField = options.taskBar?.startDateField ?? 'startDate';
-        gantt.parsedOptions.endDateField = options.taskBar?.endDateField ?? 'endDate';
-        gantt.parsedOptions.progressField = options.taskBar?.progressField ?? 'progress';
-        const { unit: minTimeUnit, startOfWeek, step } = gantt.parsedOptions.reverseSortedTimelineScales[0];
-        gantt.parsedOptions.minDate = options?.minDate
-            ? getStartDateByTimeUnit(new Date(options.minDate), minTimeUnit, startOfWeek)
-            : undefined;
-        gantt.parsedOptions.maxDate = options?.maxDate
-            ? getEndDateByTimeUnit(gantt.parsedOptions.minDate, new Date(options.maxDate), minTimeUnit, step)
-            : undefined;
-        gantt.parsedOptions._minDateTime = gantt.parsedOptions.minDate?.getTime();
-        gantt.parsedOptions._maxDateTime = gantt.parsedOptions.maxDate?.getTime();
-        gantt.parsedOptions.overscrollBehavior = options?.overscrollBehavior ?? 'auto';
-        gantt.parsedOptions.underlayBackgroundColor = options?.underlayBackgroundColor ?? '#FFF';
-        gantt.parsedOptions.scrollStyle = Object.assign({}, {
-            scrollRailColor: 'rgba(100, 100, 100, 0.2)',
-            scrollSliderColor: 'rgba(100, 100, 100, 0.5)',
-            scrollSliderCornerRadius: 4,
-            width: 10,
-            visible: 'always',
-            hoverOn: true,
-            barToSide: false
-        }, options?.scrollStyle);
-        gantt.parsedOptions.timelineHeaderHorizontalLineStyle = options?.timelineHeader?.horizontalLine;
-        gantt.parsedOptions.timelineHeaderVerticalLineStyle = options?.timelineHeader?.verticalLine;
-        gantt.parsedOptions.timelineHeaderBackgroundColor = options?.timelineHeader?.backgroundColor;
-        gantt.parsedOptions.timeLineHeaderRowHeights = [];
-        gantt.parsedOptions.timelineHeaderStyles = [];
-        for (let i = 0; i < gantt.parsedOptions.sortedTimelineScales.length ?? 0; i++) {
-            const style = gantt.parsedOptions.sortedTimelineScales[i].style;
-            gantt.parsedOptions.timelineHeaderStyles.push(Object.assign({
-                fontSize: 20,
-                fontWeight: 'bold',
-                textAlign: 'center',
-                textBaseline: 'middle',
-                color: '#000',
-                backgroundColor: '#fff'
-            }, style));
-            gantt.parsedOptions.timeLineHeaderRowHeights.push(gantt.parsedOptions.sortedTimelineScales[i].rowHeight ?? options?.headerRowHeight ?? 40);
-        }
-        gantt.parsedOptions.grid = Object.assign({}, options?.grid);
-        setWidthToDefaultTaskBarStyle((gantt.parsedOptions.rowHeight * 3) / 4);
-        gantt.parsedOptions.taskBarStyle =
-            options?.taskBar?.barStyle && typeof options?.taskBar?.barStyle === 'function'
-                ? options.taskBar.barStyle
-                : Object.assign({}, defaultTaskBarStyle, options?.taskBar?.barStyle);
-        gantt.parsedOptions.taskBarMilestoneStyle = Object.assign(typeof gantt.parsedOptions.taskBarStyle === 'function'
-            ? {}
-            : {
-                width: gantt.parsedOptions.taskBarStyle.width,
-                borderColor: gantt.parsedOptions.taskBarStyle.borderColor,
-                borderLineWidth: gantt.parsedOptions.taskBarStyle.borderLineWidth ?? 1,
-                fillColor: gantt.parsedOptions.taskBarStyle.barColor,
-                cornerRadius: 0
-            }, options?.taskBar?.milestoneStyle);
-        gantt.parsedOptions.taskBarMilestoneHypotenuse = gantt.parsedOptions.taskBarMilestoneStyle.width * Math.sqrt(2);
-        gantt.parsedOptions.dateFormat = options?.dateFormat;
-        gantt.parsedOptions.taskBarHoverStyle = Object.assign({
-            barOverlayColor: 'rgba(99, 144, 0, 0.4)'
-        }, options?.taskBar?.hoverBarStyle);
-        gantt.parsedOptions.taskBarSelectable = options?.taskBar?.selectable ?? true;
-        gantt.parsedOptions.taskBarSelectedStyle = Object.assign(typeof gantt.parsedOptions.taskBarStyle === 'function'
-            ? {
-                shadowBlur: 6,
-                shadowOffsetX: 0,
-                shadowOffsetY: 0,
-                borderLineWidth: 1
-            }
-            : {
-                shadowBlur: 6,
-                shadowOffsetX: 0,
-                shadowOffsetY: 0,
-                shadowColor: gantt.parsedOptions.taskBarStyle.barColor,
-                borderColor: gantt.parsedOptions.taskBarStyle.barColor,
-                borderLineWidth: 1
-            }, options?.taskBar?.selectedBarStyle);
-        gantt.parsedOptions.taskBarLabelText = options?.taskBar?.labelText ?? '';
-        gantt.parsedOptions.taskBarMoveable = options?.taskBar?.moveable ?? true;
-        gantt.parsedOptions.moveTaskBarToExtendDateRange = options?.taskBar?.moveToExtendDateRange ?? true;
-        gantt.parsedOptions.taskBarResizable = options?.taskBar?.resizable ?? true;
-        gantt.parsedOptions.taskBarDragOrder = options?.taskBar?.dragOrder ?? true;
-        gantt.parsedOptions.taskBarLabelStyle = {
-            fontFamily: options?.taskBar?.labelTextStyle?.fontFamily ?? 'Arial',
-            fontSize: options?.taskBar?.labelTextStyle?.fontSize ?? 20,
-            color: options?.taskBar?.labelTextStyle?.color ?? '#F01',
-            textAlign: options?.taskBar?.labelTextStyle?.textAlign ?? 'left',
-            textBaseline: options?.taskBar?.labelTextStyle?.textBaseline ?? 'middle',
-            padding: options?.taskBar?.labelTextStyle?.padding ?? [0, 0, 0, 10],
-            textOverflow: options?.taskBar?.labelTextStyle?.textOverflow
-        };
-        gantt.parsedOptions.taskBarCustomLayout = options?.taskBar?.customLayout;
-        gantt.parsedOptions.taskBarCreatable =
-            options?.taskBar?.scheduleCreatable ??
-                !!(gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate ||
-                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Tasks_Separate);
-        gantt.parsedOptions.taskBarCreationButtonStyle = Object.assign({
-            lineColor: 'rgb(99, 144, 0)',
-            lineWidth: 1,
-            lineDash: [5, 5],
-            cornerRadius: 4,
-            backgroundColor: '#FFF'
-        }, options?.taskBar?.scheduleCreation?.buttonStyle);
-        gantt.parsedOptions.taskBarCreationCustomLayout = options?.taskBar?.scheduleCreation?.customLayout;
-        gantt.parsedOptions.taskBarCreationMaxWidth = options?.taskBar?.scheduleCreation?.maxWidth;
-        gantt.parsedOptions.taskBarCreationMinWidth = options?.taskBar?.scheduleCreation?.minWidth;
-        gantt.parsedOptions.outerFrameStyle = Object.assign({
-            borderColor: '#e1e4e8',
-            borderLineWidth: 1,
-            cornerRadius: 4
-        }, options.frame?.outerFrameStyle);
-        gantt.parsedOptions.markLine = generateMarkLine(options?.markLine);
-        if (gantt.parsedOptions.markLine?.length ?? 0) {
-            if (gantt.parsedOptions.markLine?.every(item => item.scrollToMarkLine === undefined)) {
-                gantt.parsedOptions.markLine[0].scrollToMarkLine = true;
-            }
-            if (gantt.parsedOptions.markLine?.find(item => item.scrollToMarkLine)) {
-                gantt.parsedOptions.scrollToMarkLineDate = getStartDateByTimeUnit(new Date(gantt.parsedOptions.markLine?.find(item => item.scrollToMarkLine).date), minTimeUnit, startOfWeek);
-            }
-        }
-        gantt.parsedOptions.verticalSplitLineHighlight = options.frame?.verticalSplitLineHighlight;
-        gantt.parsedOptions.verticalSplitLine = Object.assign({
-            lineColor: gantt.parsedOptions.outerFrameStyle?.borderColor,
-            lineWidth: gantt.parsedOptions.outerFrameStyle?.borderLineWidth
-        }, options.frame?.verticalSplitLine);
-        gantt.parsedOptions.horizontalSplitLine = options.frame?.horizontalSplitLine;
-        gantt.parsedOptions.verticalSplitLineMoveable = options.frame?.verticalSplitLineMoveable;
-        gantt.parsedOptions.taskKeyField = options.taskKeyField ?? 'id';
-        gantt.parsedOptions.dependencyLinks = options.dependency?.links ?? [];
-        gantt.parsedOptions.dependencyLinkCreatable = options.dependency?.linkCreatable ?? false;
-        gantt.parsedOptions.dependencyLinkSelectable = options.dependency?.linkSelectable ?? true;
-        gantt.parsedOptions.dependencyLinkDeletable = options.dependency?.linkDeletable ?? false;
-        gantt.parsedOptions.dependencyLinkLineStyle = Object.assign({
-            lineColor: 'red',
-            lineWidth: 1
-        }, options.dependency?.linkLineStyle);
-        gantt.parsedOptions.dependencyLinkSelectedLineStyle = Object.assign({
-            shadowBlur: 4,
-            shadowOffset: 0,
-            shadowColor: gantt.parsedOptions.dependencyLinkLineStyle.lineColor,
-            lineColor: gantt.parsedOptions.dependencyLinkLineStyle.lineColor,
-            lineWidth: gantt.parsedOptions.dependencyLinkLineStyle.lineWidth
-        }, options?.dependency?.linkSelectedLineStyle);
-        gantt.parsedOptions.dependencyLinkLineCreatePointStyle = Object.assign({
-            strokeColor: 'red',
-            fillColor: 'white',
-            radius: 5,
-            strokeWidth: 1
-        }, options?.dependency?.linkCreatePointStyle);
-        gantt.parsedOptions.dependencyLinkLineCreatingPointStyle = Object.assign({
-            strokeColor: 'red',
-            fillColor: 'red',
-            radius: 5,
-            strokeWidth: 1
-        }, options?.dependency?.linkCreatingPointStyle);
-        gantt.parsedOptions.dependencyLinkLineCreatingStyle = Object.assign({
-            lineColor: 'red',
-            lineWidth: 1,
-            lineDash: [5, 5]
-        }, options?.dependency?.linkCreatingLineStyle);
-        gantt.parsedOptions.eventOptions = options?.eventOptions;
-        gantt.parsedOptions.keyboardOptions = options?.keyboardOptions;
-        gantt.parsedOptions.markLineCreateOptions = options?.markLineCreateOptions;
-    }
-    function updateOptionsWhenScaleChanged(gantt) {
-        const options = gantt.options;
-        const { unit: minTimeUnit, startOfWeek, step } = gantt.parsedOptions.reverseSortedTimelineScales[0];
-        gantt.parsedOptions.minDate = getStartDateByTimeUnit(new Date(gantt.parsedOptions.minDate), minTimeUnit, startOfWeek);
-        gantt.parsedOptions.maxDate = getEndDateByTimeUnit(gantt.parsedOptions.minDate, new Date(gantt.parsedOptions.maxDate), minTimeUnit, step);
-        gantt.parsedOptions._minDateTime = gantt.parsedOptions.minDate?.getTime();
-        gantt.parsedOptions._maxDateTime = gantt.parsedOptions.maxDate?.getTime();
-        gantt.parsedOptions.timeLineHeaderRowHeights = [];
-        gantt.parsedOptions.timelineHeaderStyles = [];
-        for (let i = 0; i < gantt.parsedOptions.sortedTimelineScales.length ?? 0; i++) {
-            const style = gantt.parsedOptions.sortedTimelineScales[i].style;
-            gantt.parsedOptions.timelineHeaderStyles.push(Object.assign({
-                fontSize: 20,
-                fontWeight: 'bold',
-                textAlign: 'center',
-                textBaseline: 'middle',
-                color: '#000',
-                backgroundColor: '#fff'
-            }, style));
-            gantt.parsedOptions.timeLineHeaderRowHeights.push(gantt.parsedOptions.sortedTimelineScales[i].rowHeight ?? options?.headerRowHeight ?? 40);
-        }
-    }
-    function generateTimeLineDate(currentDate, endDate, scale) {
-        const { unit, step, format } = scale;
-        const timelineDates = [];
-        while (currentDate < endDate) {
-            if (unit === 'day') {
-                const year = currentDate.getFullYear();
-                const month = currentDate.getMonth();
-                const day = currentDate.getDate();
-                const end = createDateAtLastHour(new Date(year, month, day + step - 1), true);
-                if (end.getTime() > endDate.getTime()) {
-                    end.setTime(endDate.getTime());
-                }
-                const start = currentDate;
-                const formattedDate = format?.({ dateIndex: day, startDate: start, endDate: end });
-                const columnTitle = formattedDate || day.toString();
-                const dayCellConfig = {
-                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
-                    startDate: start,
-                    endDate: end,
-                    step,
-                    unit: 'day',
-                    title: columnTitle,
-                    dateIndex: day
-                };
-                timelineDates.push(dayCellConfig);
-                currentDate = new Date(year, month, day + step);
-            }
-            else if (unit === 'month') {
-                const year = currentDate.getFullYear();
-                const month = currentDate.getMonth();
-                const end = createDateAtLastHour(new Date(year, month + step, 0), true);
-                if (end.getTime() > endDate.getTime()) {
-                    end.setTime(endDate.getTime());
-                }
-                const start = currentDate;
-                const formattedDate = format?.({ dateIndex: month + 1, startDate: start, endDate: end });
-                const columnTitle = formattedDate || (month + 1).toString();
-                const dayCellConfig = {
-                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
-                    startDate: start,
-                    step,
-                    unit: 'month',
-                    endDate: end,
-                    title: columnTitle,
-                    dateIndex: month + 1
-                };
-                timelineDates.push(dayCellConfig);
-                currentDate = new Date(year, month + step, 1);
-            }
-            else if (unit === 'quarter') {
-                const year = currentDate.getFullYear();
-                const quarter = Math.floor(currentDate.getMonth() / 3);
-                const end = createDateAtLastHour(new Date(year, (quarter + step) * 3, 0), true);
-                if (end.getTime() > endDate.getTime()) {
-                    end.setTime(endDate.getTime());
-                }
-                const start = currentDate;
-                const formattedDate = format?.({ dateIndex: quarter + 1, startDate: start, endDate: end });
-                const columnTitle = formattedDate || (quarter + 1).toString();
-                const dayCellConfig = {
-                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / (1000 * 60 * 60 * 24),
-                    startDate: start,
-                    step,
-                    unit: 'quarter',
-                    endDate: end,
-                    title: columnTitle,
-                    dateIndex: quarter + 1
-                };
-                timelineDates.push(dayCellConfig);
-                currentDate = new Date(year, (quarter + step) * 3, 1);
-            }
-            else if (unit === 'year') {
-                const year = currentDate.getFullYear();
-                const end = createDateAtLastHour(new Date(year + step - 1, 11, 31), true);
-                if (end.getTime() > endDate.getTime()) {
-                    end.setTime(endDate.getTime());
-                }
-                const start = currentDate;
-                const formattedDate = format?.({ dateIndex: year, startDate: start, endDate: end });
-                const columnTitle = formattedDate || year.toString();
-                const dayCellConfig = {
-                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
-                    startDate: start,
-                    endDate: end,
-                    step,
-                    unit: 'year',
-                    title: columnTitle,
-                    dateIndex: year
-                };
-                timelineDates.push(dayCellConfig);
-                currentDate = new Date(year + step, 0, 1);
-            }
-            else if (unit === 'week') {
-                const startOfWeekSetting = scale.startOfWeek ?? 'monday';
-                let dayOfWeek = currentDate.getDay();
-                if (startOfWeekSetting === 'monday') {
-                    dayOfWeek = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
-                }
-                const startOfWeek = createDateAtMidnight(currentDate);
-                const dateEnd = createDateAtLastHour(currentDate.getTime() + (7 * step - dayOfWeek) * 24 * 60 * 60 * 1000 - 1, true);
-                if (dateEnd > endDate) {
-                    dateEnd.setTime(endDate.getTime());
-                }
-                const weekNumber = getWeekNumber(startOfWeek);
-                const columnTitle = format?.({ dateIndex: weekNumber, startDate: startOfWeek, endDate: dateEnd }) || weekNumber.toString();
-                const dayCellConfig = {
-                    days: (dateEnd.getTime() - startOfWeek.getTime() + 1) / DayTimes,
-                    startDate: startOfWeek,
-                    endDate: dateEnd,
-                    step,
-                    unit: 'week',
-                    title: columnTitle,
-                    dateIndex: weekNumber
-                };
-                timelineDates.push(dayCellConfig);
-                currentDate.setTime(createDateAtMidnight(currentDate.getTime() + (7 * step - dayOfWeek) * 24 * 60 * 60 * 1000, true).getTime());
-            }
-            else if (unit === 'hour') {
-                const year = currentDate.getFullYear();
-                const month = currentDate.getMonth();
-                const day = currentDate.getDate();
-                const hour = currentDate.getHours();
-                const end = createDateAtLastMinute(new Date(year, month, day, hour + step - 1), true);
-                if (end.getTime() > endDate.getTime()) {
-                    end.setTime(endDate.getTime());
-                }
-                const start = currentDate;
-                const formattedDate = format?.({ dateIndex: hour, startDate: start, endDate: end });
-                const columnTitle = formattedDate || hour.toString();
-                const dayCellConfig = {
-                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
-                    startDate: start,
-                    endDate: end,
-                    step,
-                    unit: 'hour',
-                    title: columnTitle,
-                    dateIndex: currentDate.getHours()
-                };
-                timelineDates.push(dayCellConfig);
-                currentDate = new Date(year, month, day, hour + step);
-            }
-            else if (unit === 'minute') {
-                const year = currentDate.getFullYear();
-                const month = currentDate.getMonth();
-                const day = currentDate.getDate();
-                const hour = currentDate.getHours();
-                const minute = currentDate.getMinutes();
-                const end = createDateAtLastSecond(new Date(year, month, day, hour, minute + step - 1), true);
-                if (end.getTime() > endDate.getTime()) {
-                    end.setTime(endDate.getTime());
-                }
-                const start = currentDate;
-                const formattedDate = format?.({ dateIndex: minute, startDate: start, endDate: end });
-                const columnTitle = formattedDate || minute.toString();
-                const dayCellConfig = {
-                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
-                    startDate: start,
-                    endDate: end,
-                    step,
-                    unit: 'minute',
-                    title: columnTitle,
-                    dateIndex: currentDate.getMinutes()
-                };
-                timelineDates.push(dayCellConfig);
-                currentDate = new Date(year, month, day, hour, minute + step);
-            }
-            else if (unit === 'second') {
-                const year = currentDate.getFullYear();
-                const month = currentDate.getMonth();
-                const day = currentDate.getDate();
-                const hour = currentDate.getHours();
-                const minute = currentDate.getMinutes();
-                const second = currentDate.getSeconds();
-                const end = createDateAtLastMillisecond(new Date(year, month, day, hour, minute, second + step - 1), true);
-                if (end.getTime() > endDate.getTime()) {
-                    end.setTime(endDate.getTime());
-                }
-                const start = currentDate;
-                const formattedDate = format?.({ dateIndex: second, startDate: start, endDate: end });
-                const columnTitle = formattedDate || second.toString();
-                const dayCellConfig = {
-                    days: Math.abs(end.getTime() - currentDate.getTime() + 1) / DayTimes,
-                    startDate: start,
-                    endDate: end,
-                    step,
-                    unit: 'second',
-                    title: columnTitle,
-                    dateIndex: currentDate.getSeconds()
-                };
-                timelineDates.push(dayCellConfig);
-                currentDate = new Date(year, month, day, hour, minute, second + step);
+                });
             }
+            this._gantt.stateManager.setScrollLeft(oldHorizontalBarPos);
+            this._gantt.stateManager.setScrollTop(oldVerticalBarPos);
         }
-        return timelineDates;
     }
-    function getTextPos(padding, textAlign, textBaseline, width, height) {
-        let textX = padding[3] ?? 10;
-        if (textAlign === 'right' || textAlign === 'end') {
-            textX = width - 0 - (padding[1] ?? 10);
+    function handleWhell$1(event, state, gantt, isWheelEvent = true) {
+        let { deltaX, deltaY } = event;
+        if (event.shiftKey && event.deltaY) {
+            deltaX = deltaY;
+            deltaY = 0;
         }
-        else if (textAlign === 'center') {
-            textX = 0 + (width - 0 + (padding[3] ?? 10) - (padding[1] ?? 10)) / 2;
+        const [optimizedDeltaX, optimizedDeltaY] = optimizeScrollXY$1(deltaX, deltaY, { horizontal: 1, vertical: 1 });
+        if (optimizedDeltaX) {
+            state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX);
+            gantt.scenegraph.scrollbarComponent.showHorizontalScrollBar(true);
         }
-        let textY = 0 + (padding[0] ?? 10);
-        if (textBaseline === 'bottom' || textBaseline === 'alphabetic' || textBaseline === 'ideographic') {
-            textY = height - 0 - (padding[2] ?? 10);
+        if (optimizedDeltaY) {
+            state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY);
+            gantt.scenegraph.scrollbarComponent.showVerticalScrollBar(true);
         }
-        else if (textBaseline === 'middle') {
-            textY = 0 + (height - 0 - (padding[0] ?? 10) - (padding[2] ?? 10)) / 2 + (padding[0] ?? 10);
+        isWheelEvent && state.resetInteractionState();
+        if (event.cancelable &&
+            (state._gantt.parsedOptions.overscrollBehavior === 'none' ||
+                (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable$1(deltaY, state)) ||
+                (Math.abs(deltaY) <= Math.abs(deltaX) && deltaX !== 0 && isHorizontalScrollable$1(deltaX, state)))) {
+            event.preventDefault();
         }
-        return {
-            x: textX,
-            y: textY
-        };
     }
-    function convertProgress(progress) {
-        if (typeof progress === 'string') {
-            progress = progress.replace('%', '');
-            progress = parseFloat(progress);
-        }
-        return Math.round(progress);
+    function optimizeScrollXY$1(x, y, ratio) {
+        const ANGLE = 2;
+        const angle = Math.abs(x / y);
+        const deltaX = angle <= 1 / ANGLE ? 0 : x;
+        const deltaY = angle > ANGLE ? 0 : y;
+        return [Math.ceil(deltaX * (ratio.horizontal ?? 0)), Math.ceil(deltaY * (ratio.vertical ?? 0))];
     }
-    function createSplitLineAndResizeLine(gantt) {
-        if (gantt.taskListTableInstance) {
-            gantt.verticalSplitResizeLine = document.createElement('div');
-            gantt.verticalSplitResizeLine.style.position = 'absolute';
-            gantt.verticalSplitResizeLine.style.top = gantt.tableY + 'px';
-            gantt.verticalSplitResizeLine.style.left =
-                (gantt.taskTableWidth ? gantt.taskTableWidth - 7 + gantt.parsedOptions.verticalSplitLine.lineWidth / 2 : 0) +
-                    'px';
-            gantt.verticalSplitResizeLine.style.width = '14px';
-            gantt.verticalSplitResizeLine.style.height = gantt.drawHeight + 'px';
-            gantt.verticalSplitResizeLine.style.backgroundColor = 'rgba(0,0,0,0)';
-            gantt.verticalSplitResizeLine.style.zIndex = '100';
-            gantt.parsedOptions.verticalSplitLineMoveable && (gantt.verticalSplitResizeLine.style.cursor = 'col-resize');
-            gantt.verticalSplitResizeLine.style.userSelect = 'none';
-            gantt.verticalSplitResizeLine.style.opacity = '1';
-            const verticalSplitLine = document.createElement('div');
-            verticalSplitLine.style.position = 'absolute';
-            verticalSplitLine.style.top = '0px';
-            verticalSplitLine.style.left = `${(14 - gantt.parsedOptions.verticalSplitLine.lineWidth) / 2}px`;
-            verticalSplitLine.style.width = gantt.parsedOptions.verticalSplitLine.lineWidth + 'px';
-            verticalSplitLine.style.height = '100%';
-            verticalSplitLine.style.backgroundColor = gantt.parsedOptions.verticalSplitLine.lineColor;
-            verticalSplitLine.style.zIndex = '100';
-            verticalSplitLine.style.userSelect = 'none';
-            verticalSplitLine.style.pointerEvents = 'none';
-            verticalSplitLine.style.transition = 'background-color 0.3s';
-            gantt.verticalSplitResizeLine.appendChild(verticalSplitLine);
-            if (gantt.parsedOptions.verticalSplitLineHighlight) {
-                const highlightLine = document.createElement('div');
-                highlightLine.style.position = 'absolute';
-                highlightLine.style.top = '0px';
-                highlightLine.style.left = `${(14 - gantt.parsedOptions.verticalSplitLineHighlight.lineWidth ?? 2) / 2}px`;
-                highlightLine.style.width = (gantt.parsedOptions.verticalSplitLineHighlight.lineWidth ?? 2) + 'px';
-                highlightLine.style.height = '100%';
-                highlightLine.style.backgroundColor = gantt.parsedOptions.verticalSplitLineHighlight.lineColor;
-                highlightLine.style.zIndex = '100';
-                highlightLine.style.cursor = 'col-resize';
-                highlightLine.style.userSelect = 'none';
-                highlightLine.style.pointerEvents = 'none';
-                highlightLine.style.opacity = '0';
-                highlightLine.style.transition = 'background-color 0.3s';
-                gantt.verticalSplitResizeLine.appendChild(highlightLine);
-            }
-            gantt.container.appendChild(gantt.verticalSplitResizeLine);
+    function isVerticalScrollable$1(deltaY, state) {
+        const totalHeight = state._gantt.getAllRowsHeight() - state._gantt.scenegraph.height;
+        if (totalHeight === 0) {
+            return false;
         }
+        return !isScrollToTop$1(deltaY, state) && !isScrollToBottom$1(deltaY, state);
     }
-    function updateSplitLineAndResizeLine(gantt) {
-        if (gantt.verticalSplitResizeLine) {
-            gantt.verticalSplitResizeLine.style.position = 'absolute';
-            gantt.verticalSplitResizeLine.style.top = gantt.tableY + 'px';
-            gantt.verticalSplitResizeLine.style.left = gantt.taskTableWidth
-                ? `${gantt.taskTableWidth - 7 + gantt.parsedOptions.verticalSplitLine.lineWidth / 2}px`
-                : '0px';
-            gantt.verticalSplitResizeLine.style.width = '14px';
-            gantt.verticalSplitResizeLine.style.height = gantt.drawHeight + 'px';
-            gantt.verticalSplitResizeLine.style.backgroundColor = 'rgba(0,0,0,0)';
-            gantt.verticalSplitResizeLine.style.zIndex = '100';
-            gantt.parsedOptions.verticalSplitLineMoveable && (gantt.verticalSplitResizeLine.style.cursor = 'col-resize');
-            gantt.verticalSplitResizeLine.style.userSelect = 'none';
-            gantt.verticalSplitResizeLine.style.opacity = '1';
-            const verticalSplitLine = gantt.verticalSplitResizeLine.childNodes[0];
-            verticalSplitLine.style.position = 'absolute';
-            verticalSplitLine.style.top = '0px';
-            verticalSplitLine.style.left = `${(14 - gantt.parsedOptions.verticalSplitLine.lineWidth) / 2}px`;
-            verticalSplitLine.style.width = gantt.parsedOptions.verticalSplitLine.lineWidth + 'px';
-            verticalSplitLine.style.height = '100%';
-            verticalSplitLine.style.backgroundColor = gantt.parsedOptions.verticalSplitLine.lineColor;
-            verticalSplitLine.style.zIndex = '100';
-            verticalSplitLine.style.userSelect = 'none';
-            verticalSplitLine.style.pointerEvents = 'none';
-            verticalSplitLine.style.transition = 'background-color 0.3s';
-            if (gantt.verticalSplitResizeLine.childNodes[1]) {
-                const highlightLine = gantt.verticalSplitResizeLine.childNodes[1];
-                highlightLine.style.position = 'absolute';
-                highlightLine.style.top = '0px';
-                highlightLine.style.left = `${(14 - gantt.parsedOptions.verticalSplitLineHighlight.lineWidth ?? 2) / 2}px`;
-                highlightLine.style.width = (gantt.parsedOptions.verticalSplitLineHighlight.lineWidth ?? 2) + 'px';
-                highlightLine.style.height = '100%';
-                highlightLine.style.backgroundColor = gantt.parsedOptions.verticalSplitLineHighlight.lineColor;
-                highlightLine.style.zIndex = '100';
-                highlightLine.style.cursor = 'col-resize';
-                highlightLine.style.userSelect = 'none';
-                highlightLine.style.pointerEvents = 'none';
-                highlightLine.style.opacity = '0';
-                highlightLine.style.transition = 'background-color 0.3s';
-            }
+    function isHorizontalScrollable$1(deltaX, state) {
+        const totalWidth = state._gantt.getAllDateColsWidth() - state._gantt.scenegraph.width;
+        if (totalWidth === 0) {
+            return false;
         }
+        return !isScrollToLeft$1(deltaX, state) && !isScrollToRight$1(deltaX, state);
     }
-    function findRecordByTaskKey(records, taskKeyField, taskKey, childrenField = 'children') {
-        for (let i = 0; i < records.length; i++) {
-            if ((Array.isArray(taskKey) && taskKey.length === 1 && records[i][taskKeyField] === taskKey[0]) ||
-                records[i][taskKeyField] === taskKey) {
-                return { record: records[i], index: [i] };
-            }
-            else if (records[i][childrenField]?.length) {
-                if (Array.isArray(taskKey) && taskKey[0] === records[i][taskKeyField]) {
-                    const result = findRecordByTaskKey(records[i][childrenField], taskKeyField, taskKey.slice(1));
-                    if (result) {
-                        result.index.unshift(i);
-                        return result;
-                    }
-                }
-                else if (!Array.isArray(taskKey)) {
-                    const result = findRecordByTaskKey(records[i][childrenField], taskKeyField, taskKey);
-                    if (result) {
-                        result.index.unshift(i);
-                        return result;
-                    }
-                }
-            }
-        }
+    function isScrollToTop$1(deltaY, state) {
+        const totalHeight = state._gantt.getAllRowsHeight() - state._gantt.scenegraph.height;
+        return totalHeight !== 0 && deltaY <= 0 && state.scroll.verticalBarPos < 1;
     }
-    function clearRecordLinkInfos(records, childrenField = 'children') {
-        for (let i = 0; i < records.length; i++) {
-            if (records[i][childrenField]?.length) {
-                clearRecordLinkInfos(records[i][childrenField], childrenField);
-            }
-            else {
-                delete records[i].vtable_gantt_linkedTo;
-                delete records[i].vtable_gantt_linkedFrom;
-            }
-        }
+    function isScrollToBottom$1(deltaY, state) {
+        const totalHeight = state._gantt.getAllRowsHeight() - state._gantt.scenegraph.height;
+        return totalHeight !== 0 && deltaY >= 0 && Math.abs(state.scroll.verticalBarPos - totalHeight) < 1;
     }
-    function clearRecordShowIndex(records, childrenField = 'children') {
-        for (let i = 0; i < records.length; i++) {
-            if (records[i][childrenField]?.length) {
-                clearRecordShowIndex(records[i][childrenField], childrenField);
-            }
-            else {
-                delete records[i].vtable_gantt_showIndex;
-            }
-        }
+    function isScrollToLeft$1(deltaX, state) {
+        const totalWidth = state._gantt.getAllDateColsWidth() - state._gantt.scenegraph.width;
+        return totalWidth !== 0 && deltaX <= 0 && state.scroll.horizontalBarPos < 1;
     }
-    function getTaskIndexsByTaskY(y, gantt) {
-        let task_index;
-        let sub_task_index;
-        if (gantt.taskListTableInstance) {
-            const rowInfo = gantt.taskListTableInstance.getTargetRowAt(y + gantt.headerHeight);
-            if (rowInfo) {
-                const { row } = rowInfo;
-                task_index = row - gantt.taskListTableInstance.columnHeaderLevelCount;
-                const beforeRowsHeight = gantt.getRowsHeightByIndex(0, task_index - 1);
-                if (gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Inline ||
-                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Arrange ||
-                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Compact ||
-                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate) {
-                    sub_task_index = Math.floor((y - beforeRowsHeight) / gantt.parsedOptions.rowHeight);
-                }
-            }
-        }
-        else {
-            task_index = Math.floor(y / gantt.parsedOptions.rowHeight);
-        }
-        return { task_index, sub_task_index };
+    function isScrollToRight$1(deltaX, state) {
+        const totalWidth = state._gantt.getAllDateColsWidth() - state._gantt.scenegraph.width;
+        return totalWidth !== 0 && deltaX >= 0 && Math.abs(state.scroll.horizontalBarPos - totalWidth) < 1;
     }
-    function computeRowsCountByRecordDateForCompact(gantt, record) {
-        if (!record.children || record.children.length === 1) {
-            if (record.children?.length === 1) {
-                record.children[0].vtable_gantt_showIndex = 0;
+    function bindScrollBarListener$1(eventManager) {
+        const table = eventManager._gantt;
+        const stateManager = table.stateManager;
+        const scenegraph = table.scenegraph;
+        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointerover', (e) => {
+            scenegraph.scrollbarComponent.showVerticalScrollBar();
+        });
+        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerover', (e) => {
+            scenegraph.scrollbarComponent.showHorizontalScrollBar();
+        });
+        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointerout', (e) => {
+            if (stateManager.interactionState === InteractionState$1.scrolling) {
+                return;
             }
-            else {
-                record.vtable_gantt_showIndex = 0;
+            scenegraph.scrollbarComponent.hideVerticalScrollBar();
+        });
+        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerout', (e) => {
+            if (stateManager.interactionState === InteractionState$1.scrolling) {
+                return;
             }
-            return 1;
-        }
-        const sortedChildren = record.children.slice().sort((a, b) => {
-            const { startDate: aStartDate } = formatRecordDateConsiderHasHour(gantt, a);
-            const { startDate: bStartDate } = formatRecordDateConsiderHasHour(gantt, b);
-            return aStartDate.getTime() - bStartDate.getTime();
+            scenegraph.scrollbarComponent.hideHorizontalScrollBar();
         });
-        const rows = [];
-        for (let i = 0; i <= sortedChildren.length - 1; i++) {
-            const newRecord = sortedChildren[i];
-            const { startDate, endDate } = formatRecordDateConsiderHasHour(gantt, newRecord);
-            let placed = false;
-            for (let j = 0; j < rows.length; j++) {
-                if (startDate.getTime() > rows[j]) {
-                    rows[j] = endDate.getTime();
-                    placed = true;
-                    newRecord.vtable_gantt_showIndex = j;
-                    break;
-                }
+        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointermove', (e) => {
+            e.stopPropagation();
+        });
+        scenegraph.scrollbarComponent.vScrollBar.addEventListener('scrollDown', (e) => {
+            scenegraph._gantt.eventManager.isDown = true;
+        });
+        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointerup', () => {
+            scenegraph._gantt.eventManager.isDraging = false;
+            if (stateManager.interactionState === InteractionState$1.scrolling) {
+                stateManager.updateInteractionState(InteractionState$1.default);
             }
-            if (!placed) {
-                rows.push(endDate.getTime());
-                newRecord.vtable_gantt_showIndex = rows.length - 1;
+        });
+        scenegraph.scrollbarComponent.vScrollBar.addEventListener('pointerupoutside', () => {
+            if (stateManager.interactionState === InteractionState$1.scrolling) {
+                stateManager.updateInteractionState(InteractionState$1.default);
             }
-        }
-        return rows.length;
-    }
-    function isOverlapping(startDate, endDate, rowTasks, gantt) {
-        return rowTasks.some(rowTask => {
-            const { startDate: startDate2, endDate: endDate2 } = formatRecordDateConsiderHasHour(gantt, rowTask);
-            return startDate <= endDate2 && startDate2 <= endDate;
         });
-    }
-    function computeRowsCountByRecordDate(gantt, record) {
-        if (!record.children || record.children.length === 1) {
-            if (record.children?.length === 1) {
-                record.children[0].vtable_gantt_showIndex = 0;
+        scenegraph.scrollbarComponent.vScrollBar.addEventListener('scrollUp', (e) => {
+            scenegraph._gantt.eventManager.isDraging = false;
+        });
+        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointermove', (e) => {
+            e.stopPropagation();
+        });
+        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerdown', (e) => {
+            e.stopPropagation();
+        });
+        scenegraph.scrollbarComponent.hScrollBar.addEventListener('scrollDown', (e) => {
+            scenegraph._gantt.eventManager.isDown = true;
+            if (stateManager.interactionState !== InteractionState$1.scrolling) {
+                stateManager.updateInteractionState(InteractionState$1.scrolling);
             }
-            else {
-                record.vtable_gantt_showIndex = 0;
+        });
+        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerup', () => {
+            if (stateManager.interactionState === InteractionState$1.scrolling) {
+                stateManager.updateInteractionState(InteractionState$1.default);
             }
-            return 1;
-        }
-        const rows = [];
-        for (let i = 0; i <= record.children.length - 1; i++) {
-            const newRecord = record.children[i];
-            const { startDate, endDate } = formatRecordDateConsiderHasHour(gantt, newRecord);
-            let placed = false;
-            for (let j = 0; j < rows.length; j++) {
-                const rowTasks = record.children.filter((t) => t !== newRecord && t.vtable_gantt_showIndex === j);
-                if (!isOverlapping(startDate, endDate, rowTasks, gantt)) {
-                    rows[j] = endDate.getTime();
-                    placed = true;
-                    newRecord.vtable_gantt_showIndex = j;
-                    break;
-                }
+        });
+        scenegraph.scrollbarComponent.hScrollBar.addEventListener('pointerupoutside', () => {
+            if (stateManager.interactionState === InteractionState$1.scrolling) {
+                stateManager.updateInteractionState(InteractionState$1.default);
             }
-            if (!placed) {
-                rows.push(endDate.getTime());
-                newRecord.vtable_gantt_showIndex = rows.length - 1;
+        });
+        scenegraph.scrollbarComponent.hScrollBar.addEventListener('scrollUp', (e) => {
+            scenegraph._gantt.eventManager.isDraging = false;
+        });
+        const throttleVerticalWheel = throttle$1(stateManager.updateVerticalScrollBar, 20);
+        const throttleHorizontalWheel = throttle$1(stateManager.updateHorizontalScrollBar, 20);
+        scenegraph.scrollbarComponent.vScrollBar.addEventListener('scrollDrag', (e) => {
+            if (scenegraph._gantt.eventManager.isDown) {
+                scenegraph._gantt.eventManager.isDraging = true;
             }
-        }
-        return rows.length;
-    }
-    function formatRecordDateConsiderHasHour(gantt, record) {
-        const { timeScaleIncludeHour, startDateField, endDateField } = gantt.parsedOptions;
-        const startDate = record[startDateField];
-        const endDate = record[endDateField];
-        if (timeScaleIncludeHour) {
-            return { startDate: createDateAtMidnight(startDate), endDate: createDateAtLastHour(endDate) };
-        }
-        return { startDate: createDateAtMidnight(startDate, true), endDate: createDateAtLastHour(endDate, true) };
-    }
-    function updateOptionsWhenRecordChanged(gantt) {
-        const options = gantt.options;
-        const { unit: minTimeUnit, startOfWeek } = gantt.parsedOptions.reverseSortedTimelineScales[0];
-        gantt.parsedOptions.markLine = generateMarkLine(options?.markLine);
-        if (gantt.parsedOptions.markLine?.length ?? 0) {
-            if (gantt.parsedOptions.markLine?.every(item => item.scrollToMarkLine === undefined)) {
-                gantt.parsedOptions.markLine[0].scrollToMarkLine = true;
+            if (stateManager.interactionState !== InteractionState$1.scrolling) {
+                stateManager.updateInteractionState(InteractionState$1.scrolling);
             }
-            if (gantt.parsedOptions.markLine?.find(item => item.scrollToMarkLine)) {
-                gantt.parsedOptions.scrollToMarkLineDate = getStartDateByTimeUnit(new Date(gantt.parsedOptions.markLine?.find(item => item.scrollToMarkLine).date), minTimeUnit, startOfWeek);
+            const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
+            throttleVerticalWheel(ratio, e);
+        });
+        scenegraph.scrollbarComponent.hScrollBar.addEventListener('scrollDrag', (e) => {
+            if (scenegraph._gantt.eventManager.isDown) {
+                scenegraph._gantt.eventManager.isDraging = true;
             }
-        }
-        gantt.parsedOptions.dependencyLinks = options.dependency?.links;
-    }
-    function updateOptionsWhenDateRangeChanged(gantt) {
-        const options = gantt.options;
-        const { unit: minTimeUnit, startOfWeek, step } = gantt.parsedOptions.reverseSortedTimelineScales[0];
-        gantt.parsedOptions.minDate = options?.minDate
-            ? getStartDateByTimeUnit(new Date(options.minDate), minTimeUnit, startOfWeek)
-            : undefined;
-        gantt.parsedOptions.maxDate = options?.maxDate
-            ? getEndDateByTimeUnit(gantt.parsedOptions.minDate, new Date(options.maxDate), minTimeUnit, step)
-            : undefined;
-        gantt.parsedOptions._minDateTime = gantt.parsedOptions.minDate?.getTime();
-        gantt.parsedOptions._maxDateTime = gantt.parsedOptions.maxDate?.getTime();
-    }
-    function updateOptionsWhenMarkLineChanged(gantt) {
-        const options = gantt.options;
-        gantt.parsedOptions.markLine = generateMarkLine(options?.markLine);
-    }
-    function _getTaskInfoByXYForCreateSchedule(eventX, eventY, gantt) {
-        const taskIndex = getTaskIndexsByTaskY(eventY - gantt.headerHeight + gantt.stateManager.scrollTop, gantt);
-        const recordParent = gantt.getRecordByIndex(taskIndex.task_index);
-        const dateIndex = getDateIndexByX(eventX, gantt);
-        const dateRange = gantt.getDateRangeByIndex(dateIndex);
-        if (recordParent?.children) {
-            const taskIndex = getTaskIndexsByTaskY(eventY - gantt.headerHeight + gantt.stateManager.scrollTop, gantt);
-            for (let i = 0; i < recordParent.children.length; i++) {
-                const { startDate, endDate, taskDays, progress, taskRecord } = gantt.getTaskInfoByTaskListIndex(taskIndex.task_index, i);
-                if (((gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Compact ||
-                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Arrange) &&
-                    taskRecord.vtable_gantt_showIndex === taskIndex.sub_task_index) ||
-                    gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Inline) {
-                    if (dateRange.startDate.getTime() >= startDate.getTime() && dateRange.endDate.getTime() <= endDate.getTime()) {
-                        return { startDate, endDate, taskDays, progress, taskRecord };
-                    }
-                }
+            stateManager.fastScrolling = true;
+            if (stateManager.interactionState !== InteractionState$1.scrolling) {
+                stateManager.updateInteractionState(InteractionState$1.scrolling);
             }
-        }
-    }
-    function getNodeClickPos(marklineIconNode, gantt) {
-        const left = marklineIconNode.globalTransMatrix.e +
-            gantt.taskListTableInstance.tableNoFrameWidth +
-            gantt.taskListTableInstance.tableX +
-            gantt.tableX;
-        const top = marklineIconNode.globalTransMatrix.f;
-        const width = marklineIconNode.attribute.width;
-        const height = marklineIconNode.attribute.height;
-        return {
-            left,
-            top,
-            width,
-            height
-        };
-    }
-    function judgeIfHasMarkLine(data, markLine) {
-        const beginTime = data.startDate.getTime();
-        const endTime = data.endDate.getTime();
-        return markLine.some(item => {
-            const marklineTime = new Date(item.date).getTime();
-            return marklineTime >= beginTime && marklineTime <= endTime;
+            const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
+            throttleHorizontalWheel(ratio);
         });
     }
@@ -29533,7 +29535,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    function __decorate$6(decorators, target, key, desc) {
+    function __decorate$7(decorators, target, key, desc) {
       var c = arguments.length,
         r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
         d;
@@ -29576,7 +29578,7 @@
             }
         }
     };
-    DateHeaderGroupBeforeRenderContribution = __decorate$6([
+    DateHeaderGroupBeforeRenderContribution = __decorate$7([
         injectable()
     ], DateHeaderGroupBeforeRenderContribution);
@@ -32428,6 +32430,7 @@
       AFTER_SORT: "after_sort",
       FREEZE_CLICK: "freeze_click",
       SCROLL: "scroll",
+      CAN_SCROLL: "can_scroll",
       SCROLL_HORIZONTAL_END: "scroll_horizontal_end",
       SCROLL_VERTICAL_END: "scroll_vertical_end",
       DROPDOWN_MENU_CLICK: "dropdown_menu_click",
@@ -37083,7 +37086,7 @@
       }
       updateCustomCell(componentId, isHeaderCustomLayout) {
         const table = this.table;
-        if (table.isPivotTable()) {
+        if ("autoWidth" === table.widthMode && table.scenegraph.recalculateColWidths(), (table.isAutoRowHeight() || "auto" === table.internalProps.defaultRowHeight && !isHeaderCustomLayout || "auto" === table.internalProps.defaultHeaderRowHeight && isHeaderCustomLayout) && table.scenegraph.recalculateRowHeights(), table.isPivotTable()) {
           const ranges = getUpdateCustomCellRangeInPivotTable(componentId, table, isHeaderCustomLayout);
           for (let i = 0; i < ranges.length; i++) {
             const range = ranges[i];
@@ -37093,7 +37096,7 @@
           const range = getUpdateCustomCellRangeInListTable(componentId, table, isHeaderCustomLayout);
           for (let col = range.start.col; col <= range.end.col; col++) for (let row = range.start.row; row <= range.end.row; row++) table.scenegraph.updateCellContent(col, row);
         }
-        "autoWidth" === table.widthMode && table.scenegraph.recalculateColWidths(), table.isAutoRowHeight() && table.scenegraph.recalculateRowHeights(), table.scenegraph.renderSceneGraph();
+        table.scenegraph.renderSceneGraph();
       }
       getCustomLayoutFunc(col, row) {
         var _a;
@@ -38781,8 +38784,9 @@
     }
     function updateCell$1(col, row, table, addNew, isShadow, forceFastUpdate) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-      const oldCellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0),
-        cellLocation = table.getCellLocation(col, row);
+      const oldCellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0);
+      if ("cell" !== oldCellGroup.role && !addNew) return;
+      const cellLocation = table.getCellLocation(col, row);
       let isMerge,
         range,
         customStyle,
@@ -39346,7 +39350,7 @@
       const layoutMap = table.internalProps.layoutMap;
       table.isPivotTable() && (layoutMap.enableUseGetBodyCache(), layoutMap.enableUseHeaderPathCache()), table.defaultHeaderRowHeight, table.defaultHeaderColWidth;
       const isDefaultHeaderHasAuto = "auto" === table.defaultHeaderRowHeight || isArray$7(table.defaultHeaderRowHeight) && table.defaultHeaderRowHeight.some(item => "auto" === item),
-        isAllRowsAuto = table.isAutoRowHeight() || "adaptive" === table.heightMode && !1 !== table.options.autoHeightInAdaptiveMode,
+        isAllRowsAuto = table.isAutoRowHeight(rowStart) || "adaptive" === table.heightMode && !1 !== table.options.autoHeightInAdaptiveMode,
         isDefaultRowHeightIsAuto = "auto" === table.options.defaultRowHeight;
       if (isAllRowsAuto || isDefaultHeaderHasAuto || isDefaultRowHeightIsAuto) {
         rowStart = null != rowStart ? rowStart : 0, rowEnd = null != rowEnd ? rowEnd : table.rowCount - 1, (0 === rowStart && rowEnd === table.rowCount - 1 || isClearRowRangeHeightsMap) && table._clearRowRangeHeightsMap();
@@ -39362,7 +39366,7 @@
           const height = computeRowHeight(row, 0, table.colCount - 1, table);
           update ? newHeights[row] = Math.round(height) : table._setRowHeight(row, height);
         }
-        if (rowEnd < table.columnHeaderLevelCount || !isAllRowsAuto && !isDefaultRowHeightIsAuto) ;else if (table.internalProps.transpose || table.isPivotTable() && !table.internalProps.layoutMap.indicatorsAsCol || table.options.customComputeRowHeight || !checkFixedStyleAndNoWrap(table)) {
+        if (rowEnd < table.columnHeaderLevelCount || !isAllRowsAuto && !isDefaultRowHeightIsAuto) ;else if (table.internalProps.transpose || table.isPivotTable() && !table.internalProps.layoutMap.indicatorsAsCol || table.options.customComputeRowHeight || !checkFixedStyleAndNoWrap(table, rowStart)) {
           if (table.internalProps.transpose || table.isPivotTable() && !table.internalProps.layoutMap.indicatorsAsCol) for (let row = Math.max(rowStart, table.columnHeaderLevelCount); row <= rowEnd; row++) {
             let height;
             height = checkFixedStyleAndNoWrapForTranspose(table, row) ? computeRowHeight(row, 0, table.rowHeaderLevelCount, table) : computeRowHeight(row, 0, table.colCount - 1, table), update ? newHeights[row] = Math.round(height) : table._setRowHeight(row, height);
@@ -39436,7 +39440,7 @@
     }
     function computeRowHeight(row, startCol, endCol, table) {
       var _a;
-      if (!(table.isAutoRowHeight() || "adaptive" === table.heightMode && !1 !== table.options.autoHeightInAdaptiveMode) && "auto" !== table.getDefaultRowHeight(row)) return table.getDefaultRowHeight(row);
+      if (!(table.isAutoRowHeight(row) || "adaptive" === table.heightMode && !1 !== table.options.autoHeightInAdaptiveMode) && "auto" !== table.getDefaultRowHeight(row)) return table.getDefaultRowHeight(row);
       let maxHeight;
       if (table.options.customComputeRowHeight) {
         const customRowHeight = table.options.customComputeRowHeight({
@@ -39474,13 +39478,13 @@
       const defaultHeight = table.getDefaultRowHeight(row);
       return isNumber$4(defaultHeight) ? defaultHeight : table.defaultRowHeight;
     }
-    function checkFixedStyleAndNoWrap(table) {
+    function checkFixedStyleAndNoWrap(table, rowStart) {
       var _a, _b, _c;
       const {
           layoutMap: layoutMap
         } = table.internalProps,
         row = table.columnHeaderLevelCount;
-      if ((table.internalProps.autoWrapText || table.internalProps.enableLineBreak || table.isPivotChart()) && (table.isAutoRowHeight() || "adaptive" === table.options.heightMode)) return !1;
+      if ((table.internalProps.autoWrapText || table.internalProps.enableLineBreak || table.isPivotChart()) && (table.isAutoRowHeight(rowStart) || "adaptive" === table.options.heightMode)) return !1;
       for (let col = 0; col < table.colCount; col++) {
         const cellDefine = layoutMap.getBody(col, row);
         if ("radio" === cellDefine.cellType) return !1;
@@ -39495,7 +39499,7 @@
       const {
         layoutMap: layoutMap
       } = table.internalProps;
-      if ((table.internalProps.autoWrapText || table.internalProps.enableLineBreak) && (table.isAutoRowHeight() || "adaptive" === table.options.heightMode)) return !1;
+      if ((table.internalProps.autoWrapText || table.internalProps.enableLineBreak) && (table.isAutoRowHeight(row) || "adaptive" === table.options.heightMode)) return !1;
       const cellDefine = layoutMap.getBody(table.rowHeaderLevelCount, row);
       if ("function" == typeof cellDefine.style || "function" == typeof cellDefine.icon || (null === (_a = cellDefine.define) || void 0 === _a ? void 0 : _a.customRender) || (null === (_b = cellDefine.define) || void 0 === _b ? void 0 : _b.customLayout) || "function" == typeof (null === (_c = cellDefine.define) || void 0 === _c ? void 0 : _c.icon)) return !1;
       const cellStyle = table._getCellStyle(table.rowHeaderLevelCount, row);
@@ -39506,7 +39510,7 @@
       const {
         layoutMap: layoutMap
       } = table.internalProps;
-      if (table.internalProps.autoWrapText && (table.isAutoRowHeight() || "adaptive" === table.options.heightMode)) return !1;
+      if (table.internalProps.autoWrapText && (table.isAutoRowHeight(row) || "adaptive" === table.options.heightMode)) return !1;
       const headerDefine = layoutMap.getHeader(table.rowHeaderLevelCount, row);
       if ("function" == typeof headerDefine.style || "function" == typeof headerDefine.icons || (null === (_a = headerDefine.define) || void 0 === _a ? void 0 : _a.headerCustomRender) || (null === (_b = headerDefine.define) || void 0 === _b ? void 0 : _b.headerCustomLayout) || "function" == typeof (null === (_c = headerDefine.define) || void 0 === _c ? void 0 : _c.icon)) return !1;
       const headerStyle = table._getCellStyle(table.rowHeaderLevelCount, row);
@@ -39537,7 +39541,8 @@
           rect: getCellRect$1(col, row, table),
           table: table,
           originCol: col,
-          originRow: row
+          originRow: row,
+          forComputation: !0
         };
         if ("react-custom-layout" === customLayout && (customLayout = (null === (_d = table.reactCustomLayout) || void 0 === _d ? void 0 : _d.getCustomLayoutFunc(col, row)) || emptyCustomLayout), isFunction$5(customLayout)) {
           const customLayoutObj = customLayout(arg);
@@ -41171,7 +41176,7 @@
     }
     const CHART_NUMBER_TYPE = genNumberType();
-    class Chart extends Group$2 {
+    class Chart extends Rect$2 {
       constructor(isShareChartSpec, params) {
         if (super(params), this.type = "chart", this.numberType = CHART_NUMBER_TYPE, this.isShareChartSpec = isShareChartSpec, params.chartInstance) this.chartInstance = params.chartInstance;else {
           const chartInstance = this.chartInstance = new params.ClassType(params.spec, merge$1({}, this.attribute.tableChartOption, {
@@ -41466,7 +41471,7 @@
       }), stage.renderTo(window), window;
     }
-    var __decorate$5 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$6 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -41548,9 +41553,9 @@
         this._draw(chart, {}, !1, drawContext, params);
       }
     };
-    DefaultCanvasChartRender = __decorate$5([injectable()], DefaultCanvasChartRender);
+    DefaultCanvasChartRender = __decorate$6([injectable()], DefaultCanvasChartRender);
-    var __decorate$4 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$5 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -41574,7 +41579,7 @@
         }
       }
     };
-    BeforeImageRenderContribution = __decorate$4([injectable()], BeforeImageRenderContribution);
+    BeforeImageRenderContribution = __decorate$5([injectable()], BeforeImageRenderContribution);
     let AfterImageRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -41586,7 +41591,7 @@
         "circle" === shape && context.restore();
       }
     };
-    AfterImageRenderContribution = __decorate$4([injectable()], AfterImageRenderContribution);
+    AfterImageRenderContribution = __decorate$5([injectable()], AfterImageRenderContribution);
     let BeforeGifImageRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, this.order = 0;
@@ -41598,7 +41603,7 @@
         isGif && image.playing && (image.attribute.opacity = 0);
       }
     };
-    BeforeGifImageRenderContribution = __decorate$4([injectable()], BeforeGifImageRenderContribution);
+    BeforeGifImageRenderContribution = __decorate$5([injectable()], BeforeGifImageRenderContribution);
     let AfterGifImageRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -41610,7 +41615,7 @@
         isGif && image.playing && (image.attribute.opacity = 1, context.globalAlpha = image.attribute.opacity, image.renderFrame(context, x, y));
       }
     };
-    AfterGifImageRenderContribution = __decorate$4([injectable()], AfterGifImageRenderContribution);
+    AfterGifImageRenderContribution = __decorate$5([injectable()], AfterGifImageRenderContribution);
     function getCellHoverColor(cellGroup, table) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
@@ -41745,7 +41750,7 @@
       return !1;
     }
-    var __decorate$3 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$4 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -41765,7 +41770,7 @@
         stroke && (Array.isArray(strokeArrayWidth) || Array.isArray(strokeArrayColor)) && (doFillOrStroke.doStroke = !1);
       }
     };
-    SplitGroupBeforeRenderContribution = __decorate$3([injectable()], SplitGroupBeforeRenderContribution);
+    SplitGroupBeforeRenderContribution = __decorate$4([injectable()], SplitGroupBeforeRenderContribution);
     let SplitGroupAfterRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -41811,7 +41816,7 @@
         }
       }
     };
-    SplitGroupAfterRenderContribution = __decorate$3([injectable()], SplitGroupAfterRenderContribution);
+    SplitGroupAfterRenderContribution = __decorate$4([injectable()], SplitGroupAfterRenderContribution);
     function getWidthInfo(widthArray) {
       if (!Array.isArray(widthArray)) return {
         isSplitDraw: !1,
@@ -41885,7 +41890,7 @@
         stroke && Array.isArray(lineDash) && lineDash.length && (null === (_a = lineDash[0]) || void 0 === _a ? void 0 : _a.length) && !Array.isArray(strokeArrayColor) && !Array.isArray(strokeArrayWidth) && (doFillOrStroke.doStroke = !1);
       }
     };
-    DashGroupBeforeRenderContribution = __decorate$3([injectable()], DashGroupBeforeRenderContribution);
+    DashGroupBeforeRenderContribution = __decorate$4([injectable()], DashGroupBeforeRenderContribution);
     let DashGroupAfterRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -41927,7 +41932,7 @@
         context.setStrokeStyle(group, group.attribute, x, y, groupAttribute), context.beginPath(), context.moveTo(x, y), context.lineTo(x + widthForStroke, y), context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a, context.setLineDash(null !== (_c = splitLineDash[0]) && void 0 !== _c ? _c : []), 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(null !== (_d = splitLineDash[1]) && void 0 !== _d ? _d : []), 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(null !== (_e = splitLineDash[2]) && void 0 !== _e ? _e : []), context.stroke(), context.beginPath(), context.moveTo(x, y), context.lineTo(x, y + heightForStroke), context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d, context.setLineDash(null !== (_f = splitLineDash[3]) && void 0 !== _f ? _f : []), context.stroke(), context.lineDashOffset = 0, context.setLineDash([]);
       }
     };
-    DashGroupAfterRenderContribution = __decorate$3([injectable()], DashGroupAfterRenderContribution);
+    DashGroupAfterRenderContribution = __decorate$4([injectable()], DashGroupAfterRenderContribution);
     let AdjustPosGroupBeforeRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, this.order = 0;
@@ -41944,7 +41949,7 @@
         !0 !== notAdjustPos && stroke && Array.isArray(lineDash) && !lineDash.length && !Array.isArray(strokeArrayColor) && !Array.isArray(strokeArrayWidth) && 1 & lineWidth && (doFillOrStroke.doStroke = !1);
       }
     };
-    AdjustPosGroupBeforeRenderContribution = __decorate$3([injectable()], AdjustPosGroupBeforeRenderContribution);
+    AdjustPosGroupBeforeRenderContribution = __decorate$4([injectable()], AdjustPosGroupBeforeRenderContribution);
     let AdjustPosGroupAfterRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -41984,7 +41989,7 @@
         }
       }
     };
-    AdjustPosGroupAfterRenderContribution = __decorate$3([injectable()], AdjustPosGroupAfterRenderContribution);
+    AdjustPosGroupAfterRenderContribution = __decorate$4([injectable()], AdjustPosGroupAfterRenderContribution);
     let AdjustColorGroupBeforeRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, this.order = 0;
@@ -42002,7 +42007,7 @@
         }
       }
     };
-    AdjustColorGroupBeforeRenderContribution = __decorate$3([injectable()], AdjustColorGroupBeforeRenderContribution);
+    AdjustColorGroupBeforeRenderContribution = __decorate$4([injectable()], AdjustColorGroupBeforeRenderContribution);
     let AdjustColorGroupAfterRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -42014,7 +42019,7 @@
         }
       }
     };
-    AdjustColorGroupAfterRenderContribution = __decorate$3([injectable()], AdjustColorGroupAfterRenderContribution);
+    AdjustColorGroupAfterRenderContribution = __decorate$4([injectable()], AdjustColorGroupAfterRenderContribution);
     let ClipBodyGroupBeforeRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, this.order = 0;
@@ -42043,7 +42048,7 @@
         }
       }
     };
-    ClipBodyGroupBeforeRenderContribution = __decorate$3([injectable()], ClipBodyGroupBeforeRenderContribution);
+    ClipBodyGroupBeforeRenderContribution = __decorate$4([injectable()], ClipBodyGroupBeforeRenderContribution);
     const precision = Math.pow(2, 24);
     function drawClipRect(context, x, y, width, height) {
       context.beginPath();
@@ -42071,7 +42076,7 @@
       return 1 === lineDash.length ? [lineDash[0], lineDash[0], lineDash[0], lineDash[0]] : 2 === lineDash.length ? [lineDash[0], lineDash[1], lineDash[0], lineDash[1]] : lineDash;
     }
-    var __decorate$2 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$3 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -42091,7 +42096,7 @@
         stroke && (Array.isArray(stroke) || Array.isArray(strokeArrayWidth) || Array.isArray(strokeArrayColor)) && (doFillOrStroke.doStroke = !1);
       }
     };
-    SplitRectBeforeRenderContribution = __decorate$2([injectable()], SplitRectBeforeRenderContribution);
+    SplitRectBeforeRenderContribution = __decorate$3([injectable()], SplitRectBeforeRenderContribution);
     let SplitRectAfterRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -42116,7 +42121,7 @@
         }
       }
     };
-    SplitRectAfterRenderContribution = __decorate$2([injectable()], SplitRectAfterRenderContribution);
+    SplitRectAfterRenderContribution = __decorate$3([injectable()], SplitRectAfterRenderContribution);
     function renderStrokeWithCornerRadius(i, x1, y1, x2, y2, rect, context, x, y, rectAttribute, stroke, strokeArrayWidth, strokeArrayColor, width, height) {
       var _a, _b, _c, _d;
       const group = rect,
@@ -42154,7 +42159,7 @@
       context.closePath(), isSplitDraw || isDash || (!isWidthNumber && widthInfo.width && (context.lineWidth = widthInfo.width), context.stroke()), context.lineDashOffset = 0, context.setLineDash([]), context.beginPath();
     }
-    var __decorate$1 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$2 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -42176,7 +42181,7 @@
           return !1;
         }
       };
-    VTableDrawItemInterceptorContribution = __decorate$1([injectable()], VTableDrawItemInterceptorContribution);
+    VTableDrawItemInterceptorContribution = __decorate$2([injectable()], VTableDrawItemInterceptorContribution);
     class ImageDrawItemInterceptorContribution {
       constructor() {
         this.order = 1;
@@ -42223,7 +42228,7 @@
       }
     }
-    var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -42308,10 +42313,42 @@
         }
       }
     };
-    SuffixTextBeforeRenderContribution = __decorate([injectable()], SuffixTextBeforeRenderContribution);
+    SuffixTextBeforeRenderContribution = __decorate$1([injectable()], SuffixTextBeforeRenderContribution);
+    var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      var d,
+        c = arguments.length,
+        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+      if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+      return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    let VChartPicker = class {
+      constructor() {
+        this.type = "chart", this.numberType = CHART_NUMBER_TYPE;
+      }
+      contains(chart, point, params) {
+        var _a;
+        const vChart = chart.activeChartInstance;
+        if (!vChart) return !1;
+        const matrix = chart.parent.globalTransMatrix.clone(),
+          stageMatrix = chart.stage.window.getViewBoxTransform();
+        matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);
+        const nextP = {
+          x: 0,
+          y: 0
+        };
+        matrix.getInverse().transformPoint(point, nextP);
+        const vchartStage = vChart.getStage();
+        null === (_a = vchartStage.dirtyBounds) || void 0 === _a || _a.clear();
+        vchartStage.window.getViewBoxTransform().transformPoint(nextP, nextP);
+        const pick = vchartStage.pick(nextP.x, nextP.y);
+        return (null !== pick.graphic || "root" !== pick.group.name) && pick;
+      }
+    };
+    VChartPicker = __decorate([injectable()], VChartPicker);
     var splitModule = new ContainerModule((bind, unbind, isBound, rebind) => {
-      isBound(SplitRectBeforeRenderContribution$1) ? rebind(SplitRectBeforeRenderContribution$1).to(SplitRectBeforeRenderContribution).inSingletonScope() : (bind(SplitRectBeforeRenderContribution).toSelf().inSingletonScope(), bind(RectRenderContribution).toService(SplitRectBeforeRenderContribution)), isBound(SplitRectAfterRenderContribution$1) ? rebind(SplitRectAfterRenderContribution$1).to(SplitRectAfterRenderContribution).inSingletonScope() : (bind(SplitRectAfterRenderContribution).toSelf().inSingletonScope(), bind(RectRenderContribution).toService(SplitRectAfterRenderContribution)), bind(DefaultCanvasChartRender).toSelf().inSingletonScope(), bind(ChartRender).to(DefaultCanvasChartRender), bind(GraphicRender).to(DefaultCanvasChartRender), bind(BeforeImageRenderContribution).toSelf().inSingletonScope(), bind(ImageRenderContribution).toService(BeforeImageRenderContribution), bind(AfterImageRenderContribution).toSelf().inSingletonScope(), bind(ImageRenderContribution).toService(AfterImageRenderContribution), bind(BeforeGifImageRenderContribution).toSelf().inSingletonScope(), bind(ImageRenderContribution).toService(BeforeGifImageRenderContribution), bind(AfterGifImageRenderContribution).toSelf().inSingletonScope(), bind(ImageRenderContribution).toService(AfterGifImageRenderContribution), bind(AdjustColorGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(AdjustColorGroupBeforeRenderContribution), bind(AdjustColorGroupAfterRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(AdjustColorGroupAfterRenderContribution), bind(SplitGroupAfterRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(SplitGroupAfterRenderContribution), bind(SplitGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(SplitGroupBeforeRenderContribution), bind(DashGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(DashGroupBeforeRenderContribution), bind(DashGroupAfterRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(DashGroupAfterRenderContribution), bind(AdjustPosGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(AdjustPosGroupBeforeRenderContribution), bind(AdjustPosGroupAfterRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(AdjustPosGroupAfterRenderContribution), bind(ClipBodyGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(ClipBodyGroupBeforeRenderContribution), bind(VTableDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(VTableDrawItemInterceptorContribution), bind(SuffixTextBeforeRenderContribution).toSelf().inSingletonScope(), bind(TextRenderContribution).toService(SuffixTextBeforeRenderContribution);
+      isBound(SplitRectBeforeRenderContribution$1) ? rebind(SplitRectBeforeRenderContribution$1).to(SplitRectBeforeRenderContribution).inSingletonScope() : (bind(SplitRectBeforeRenderContribution).toSelf().inSingletonScope(), bind(RectRenderContribution).toService(SplitRectBeforeRenderContribution)), isBound(SplitRectAfterRenderContribution$1) ? rebind(SplitRectAfterRenderContribution$1).to(SplitRectAfterRenderContribution).inSingletonScope() : (bind(SplitRectAfterRenderContribution).toSelf().inSingletonScope(), bind(RectRenderContribution).toService(SplitRectAfterRenderContribution)), bind(DefaultCanvasChartRender).toSelf().inSingletonScope(), bind(ChartRender).to(DefaultCanvasChartRender), bind(GraphicRender).to(DefaultCanvasChartRender), bind(VChartPicker).toSelf().inSingletonScope(), bind(CanvasPickerContribution).toService(VChartPicker), bind(BeforeImageRenderContribution).toSelf().inSingletonScope(), bind(ImageRenderContribution).toService(BeforeImageRenderContribution), bind(AfterImageRenderContribution).toSelf().inSingletonScope(), bind(ImageRenderContribution).toService(AfterImageRenderContribution), bind(BeforeGifImageRenderContribution).toSelf().inSingletonScope(), bind(ImageRenderContribution).toService(BeforeGifImageRenderContribution), bind(AfterGifImageRenderContribution).toSelf().inSingletonScope(), bind(ImageRenderContribution).toService(AfterGifImageRenderContribution), bind(AdjustColorGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(AdjustColorGroupBeforeRenderContribution), bind(AdjustColorGroupAfterRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(AdjustColorGroupAfterRenderContribution), bind(SplitGroupAfterRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(SplitGroupAfterRenderContribution), bind(SplitGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(SplitGroupBeforeRenderContribution), bind(DashGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(DashGroupBeforeRenderContribution), bind(DashGroupAfterRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(DashGroupAfterRenderContribution), bind(AdjustPosGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(AdjustPosGroupBeforeRenderContribution), bind(AdjustPosGroupAfterRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(AdjustPosGroupAfterRenderContribution), bind(ClipBodyGroupBeforeRenderContribution).toSelf().inSingletonScope(), bind(GroupRenderContribution).toService(ClipBodyGroupBeforeRenderContribution), bind(VTableDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(VTableDrawItemInterceptorContribution), bind(SuffixTextBeforeRenderContribution).toSelf().inSingletonScope(), bind(TextRenderContribution).toService(SuffixTextBeforeRenderContribution);
     });
     function computeColsWidth(table, colStart, colEnd, update) {
@@ -42453,7 +42490,8 @@
           rect: getCellRect(col, row, table),
           table: table,
           originCol: col,
-          originRow: row
+          originRow: row,
+          forComputation: !0
         };
         if ("react-custom-layout" === customLayout && (customLayout = (null === (_d = table.reactCustomLayout) || void 0 === _d ? void 0 : _d.getCustomLayoutFunc(col, row)) || emptyCustomLayout), isFunction$5(customLayout)) {
           const customLayoutObj = customLayout(arg);
@@ -42809,7 +42847,7 @@
           rightBottomCornerGroup: rightBottomCornerGroup
         } = table.scenegraph;
       let distCol, distRow, distColForCompute, distRowForCompute;
-      proxy.setParamsForRow(), proxy.setParamsForColumn(), "adaptive" === table.widthMode || table.options.autoWrapText && ("adaptive" === table.heightMode || table.isAutoRowHeight()) ? (distColForCompute = table.colCount - 1, distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1)) : distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1), "adaptive" === table.heightMode ? (distRowForCompute = table.rowCount - 1, distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1)) : distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1), 0 === table.internalProps._widthResizedColMap.size && computeColsWidth(table, 0, null != distColForCompute ? distColForCompute : distCol), 0 === table.internalProps._heightResizedRowMap.size && computeRowsHeight(table, 0, "auto" === table.options.canvasHeight ? table.rowCount - 1 : null != distRowForCompute ? distRowForCompute : distRow), distCol < table.colCount - table.rightFrozenColCount && computeColsWidth(table, table.colCount - table.rightFrozenColCount, table.colCount - 1), distRow < table.rowCount - table.bottomFrozenRowCount && computeRowsHeight(table, table.rowCount - table.bottomFrozenRowCount, table.rowCount - 1), table.scenegraph.colHeaderGroup.setAttribute("x", table.getFrozenColsWidth()), table.scenegraph.rowHeaderGroup.setAttribute("y", table.getFrozenRowsHeight()), table.scenegraph.bottomFrozenGroup.setAttribute("x", table.getFrozenColsWidth()), table.scenegraph.rightFrozenGroup.setAttribute("y", table.getFrozenRowsHeight()), table.scenegraph.bodyGroup.setAttributes({
+      proxy.setParamsForRow(), proxy.setParamsForColumn(), "adaptive" === table.widthMode || table.options.autoWrapText && ("adaptive" === table.heightMode || table.isAutoRowHeight(table.columnHeaderLevelCount)) ? (distColForCompute = table.colCount - 1, distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1)) : distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1), "adaptive" === table.heightMode ? (distRowForCompute = table.rowCount - 1, distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1)) : distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1), 0 === table.internalProps._widthResizedColMap.size && computeColsWidth(table, 0, null != distColForCompute ? distColForCompute : distCol), 0 === table.internalProps._heightResizedRowMap.size && computeRowsHeight(table, 0, "auto" === table.options.canvasHeight ? table.rowCount - 1 : null != distRowForCompute ? distRowForCompute : distRow), distCol < table.colCount - table.rightFrozenColCount && computeColsWidth(table, table.colCount - table.rightFrozenColCount, table.colCount - 1), distRow < table.rowCount - table.bottomFrozenRowCount && computeRowsHeight(table, table.rowCount - table.bottomFrozenRowCount, table.rowCount - 1), table.scenegraph.colHeaderGroup.setAttribute("x", table.getFrozenColsWidth()), table.scenegraph.rowHeaderGroup.setAttribute("y", table.getFrozenRowsHeight()), table.scenegraph.bottomFrozenGroup.setAttribute("x", table.getFrozenColsWidth()), table.scenegraph.rightFrozenGroup.setAttribute("y", table.getFrozenRowsHeight()), table.scenegraph.bodyGroup.setAttributes({
         x: table.getFrozenColsWidth(),
         y: table.getFrozenRowsHeight()
       }), createColGroup(cornerHeaderGroup, xOrigin, yOrigin, 0, table.frozenColCount - 1, 0, table.frozenRowCount - 1, table.isListTable() ? "columnHeader" : "cornerHeader", table), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(colHeaderGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, 0, table.frozenRowCount - 1, "columnHeader", table), table.frozenColCount > 0 && (table.leftRowSeriesNumberCount > 0 && createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, table.leftRowSeriesNumberCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "rowHeader", table), table.frozenColCount > table.leftRowSeriesNumberCount && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.leftRowSeriesNumberCount, Math.min(table.frozenColCount - 1, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount - 1), table.frozenRowCount, distRow - table.bottomFrozenRowCount, "rowHeader", table), table.frozenColCount > table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.frozenColCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "body", table)), table.bottomFrozenRowCount > 0 && (table.frozenColCount > 0 && (table.leftRowSeriesNumberCount > 0 && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, 0, table.leftRowSeriesNumberCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "rowHeader", table), table.rowHeaderLevelCount > 0 && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, table.leftRowSeriesNumberCount, table.leftRowSeriesNumberCount + table.rowHeaderLevelCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "rowHeader", table), table.frozenColCount > table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.frozenColCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "body", table)), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(bottomFrozenGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, table.isPivotChart() ? "rowHeader" : "body", table)), table.rightFrozenColCount > 0 && (createColGroup(rightTopCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, 0, table.frozenRowCount - 1, "columnHeader", table), createColGroup(rightFrozenGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, table.isPivotChart() ? "rowHeader" : "body", table)), table.bottomFrozenRowCount > 0 && table.rightFrozenColCount > 0 && createColGroup(rightBottomCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "body", table), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(bodyGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "body", table), bodyGroup.firstChild || colHeaderGroup.firstChild || cornerHeaderGroup.firstChild || rowHeaderGroup.firstChild ? (proxy.currentRow = null !== (_d = null !== (_b = null === (_a = bodyGroup.firstChild) || void 0 === _a ? void 0 : _a.rowNumber) && void 0 !== _b ? _b : null === (_c = rowHeaderGroup.firstChild) || void 0 === _c ? void 0 : _c.rowNumber) && void 0 !== _d ? _d : proxy.totalRow, proxy.rowEnd = proxy.currentRow, proxy.rowUpdatePos = proxy.rowEnd + 1, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.currentCol = null !== (_m = null !== (_k = null !== (_h = null !== (_f = null === (_e = bodyGroup.lastChild) || void 0 === _e ? void 0 : _e.col) && void 0 !== _f ? _f : null === (_g = colHeaderGroup.lastChild) || void 0 === _g ? void 0 : _g.col) && void 0 !== _h ? _h : null === (_j = rowHeaderGroup.lastChild) || void 0 === _j ? void 0 : _j.col) && void 0 !== _k ? _k : null === (_l = cornerHeaderGroup.lastChild) || void 0 === _l ? void 0 : _l.col) && void 0 !== _m ? _m : proxy.totalCol, proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd + 1, proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2), proxy.progress()) : (proxy.currentRow = proxy.totalRow, proxy.rowEnd = proxy.currentRow, proxy.rowUpdatePos = proxy.rowEnd + 1, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.currentCol = proxy.totalCol, proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd + 1, proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2));
@@ -43093,20 +43131,20 @@
             distStartRow = "up" === direction ? proxy.rowEnd + 1 : proxy.rowStart - count,
             distEndRow = "up" === direction ? proxy.rowEnd + count : proxy.rowStart - 1;
           let syncTopRow, syncBottomRow;
-          if (proxy.table.isAutoRowHeight()) syncTopRow = distStartRow, syncBottomRow = distEndRow;else {
+          if (proxy.table.isAutoRowHeight(startRow)) syncTopRow = distStartRow, syncBottomRow = distEndRow;else {
             syncTopRow = Math.max(proxy.bodyTopRow, screenTopRow - 1 * proxy.screenRowCount), syncBottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + 2 * proxy.screenRowCount, proxy.table.rowCount - 1);
           }
           computeRowsHeight(proxy.table, syncTopRow, syncBottomRow, !1), updatePartRowPosition(startRow, endRow, direction, proxy), proxy.rowStart = "up" === direction ? proxy.rowStart + count : proxy.rowStart - count, proxy.rowEnd = "up" === direction ? proxy.rowEnd + count : proxy.rowEnd - count;
           const sync = updateRowContent(syncTopRow, syncBottomRow, proxy, !0);
-          proxy.table.isAutoRowHeight() && (updateAutoRow(proxy.bodyLeftCol, proxy.bodyRightCol, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", !0), updateAutoRow(0, proxy.table.frozenColCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", !0), updateAutoRow(proxy.table.colCount - proxy.table.rightFrozenColCount, proxy.table.colCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", !0)), proxy.currentRow = "up" === direction ? proxy.currentRow + count : proxy.currentRow - count, proxy.totalRow = Math.max(0, Math.min(proxy.bodyBottomRow, "up" === direction ? proxy.totalRow + count : proxy.totalRow - count, proxy.table.rowCount - 1)), proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.table.isAutoRowHeight() && sync ? proxy.rowUpdatePos = Math.min(proxy.rowUpdatePos, proxy.rowEnd + 1) : proxy.rowUpdatePos = Math.min(proxy.rowUpdatePos, distStartRow), proxy.rowUpdateDirection = direction, proxy.table.scenegraph.updateNextFrame(), yield proxy.progress();
+          proxy.table.isAutoRowHeight(startRow) && (updateAutoRow(proxy.bodyLeftCol, proxy.bodyRightCol, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", !0), updateAutoRow(0, proxy.table.frozenColCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", !0), updateAutoRow(proxy.table.colCount - proxy.table.rightFrozenColCount, proxy.table.colCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", !0)), proxy.currentRow = "up" === direction ? proxy.currentRow + count : proxy.currentRow - count, proxy.totalRow = Math.max(0, Math.min(proxy.bodyBottomRow, "up" === direction ? proxy.totalRow + count : proxy.totalRow - count, proxy.table.rowCount - 1)), proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.table.isAutoRowHeight(startRow) && sync ? proxy.rowUpdatePos = Math.min(proxy.rowUpdatePos, proxy.rowEnd + 1) : proxy.rowUpdatePos = Math.min(proxy.rowUpdatePos, distStartRow), proxy.rowUpdateDirection = direction, proxy.table.scenegraph.updateNextFrame(), yield proxy.progress();
         } else {
           const distStartRow = "up" === direction ? proxy.rowStart + count : proxy.rowStart - count,
             distEndRow = Math.min(proxy.table.rowCount - 1, "up" === direction ? proxy.rowEnd + count : proxy.rowEnd - count),
             distStartRowY = proxy.table.getRowsHeight(proxy.bodyTopRow, distStartRow - 1);
           let syncTopRow, syncBottomRow;
-          proxy.table.isAutoRowHeight() ? (syncTopRow = distStartRow, syncBottomRow = distEndRow) : (syncTopRow = Math.max(proxy.bodyTopRow, screenTopRow - 1 * proxy.screenRowCount), syncBottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + 2 * proxy.screenRowCount, proxy.table.rowCount - 1)), computeRowsHeight(proxy.table, syncTopRow, syncBottomRow, !1), updateAllRowPosition(distStartRowY, count, direction, proxy), proxy.rowStart = distStartRow, proxy.rowEnd = distEndRow;
+          proxy.table.isAutoRowHeight(distStartRow) ? (syncTopRow = distStartRow, syncBottomRow = distEndRow) : (syncTopRow = Math.max(proxy.bodyTopRow, screenTopRow - 1 * proxy.screenRowCount), syncBottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + 2 * proxy.screenRowCount, proxy.table.rowCount - 1)), computeRowsHeight(proxy.table, syncTopRow, syncBottomRow, !1), updateAllRowPosition(distStartRowY, count, direction, proxy), proxy.rowStart = distStartRow, proxy.rowEnd = distEndRow;
           const sync = updateRowContent(syncTopRow, syncBottomRow, proxy, !0);
-          proxy.table.isAutoRowHeight() && (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"), updateAutoRow(proxy.table.colCount - proxy.table.rightFrozenColCount, proxy.table.colCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up")), proxy.currentRow = "up" === direction ? proxy.currentRow + count : proxy.currentRow - count, proxy.totalRow = Math.max(0, Math.min(proxy.bodyBottomRow, "up" === direction ? proxy.totalRow + count : proxy.totalRow - count, proxy.table.rowCount - 1)), proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.table.isAutoRowHeight() && sync ? proxy.rowUpdatePos = proxy.rowEnd + 1 : proxy.rowUpdatePos = proxy.rowStart, proxy.rowUpdateDirection = distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", proxy.table.scenegraph.updateNextFrame(), yield proxy.progress();
+          proxy.table.isAutoRowHeight(distStartRow) && (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"), updateAutoRow(proxy.table.colCount - proxy.table.rightFrozenColCount, proxy.table.colCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up")), proxy.currentRow = "up" === direction ? proxy.currentRow + count : proxy.currentRow - count, proxy.totalRow = Math.max(0, Math.min(proxy.bodyBottomRow, "up" === direction ? proxy.totalRow + count : proxy.totalRow - count, proxy.table.rowCount - 1)), proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.table.isAutoRowHeight(distStartRow) && sync ? proxy.rowUpdatePos = proxy.rowEnd + 1 : proxy.rowUpdatePos = proxy.rowStart, proxy.rowUpdateDirection = distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", proxy.table.scenegraph.updateNextFrame(), yield proxy.progress();
         }
       });
     }
@@ -43220,12 +43258,12 @@
           "group" === colGroup.type && (colGroup.needUpdate = !0, null == colGroup || colGroup.forEachChildren(cellGroup => {
             cellGroup.needUpdate = !0;
           }));
-        }), proxy.table.isAutoRowHeight() ? (syncTopRow = proxy.rowStart, syncBottomRow = proxy.rowEnd) : (syncTopRow = Math.max(proxy.bodyTopRow, proxy.screenTopRow - 1 * proxy.screenRowCount), syncBottomRow = Math.min(proxy.bodyBottomRow, proxy.screenTopRow + 2 * proxy.screenRowCount, proxy.table.rowCount - 1));
+        }), proxy.table.isAutoRowHeight(proxy.rowStart) ? (syncTopRow = proxy.rowStart, syncBottomRow = proxy.rowEnd) : (syncTopRow = Math.max(proxy.bodyTopRow, proxy.screenTopRow - 1 * proxy.screenRowCount), syncBottomRow = Math.min(proxy.bodyBottomRow, proxy.screenTopRow + 2 * proxy.screenRowCount, proxy.table.rowCount - 1));
         const oldBodyHeight = proxy.table.getAllRowsHeight();
         computeRowsHeight(proxy.table, syncTopRow, syncBottomRow);
         const newBodyHeight = proxy.table.getAllRowsHeight();
         oldBodyHeight !== newBodyHeight && proxy.table.scenegraph.updateContainerHeight(proxy.table.frozenRowCount, newBodyHeight - oldBodyHeight);
-        for (let col = 0; null !== (_a = col < proxy.table.frozenColCount) && void 0 !== _a && _a; col++) {
+        for (let col = 0; col < (null !== (_a = proxy.table.frozenColCount) && void 0 !== _a ? _a : 0); col++) {
           const columnGroup = proxy.table.scenegraph.getColGroup(col);
           null == columnGroup || columnGroup.setAttribute("chartInstance", void 0);
           for (let row = proxy.rowStart; row <= proxy.rowEnd; row++) proxy.table.scenegraph.updateCellContent(col, row);
@@ -43242,7 +43280,7 @@
           for (let row = proxy.rowStart; row <= proxy.rowEnd; row++) proxy.table.scenegraph.updateCellContent(col, row);
           for (let row = proxy.table.rowCount - proxy.table.bottomFrozenRowCount; row < proxy.table.rowCount; row++) proxy.table.scenegraph.updateCellContent(col, row);
         }
-        updateRowContent(syncTopRow, syncBottomRow, proxy), proxy.table.isAutoRowHeight() && updateAutoRow(proxy.bodyLeftCol, proxy.bodyRightCol, syncTopRow, syncBottomRow, proxy.table, proxy.rowEnd > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up"), proxy.rowUpdatePos = proxy.rowStart, proxy.rowUpdateDirection = proxy.rowEnd > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", proxy.table.scenegraph.updateNextFrame(), proxy.table.isAutoRowHeight() || (yield proxy.progress());
+        updateRowContent(syncTopRow, syncBottomRow, proxy), proxy.table.isAutoRowHeight(syncTopRow) && updateAutoRow(proxy.bodyLeftCol, proxy.bodyRightCol, syncTopRow, syncBottomRow, proxy.table, proxy.rowEnd > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up"), proxy.rowUpdatePos = proxy.rowStart, proxy.rowUpdateDirection = proxy.rowEnd > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? "down" : "up", proxy.table.scenegraph.updateNextFrame(), proxy.table.isAutoRowHeight(proxy.rowStart) || (yield proxy.progress());
       });
     }
@@ -43535,7 +43573,7 @@
     };
     class SceneProxy {
       constructor(table) {
-        this.isRelease = !1, this.mode = "column", this.rowLimit = 200, this.currentRow = 0, this.rowStart = 0, this.rowEnd = 0, this.referenceRow = 0, this.screenTopRow = 0, this.deltaY = 0, this.deltaHeight = 0, this.colLimit = 100, this.screenLeftCol = 0, this.deltaX = 0, this.deltaWidth = 0, this.cellCache = new Map(), this.table = table, this.table.isPivotChart() ? (this.rowLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight)), this.colLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameWidth / table.defaultColWidth))) : this.table.isAutoRowHeight() ? this.rowLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight)) : ("autoWidth" === this.table.widthMode || (this.rowLimit = Math.max(200, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight))), this.colLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameWidth / table.defaultColWidth))), this.table.internalProps.transpose ? this.mode = "row" : this.table.isPivotTable() && (this.mode = "pivot"), this.table.options.maintainedDataCount && (this.rowLimit = this.table.options.maintainedDataCount), this.table.options.maintainedColumnCount && (this.colLimit = this.table.options.maintainedColumnCount);
+        this.isRelease = !1, this.mode = "column", this.rowLimit = 200, this.currentRow = 0, this.rowStart = 0, this.rowEnd = 0, this.referenceRow = 0, this.screenTopRow = 0, this.deltaY = 0, this.deltaHeight = 0, this.colLimit = 100, this.screenLeftCol = 0, this.deltaX = 0, this.deltaWidth = 0, this.cellCache = new Map(), this.table = table, this.table.isPivotChart() ? (this.rowLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight)), this.colLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameWidth / table.defaultColWidth))) : this.table.isAutoRowHeight(table.columnHeaderLevelCount) ? this.rowLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight)) : ("autoWidth" === this.table.widthMode || (this.rowLimit = Math.max(200, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight))), this.colLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameWidth / table.defaultColWidth))), this.table.internalProps.transpose ? this.mode = "row" : this.table.isPivotTable() && (this.mode = "pivot"), this.table.options.maintainedDataCount && (this.rowLimit = this.table.options.maintainedDataCount), this.table.options.maintainedColumnCount && (this.colLimit = this.table.options.maintainedColumnCount);
       }
       get bodyLeftCol() {
         return this.table.frozenColCount;
@@ -43708,17 +43746,17 @@
       }
       updateCellGroups(count) {
         const distRow = Math.min(this.bodyBottomRow, this.rowUpdatePos + count);
-        this.table.isAutoRowHeight() && computeRowsHeight(this.table, this.rowUpdatePos, distRow, !1), updateRowContent(this.rowUpdatePos, distRow, this), this.table.isAutoRowHeight() && (updateAutoRow(this.bodyLeftCol, this.bodyRightCol, this.rowUpdatePos, distRow, this.table, this.rowUpdateDirection, !0), updateAutoRow(0, this.table.frozenColCount - 1, this.rowUpdatePos, distRow, this.table, this.rowUpdateDirection, !0), updateAutoRow(this.table.colCount - this.table.rightFrozenColCount, this.table.colCount - 1, this.rowUpdatePos, distRow, this.table, this.rowUpdateDirection, !0)), this.rowUpdatePos = distRow + 1;
+        this.table.isAutoRowHeight(this.rowUpdatePos) && computeRowsHeight(this.table, this.rowUpdatePos, distRow, !1), updateRowContent(this.rowUpdatePos, distRow, this), this.table.isAutoRowHeight(this.rowUpdatePos) && (updateAutoRow(this.bodyLeftCol, this.bodyRightCol, this.rowUpdatePos, distRow, this.table, this.rowUpdateDirection, !0), updateAutoRow(0, this.table.frozenColCount - 1, this.rowUpdatePos, distRow, this.table, this.rowUpdateDirection, !0), updateAutoRow(this.table.colCount - this.table.rightFrozenColCount, this.table.colCount - 1, this.rowUpdatePos, distRow, this.table, this.rowUpdateDirection, !0)), this.rowUpdatePos = distRow + 1;
       }
       updateBottomFrozenCellGroups() {
         const startRow = this.table.rowCount - this.table.bottomFrozenRowCount,
           endRow = this.table.rowCount - 1;
-        this.table.isAutoRowHeight() && computeRowsHeight(this.table, startRow, endRow, !1), updateRowContent(startRow, endRow, this), this.table.isAutoRowHeight() && (updateAutoRow(this.bodyLeftCol, this.bodyRightCol, startRow, endRow, this.table, this.rowUpdateDirection), updateAutoRow(0, this.table.frozenColCount - 1, startRow, endRow, this.table, this.rowUpdateDirection), updateAutoRow(this.table.colCount - this.table.rightFrozenColCount, this.table.colCount - 1, startRow, endRow, this.table, this.rowUpdateDirection));
+        this.table.isAutoRowHeight(startRow) && computeRowsHeight(this.table, startRow, endRow, !1), updateRowContent(startRow, endRow, this), this.table.isAutoRowHeight(startRow) && (updateAutoRow(this.bodyLeftCol, this.bodyRightCol, startRow, endRow, this.table, this.rowUpdateDirection), updateAutoRow(0, this.table.frozenColCount - 1, startRow, endRow, this.table, this.rowUpdateDirection), updateAutoRow(this.table.colCount - this.table.rightFrozenColCount, this.table.colCount - 1, startRow, endRow, this.table, this.rowUpdateDirection));
       }
       updateRightFrozenCellGroups() {
         const startCol = this.table.colCount - this.table.rightFrozenColCount,
           endCol = this.table.colCount - 1;
-        "autoWidth" === this.table.widthMode && computeColsWidth(this.table, startCol, endCol, !1), updateColContent(startCol, endCol, this), this.table.isAutoRowHeight() && updateAutoColumn(startCol, endCol, this.table, this.colUpdateDirection);
+        "autoWidth" === this.table.widthMode && computeColsWidth(this.table, startCol, endCol, !1), updateColContent(startCol, endCol, this), this.table.isAutoRowHeight(this.rowStart) && updateAutoColumn(startCol, endCol, this.table, this.colUpdateDirection);
       }
       updateColCellGroupsAsync() {
         return __awaiter$1(this, void 0, void 0, function* () {
@@ -44438,22 +44476,22 @@
         beforeCell.mergeStartRow && beforeCell.mergeEndRow && beforeCell.mergeEndRow > beforeRow && (addNeedUpdateTag({
           start: {
             row: beforeCell.mergeStartRow,
-            col: scene.table.isAutoRowHeight() ? 0 : beforeCell.mergeStartCol
+            col: scene.table.isAutoRowHeight(afterRow) ? 0 : beforeCell.mergeStartCol
           },
           end: {
             row: beforeCell.mergeEndRow,
-            col: scene.table.isAutoRowHeight() ? scene.table.colCount - 1 : beforeCell.mergeEndCol
+            col: scene.table.isAutoRowHeight(afterRow) ? scene.table.colCount - 1 : beforeCell.mergeEndCol
           }
         }, scene), row = beforeCell.mergeStartRow);
         const afterCell = scene.highPerformanceGetCell(col, afterRow);
         afterCell.mergeStartRow && afterCell.mergeEndRow && afterCell.mergeStartRow < afterRow && (addNeedUpdateTag({
           start: {
             row: afterCell.mergeStartRow,
-            col: scene.table.isAutoRowHeight() ? 0 : afterCell.mergeStartCol
+            col: scene.table.isAutoRowHeight(afterRow) ? 0 : afterCell.mergeStartCol
           },
           end: {
             row: afterCell.mergeEndRow,
-            col: scene.table.isAutoRowHeight() ? scene.table.colCount - 1 : afterCell.mergeEndCol
+            col: scene.table.isAutoRowHeight(afterRow) ? scene.table.colCount - 1 : afterCell.mergeEndCol
           }
         }, scene), row = afterCell.mergeStartRow), isValid$3(row) && (updateRow = isValid$3(updateRow) ? Math.min(updateRow, row) : row);
       }
@@ -46125,7 +46163,7 @@
         const addRows = deduplication$1(addCells.map(cell => cell.row)).sort((a, b) => a - b),
           updateRows = deduplication$1(updateCells.map(cell => cell.row)).sort((a, b) => a - b),
           isNotFillHeight = this.table.getAllRowsHeight() - [...addRows, ...updateRows].reduce((tolHeight, rowNumber) => tolHeight + this.table.getRowHeight(rowNumber), 0) <= this.table.tableNoFrameHeight;
-        if (updateRow(removeCells, addCells, updateCells, this.table, skipUpdateProxy), recalculateColWidths && this.recalculateColWidths(), "adaptive" === this.table.heightMode || this.table.autoFillHeight && (this.table.getAllRowsHeight() <= this.table.tableNoFrameHeight || isNotFillHeight)) this.table.scenegraph.recalculateRowHeights();else if (this.table.isAutoRowHeight()) for (let i = 0; i < updateRows.length; i++) {
+        if (updateRow(removeCells, addCells, updateCells, this.table, skipUpdateProxy), recalculateColWidths && this.recalculateColWidths(), "adaptive" === this.table.heightMode || this.table.autoFillHeight && (this.table.getAllRowsHeight() <= this.table.tableNoFrameHeight || isNotFillHeight)) this.table.scenegraph.recalculateRowHeights();else if (this.table.isAutoRowHeight(this.table.columnHeaderLevelCount)) for (let i = 0; i < updateRows.length; i++) {
           const row = updateRows[i],
             oldHeight = this.table.getRowHeight(row),
             newHeight = computeRowHeight(row, 0, this.table.colCount - 1, this.table);
@@ -47512,7 +47550,7 @@
         let isSelectAll = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
         let makeSelectCellVisible = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !0;
         let skipBodyMerge = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !1;
-        -1 !== row && -1 !== row && (this.select.selecting = !0), updateSelectPosition(this, col, row, isShift, isCtrl, isSelectAll, makeSelectCellVisible, skipBodyMerge);
+        -1 !== row && -1 !== row && (this.select.selecting = !0), col < 0 && (col = -1), row < 0 && (row = -1), col > this.table.colCount - 1 && (col = this.table.colCount - 1), row > this.table.rowCount - 1 && (row = this.table.rowCount - 1), updateSelectPosition(this, col, row, isShift, isCtrl, isSelectAll, makeSelectCellVisible, skipBodyMerge);
       }
       checkCellRangeInSelect(cellPosStart, cellPosEnd) {
         return checkMultiCellInSelect(cellPosStart, cellPosEnd, this.select.ranges, this.select.highlightScope);
@@ -47677,13 +47715,13 @@
         });
       }
       updateVerticalScrollBar(yRatio) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const totalHeight = this.table.getAllRowsHeight(),
           oldVerticalBarPos = this.scroll.verticalBarPos;
         let verticalBarPos = Math.ceil(yRatio * (totalHeight - this.table.scenegraph.height));
         isValid$3(verticalBarPos) && !isNaN(verticalBarPos) || (verticalBarPos = 0);
         const dy = verticalBarPos - this.table.scenegraph.proxy.deltaY - oldVerticalBarPos;
-        if (this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+        if (this.table.fireListeners(TABLE_EVENT_TYPE.CAN_SCROLL, {
           event: void 0,
           scrollTop: verticalBarPos - this.table.scenegraph.proxy.deltaY,
           scrollLeft: this.scroll.horizontalBarPos,
@@ -47697,16 +47735,27 @@
         }).some(value => !1 === value)) {
           const yRatio = this.scroll.verticalBarPos / (totalHeight - this.table.scenegraph.height);
           this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio);
-        } else this.scroll.verticalBarPos = verticalBarPos, this.table.scenegraph.setY(-this.scroll.verticalBarPos, 1 === yRatio), this.scroll.verticalBarPos -= this.table.scenegraph.proxy.deltaY, this.table.scenegraph.proxy.deltaY = 0, this.updateHoverPos(-1, -1), oldVerticalBarPos !== this.scroll.verticalBarPos && this.checkVerticalScrollBarEnd();
+        } else this.scroll.verticalBarPos = verticalBarPos, this.table.scenegraph.setY(-this.scroll.verticalBarPos, 1 === yRatio), this.scroll.verticalBarPos -= this.table.scenegraph.proxy.deltaY, this.table.scenegraph.proxy.deltaY = 0, this.updateHoverPos(-1, -1), this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+          event: void 0,
+          scrollTop: this.scroll.verticalBarPos,
+          scrollLeft: this.scroll.horizontalBarPos,
+          scrollHeight: null === (_c = this.table.theme.scrollStyle) || void 0 === _c ? void 0 : _c.width,
+          scrollWidth: null === (_d = this.table.theme.scrollStyle) || void 0 === _d ? void 0 : _d.width,
+          viewHeight: this.table.tableNoFrameHeight,
+          viewWidth: this.table.tableNoFrameWidth,
+          scrollDirection: "vertical",
+          scrollRatioY: yRatio,
+          dy: dy
+        }), oldVerticalBarPos !== this.scroll.verticalBarPos && this.checkVerticalScrollBarEnd();
       }
       updateHorizontalScrollBar(xRatio) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const totalWidth = this.table.getAllColsWidth(),
           oldHorizontalBarPos = this.scroll.horizontalBarPos;
         let horizontalBarPos = Math.ceil(xRatio * (totalWidth - this.table.scenegraph.width));
         isValid$3(horizontalBarPos) && !isNaN(horizontalBarPos) || (horizontalBarPos = 0);
         const dx = horizontalBarPos - this.table.scenegraph.proxy.deltaX - oldHorizontalBarPos;
-        if (this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+        if (this.table.fireListeners(TABLE_EVENT_TYPE.CAN_SCROLL, {
           event: void 0,
           scrollTop: this.scroll.verticalBarPos,
           scrollLeft: horizontalBarPos - this.table.scenegraph.proxy.deltaX,
@@ -47720,11 +47769,22 @@
         }).some(value => !1 === value)) {
           const xRatio = this.scroll.horizontalBarPos / (totalWidth - this.table.scenegraph.width);
           this.table.scenegraph.component.updateHorizontalScrollBarPos(xRatio);
-        } else this.scroll.horizontalBarPos = horizontalBarPos, this.table.scenegraph.setX(-this.scroll.horizontalBarPos, 1 === xRatio), this.scroll.horizontalBarPos -= this.table.scenegraph.proxy.deltaX, this.table.scenegraph.proxy.deltaX = 0, this.updateHoverPos(-1, -1), oldHorizontalBarPos !== this.scroll.horizontalBarPos && this.checkHorizontalScrollBarEnd();
+        } else this.scroll.horizontalBarPos = horizontalBarPos, this.table.scenegraph.setX(-this.scroll.horizontalBarPos, 1 === xRatio), this.scroll.horizontalBarPos -= this.table.scenegraph.proxy.deltaX, this.table.scenegraph.proxy.deltaX = 0, this.updateHoverPos(-1, -1), this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+          event: void 0,
+          scrollTop: this.scroll.verticalBarPos,
+          scrollLeft: this.scroll.horizontalBarPos,
+          scrollHeight: null === (_c = this.table.theme.scrollStyle) || void 0 === _c ? void 0 : _c.width,
+          scrollWidth: null === (_d = this.table.theme.scrollStyle) || void 0 === _d ? void 0 : _d.width,
+          viewHeight: this.table.tableNoFrameHeight,
+          viewWidth: this.table.tableNoFrameWidth,
+          scrollDirection: "horizontal",
+          scrollRatioX: xRatio,
+          dx: dx
+        }), oldHorizontalBarPos !== this.scroll.horizontalBarPos && this.checkHorizontalScrollBarEnd();
       }
       setScrollTop(top, event) {
         let triggerEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         const totalHeight = this.table.getAllRowsHeight(),
           sizeTolerance = (null === (_a = this.table.options.customConfig) || void 0 === _a ? void 0 : _a._disableColumnAndRowSizeRound) ? 1 : 0;
         top = Math.max(0, Math.min(top, totalHeight - this.table.scenegraph.height - sizeTolerance)), top = Math.ceil(top);
@@ -47734,7 +47794,7 @@
           let verticalBarPos = top;
           isValid$3(verticalBarPos) && !isNaN(verticalBarPos) || (verticalBarPos = 0);
           const dy = verticalBarPos - oldVerticalBarPos;
-          if (this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+          if (this.table.fireListeners(TABLE_EVENT_TYPE.CAN_SCROLL, {
             event: null == event ? void 0 : event.nativeEvent,
             scrollTop: verticalBarPos,
             scrollLeft: this.scroll.horizontalBarPos,
@@ -47750,11 +47810,24 @@
             return void this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio);
           }
         }
-        (top !== this.scroll.verticalBarPos || this.table.isPivotChart()) && this.updateHoverPos(-1, -1), this.scroll.verticalBarPos = top, isValid$3(this.scroll.verticalBarPos) && !isNaN(this.scroll.verticalBarPos) || (this.scroll.verticalBarPos = 0), this.table.scenegraph.setY(-top), this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio), oldVerticalBarPos !== top && triggerEvent && this.checkVerticalScrollBarEnd();
+        (top !== this.scroll.verticalBarPos || this.table.isPivotChart()) && this.updateHoverPos(-1, -1), this.scroll.verticalBarPos = top, isValid$3(this.scroll.verticalBarPos) && !isNaN(this.scroll.verticalBarPos) || (this.scroll.verticalBarPos = 0), this.table.scenegraph.setY(-top), this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio);
+        const dy = this.scroll.verticalBarPos - oldVerticalBarPos;
+        this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+          event: null == event ? void 0 : event.nativeEvent,
+          scrollTop: this.scroll.verticalBarPos,
+          scrollLeft: this.scroll.horizontalBarPos,
+          scrollHeight: null === (_f = this.table.theme.scrollStyle) || void 0 === _f ? void 0 : _f.width,
+          scrollWidth: null === (_g = this.table.theme.scrollStyle) || void 0 === _g ? void 0 : _g.width,
+          viewHeight: this.table.tableNoFrameHeight,
+          viewWidth: this.table.tableNoFrameWidth,
+          scrollDirection: "vertical",
+          scrollRatioY: yRatio,
+          dy: dy
+        }), oldVerticalBarPos !== top && triggerEvent && this.checkVerticalScrollBarEnd();
       }
       setScrollLeft(left, event) {
         let triggerEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         this.table.scrollLeft;
         const totalWidth = this.table.getAllColsWidth(),
           sizeTolerance = (this.table.getFrozenColsWidth(), (null === (_a = this.table.options.customConfig) || void 0 === _a ? void 0 : _a._disableColumnAndRowSizeRound) ? 1 : 0);
@@ -47765,7 +47838,7 @@
           let horizontalBarPos = left;
           isValid$3(horizontalBarPos) && !isNaN(horizontalBarPos) || (horizontalBarPos = 0);
           const dx = horizontalBarPos - oldHorizontalBarPos;
-          if (this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+          if (this.table.fireListeners(TABLE_EVENT_TYPE.CAN_SCROLL, {
             event: null == event ? void 0 : event.nativeEvent,
             scrollTop: this.scroll.verticalBarPos,
             scrollLeft: horizontalBarPos,
@@ -47781,7 +47854,20 @@
             return void this.table.scenegraph.component.updateHorizontalScrollBarPos(xRatio);
           }
         }
-        left !== this.scroll.horizontalBarPos && this.updateHoverPos(-1, -1), this.scroll.horizontalBarPos = left, isValid$3(this.scroll.horizontalBarPos) && !isNaN(this.scroll.horizontalBarPos) || (this.scroll.horizontalBarPos = 0), this.table.scenegraph.setX(-left), this.table.scenegraph.component.updateHorizontalScrollBarPos(xRatio), oldHorizontalBarPos !== left && triggerEvent && this.checkHorizontalScrollBarEnd();
+        left !== this.scroll.horizontalBarPos && this.updateHoverPos(-1, -1), this.scroll.horizontalBarPos = left, isValid$3(this.scroll.horizontalBarPos) && !isNaN(this.scroll.horizontalBarPos) || (this.scroll.horizontalBarPos = 0), this.table.scenegraph.setX(-left), this.table.scenegraph.component.updateHorizontalScrollBarPos(xRatio);
+        const dx = this.scroll.horizontalBarPos - oldHorizontalBarPos;
+        this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+          event: null == event ? void 0 : event.nativeEvent,
+          scrollTop: this.scroll.verticalBarPos,
+          scrollLeft: this.scroll.horizontalBarPos,
+          scrollHeight: null === (_f = this.table.theme.scrollStyle) || void 0 === _f ? void 0 : _f.width,
+          scrollWidth: null === (_g = this.table.theme.scrollStyle) || void 0 === _g ? void 0 : _g.width,
+          viewHeight: this.table.tableNoFrameHeight,
+          viewWidth: this.table.tableNoFrameWidth,
+          scrollDirection: "horizontal",
+          scrollRatioX: xRatio,
+          dx: dx
+        }), oldHorizontalBarPos !== left && triggerEvent && this.checkHorizontalScrollBarEnd();
       }
       hideVerticalScrollBar() {
         this.table.scenegraph.component.hideVerticalScrollBar();
@@ -52273,7 +52359,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.17.3-alpha.12", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.17.3-alpha.13", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         !1 === (null === (_a = options.customConfig) || void 0 === _a ? void 0 : _a.imageAnonymous) && (vglobal.isImageAnonymous = !1);
         const {
           frozenColCount = 0,
@@ -52752,7 +52838,7 @@
         return this._adjustColWidth(col, this._colWidthDefineToPxWidth(width));
       }
       isAutoRowHeight(row) {
-        return "autoHeight" === this.heightMode || !!this.options.customComputeRowHeight || row >= 0 && row < this.columnHeaderLevelCount && "auto" === this.getDefaultRowHeight(row);
+        return "autoHeight" === this.heightMode || !!this.options.customComputeRowHeight || (row >= 0 && row < this.columnHeaderLevelCount ? "auto" === this.getDefaultRowHeight(row) : "auto" === this.internalProps.defaultRowHeight);
       }
       getColWidth(col) {
         var _a;
@@ -53402,7 +53488,18 @@
         var _a;
         if (this.internalProps.customMergeCell) {
           const customMerge = this.internalProps.customMergeCell(col, row, this);
-          if (customMerge && customMerge.range && (isValid$3(customMerge.text) || customMerge.customLayout || customMerge.customRender)) return customMerge.range;
+          if (customMerge && customMerge.range && (isValid$3(customMerge.text) || customMerge.customLayout || customMerge.customRender)) {
+            return {
+              start: {
+                col: Math.max(customMerge.range.start.col, 0),
+                row: Math.max(customMerge.range.start.row, 0)
+              },
+              end: {
+                col: Math.min(customMerge.range.end.col, this.colCount - 1),
+                row: Math.min(customMerge.range.end.row, this.rowCount - 1)
+              }
+            };
+          }
         }
         return null === (_a = this.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.getCellRange(col, row);
       }
@@ -56529,7 +56626,7 @@
             newWidth = computeColWidth(col, 0, table.rowCount - 1, table, !1);
           newWidth !== oldWidth && table.scenegraph.updateColWidth(col, newWidth - oldWidth);
         }
-        if ("adaptive" === table.heightMode || table.autoFillHeight && table.getAllRowsHeight() <= table.tableNoFrameHeight) 0 === table.internalProps._heightResizedRowMap.size && table.scenegraph.recalculateRowHeights();else if (table.isAutoRowHeight() && !table.internalProps._heightResizedRowMap.has(row)) {
+        if ("adaptive" === table.heightMode || table.autoFillHeight && table.getAllRowsHeight() <= table.tableNoFrameHeight) 0 === table.internalProps._heightResizedRowMap.size && table.scenegraph.recalculateRowHeights();else if (table.isAutoRowHeight(row) && !table.internalProps._heightResizedRowMap.has(row)) {
           const oldHeight = table.getRowHeight(row),
             newHeight = computeRowHeight(row, 0, table.colCount - 1, table);
           table.scenegraph.updateRowHeight(row, newHeight - oldHeight);
@@ -56619,7 +56716,7 @@
           newWidth = computeColWidth(sCol, 0, table.rowCount - 1, table, !1);
         newWidth !== oldWidth && table.scenegraph.updateColWidth(sCol, newWidth - oldWidth);
       }
-      if ("adaptive" === table.heightMode || table.autoFillHeight && table.getAllRowsHeight() <= table.tableNoFrameHeight) table.scenegraph.recalculateRowHeights();else if (table.isAutoRowHeight()) {
+      if ("adaptive" === table.heightMode || table.autoFillHeight && table.getAllRowsHeight() <= table.tableNoFrameHeight) table.scenegraph.recalculateRowHeights();else if (table.isAutoRowHeight(startRow)) {
         const rows = [],
           deltaYs = [];
         for (let sRow = startRow; sRow <= range.end.row; sRow++) if (table.rowHeightsMap.get(sRow)) {
@@ -60906,7 +61003,7 @@
           lineClamp: lineClamp
         } = cellStyle,
         autoColWidth = "auto" === colWidth,
-        autoRowHeight = table.isAutoRowHeight(),
+        autoRowHeight = table.isAutoRowHeight(row),
         attribute = {
           maxLineWidth: autoColWidth ? 1 / 0 : cellWidth - (padding[1] + padding[3] + hierarchyOffset) - size - spaceBetweenTextAndIcon,
           textAlign: "left",
@@ -61447,13 +61544,20 @@
           iconSize = Math.floor(Math.min(width - padding[1] - padding[3], height - padding[2] - padding[0]) / 2),
           anchorX = 0 + (width > image.attribute.width ? image.attribute.x - 0 + image.attribute.width / 2 : width / 2),
           anchorY = 0 + (height > image.attribute.height ? image.attribute.y - 0 + image.attribute.height / 2 : height / 2),
+          imageGraphic = cellGroup.getChildByName("image", !0),
+          {
+            dx: dx,
+            dy: dy
+          } = imageGraphic.attribute,
           playIcon = new Icon$1({
             x: anchorX - iconSize / 2,
             y: anchorY - iconSize / 2,
             width: iconSize,
             height: iconSize,
             image: regedIcons.play.svg,
-            cursor: regedIcons.play.cursor
+            cursor: regedIcons.play.cursor,
+            dx: dx,
+            dy: dy
           });
         playIcon.name = "play-icon", cellGroup.appendChild(playIcon), table.scenegraph.updateNextFrame();
       }), video.onerror = () => {
@@ -65287,7 +65391,7 @@
         themes: themes$1
     });
-    const version = "1.17.3-alpha.12";
+    const version = "1.17.3-alpha.13";
     exports.Gantt = Gantt;
     exports.TYPES = index$3;