@visactor/vrender 0.22.0-vstory.10 → 0.22.0-vstory.12

package/dist/index.es.js

@@ -571,17 +571,17 @@ const EnvContribution = Symbol.for("EnvContribution");
 const VGlobal = Symbol.for("VGlobal");
 const DEFAULT_TEXT_FONT_FAMILY = "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$1J = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1L = 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;
   },
-  __metadata$1i = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1j = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$U = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$V = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -615,6 +615,12 @@ let DefaultGlobal = class {
   get env() {
     return this._env;
   }
+  get isImageAnonymous() {
+    return this._isImageAnonymous;
+  }
+  set isImageAnonymous(isImageAnonymous) {
+    this._isImageAnonymous = isImageAnonymous;
+  }
   get devicePixelRatio() {
     return this._env || this.setEnv("browser"), this.envContribution.getDevicePixelRatio();
   }
@@ -649,7 +655,7 @@ let DefaultGlobal = class {
     this._env || this.setEnv("browser"), this.envContribution.applyStyles = support;
   }
   constructor(contributions) {
-    this.contributions = contributions, this.id = Generator.GenAutoIncrementId(), this.hooks = {
+    this.contributions = contributions, this._isImageAnonymous = !0, this.id = Generator.GenAutoIncrementId(), this.hooks = {
       onSetEnv: new SyncHook(["lastEnv", "env", "global"])
     }, this.measureTextMethod = "native", this.optimizeVisible = !1;
   }
@@ -777,7 +783,7 @@ let DefaultGlobal = class {
     return this._env || this.setEnv("browser"), this.envContribution.copyToClipBoard(text);
   }
 };
-DefaultGlobal = __decorate$1J([injectable(), __param$U(0, inject(ContributionProvider)), __param$U(0, named(EnvContribution)), __metadata$1i("design:paramtypes", [Object])], DefaultGlobal);
+DefaultGlobal = __decorate$1L([injectable(), __param$V(0, inject(ContributionProvider)), __param$V(0, named(EnvContribution)), __metadata$1j("design:paramtypes", [Object])], DefaultGlobal);
 
 var MeasureModeEnum;
 !function (MeasureModeEnum) {
@@ -3464,7 +3470,7 @@ let Step$1 = class Step {
       default:
         if (this._t <= 0) this.context.lineTo(this._x, y, !1 !== this._lastDefined && !1 !== p.defined, this.lastPoint), this.context.lineTo(x, y, !1 !== this._lastDefined && !1 !== p.defined, p);else {
           const x1 = this._x * (1 - this._t) + x * this._t;
-          this.context.lineTo(x1, this._y, !1 !== this._lastDefined && !1 !== p.defined, this.lastPoint), this.context.lineTo(x1, y, !1 !== this._lastDefined && !1 !== p.defined, p);
+          .5 === this._t ? this.context.lineTo(x1, this._y, !1 !== this._lastDefined, this.lastPoint) : this.context.lineTo(x1, this._y, !1 !== this._lastDefined && !1 !== p.defined, this.lastPoint), this.context.lineTo(x1, y, !1 !== this._lastDefined && !1 !== p.defined, p);
         }
     }
     this._lastDefined = p.defined, this._x = x, this._y = y, this.lastPoint = p;
@@ -4294,6 +4300,7 @@ const DefaultTextAttribute = Object.assign(Object.assign(Object.assign({}, Defau
 const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), {
   editable: !1,
   editOptions: null,
+  ascentDescentMode: "actual",
   width: 300,
   height: 300,
   ellipsis: !0,
@@ -4341,7 +4348,7 @@ const DefaultRichTextIconAttribute = Object.assign(Object.assign({}, DefaultImag
 class Application {}
 const application = new Application();
 
-const parse = function () {
+const parse$1 = function () {
   const tokens = {
     linearGradient: /^(linear\-gradient)/i,
     radialGradient: /^(radial\-gradient)/i,
@@ -4494,7 +4501,7 @@ class GradientParser {
   }
   static Parse(c) {
     if (GradientParser.IsGradientStr(c)) try {
-      const datum = parse(c)[0];
+      const datum = parse$1(c)[0];
       if (datum) {
         if ("linear" === datum.type) return GradientParser.ParseLinear(datum);
         if ("radial" === datum.type) return GradientParser.ParseRadial(datum);
@@ -4741,17 +4748,20 @@ function testLetter2(string, index) {
   return i + 1;
 }
 function measureTextCanvas(text, character) {
+  let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "actual";
   const measurement = application.graphicUtil.textMeasure.measureText(text, character),
     result = {
       ascent: 0,
       height: 0,
       descent: 0,
       width: 0
-    };
-  return "number" != typeof measurement.fontBoundingBoxAscent || "number" != typeof measurement.fontBoundingBoxDescent ? (result.width = measurement.width, result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = measurement.width, result.height = Math.floor(measurement.fontBoundingBoxAscent + measurement.fontBoundingBoxDescent), result.ascent = Math.floor(measurement.fontBoundingBoxAscent), result.descent = result.height - result.ascent), result;
+    },
+    ascent = "actual" === mode ? measurement.actualBoundingBoxAscent : measurement.fontBoundingBoxAscent,
+    descent = "actual" === mode ? measurement.actualBoundingBoxDescent : measurement.fontBoundingBoxDescent;
+  return "number" != typeof ascent || "number" != typeof descent ? (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(ascent + descent), result.ascent = Math.floor(ascent), result.descent = result.height - result.ascent), result;
 }
 
-var __decorate$1I = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1K = 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;
@@ -5133,9 +5143,9 @@ let ATextMeasure = class {
     return data.str = data.result, data.width += suffixWidth, data;
   }
 };
-ATextMeasure = __decorate$1I([injectable()], ATextMeasure);
+ATextMeasure = __decorate$1K([injectable()], ATextMeasure);
 
-var __decorate$1H = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1J = 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;
@@ -5144,7 +5154,7 @@ var __decorate$1H = undefined && undefined.__decorate || function (decorators, t
 };
 const TextMeasureContribution = Symbol.for("TextMeasureContribution");
 let DefaultTextMeasureContribution = class extends ATextMeasure {};
-DefaultTextMeasureContribution = __decorate$1H([injectable()], DefaultTextMeasureContribution);
+DefaultTextMeasureContribution = __decorate$1J([injectable()], DefaultTextMeasureContribution);
 
 const container = new Container();
 
@@ -5558,14 +5568,14 @@ class DefaultCanvasAllocate {
 }
 const canvasAllocate = new DefaultCanvasAllocate();
 
-var __decorate$1G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1I = 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;
   },
-  __metadata$1h = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1i = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 const VWindow = Symbol.for("VWindow");
@@ -5702,19 +5712,19 @@ let DefaultWindow = class {
     return this._handler.getTopLeft(baseWindow);
   }
 };
-DefaultWindow = __decorate$1G([injectable(), __metadata$1h("design:paramtypes", [])], DefaultWindow);
+DefaultWindow = __decorate$1I([injectable(), __metadata$1i("design:paramtypes", [])], DefaultWindow);
 
-var __decorate$1F = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1H = 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;
   },
-  __metadata$1g = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1h = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$T = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$U = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -5809,7 +5819,7 @@ let DefaultGraphicUtil = class {
     return c.nativeCanvas ? c.nativeCanvas : null;
   }
 };
-DefaultGraphicUtil = __decorate$1F([injectable(), __param$T(0, inject(ContributionProvider)), __param$T(0, named(TextMeasureContribution)), __metadata$1g("design:paramtypes", [Object])], DefaultGraphicUtil);
+DefaultGraphicUtil = __decorate$1H([injectable(), __param$U(0, inject(ContributionProvider)), __param$U(0, named(TextMeasureContribution)), __metadata$1h("design:paramtypes", [Object])], DefaultGraphicUtil);
 var TransformMode;
 !function (TransformMode) {
   TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -5867,7 +5877,7 @@ let DefaultTransformUtil = class {
     return this;
   }
 };
-DefaultTransformUtil = __decorate$1F([injectable(), __metadata$1g("design:paramtypes", [])], DefaultTransformUtil);
+DefaultTransformUtil = __decorate$1H([injectable(), __metadata$1h("design:paramtypes", [])], DefaultTransformUtil);
 
 const defaultThemeObj = {
     arc: DefaultArcAttribute,
@@ -7380,7 +7390,7 @@ class Animate {
     let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Generator.GenAutoIncrementId();
     let timeline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultTimeline;
     let slience = arguments.length > 2 ? arguments[2] : undefined;
-    this.id = id, this.timeline = timeline, this.status = AnimateStatus.INITIAL, this.tailAnimate = new SubAnimate(this), this.subAnimates = [this.tailAnimate], this.timeScale = 1, this.rawPosition = -1, this._startTime = 0, this._duringTime = 0, this.timeline.addAnimate(this), this.slience = slience;
+    this.id = id, this.timeline = timeline || defaultTimeline, this.status = AnimateStatus.INITIAL, this.tailAnimate = new SubAnimate(this), this.subAnimates = [this.tailAnimate], this.timeScale = 1, this.rawPosition = -1, this._startTime = 0, this._duringTime = 0, this.timeline.addAnimate(this), this.slience = slience;
   }
   setTimeline(timeline) {
     timeline !== this.timeline && (this.timeline.removeAnimate(this, !1), timeline.addAnimate(this));
@@ -7870,7 +7880,8 @@ class IncreaseCount extends ACustomAnimate {
   }
   onEnd() {}
   onUpdate(end, ratio, out) {
-    !1 !== this.valid && (out.text = end ? this.toNumber : (this.fromNumber + (this.toNumber - this.fromNumber) * ratio).toFixed(this.decimalLength));
+    var _a;
+    !1 !== this.valid && (out.text = end ? null === (_a = this.to) || void 0 === _a ? void 0 : _a.text : (this.fromNumber + (this.toNumber - this.fromNumber) * ratio).toFixed(this.decimalLength));
   }
 }
 var Direction;
@@ -9716,7 +9727,7 @@ class ResourceLoader {
   }
   static GetFile(url, type) {
     let data = ResourceLoader.cache.get(url);
-    return data ? "init" === data.loadState || "fail" === data.loadState ? Promise.reject() : "loading" === data.loadState ? data.dataPromise.then(data => data.data) : Promise.resolve(data.data) : (data = {
+    return data ? "fail" === data.loadState ? Promise.reject() : "init" === data.loadState || "loading" === data.loadState ? data.dataPromise.then(data => data.data) : Promise.resolve(data.data) : (data = {
       type: type,
       loadState: "init"
     }, ResourceLoader.cache.set(url, data), "arrayBuffer" === type ? data.dataPromise = application.global.loadArrayBuffer(url) : "blob" === type ? data.dataPromise = application.global.loadBlob(url) : "json" === type && (data.dataPromise = application.global.loadJson(url)), data.dataPromise.then(data => data.data));
@@ -11170,14 +11181,14 @@ const DynamicLayerHandlerContribution = Symbol.for("DynamicLayerHandlerContribut
 const VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
 
 var DefaultLayerService_1,
-  __decorate$1E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  __decorate$1G = 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;
   },
-  __metadata$1f = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1g = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let DefaultLayerService = DefaultLayerService_1 = class {
@@ -11241,7 +11252,7 @@ let DefaultLayerService = DefaultLayerService_1 = class {
     this.layerMap.delete(stage);
   }
 };
-DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = DefaultLayerService_1 = __decorate$1E([injectable(), __metadata$1f("design:paramtypes", [])], DefaultLayerService);
+DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = DefaultLayerService_1 = __decorate$1G([injectable(), __metadata$1g("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();
@@ -11780,17 +11791,17 @@ class DefaultMat4Allocate {
 const matrixAllocate = new DefaultMatrixAllocate();
 const mat4Allocate = new DefaultMat4Allocate();
 
-var __decorate$1D = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1F = 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;
   },
-  __metadata$1e = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1f = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$S = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$T = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -12002,7 +12013,7 @@ let DefaultGraphicService = class {
     };
   }
 };
-DefaultGraphicService = __decorate$1D([injectable(), __param$S(0, inject(GraphicCreator$1)), __metadata$1e("design:paramtypes", [Object])], DefaultGraphicService);
+DefaultGraphicService = __decorate$1F([injectable(), __param$T(0, inject(GraphicCreator$1)), __metadata$1f("design:paramtypes", [Object])], DefaultGraphicService);
 
 const updateBoundsOfCommonOuterBorder = (attribute, theme, aabbBounds) => {
   const {
@@ -13440,7 +13451,7 @@ let Line$1 = class Line extends Graphic {
       } = attribute,
       b = aabbBounds;
     return points.forEach(p => {
-      !1 === p.defined && "zero" !== connectedType && "connect" !== connectedType || b.add(p.x, p.y);
+      !1 === p.defined && "connect" !== connectedType || b.add(p.x, p.y);
     }), b;
   }
   updateLineAABBBoundsBySegments(attribute, lineTheme, aabbBounds, graphic) {
@@ -13451,7 +13462,7 @@ let Line$1 = class Line extends Graphic {
       b = aabbBounds;
     return segments.forEach(s => {
       s.points.forEach(p => {
-        !1 === p.defined && "zero" !== connectedType && "connect" !== connectedType || b.add(p.x, p.y);
+        !1 === p.defined && "connect" !== connectedType || b.add(p.x, p.y);
       });
     }), b;
   }
@@ -13882,16 +13893,20 @@ class Frame {
 }
 
 function getFixedLRTB(left, right, top, bottom) {
+  const leftInt = Math.round(left),
+    topInt = Math.round(top),
+    rightInt = Math.round(right),
+    bottomInt = Math.round(bottom);
   return {
-    left: Math.round(left),
-    top: Math.round(top),
-    right: Math.round(right),
-    bottom: Math.round(bottom)
+    left: left > leftInt ? leftInt : leftInt - .5,
+    top: top > topInt ? topInt : topInt - .5,
+    right: rightInt > right ? rightInt : rightInt + .5,
+    bottom: bottomInt > bottom ? bottomInt : bottomInt + .5
   };
 }
 class Paragraph {
-  constructor(text, newLine, character) {
-    this.fontSize = character.fontSize || 16, this.textBaseline = character.textBaseline || "alphabetic";
+  constructor(text, newLine, character, ascentDescentMode) {
+    this.fontSize = character.fontSize || 16, this.textBaseline = character.textBaseline || "alphabetic", this.ascentDescentMode = ascentDescentMode;
     const lineHeight = calculateLineHeight(character.lineHeight, this.fontSize);
     this.lineHeight = "number" == typeof lineHeight ? lineHeight > this.fontSize ? lineHeight : this.fontSize : Math.floor(1.2 * this.fontSize), this.height = this.lineHeight;
     const {
@@ -13899,7 +13914,7 @@ class Paragraph {
       height: height,
       descent: descent,
       width: width
-    } = measureTextCanvas(text, character);
+    } = measureTextCanvas(text, character, this.ascentDescentMode);
     let halfDetaHeight = 0,
       deltaAscent = 0,
       deltaDescent = 0;
@@ -13908,7 +13923,7 @@ class Paragraph {
   updateWidth() {
     const {
       width: width
-    } = measureTextCanvas(this.text, this.character);
+    } = measureTextCanvas(this.text, this.character, this.ascentDescentMode);
     this.width = width, "vertical" === this.direction && (this.widthOrigin = this.width, this.width = this.heightOrigin, this.height = this.widthOrigin);
   }
   drawBackground(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
@@ -13925,16 +13940,24 @@ class Paragraph {
         if (text = text.slice(0, index), text += this.ellipsisStr, "right" === textAlign || "end" === textAlign) {
           const {
             width: width
-          } = measureTextCanvas(this.text.slice(index), this.character);
+          } = measureTextCanvas(this.text.slice(index), this.character, this.ascentDescentMode);
           "vertical" === direction || (left -= this.ellipsisWidth - width);
         }
       }
     }
+    switch (this.character.script) {
+      case "super":
+        baseline -= this.ascent * (1 / 3);
+        break;
+      case "sub":
+        baseline += this.descent / 2;
+    }
+    "vertical" === direction && (ctx.save(), ctx.rotateAbout(Math.PI / 2, left, baseline), ctx.translate(-this.heightOrigin || -this.lineHeight / 2, -this.descent / 2), ctx.translate(left, baseline), left = 0, baseline = 0);
+    const fillStyle = ctx.fillStyle,
+      globalAlpha = ctx.globalAlpha;
+    ctx.fillStyle = this.character.background, void 0 !== this.character.backgroundOpacity && (ctx.globalAlpha = this.character.backgroundOpacity);
     const lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + lineHeight);
-    return Object.assign(Object.assign({}, lrtb), {
-      fillStyle: this.character.background,
-      globalAlpha: this.character.backgroundOpacity
-    });
+    ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top), ctx.fillStyle = fillStyle, ctx.globalAlpha = globalAlpha;
   }
   draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
     let baseline = top + ascent,
@@ -13949,7 +13972,7 @@ class Paragraph {
         if (text = text.slice(0, index), text += this.ellipsisStr, "right" === textAlign || "end" === textAlign) {
           const {
             width: width
-          } = measureTextCanvas(this.text.slice(index), this.character);
+          } = measureTextCanvas(this.text.slice(index), this.character, this.ascentDescentMode);
           "vertical" === direction || (left -= this.ellipsisWidth - width);
         }
       }
@@ -13969,21 +13992,21 @@ class Paragraph {
       if (this.character.underline) {
         const top = 1 + baseline,
           lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1));
-        ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
+        ctx.fillRect(lrtb.left, 1 + baseline, lrtb.right - lrtb.left, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
       }
       if (this.character.lineThrough) {
         const top = 1 + baseline - this.ascent / 2,
           lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1));
-        ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
+        ctx.fillRect(lrtb.left, 1 + baseline - this.ascent / 2, lrtb.right - lrtb.left, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
       }
     } else if ("underline" === this.character.textDecoration) {
       const top = 1 + baseline,
         lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1));
-      ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
+      ctx.fillRect(lrtb.left, 1 + baseline, lrtb.right - lrtb.left, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
     } else if ("line-through" === this.character.textDecoration) {
       const top = 1 + baseline - this.ascent / 2,
         lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1));
-      ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
+      ctx.fillRect(lrtb.left, 1 + baseline - this.ascent / 2, lrtb.right - lrtb.left, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
     }
     "vertical" === direction && ctx.restore();
   }
@@ -13997,7 +14020,7 @@ class Paragraph {
       text = text.slice(0, index), text += this.ellipsisStr;
       const {
         width: measureWidth
-      } = measureTextCanvas(this.text.slice(index), this.character);
+      } = measureTextCanvas(this.text.slice(index), this.character, this.ascentDescentMode);
       return width + this.ellipsisWidth - measureWidth;
     }
     return width;
@@ -14006,7 +14029,7 @@ class Paragraph {
 function seperateParagraph(paragraph, index) {
   const text1 = paragraph.text.slice(0, index),
     text2 = paragraph.text.slice(index);
-  return [new Paragraph(text1, paragraph.newLine, paragraph.character), new Paragraph(text2, !0, paragraph.character)];
+  return [new Paragraph(text1, paragraph.newLine, paragraph.character, paragraph.ascentDescentMode), new Paragraph(text2, !0, paragraph.character, paragraph.ascentDescentMode)];
 }
 
 const IMAGE_UPDATE_TAG_KEY = ["width", "height", "image", ...GRAPHIC_UPDATE_TAG_KEY];
@@ -14195,7 +14218,7 @@ class Line {
         paragraph.ellipsisStr = ellipsis;
         const {
             width: width
-          } = measureTextCanvas(ellipsis, paragraph.character),
+          } = measureTextCanvas(ellipsis, paragraph.character, paragraph.ascentDescentMode),
           ellipsisWidth = width || 0;
         if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {
           lastLine && (paragraph.ellipsis = "add");
@@ -14208,19 +14231,8 @@ class Line {
         paragraph.ellipsis = "hide", otherParagraphWidth += paragraph.width;
       }
     }
-    let fillStyle = "",
-      globalAlpha = -1,
-      currBgList = [];
-    const bgList = [currBgList];
     this.paragraphs.forEach((paragraph, index) => {
-      if (paragraph instanceof RichTextIcon) return;
-      const data = paragraph.drawBackground(ctx, y, this.ascent, x, 0 === index, this.textAlign, this.height);
-      data && (fillStyle === data.fillStyle && globalAlpha === data.globalAlpha || (currBgList = [], bgList.push(currBgList), fillStyle = data.fillStyle, globalAlpha = data.globalAlpha), currBgList.push(data));
-    }), bgList.forEach(bg => {
-      if (0 === bg.length) return;
-      const data = bg[0],
-        end = bg[bg.length - 1];
-      ctx.fillStyle = data.fillStyle, ctx.globalAlpha = data.globalAlpha, ctx.fillRect(data.left, data.top, end.right - data.left, end.bottom - data.top);
+      paragraph instanceof RichTextIcon || paragraph.drawBackground(ctx, y, this.ascent, x, 0 === index, this.textAlign, this.height);
     }), this.paragraphs.forEach((paragraph, index) => {
       if (paragraph instanceof RichTextIcon) return paragraph.setAttributes({
         x: x + paragraph._x,
@@ -14242,7 +14254,7 @@ class Line {
       if (paragraph instanceof RichTextIcon) break;
       const {
           width: width
-        } = measureTextCanvas(ellipsis, paragraph.character),
+        } = measureTextCanvas(ellipsis, paragraph.character, paragraph.ascentDescentMode),
         ellipsisWidth = width || 0;
       if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {
         paragraph.ellipsis = "add", paragraph.ellipsisWidth = ellipsisWidth;
@@ -14383,13 +14395,7 @@ class RichText extends Graphic {
     }
     return cache.every(item => item.isComposing || !(item.text && isString$1(item.text) && RichText.splitText(item.text).length > 1));
   }
-  static splitEmoji(text) {
-    return [...new Intl.Segmenter().segment(text)].map(x => x.segment);
-  }
   static splitText(text) {
-    try {
-      return this.splitEmoji(text);
-    } catch (e) {}
     return Array.from(text);
   }
   static TransformTextConfig2SingleCharacter(textConfig) {
@@ -14515,7 +14521,8 @@ class RichText extends Graphic {
       layoutDirection: layoutDirection,
       singleLine: singleLine,
       disableAutoWrapLine: disableAutoWrapLine,
-      editable: editable
+      editable: editable,
+      ascentDescentMode: ascentDescentMode
     } = this.attribute;
     let {
       textConfig: _tc = []
@@ -14538,8 +14545,8 @@ class RichText extends Graphic {
       const richTextConfig = this.combinedStyleToCharacter(textConfig[i]);
       if (isNumber$1(richTextConfig.text) && (richTextConfig.text = `${richTextConfig.text}`), richTextConfig.text && richTextConfig.text.includes("\n")) {
         const textParts = richTextConfig.text.split("\n");
-        for (let j = 0; j < textParts.length; j++) paragraphs.push(new Paragraph(textParts[j], 0 !== j, richTextConfig));
-      } else richTextConfig.text && paragraphs.push(new Paragraph(richTextConfig.text, !1, richTextConfig));
+        for (let j = 0; j < textParts.length; j++) paragraphs.push(new Paragraph(textParts[j], 0 !== j, richTextConfig, ascentDescentMode));
+      } else richTextConfig.text && paragraphs.push(new Paragraph(richTextConfig.text, !1, richTextConfig, ascentDescentMode));
     }
     const maxWidthFinite = "number" == typeof maxWidth && Number.isFinite(maxWidth) && maxWidth > 0,
       maxHeightFinite = "number" == typeof maxHeight && Number.isFinite(maxHeight) && maxHeight > 0,
@@ -15403,17 +15410,17 @@ class BaseRender {
   }
 }
 
-var __decorate$1C = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1E = 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;
   },
-  __metadata$1d = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1e = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$R = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$S = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -15510,7 +15517,7 @@ let DefaultBaseInteractiveRenderContribution = class {
     });
   }
 };
-DefaultBaseInteractiveRenderContribution = __decorate$1C([injectable(), __param$R(0, inject(ContributionProvider)), __param$R(0, named(InteractiveSubRenderContribution)), __metadata$1d("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
+DefaultBaseInteractiveRenderContribution = __decorate$1E([injectable(), __param$S(0, inject(ContributionProvider)), __param$S(0, named(InteractiveSubRenderContribution)), __metadata$1e("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
 
 function formatRatio(ratio) {
   return ratio <= .5 ? 4 * ratio - 1 : -4 * ratio + 3;
@@ -15858,7 +15865,7 @@ function createRectPath(path, x, y, width, height, rectCornerRadius) {
   return !edgeCb && path.closePath(), path;
 }
 
-var __decorate$1B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1D = 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;
@@ -15923,7 +15930,7 @@ let SplitRectBeforeRenderContribution = class {
     Array.isArray(stroke) && stroke.some(s => !1 === s) && (doFillOrStroke.doStroke = !1);
   }
 };
-SplitRectBeforeRenderContribution = __decorate$1B([injectable()], SplitRectBeforeRenderContribution);
+SplitRectBeforeRenderContribution = __decorate$1D([injectable()], SplitRectBeforeRenderContribution);
 let SplitRectAfterRenderContribution = class {
   constructor() {
     this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -15960,7 +15967,7 @@ let SplitRectAfterRenderContribution = class {
     }
   }
 };
-SplitRectAfterRenderContribution = __decorate$1B([injectable()], SplitRectAfterRenderContribution);
+SplitRectAfterRenderContribution = __decorate$1D([injectable()], SplitRectAfterRenderContribution);
 const defaultRectRenderContribution = new DefaultRectRenderContribution();
 const defaultRectTextureRenderContribution = defaultBaseTextureRenderContribution;
 const defaultRectBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
@@ -15969,8 +15976,8 @@ class DefaultImageRenderContribution extends DefaultRectRenderContribution {
   constructor() {
     super(...arguments), this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
   }
-  drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
-    return super.drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
+  drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
+    return super.drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
   }
 }
 const defaultImageRenderContribution = new DefaultImageRenderContribution();
@@ -16065,17 +16072,17 @@ class DefaultAreaTextureRenderContribution extends DefaultBaseTextureRenderContr
   }
 }
 
-var __decorate$1A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1C = 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;
   },
-  __metadata$1c = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1d = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$Q = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$R = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -16239,19 +16246,19 @@ let DefaultCanvasArcRender = class extends BaseRender {
     this._draw(arc, arcAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasArcRender = __decorate$1A([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(ArcRenderContribution)), __metadata$1c("design:paramtypes", [Object])], DefaultCanvasArcRender);
+DefaultCanvasArcRender = __decorate$1C([injectable(), __param$R(0, inject(ContributionProvider)), __param$R(0, named(ArcRenderContribution)), __metadata$1d("design:paramtypes", [Object])], DefaultCanvasArcRender);
 
-var __decorate$1z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1B = 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;
   },
-  __metadata$1b = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1c = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$P = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$Q = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -16292,7 +16299,7 @@ let DefaultCanvasCircleRender = class extends BaseRender {
     this._draw(circle, circleAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasCircleRender = __decorate$1z([injectable(), __param$P(0, inject(ContributionProvider)), __param$P(0, named(CircleRenderContribution)), __metadata$1b("design:paramtypes", [Object])], DefaultCanvasCircleRender);
+DefaultCanvasCircleRender = __decorate$1B([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(CircleRenderContribution)), __metadata$1c("design:paramtypes", [Object])], DefaultCanvasCircleRender);
 
 function drawSegItem(ctx, curve, endPercent, params) {
   if (!curve.p1) return;
@@ -16416,7 +16423,7 @@ function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
   });
 }
 
-var __decorate$1y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1A = 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;
@@ -16432,7 +16439,7 @@ let DefaultCanvasLineRender = class extends BaseRender {
     this._draw(line, lineAttribute, !1, drawContext, params);
   }
   drawSegmentItem(context, cache, fill, stroke, fillOpacity, strokeOpacity, attribute, defaultAttribute, clipRange, clipRangeByDimension, offsetX, offsetY, line, fillCb, strokeCb) {
-    var _a, _b, _c, _d, _e;
+    var _a;
     if (!cache) return;
     context.beginPath();
     const z = null !== (_a = this.z) && void 0 !== _a ? _a : 0;
@@ -16445,27 +16452,7 @@ let DefaultCanvasLineRender = class extends BaseRender {
       x: originX = 0,
       x: originY = 0
     } = attribute;
-    !1 !== fill && (fillCb ? fillCb(context, attribute, defaultAttribute) : fillOpacity && (context.setCommonStyle(line, attribute, originX - offsetX, originY - offsetY, defaultAttribute), context.fill())), !1 !== stroke && (strokeCb ? strokeCb(context, attribute, defaultAttribute) : strokeOpacity && (context.setStrokeStyle(line, attribute, originX - offsetX, originY - offsetY, defaultAttribute), context.stroke()));
-    let {
-      connectedType: connectedType,
-      connectedX: connectedX,
-      connectedY: connectedY,
-      connectedStyle: connectedStyle
-    } = attribute;
-    if (isArray$1(defaultAttribute) ? (connectedType = null !== (_b = null != connectedType ? connectedType : defaultAttribute[0].connectedType) && void 0 !== _b ? _b : defaultAttribute[1].connectedType, connectedX = null !== (_c = null != connectedX ? connectedX : defaultAttribute[0].connectedX) && void 0 !== _c ? _c : defaultAttribute[1].connectedX, connectedY = null !== (_d = null != connectedY ? connectedY : defaultAttribute[0].connectedY) && void 0 !== _d ? _d : defaultAttribute[1].connectedY, connectedStyle = null !== (_e = null != connectedStyle ? connectedStyle : defaultAttribute[0].connectedStyle) && void 0 !== _e ? _e : defaultAttribute[1].connectedStyle) : (connectedType = null != connectedType ? connectedType : defaultAttribute.connectedType, connectedX = null != connectedX ? connectedX : defaultAttribute.connectedX, connectedY = null != connectedY ? connectedY : defaultAttribute.connectedY, connectedStyle = null != connectedStyle ? connectedStyle : defaultAttribute.connectedStyle), "connect" !== connectedType && "zero" !== connectedType && (connectedType = "none"), "none" !== connectedType) {
-      context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, cache, clipRange, clipRangeByDimension, {
-        offsetX: offsetX,
-        offsetY: offsetY,
-        offsetZ: z,
-        drawConnect: !0,
-        mode: connectedType,
-        zeroX: connectedX,
-        zeroY: connectedY
-      });
-      const da = [];
-      isArray$1(defaultAttribute) ? defaultAttribute.forEach(i => da.push(i)) : da.push(defaultAttribute), da.push(attribute), !1 !== fill && (fillCb ? fillCb(context, attribute, defaultAttribute) : fillOpacity && (context.setCommonStyle(line, connectedStyle, originX - offsetX, originY - offsetY, da), context.fill())), !1 !== stroke && (strokeCb ? strokeCb(context, attribute, defaultAttribute) : strokeOpacity && (context.setStrokeStyle(line, connectedStyle, originX - offsetX, originY - offsetY, da), context.stroke()));
-    }
-    return !1;
+    return !1 !== fill && (fillCb ? fillCb(context, attribute, defaultAttribute) : fillOpacity && (context.setCommonStyle(line, attribute, originX - offsetX, originY - offsetY, defaultAttribute), context.fill())), !1 !== stroke && (strokeCb ? strokeCb(context, attribute, defaultAttribute) : strokeOpacity && (context.setStrokeStyle(line, attribute, originX - offsetX, originY - offsetY, defaultAttribute), context.stroke())), !1;
   }
   drawLinearLineHighPerformance(line, context, fill, stroke, fillOpacity, strokeOpacity, offsetX, offsetY, lineAttribute, drawContext, params, fillCb, strokeCb) {
     var _a;
@@ -16497,7 +16484,8 @@ let DefaultCanvasLineRender = class extends BaseRender {
         segments: segments,
         points: points,
         closePath: closePath,
-        curveTension = lineAttribute.curveTension
+        curveTension = lineAttribute.curveTension,
+        connectedType = lineAttribute.connectedType
       } = line.attribute;
     if (!this.valid(line, lineAttribute, fillCb, strokeCb)) return;
     let {
@@ -16509,6 +16497,9 @@ let DefaultCanvasLineRender = class extends BaseRender {
       clipRangeByDimension = lineAttribute.clipRangeByDimension
     } = line.attribute;
     if (1 === clipRange && !segments && !points.some(p => !1 === p.defined) && "linear" === curveType) return this.drawLinearLineHighPerformance(line, context, !!fill, !!stroke, fillOpacity, strokeOpacity, x, y, lineAttribute, drawContext, params, fillCb, strokeCb);
+    function parsePoint(points, connectedType) {
+      return "none" === connectedType ? points : points.filter(p => !1 !== p.defined);
+    }
     if (line.shouldUpdateShape()) {
       const {
           points: points,
@@ -16530,7 +16521,7 @@ let DefaultCanvasLineRender = class extends BaseRender {
             y: lastSeg.endY,
             defined: lastSeg.curves[lastSeg.curves.length - 1].defined
           } : index > 1 && (startPoint.x = lastSeg.endX, startPoint.y = lastSeg.endY, startPoint.defined = lastSeg.curves[lastSeg.curves.length - 1].defined);
-          const data = calcLineCache(seg.points, curveType, {
+          const data = calcLineCache(parsePoint(seg.points, connectedType), curveType, {
             startPoint: startPoint,
             curveTension: curveTension
           });
@@ -16549,7 +16540,7 @@ let DefaultCanvasLineRender = class extends BaseRender {
         }
       } else {
         if (!points || !points.length) return line.cache = null, void line.clearUpdateShapeTag();
-        line.cache = calcLineCache(_points, curveType, {
+        line.cache = calcLineCache(parsePoint(_points, connectedType), curveType, {
           curveTension: curveTension
         });
       }
@@ -16577,15 +16568,10 @@ let DefaultCanvasLineRender = class extends BaseRender {
     } else this.drawSegmentItem(context, line.cache, !!fill, !!stroke, fillOpacity, strokeOpacity, line.attribute, lineAttribute, clipRange, clipRangeByDimension, x, y, line, fillCb, strokeCb);
   }
 };
-DefaultCanvasLineRender = __decorate$1y([injectable()], DefaultCanvasLineRender);
+DefaultCanvasLineRender = __decorate$1A([injectable()], DefaultCanvasLineRender);
 
 function drawAreaSegments(path, segPath, percent, params) {
   var _a;
-  const {
-    drawConnect = !1,
-    mode = "none"
-  } = params || {};
-  if (drawConnect && "none" === mode) return;
   const {
     top: top,
     bottom: bottom
@@ -16595,34 +16581,11 @@ function drawAreaSegments(path, segPath, percent, params) {
     const topList = [],
       bottomList = [];
     let lastDefined = !0;
-    if (drawConnect) {
-      let lastCurve,
-        lastBottomCurve,
-        defined0 = !0;
-      const n = top.curves.length;
-      top.curves.forEach((curve, i) => {
-        const bototmCurve = bottom.curves[n - i - 1];
-        let currentTopCurve = curve,
-          currentBottomCurve = bototmCurve;
-        if (curve.originP1 === curve.originP2) return lastCurve = curve, void (lastBottomCurve = bototmCurve);
-        if (lastCurve && lastCurve.originP1 === lastCurve.originP2 && (currentTopCurve = lastCurve, currentBottomCurve = lastBottomCurve), curve.defined) defined0 || (topList.push(currentTopCurve), bottomList.push(currentBottomCurve), drawAreaConnectBlock(path, topList, bottomList, params), topList.length = 0, bottomList.length = 0, defined0 = !defined0);else {
-          const {
-            originP1: originP1,
-            originP2: originP2
-          } = curve;
-          let validTopCurve, validBottomCurve;
-          originP1 && !1 !== originP1.defined ? (validTopCurve = currentTopCurve, validBottomCurve = currentBottomCurve) : originP1 && !1 !== originP2.defined && (validTopCurve = curve, validBottomCurve = bototmCurve), defined0 ? (defined0 = !defined0, topList.push(validTopCurve || curve), bottomList.push(validBottomCurve || bototmCurve)) : validTopCurve && (defined0 = !defined0, topList.push(validTopCurve || curve), bottomList.push(validBottomCurve || bototmCurve), drawAreaConnectBlock(path, topList, bottomList, params), topList.length = 0, bottomList.length = 0);
-        }
-        lastCurve = curve;
-      }), drawAreaConnectBlock(path, topList, bottomList, params);
-    } else {
-      for (let i = 0, n = top.curves.length; i < n; i++) {
-        const topCurve = top.curves[i];
-        lastDefined !== topCurve.defined ? (lastDefined ? (drawAreaBlock(path, topList, bottomList, params), topList.length = 0, bottomList.length = 0) : (topList.push(topCurve), bottomList.push(bottom.curves[n - i - 1])), lastDefined = !lastDefined) : lastDefined && (topList.push(topCurve), bottomList.push(bottom.curves[n - i - 1]));
-      }
-      drawAreaBlock(path, topList, bottomList, params);
+    for (let i = 0, n = top.curves.length; i < n; i++) {
+      const topCurve = top.curves[i];
+      lastDefined !== topCurve.defined ? (lastDefined ? (drawAreaBlock(path, topList, bottomList, params), topList.length = 0, bottomList.length = 0) : (topList.push(topCurve), bottomList.push(bottom.curves[n - i - 1])), lastDefined = !lastDefined) : lastDefined && (topList.push(topCurve), bottomList.push(bottom.curves[n - i - 1]));
     }
-    return;
+    return void drawAreaBlock(path, topList, bottomList, params);
   }
   if (percent <= 0) return;
   let {
@@ -16640,51 +16603,17 @@ function drawAreaSegments(path, segPath, percent, params) {
     lastDefined = !0;
   const topList = [],
     bottomList = [];
-  let lastTopCurve,
-    lastBottomCurve,
-    defined0 = !0;
   for (let i = 0, n = top.curves.length; i < n; i++) {
     const topCurve = top.curves[i],
       curCurveLength = topCurve.getLength(direction),
       percent = (totalDrawLength - drawedLengthUntilLast) / curCurveLength;
     if (percent < 0) break;
-    if (drawedLengthUntilLast += curCurveLength, drawConnect) {
-      const bototmCurve = bottom.curves[n - i - 1];
-      let currentTopCurve = topCurve,
-        currentBottomCurve = bototmCurve;
-      if (topCurve.originP1 === topCurve.originP2) {
-        lastTopCurve = topCurve, lastBottomCurve = bototmCurve;
-        continue;
-      }
-      if (lastTopCurve && lastTopCurve.originP1 === lastTopCurve.originP2 && (currentTopCurve = lastTopCurve, currentBottomCurve = lastBottomCurve), topCurve.defined) defined0 || (topList.push(currentTopCurve), bottomList.push(currentBottomCurve), drawAreaConnectBlock(path, topList, bottomList, params), topList.length = 0, bottomList.length = 0, defined0 = !defined0);else {
-        const {
-          originP1: originP1,
-          originP2: originP2
-        } = topCurve;
-        let validTopCurve, validBottomCurve;
-        originP1 && !1 !== originP1.defined ? (validTopCurve = currentTopCurve, validBottomCurve = currentBottomCurve) : originP1 && !1 !== originP2.defined && (validTopCurve = topCurve, validBottomCurve = bototmCurve), defined0 ? (defined0 = !defined0, topList.push(validTopCurve || topCurve), bottomList.push(validBottomCurve || bototmCurve)) : validTopCurve && (defined0 = !defined0, topList.push(validTopCurve || topCurve), bottomList.push(validBottomCurve || bototmCurve), drawAreaConnectBlock(path, topList, bottomList, params), topList.length = 0, bottomList.length = 0);
-      }
-      lastTopCurve = topCurve;
-    } else {
-      let tc = null,
-        bc = null;
-      lastDefined !== topCurve.defined ? (lastDefined ? (drawAreaBlock(path, topList, bottomList, params), topList.length = 0, bottomList.length = 0) : (tc = topCurve, bc = bottom.curves[n - i - 1]), lastDefined = !lastDefined) : lastDefined && (tc = topCurve, bc = bottom.curves[n - i - 1]), tc && bc && (percent < 1 && (tc = tc.p2 && tc.p3 ? divideCubic(tc, percent)[0] : divideLinear(tc, percent)[0], bc = bc.p2 && bc.p3 ? divideCubic(bc, 1 - percent)[1] : divideLinear(bc, 1 - percent)[1]), tc.defined = lastDefined, bc.defined = lastDefined, topList.push(tc), bottomList.push(bc)), tc = null, bc = null;
-    }
+    drawedLengthUntilLast += curCurveLength;
+    let tc = null,
+      bc = null;
+    lastDefined !== topCurve.defined ? (lastDefined ? (drawAreaBlock(path, topList, bottomList, params), topList.length = 0, bottomList.length = 0) : (tc = topCurve, bc = bottom.curves[n - i - 1]), lastDefined = !lastDefined) : lastDefined && (tc = topCurve, bc = bottom.curves[n - i - 1]), tc && bc && (percent < 1 && (tc = tc.p2 && tc.p3 ? divideCubic(tc, percent)[0] : divideLinear(tc, percent)[0], bc = bc.p2 && bc.p3 ? divideCubic(bc, 1 - percent)[1] : divideLinear(bc, 1 - percent)[1]), tc.defined = lastDefined, bc.defined = lastDefined, topList.push(tc), bottomList.push(bc)), tc = null, bc = null;
   }
-  drawConnect ? drawAreaConnectBlock(path, topList, bottomList, params) : drawAreaBlock(path, topList, bottomList, params);
-}
-function drawAreaConnectBlock(path, topList, bottomList, params) {
-  if (topList.length < 2) return;
-  const {
-    offsetX = 0,
-    offsetY = 0,
-    offsetZ = 0,
-    mode: mode
-  } = params || {};
-  let curve = topList[0];
-  path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ), curve = topList[topList.length - 1];
-  let end = curve.p3 || curve.p1;
-  path.lineTo(end.x + offsetX, end.y + offsetY, offsetZ), curve = bottomList[bottomList.length - 1], path.lineTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ), curve = bottomList[0], end = curve.p3 || curve.p1, path.lineTo(end.x + offsetX, end.y + offsetY, offsetZ), path.closePath();
+  drawAreaBlock(path, topList, bottomList, params);
 }
 function drawAreaBlock(path, topList, bottomList, params) {
   const {
@@ -16706,17 +16635,17 @@ function drawAreaBlock(path, topList, bottomList, params) {
 const defaultAreaTextureRenderContribution = new DefaultAreaTextureRenderContribution();
 const defaultAreaBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-var __decorate$1x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1z = 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;
   },
-  __metadata$1a = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1b = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$O = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$P = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -16785,7 +16714,8 @@ let DefaultCanvasAreaRender = class extends BaseRender {
         fillOpacity = areaAttribute.fillOpacity,
         z = areaAttribute.z,
         strokeOpacity = areaAttribute.strokeOpacity,
-        curveTension = areaAttribute.curveTension
+        curveTension = areaAttribute.curveTension,
+        connectedType = areaAttribute.connectedType
       } = area.attribute,
       data = this.valid(area, areaAttribute, fillCb, strokeCb);
     if (!data) return;
@@ -16802,6 +16732,9 @@ let DefaultCanvasAreaRender = class extends BaseRender {
     let {
       curveType = areaAttribute.curveType
     } = area.attribute;
+    function parsePoint(points, connectedType) {
+      return "connect" !== connectedType ? points : points.filter(p => !1 !== p.defined);
+    }
     if (closePath && "linear" === curveType && (curveType = "linearClosed"), 1 === clipRange && !segments && !points.some(p => !1 === p.defined) && "linear" === curveType) return this.drawLinearAreaHighPerformance(area, context, !!fill, doStroke, fillOpacity, strokeOpacity, x, y, areaAttribute, drawContext, params, fillCb, strokeCb);
     if (area.shouldUpdateShape()) {
       if (segments && segments.length) {
@@ -16815,7 +16748,7 @@ let DefaultCanvasAreaRender = class extends BaseRender {
             x: lastTopSeg.endX,
             y: lastTopSeg.endY
           } : index > 1 && (startPoint.x = lastTopSeg.endX, startPoint.y = lastTopSeg.endY);
-          const data = calcLineCache(seg.points, curveType, {
+          const data = calcLineCache(parsePoint(seg.points, connectedType), curveType, {
             startPoint: startPoint,
             curveTension: curveTension
           });
@@ -16838,7 +16771,7 @@ let DefaultCanvasAreaRender = class extends BaseRender {
               y: null !== (_d = endPoint.y1) && void 0 !== _d ? _d : endPoint.y
             });
           }
-          bottomPoints.length > 1 && (lastBottomSeg = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType, {
+          bottomPoints.length > 1 && (lastBottomSeg = calcLineCache(parsePoint(bottomPoints, connectedType), "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType, {
             curveTension: curveTension
           }), bottomCaches.unshift(lastBottomSeg));
         }
@@ -16849,11 +16782,11 @@ let DefaultCanvasAreaRender = class extends BaseRender {
       } else {
         if (!points || !points.length) return area.cacheArea = null, void area.clearUpdateShapeTag();
         {
-          const topPoints = points,
+          const topPoints = parsePoint(points, connectedType),
             bottomPoints = [];
-          for (let i = points.length - 1; i >= 0; i--) bottomPoints.push({
-            x: null !== (_e = points[i].x1) && void 0 !== _e ? _e : points[i].x,
-            y: null !== (_f = points[i].y1) && void 0 !== _f ? _f : points[i].y
+          for (let i = topPoints.length - 1; i >= 0; i--) bottomPoints.push({
+            x: null !== (_e = topPoints[i].x1) && void 0 !== _e ? _e : topPoints[i].x,
+            y: null !== (_f = topPoints[i].y1) && void 0 !== _f ? _f : topPoints[i].y
           });
           const topCache = calcLineCache(topPoints, curveType, {
               curveTension: curveTension
@@ -16895,20 +16828,10 @@ let DefaultCanvasAreaRender = class extends BaseRender {
     this._draw(area, areaAttribute, !1, drawContext, params);
   }
   drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb, strokeCb) {
-    let ret = !1;
-    return ret = ret || this._drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, !1, fillCb, strokeCb), ret = ret || this._drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, !0, fillCb, strokeCb), ret;
+    return this._drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb, strokeCb);
   }
-  _drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, connect, fillCb, strokeCb) {
-    var _a, _b, _c, _d;
+  _drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb, strokeCb) {
     if (!(cache && cache.top && cache.bottom && cache.top.curves && cache.top.curves.length && cache.bottom.curves && cache.bottom.curves.length)) return;
-    let {
-      connectedType: connectedType,
-      connectedX: connectedX,
-      connectedY: connectedY,
-      connectedStyle: connectedStyle
-    } = attribute;
-    const da = [];
-    if (connect && (isArray$1(defaultAttribute) ? (connectedType = null !== (_a = null != connectedType ? connectedType : defaultAttribute[0].connectedType) && void 0 !== _a ? _a : defaultAttribute[1].connectedType, connectedX = null !== (_b = null != connectedX ? connectedX : defaultAttribute[0].connectedX) && void 0 !== _b ? _b : defaultAttribute[1].connectedX, connectedY = null !== (_c = null != connectedY ? connectedY : defaultAttribute[0].connectedY) && void 0 !== _c ? _c : defaultAttribute[1].connectedY, connectedStyle = null !== (_d = null != connectedStyle ? connectedStyle : defaultAttribute[0].connectedStyle) && void 0 !== _d ? _d : defaultAttribute[1].connectedStyle) : (connectedType = null != connectedType ? connectedType : defaultAttribute.connectedType, connectedX = null != connectedX ? connectedX : defaultAttribute.connectedX, connectedY = null != connectedY ? connectedY : defaultAttribute.connectedY, connectedStyle = null != connectedStyle ? connectedStyle : defaultAttribute.connectedStyle), "connect" !== connectedType && "zero" !== connectedType && (connectedType = "none"), isArray$1(defaultAttribute) ? defaultAttribute.forEach(i => da.push(i)) : da.push(defaultAttribute), da.push(attribute)), connect && "none" === connectedType) return !1;
     context.beginPath();
     const {
       points: points,
@@ -16927,11 +16850,7 @@ let DefaultCanvasAreaRender = class extends BaseRender {
       offsetX: offsetX,
       offsetY: offsetY,
       offsetZ: offsetZ,
-      direction: direction,
-      drawConnect: connect,
-      mode: connectedType,
-      zeroX: connectedX,
-      zeroY: connectedY
+      direction: direction
     }), this.beforeRenderStep(area, context, offsetX, offsetY, !!fillOpacity, !1, fill, !1, defaultAttribute, drawContext, fillCb, null, {
       attribute: attribute
     }), context.setShadowBlendStyle && context.setShadowBlendStyle(area, attribute, defaultAttribute);
@@ -16939,7 +16858,7 @@ let DefaultCanvasAreaRender = class extends BaseRender {
       x: originX = 0,
       x: originY = 0
     } = attribute;
-    return !1 !== fill && (fillCb ? fillCb(context, attribute, defaultAttribute) : fillOpacity && (context.setCommonStyle(area, connect ? connectedStyle : attribute, originX - offsetX, originY - offsetY, connect ? da : defaultAttribute), context.fill())), this.afterRenderStep(area, context, offsetX, offsetY, !!fillOpacity, !1, fill, !1, defaultAttribute, drawContext, fillCb, null, {
+    return !1 !== fill && (fillCb ? fillCb(context, attribute, defaultAttribute) : fillOpacity && (context.setCommonStyle(area, attribute, originX - offsetX, originY - offsetY, defaultAttribute), context.fill())), this.afterRenderStep(area, context, offsetX, offsetY, !!fillOpacity, !1, fill, !1, defaultAttribute, drawContext, fillCb, null, {
       attribute: attribute
     }), (() => {
       if (!1 !== stroke) if (strokeCb) strokeCb(context, attribute, defaultAttribute);else {
@@ -16949,32 +16868,28 @@ let DefaultCanvasAreaRender = class extends BaseRender {
         isArray$1(stroke) && (stroke[0] || stroke[2]) && !1 === stroke[1] && (context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, stroke[0] ? cache.top : cache.bottom, clipRange, direction === Direction$1.ROW ? "x" : "y", {
           offsetX: offsetX,
           offsetY: offsetY,
-          offsetZ: offsetZ,
-          drawConnect: connect,
-          mode: connectedType,
-          zeroX: connectedX,
-          zeroY: connectedY
-        })), context.setStrokeStyle(area, connect ? connectedStyle : attribute, originX - offsetX, originY - offsetY, connect ? da : defaultAttribute), context.stroke();
+          offsetZ: offsetZ
+        })), context.setStrokeStyle(area, attribute, originX - offsetX, originY - offsetY, defaultAttribute), context.stroke();
       }
     })(), !1;
   }
 };
-DefaultCanvasAreaRender = __decorate$1x([injectable(), __param$O(0, inject(ContributionProvider)), __param$O(0, named(AreaRenderContribution)), __metadata$1a("design:paramtypes", [Object])], DefaultCanvasAreaRender);
+DefaultCanvasAreaRender = __decorate$1z([injectable(), __param$P(0, inject(ContributionProvider)), __param$P(0, named(AreaRenderContribution)), __metadata$1b("design:paramtypes", [Object])], DefaultCanvasAreaRender);
 
 const defaultPathTextureRenderContribution = defaultBaseTextureRenderContribution;
 const defaultPathBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-var __decorate$1w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1y = 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;
   },
-  __metadata$19 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$1a = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$N = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$O = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17018,19 +16933,19 @@ let DefaultCanvasPathRender = class extends BaseRender {
     this.tempTheme = pathAttribute, this._draw(path, pathAttribute, !1, drawContext, params), this.tempTheme = null;
   }
 };
-DefaultCanvasPathRender = __decorate$1w([injectable(), __param$N(0, inject(ContributionProvider)), __param$N(0, named(PathRenderContribution)), __metadata$19("design:paramtypes", [Object])], DefaultCanvasPathRender);
+DefaultCanvasPathRender = __decorate$1y([injectable(), __param$O(0, inject(ContributionProvider)), __param$O(0, named(PathRenderContribution)), __metadata$1a("design:paramtypes", [Object])], DefaultCanvasPathRender);
 
-var __decorate$1v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1x = 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;
   },
-  __metadata$18 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$19 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$M = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$N = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17090,19 +17005,19 @@ let DefaultCanvasRectRender = class extends BaseRender {
     this.tempTheme = rectAttribute, this._draw(rect, rectAttribute, !1, drawContext, params), this.tempTheme = null;
   }
 };
-DefaultCanvasRectRender = __decorate$1v([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(RectRenderContribution)), __metadata$18("design:paramtypes", [Object])], DefaultCanvasRectRender);
+DefaultCanvasRectRender = __decorate$1x([injectable(), __param$N(0, inject(ContributionProvider)), __param$N(0, named(RectRenderContribution)), __metadata$19("design:paramtypes", [Object])], DefaultCanvasRectRender);
 
-var __decorate$1u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1w = 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;
   },
-  __metadata$17 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$18 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$L = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$M = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17173,7 +17088,7 @@ let DefaultCanvasSymbolRender = class extends BaseRender {
     this._draw(symbol, symbolAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasSymbolRender = __decorate$1u([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(SymbolRenderContribution)), __metadata$17("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
+DefaultCanvasSymbolRender = __decorate$1w([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(SymbolRenderContribution)), __metadata$18("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
 
 class DefaultBoundsAllocate {
   constructor() {
@@ -17262,17 +17177,17 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
 }
 const defaultTextBackgroundRenderContribution = new DefaultTextBackgroundRenderContribution();
 
-var __decorate$1t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1v = 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;
   },
-  __metadata$16 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$17 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$K = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$L = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17411,9 +17326,9 @@ let DefaultCanvasTextRender = class extends BaseRender {
     }
   }
 };
-DefaultCanvasTextRender = __decorate$1t([injectable(), __param$K(0, inject(ContributionProvider)), __param$K(0, named(TextRenderContribution)), __metadata$16("design:paramtypes", [Object])], DefaultCanvasTextRender);
+DefaultCanvasTextRender = __decorate$1v([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(TextRenderContribution)), __metadata$17("design:paramtypes", [Object])], DefaultCanvasTextRender);
 
-var __decorate$1s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1u = 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;
@@ -17421,7 +17336,7 @@ var __decorate$1s = undefined && undefined.__decorate || function (decorators, t
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 let AbstractGraphicRender = class {};
-AbstractGraphicRender = __decorate$1s([injectable()], AbstractGraphicRender);
+AbstractGraphicRender = __decorate$1u([injectable()], AbstractGraphicRender);
 
 function drawPolygon(path, points, x, y) {
   path.moveTo(points[0].x + x, points[0].y + y);
@@ -17477,17 +17392,17 @@ function getProportionPoint(point, segment, length, dx, dy) {
 const defaultPolygonTextureRenderContribution = defaultBaseTextureRenderContribution;
 const defaultPolygonBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-var __decorate$1r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1t = 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;
   },
-  __metadata$15 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$16 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$J = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$K = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17528,19 +17443,19 @@ let DefaultCanvasPolygonRender = class extends BaseRender {
     this._draw(polygon, polygonAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasPolygonRender = __decorate$1r([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(PolygonRenderContribution)), __metadata$15("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
+DefaultCanvasPolygonRender = __decorate$1t([injectable(), __param$K(0, inject(ContributionProvider)), __param$K(0, named(PolygonRenderContribution)), __metadata$16("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
 
-var __decorate$1q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1s = 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;
   },
-  __metadata$14 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$15 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$I = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$J = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17635,19 +17550,19 @@ let DefaultCanvasGroupRender = class {
     }) : clip ? context.restore() : context.highPerformanceRestore();
   }
 };
-DefaultCanvasGroupRender = __decorate$1q([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(GroupRenderContribution)), __metadata$14("design:paramtypes", [Object])], DefaultCanvasGroupRender);
+DefaultCanvasGroupRender = __decorate$1s([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(GroupRenderContribution)), __metadata$15("design:paramtypes", [Object])], DefaultCanvasGroupRender);
 
-var __decorate$1p = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1r = 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;
   },
-  __metadata$13 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$14 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$H = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$I = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17715,7 +17630,7 @@ let DefaultCanvasImageRender = class extends BaseRender {
     this._draw(image, imageAttribute, !1, drawContext);
   }
 };
-DefaultCanvasImageRender = __decorate$1p([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(ImageRenderContribution)), __metadata$13("design:paramtypes", [Object])], DefaultCanvasImageRender);
+DefaultCanvasImageRender = __decorate$1r([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(ImageRenderContribution)), __metadata$14("design:paramtypes", [Object])], DefaultCanvasImageRender);
 
 const IncrementalDrawContribution = Symbol.for("IncrementalDrawContribution");
 const ArcRender = Symbol.for("ArcRender");
@@ -17783,14 +17698,14 @@ const draw3dItem = (context, graphic, callback, output) => {
   return result;
 };
 
-var __decorate$1o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1q = 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;
   },
-  __metadata$12 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$13 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 const DrawItemInterceptor = Symbol.for("DrawItemInterceptor");
@@ -17850,7 +17765,7 @@ let CommonDrawItemInterceptorContribution = class {
     return !1;
   }
 };
-CommonDrawItemInterceptorContribution = __decorate$1o([injectable(), __metadata$12("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
+CommonDrawItemInterceptorContribution = __decorate$1q([injectable(), __metadata$13("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
 class InteractiveDrawItemInterceptorContribution {
   constructor() {
     this.order = 1;
@@ -17941,17 +17856,17 @@ class Canvas3DDrawItemInterceptor {
   }
 }
 
-var __decorate$1n = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1p = 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;
   },
-  __metadata$11 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$12 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$G = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$H = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17989,7 +17904,7 @@ let DefaultRenderService = class {
     this.prepare(updateBounds), this.prepareRenderList(), this.beforeDraw(params), this.draw(params), this.afterDraw(params), this.drawParams = null;
   }
 };
-DefaultRenderService = __decorate$1n([injectable(), __param$G(0, inject(DrawContribution)), __metadata$11("design:paramtypes", [Object])], DefaultRenderService);
+DefaultRenderService = __decorate$1p([injectable(), __param$H(0, inject(DrawContribution)), __metadata$12("design:paramtypes", [Object])], DefaultRenderService);
 
 var renderModule$1 = new ContainerModule(bind => {
   bind(RenderService).to(DefaultRenderService);
@@ -18002,7 +17917,7 @@ const GlobalPickerService = Symbol.for("GlobalPickerService");
 const PickItemInterceptor = Symbol.for("PickItemInterceptor");
 const PickServiceInterceptor = Symbol.for("PickServiceInterceptor");
 
-var __decorate$1m = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1o = 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;
@@ -18024,7 +17939,7 @@ let ShadowPickServiceInterceptorContribution = class {
     return result;
   }
 };
-ShadowPickServiceInterceptorContribution = __decorate$1m([injectable()], ShadowPickServiceInterceptorContribution);
+ShadowPickServiceInterceptorContribution = __decorate$1o([injectable()], ShadowPickServiceInterceptorContribution);
 let ShadowRootPickItemInterceptorContribution = class {
   constructor() {
     this.order = 1;
@@ -18055,7 +17970,7 @@ let ShadowRootPickItemInterceptorContribution = class {
     return context.highPerformanceRestore(), !result.graphic && result.group && "full" === shadowPickMode && (result.graphic = result.group), result;
   }
 };
-ShadowRootPickItemInterceptorContribution = __decorate$1m([injectable()], ShadowRootPickItemInterceptorContribution);
+ShadowRootPickItemInterceptorContribution = __decorate$1o([injectable()], ShadowRootPickItemInterceptorContribution);
 let InteractivePickItemInterceptorContribution = class {
   constructor() {
     this.order = 1;
@@ -18074,7 +17989,7 @@ let InteractivePickItemInterceptorContribution = class {
     return null;
   }
 };
-InteractivePickItemInterceptorContribution = __decorate$1m([injectable()], InteractivePickItemInterceptorContribution);
+InteractivePickItemInterceptorContribution = __decorate$1o([injectable()], InteractivePickItemInterceptorContribution);
 let Canvas3DPickItemInterceptor = class {
   constructor() {
     this.order = 1;
@@ -18094,7 +18009,7 @@ let Canvas3DPickItemInterceptor = class {
     context.setTransformForCurrent();
   }
 };
-Canvas3DPickItemInterceptor = __decorate$1m([injectable()], Canvas3DPickItemInterceptor);
+Canvas3DPickItemInterceptor = __decorate$1o([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), bind(ShadowPickServiceInterceptorContribution).toSelf().inSingletonScope(), bind(PickServiceInterceptor).toService(ShadowPickServiceInterceptorContribution), bindContributionProvider(bind, PickServiceInterceptor);
@@ -18107,17 +18022,17 @@ var graphicModule = new ContainerModule(bind => {
 const AutoEnablePlugins = Symbol.for("AutoEnablePlugins");
 const PluginService = Symbol.for("PluginService");
 
-var __decorate$1l = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1n = 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;
   },
-  __metadata$10 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$11 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$F = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$G = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -18157,7 +18072,7 @@ let DefaultPluginService = class {
     }), this.onRegisterPlugin = [];
   }
 };
-DefaultPluginService = __decorate$1l([injectable(), __param$F(0, inject(ContributionProvider)), __param$F(0, named(AutoEnablePlugins)), __metadata$10("design:paramtypes", [Object])], DefaultPluginService);
+DefaultPluginService = __decorate$1n([injectable(), __param$G(0, inject(ContributionProvider)), __param$G(0, named(AutoEnablePlugins)), __metadata$11("design:paramtypes", [Object])], DefaultPluginService);
 
 var pluginModule = new ContainerModule(bind => {
   bind(PluginService).to(DefaultPluginService), bindContributionProviderNoSingletonScope(bind, AutoEnablePlugins);
@@ -18171,14 +18086,14 @@ var textMeasureModules = new ContainerModule(bind => {
   bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope(), bindContributionProvider(bind, TextMeasureContribution);
 });
 
-var __decorate$1k = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1m = 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;
   },
-  __metadata$$ = undefined && undefined.__metadata || function (k, v) {
+  __metadata$10 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let CanvasLayerHandlerContribution = class {
@@ -18248,7 +18163,7 @@ let CanvasLayerHandlerContribution = class {
     this.canvas.release();
   }
 };
-CanvasLayerHandlerContribution = __decorate$1k([injectable(), __metadata$$("design:paramtypes", [])], CanvasLayerHandlerContribution);
+CanvasLayerHandlerContribution = __decorate$1m([injectable(), __metadata$10("design:paramtypes", [])], CanvasLayerHandlerContribution);
 
 var layerHandlerModules = new ContainerModule(bind => {
   bind(CanvasLayerHandlerContribution).toSelf(), bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution);
@@ -18367,17 +18282,17 @@ function findNextGraphic(graphic, id, defaultZIndex) {
   return result;
 }
 
-var __decorate$1j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1l = 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;
   },
-  __metadata$_ = undefined && undefined.__metadata || function (k, v) {
+  __metadata$$ = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$E = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$F = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -18576,9 +18491,9 @@ let DefaultDrawContribution = class {
   }
   afterDraw(renderService, drawParams) {}
 };
-DefaultDrawContribution = __decorate$1j([injectable(), __param$E(0, multiInject(GraphicRender)), __param$E(1, inject(ContributionProvider)), __param$E(1, named(DrawItemInterceptor)), __metadata$_("design:paramtypes", [Array, Object])], DefaultDrawContribution);
+DefaultDrawContribution = __decorate$1l([injectable(), __param$F(0, multiInject(GraphicRender)), __param$F(1, inject(ContributionProvider)), __param$F(1, named(DrawItemInterceptor)), __metadata$$("design:paramtypes", [Array, Object])], DefaultDrawContribution);
 
-var __decorate$1i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1k = 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;
@@ -18629,9 +18544,9 @@ let DefaultIncrementalCanvasLineRender = class extends DefaultCanvasLineRender {
     }), context.setShadowBlendStyle && context.setShadowBlendStyle(line, attribute, defaultAttribute), context.setStrokeStyle(line, attribute, offsetX, offsetY, defaultAttribute), context.stroke());
   }
 };
-DefaultIncrementalCanvasLineRender = __decorate$1i([injectable()], DefaultIncrementalCanvasLineRender);
+DefaultIncrementalCanvasLineRender = __decorate$1k([injectable()], DefaultIncrementalCanvasLineRender);
 
-var __decorate$1h = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1j = 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;
@@ -18674,20 +18589,20 @@ let DefaultIncrementalCanvasAreaRender = class extends DefaultCanvasAreaRender {
     }), context.setShadowBlendStyle && context.setShadowBlendStyle(area, attribute, defaultAttribute), context.setCommonStyle(area, attribute, offsetX, offsetY, defaultAttribute), context.fill());
   }
 };
-DefaultIncrementalCanvasAreaRender = __decorate$1h([injectable()], DefaultIncrementalCanvasAreaRender);
+DefaultIncrementalCanvasAreaRender = __decorate$1j([injectable()], DefaultIncrementalCanvasAreaRender);
 
 var STATUS,
-  __decorate$1g = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  __decorate$1i = 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;
   },
-  __metadata$Z = undefined && undefined.__metadata || function (k, v) {
+  __metadata$_ = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$D = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$E = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -18817,7 +18732,7 @@ let DefaultIncrementalDrawContribution = class extends DefaultDrawContribution {
     });
   }
 };
-DefaultIncrementalDrawContribution = __decorate$1g([injectable(), __param$D(0, multiInject(GraphicRender)), __param$D(1, inject(DefaultIncrementalCanvasLineRender)), __param$D(2, inject(DefaultIncrementalCanvasAreaRender)), __param$D(3, inject(ContributionProvider)), __param$D(3, named(DrawItemInterceptor)), __metadata$Z("design:paramtypes", [Array, Object, Object, Object])], DefaultIncrementalDrawContribution);
+DefaultIncrementalDrawContribution = __decorate$1i([injectable(), __param$E(0, multiInject(GraphicRender)), __param$E(1, inject(DefaultIncrementalCanvasLineRender)), __param$E(2, inject(DefaultIncrementalCanvasAreaRender)), __param$E(3, inject(ContributionProvider)), __param$E(3, named(DrawItemInterceptor)), __metadata$_("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);
@@ -19513,14 +19428,14 @@ function createStage(params) {
   return new Stage(params);
 }
 
-var __decorate$1f = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1h = 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;
   },
-  __metadata$Y = undefined && undefined.__metadata || function (k, v) {
+  __metadata$Z = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 const initMatrix = new Matrix(1, 0, 0, 1, 0, 0),
@@ -19730,7 +19645,7 @@ let EmptyContext2d = class {
     this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
   }
 };
-EmptyContext2d = __decorate$1f([injectable(), __metadata$Y("design:paramtypes", [Object, Number])], EmptyContext2d);
+EmptyContext2d = __decorate$1h([injectable(), __metadata$Z("design:paramtypes", [Object, Number])], EmptyContext2d);
 
 const DefaultConfig = {
   WIDTH: 500,
@@ -19829,7 +19744,7 @@ class BaseCanvas {
 }
 BaseCanvas.env = "browser";
 
-var __decorate$1e = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1g = 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;
@@ -19943,16 +19858,16 @@ let BaseEnvContribution = class {
     return Promise.resolve(null);
   }
 };
-BaseEnvContribution = __decorate$1e([injectable()], BaseEnvContribution);
+BaseEnvContribution = __decorate$1g([injectable()], BaseEnvContribution);
 
-var __decorate$1d = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1f = 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;
   },
-  __metadata$X = undefined && undefined.__metadata || function (k, v) {
+  __metadata$Y = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let BaseWindowHandlerContribution = class {
@@ -19991,7 +19906,7 @@ let BaseWindowHandlerContribution = class {
     return this.modelMatrix;
   }
 };
-BaseWindowHandlerContribution = __decorate$1d([injectable(), __metadata$X("design:paramtypes", [])], BaseWindowHandlerContribution);
+BaseWindowHandlerContribution = __decorate$1f([injectable(), __metadata$Y("design:paramtypes", [])], BaseWindowHandlerContribution);
 
 class DirectionalLight {
   constructor(dir, color) {
@@ -20082,17 +19997,17 @@ const registerOrthoCamera = () => {
   Factory.registerPlugin("OrthoCamera", OrthoCamera);
 };
 
-var __decorate$1c = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1e = 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;
   },
-  __metadata$W = undefined && undefined.__metadata || function (k, v) {
+  __metadata$X = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$C = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$D = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -20197,16 +20112,16 @@ let DefaultPickService = class {
     return picker || null;
   }
 };
-DefaultPickService = __decorate$1c([injectable(), __param$C(0, inject(ContributionProvider)), __param$C(0, named(PickItemInterceptor)), __param$C(1, inject(ContributionProvider)), __param$C(1, named(PickServiceInterceptor)), __metadata$W("design:paramtypes", [Object, Object])], DefaultPickService);
+DefaultPickService = __decorate$1e([injectable(), __param$D(0, inject(ContributionProvider)), __param$D(0, named(PickItemInterceptor)), __param$D(1, inject(ContributionProvider)), __param$D(1, named(PickServiceInterceptor)), __metadata$X("design:paramtypes", [Object, Object])], DefaultPickService);
 
-var __decorate$1b = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1d = 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;
   },
-  __metadata$V = undefined && undefined.__metadata || function (k, v) {
+  __metadata$W = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let DefaultGlobalPickerService = class {
@@ -20271,7 +20186,7 @@ let DefaultGlobalPickerService = class {
     } : null;
   }
 };
-DefaultGlobalPickerService = __decorate$1b([injectable(), __metadata$V("design:paramtypes", [])], DefaultGlobalPickerService);
+DefaultGlobalPickerService = __decorate$1d([injectable(), __metadata$W("design:paramtypes", [])], DefaultGlobalPickerService);
 
 function simplifyRadialDist(points, sqTolerance) {
   let deltaX,
@@ -20352,13 +20267,17 @@ class EditModule {
       } = this.currRt.attribute;
       if (this.composingConfigIdx = this.cursorIndex < 0 ? 0 : findConfigIndexByCursorIdx(textConfig, this.cursorIndex), this.cursorIndex < 0) {
         const config = textConfig[0];
-        textConfig.unshift(Object.assign(Object.assign(Object.assign({}, getDefaultCharacterConfig(this.currRt.attribute)), config), {
+        textConfig.unshift(Object.assign(Object.assign(Object.assign({
+          fill: "black"
+        }, getDefaultCharacterConfig(this.currRt.attribute)), config), {
           text: ""
         }));
       } else {
         const configIdx = this.composingConfigIdx,
           lastConfig = textConfig[configIdx] || textConfig[configIdx - 1];
-        textConfig.splice(configIdx, 0, Object.assign(Object.assign({}, lastConfig), {
+        textConfig.splice(configIdx, 0, Object.assign(Object.assign({
+          fill: "black"
+        }, lastConfig), {
           text: ""
         }));
       }
@@ -20430,9 +20349,9 @@ class EditModule {
     textConfig.splice(configIdx, 1);
     const text = lastConfig.text,
       textList = text ? Array.from(text.toString()) : [];
-    for (let i = 0; i < textList.length; i++) textConfig.splice(i + configIdx, 0, Object.assign(Object.assign(Object.assign(Object.assign({}, getDefaultCharacterConfig(this.currRt.attribute)), {
+    for (let i = 0; i < textList.length; i++) textConfig.splice(i + configIdx, 0, Object.assign(Object.assign({
       fill: "black"
-    }), lastConfig), {
+    }, lastConfig), {
       isComposing: !1,
       text: textList[i]
     }));
@@ -20552,13 +20471,13 @@ class RichTextEditPlugin {
     }, this.handleFocusOut = () => {
       throw new Error("不会走到这里 handleFocusOut");
     }, this.handleMove = e => {
-      this.currRt && !this.currRt.attribute.editable && this.deFocus(!0), this.isEditableRichtext(e) ? (this.handleEnter(), e.target.once("pointerleave", this.handleLeave), this.tryShowSelection(e, !1)) : this.handleLeave();
-    }, this.handleEnter = () => {
+      this.isRichtext(e) && (this.currRt = e.target, this.handleEnter(e), e.target.once("pointerleave", this.handleLeave), this.tryShowSelection(e, !1));
+    }, this.handleEnter = e => {
       this.editing = !0, this.pluginService.stage.setCursor("text");
-    }, this.handleLeave = () => {
+    }, this.handleLeave = e => {
       this.editing = !1, this.pluginService.stage.setCursor("default");
     }, this.handlePointerDown = e => {
-      this.editing && this.isEditableRichtext(e) ? this.onFocus(e) : this.deFocus(!0), this.triggerRender(), this.pointerDown = !0, this.updateCbs.forEach(cb => cb(this.editing ? "onfocus" : "defocus", this));
+      this.editing ? this.onFocus(e) : this.deFocus(!0), this.triggerRender(), this.pointerDown = !0, this.updateCbs.forEach(cb => cb(this.editing ? "onfocus" : "defocus", this));
     }, this.handlePointerUp = e => {
       this.pointerDown = !1;
     }, this.handleDBLClick = e => {
@@ -20632,11 +20551,9 @@ class RichTextEditPlugin {
       const cache = currRt.getFrameCache();
       if (!cache) return;
       const {
-        lines: lines
-      } = cache;
-      if (0 === lines.length) return;
-      if (!lines[0].paragraphs || 0 === lines[0].paragraphs.length) return;
-      const totalCursorCount = lines.reduce((total, line) => total + line.paragraphs.length, 0) - 1;
+          lines: lines
+        } = cache,
+        totalCursorCount = lines.reduce((total, line) => total + line.paragraphs.length, 0) - 1;
       return this.selectionRange(-.1, totalCursorCount + .1), e.preventDefault(), !0;
     }
     return !1;
@@ -20711,9 +20628,6 @@ class RichTextEditPlugin {
     placeholderColor && (textConfigItem.fill = placeholderColor), placeholderFontFamily && (textConfigItem.fontFamily = placeholderFontFamily), placeholderFontSize && (textConfigItem.fontSize = placeholderFontSize), this.shadowPlaceHolder = createRichText(Object.assign(Object.assign({}, this.currRt.attribute), {
       x: 0,
       y: 0,
-      pickable: !1,
-      editable: !1,
-      editOptions: null,
       angle: 0,
       _debug_bounds: !1,
       textConfig: [textConfigItem]
@@ -20729,15 +20643,15 @@ class RichTextEditPlugin {
       } = editOptions;
     if (!editOptions || !boundsStrokeWhenInput) return;
     const {
-      attribute: attribute
-    } = this.currRt;
-    let b = this.currRt.AABBBounds,
-      h = b.height();
+        attribute: attribute
+      } = this.currRt,
+      b = this.currRt.AABBBounds;
+    let h = b.height();
     if (!attribute.textConfig.length && this.editLine) {
       const {
         points: points
       } = this.editLine.attribute;
-      h = points[1].y - points[0].y, b = getRichTextBounds(Object.assign({}, this.shadowPlaceHolder.attribute));
+      h = points[1].y - points[0].y;
     }
     this.shadowBounds = this.shadowBounds || createRect({}), this.shadowBounds.setAttributes({
       x: 0,
@@ -20758,7 +20672,7 @@ class RichTextEditPlugin {
       editOptions: editOptions
     } = this.currRt.attribute;
     if (textConfig && textConfig.length) return;
-    if (!(editOptions && editOptions.placeholder && editOptions.syncPlaceHolderToTextConfig)) return;
+    if (!editOptions || !editOptions.placeholder) return;
     const {
       placeholder: placeholder
     } = editOptions;
@@ -20849,18 +20763,21 @@ class RichTextEditPlugin {
   }
   deFocus() {
     let trulyDeFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
-    const currRt = this.currRt;
-    if (!currRt) return;
     this.updateCbs && this.updateCbs.forEach(cb => cb("beforeDefocus", this, {
       trulyDeFocus: trulyDeFocus
-    })), trulyDeFocus && (this.trySyncPlaceholderToTextConfig(), currRt.detachShadow()), this.currRt = null, this.editLine && (this.editLine.parent && this.editLine.parent.removeChild(this.editLine), this.editLine.release(), this.editLine = null, this.editBg.parent && this.editBg.parent.removeChild(this.editBg), this.editBg.release(), this.editBg = null), trulyDeFocus && (this.shadowBounds && (this.shadowBounds.parent && this.shadowBounds.parent.removeChild(this.shadowBounds), this.shadowBounds.release(), this.shadowBounds = null), this.shadowPlaceHolder && (this.shadowPlaceHolder.parent && this.shadowPlaceHolder.parent.removeChild(this.shadowPlaceHolder), this.shadowPlaceHolder.release(), this.shadowPlaceHolder = null)), this.focusing = !1;
+    }));
+    const target = this.currRt;
+    if (!target) return;
+    trulyDeFocus && (this.trySyncPlaceholderToTextConfig(), target.detachShadow());
+    const currRt = this.currRt;
+    this.currRt = null, this.editLine && (this.editLine.parent && this.editLine.parent.removeChild(this.editLine), this.editLine.release(), this.editLine = null, this.editBg.parent && this.editBg.parent.removeChild(this.editBg), this.editBg.release(), this.editBg = null), trulyDeFocus && (this.shadowBounds && (this.shadowBounds.parent && this.shadowBounds.parent.removeChild(this.shadowBounds), this.shadowBounds.release(), this.shadowBounds = null), this.shadowPlaceHolder && (this.shadowPlaceHolder.parent && this.shadowPlaceHolder.parent.removeChild(this.shadowPlaceHolder), this.shadowPlaceHolder.release(), this.shadowPlaceHolder = null)), this.focusing = !1;
     const textConfig = currRt.attribute.textConfig;
     let lastConfig = textConfig[textConfig.length - 1],
       cleared = !1;
     for (; lastConfig && "\n" === lastConfig.text;) textConfig.pop(), lastConfig = textConfig[textConfig.length - 1], cleared = !0;
     cleared && currRt.setAttributes({
       textConfig: textConfig
-    }), currRt.removeEventListener("pointerleave", this.handleLeave);
+    });
   }
   addAnimateToLine(line) {
     line.animates && line.animates.forEach(animate => {
@@ -20908,63 +20825,61 @@ class RichTextEditPlugin {
       },
       line0Info = this.getLineByPoint(cache, startCursorPos),
       line1Info = this.getLineByPoint(cache, endCursorPos);
-    if (line0Info && line1Info) {
-      if ((startCursorPos.y > endCursorPos.y || startCursorPos.y === endCursorPos.y && startCursorPos.x > endCursorPos.x) && ([startCursorPos, endCursorPos] = [endCursorPos, startCursorPos], [line1Info, line0Info] = [line0Info, line1Info]), this.hideSelection(), line0Info === line1Info) this.editBg.setAttributes({
-        x: startCursorPos.x,
+    if ((startCursorPos.y > endCursorPos.y || startCursorPos.y === endCursorPos.y && startCursorPos.x > endCursorPos.x) && ([startCursorPos, endCursorPos] = [endCursorPos, startCursorPos], [line1Info, line0Info] = [line0Info, line1Info]), this.hideSelection(), line0Info === line1Info) this.editBg.setAttributes({
+      x: startCursorPos.x,
+      y: line0Info.top,
+      width: endCursorPos.x - startCursorPos.x,
+      height: line0Info.height,
+      fill: "#336df4",
+      fillOpacity: .2
+    });else {
+      this.editBg.setAttributes({
+        x: 0,
         y: line0Info.top,
-        width: endCursorPos.x - startCursorPos.x,
-        height: line0Info.height,
-        fill: "#336df4",
-        fillOpacity: .2
-      });else {
-        this.editBg.setAttributes({
-          x: 0,
-          y: line0Info.top,
-          width: 0,
-          height: 0
-        });
-        const startIdx = cache.lines.findIndex(item => item === line0Info),
-          endIdx = cache.lines.findIndex(item => item === line1Info);
-        let y = 0;
-        for (let i = startIdx; i <= endIdx; i++) {
-          const line = cache.lines[i];
-          if (i === startIdx) {
-            const p = line.paragraphs[line.paragraphs.length - 1];
-            this.editBg.add(createRect({
-              x: startCursorPos.x,
-              y: y,
-              width: p.left + p.width - startCursorPos.x,
-              height: line.height,
-              fill: "#336df4",
-              fillOpacity: .2
-            }));
-          } else if (i === endIdx) {
-            const p = line.paragraphs[0];
-            this.editBg.add(createRect({
-              x: p.left,
-              y: y,
-              width: endCursorPos.x - p.left,
-              height: line.height,
-              fill: "#336df4",
-              fillOpacity: .2
-            }));
-          } else {
-            const p0 = line.paragraphs[0],
-              p1 = line.paragraphs[line.paragraphs.length - 1];
-            this.editBg.add(createRect({
-              x: p0.left,
-              y: y,
-              width: p1.left + p1.width - p0.left,
-              height: line.height,
-              fill: "#336df4",
-              fillOpacity: .2
-            }));
-          }
-          y += line.height;
+        width: 0,
+        height: 0
+      });
+      const startIdx = cache.lines.findIndex(item => item === line0Info),
+        endIdx = cache.lines.findIndex(item => item === line1Info);
+      let y = 0;
+      for (let i = startIdx; i <= endIdx; i++) {
+        const line = cache.lines[i];
+        if (i === startIdx) {
+          const p = line.paragraphs[line.paragraphs.length - 1];
+          this.editBg.add(createRect({
+            x: startCursorPos.x,
+            y: y,
+            width: p.left + p.width - startCursorPos.x,
+            height: line.height,
+            fill: "#336df4",
+            fillOpacity: .2
+          }));
+        } else if (i === endIdx) {
+          const p = line.paragraphs[0];
+          this.editBg.add(createRect({
+            x: p.left,
+            y: y,
+            width: endCursorPos.x - p.left,
+            height: line.height,
+            fill: "#336df4",
+            fillOpacity: .2
+          }));
+        } else {
+          const p0 = line.paragraphs[0],
+            p1 = line.paragraphs[line.paragraphs.length - 1];
+          this.editBg.add(createRect({
+            x: p0.left,
+            y: y,
+            width: p1.left + p1.width - p0.left,
+            height: line.height,
+            fill: "#336df4",
+            fillOpacity: .2
+          }));
         }
+        y += line.height;
       }
-      this.setCursorAndTextArea(currCursorData.x, currCursorData.y1, currCursorData.y2, this.currRt), this.triggerRender(), this.updateCbs.forEach(cb => cb("selection", this));
     }
+    this.setCursorAndTextArea(currCursorData.x, currCursorData.y1, currCursorData.y2, this.currRt), this.triggerRender(), this.updateCbs.forEach(cb => cb("selection", this));
   }
   hideSelection() {
     this.editBg && (this.editBg.removeAllChild(), this.editBg.setAttributes({
@@ -21008,10 +20923,7 @@ class RichTextEditPlugin {
     return -1;
   }
   isRichtext(e) {
-    return !(!e.target || "richtext" !== e.target.type);
-  }
-  isEditableRichtext(e) {
-    return this.isRichtext(e) && !!e.target.attribute.editable;
+    return !(!e.target || "richtext" !== e.target.type || !e.target.attribute.editable);
   }
   triggerRender() {
     this.pluginService.stage.renderNextFrame();
@@ -21157,7 +21069,7 @@ class RichTextEditPlugin {
     target && (this.currRt = target, e ? this._forceFocusByEvent(e) : this._forceFocusByCursorIndex(null != cursorIndex ? cursorIndex : -.1));
   }
   _forceFocusByEvent(e) {
-    this.handleEnter(), this.handlePointerDown(e), this.handlePointerUp(e);
+    this.handleEnter(e), this.handlePointerDown(e), this.handlePointerUp(e);
   }
   _forceFocusByCursorIndex(cursorIndex) {
     const richtext = this.currRt;
@@ -21361,7 +21273,7 @@ const polygonModule = new ContainerModule(bind => {
   loadPolygonModule || (loadPolygonModule = !0, bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
 });
 
-var __decorate$1a = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1c = 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;
@@ -21393,21 +21305,21 @@ let DefaultCanvasGlyphRender = class {
     }), context.highPerformanceRestore();
   }
 };
-DefaultCanvasGlyphRender = __decorate$1a([injectable()], DefaultCanvasGlyphRender);
+DefaultCanvasGlyphRender = __decorate$1c([injectable()], DefaultCanvasGlyphRender);
 
 let loadGlyphModule = !1;
 const glyphModule = new ContainerModule(bind => {
   loadGlyphModule || (loadGlyphModule = !0, bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
 });
 
-var __decorate$19 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1b = 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;
   },
-  __metadata$U = undefined && undefined.__metadata || function (k, v) {
+  __metadata$V = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let DefaultCanvasRichTextRender = class extends BaseRender {
@@ -21461,7 +21373,7 @@ let DefaultCanvasRichTextRender = class extends BaseRender {
     this._draw(richtext, richtextAttribute, !1, drawContext);
   }
 };
-DefaultCanvasRichTextRender = __decorate$19([injectable(), __metadata$U("design:paramtypes", [])], DefaultCanvasRichTextRender);
+DefaultCanvasRichTextRender = __decorate$1b([injectable(), __metadata$V("design:paramtypes", [])], DefaultCanvasRichTextRender);
 
 let loadRichtextModule = !1;
 const richtextModule = new ContainerModule(bind => {
@@ -21545,7 +21457,7 @@ class Base3dRender extends BaseRender {
   }
 }
 
-var __decorate$18 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$1a = 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;
@@ -21601,14 +21513,14 @@ let DefaultCanvasRect3dRender = class extends Base3dRender {
     this._draw(rect, rectAttribute, !1, drawContext);
   }
 };
-DefaultCanvasRect3dRender = __decorate$18([injectable()], DefaultCanvasRect3dRender);
+DefaultCanvasRect3dRender = __decorate$1a([injectable()], DefaultCanvasRect3dRender);
 
 let loadRect3dModule = !1;
 const rect3dModule = new ContainerModule(bind => {
   loadRect3dModule || (loadRect3dModule = !0, bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
 });
 
-var __decorate$17 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$19 = 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;
@@ -21735,14 +21647,14 @@ let DefaultCanvasArc3DRender = class extends BaseRender {
     this._draw(arc, arcAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasArc3DRender = __decorate$17([injectable()], DefaultCanvasArc3DRender);
+DefaultCanvasArc3DRender = __decorate$19([injectable()], DefaultCanvasArc3DRender);
 
 let loadArc3dModule = !1;
 const arc3dModule = new ContainerModule(bind => {
   loadArc3dModule || (loadArc3dModule = !0, bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
 });
 
-var __decorate$16 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$18 = 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;
@@ -21779,7 +21691,7 @@ let DefaultCanvasPyramid3dRender = class extends Base3dRender {
     this._draw(pyramid3d, pyramid3dAttribute, !1, drawContext);
   }
 };
-DefaultCanvasPyramid3dRender = __decorate$16([injectable()], DefaultCanvasPyramid3dRender);
+DefaultCanvasPyramid3dRender = __decorate$18([injectable()], DefaultCanvasPyramid3dRender);
 
 let loadPyramid3dModule = !1;
 const pyramid3dModule = new ContainerModule(bind => {
@@ -23902,17 +23814,17 @@ class RoughBaseRender {
   }
 }
 
-var __decorate$15 = 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;
     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;
   },
-  __metadata$T = undefined && undefined.__metadata || function (k, v) {
+  __metadata$U = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$B = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$C = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -23998,9 +23910,9 @@ let RoughCanvasArcRender = class extends RoughBaseRender {
     }), context.highPerformanceRestore();
   }
 };
-RoughCanvasArcRender = __decorate$15([injectable(), __param$B(0, inject(DefaultCanvasArcRender)), __metadata$T("design:paramtypes", [Object])], RoughCanvasArcRender);
+RoughCanvasArcRender = __decorate$17([injectable(), __param$C(0, inject(DefaultCanvasArcRender)), __metadata$U("design:paramtypes", [Object])], RoughCanvasArcRender);
 
-var __decorate$14 = 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;
@@ -24078,19 +23990,19 @@ let RoughCanvasAreaRender = class extends DefaultCanvasAreaRender {
     }), context.highPerformanceRestore(), !1;
   }
 };
-RoughCanvasAreaRender = __decorate$14([injectable()], RoughCanvasAreaRender);
+RoughCanvasAreaRender = __decorate$16([injectable()], RoughCanvasAreaRender);
 
-var __decorate$13 = 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;
     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;
   },
-  __metadata$S = undefined && undefined.__metadata || function (k, v) {
+  __metadata$T = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$A = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$B = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -24127,9 +24039,9 @@ let RoughCanvasCircleRender = class extends RoughBaseRender {
     });
   }
 };
-RoughCanvasCircleRender = __decorate$13([injectable(), __param$A(0, inject(DefaultCanvasCircleRender)), __metadata$S("design:paramtypes", [Object])], RoughCanvasCircleRender);
+RoughCanvasCircleRender = __decorate$15([injectable(), __param$B(0, inject(DefaultCanvasCircleRender)), __metadata$T("design:paramtypes", [Object])], RoughCanvasCircleRender);
 
-var __decorate$12 = 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;
@@ -24208,19 +24120,19 @@ let RoughCanvasLineRender = class extends DefaultCanvasLineRender {
     }), context.highPerformanceRestore(), !1;
   }
 };
-RoughCanvasLineRender = __decorate$12([injectable()], RoughCanvasLineRender);
+RoughCanvasLineRender = __decorate$14([injectable()], RoughCanvasLineRender);
 
-var __decorate$11 = 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;
     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;
   },
-  __metadata$R = undefined && undefined.__metadata || function (k, v) {
+  __metadata$S = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$z = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$A = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -24294,19 +24206,19 @@ let RoughCanvasPathRender = class extends RoughBaseRender {
     }), context.highPerformanceRestore();
   }
 };
-RoughCanvasPathRender = __decorate$11([injectable(), __param$z(0, inject(DefaultCanvasPathRender)), __metadata$R("design:paramtypes", [Object])], RoughCanvasPathRender);
+RoughCanvasPathRender = __decorate$13([injectable(), __param$A(0, inject(DefaultCanvasPathRender)), __metadata$S("design:paramtypes", [Object])], RoughCanvasPathRender);
 
-var __decorate$10 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __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;
     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;
   },
-  __metadata$Q = undefined && undefined.__metadata || function (k, v) {
+  __metadata$R = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$y = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$z = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -24397,19 +24309,19 @@ let RoughCanvasRectRender = class extends RoughBaseRender {
     }), context.highPerformanceRestore();
   }
 };
-RoughCanvasRectRender = __decorate$10([injectable(), __param$y(0, inject(DefaultCanvasRectRender)), __metadata$Q("design:paramtypes", [Object])], RoughCanvasRectRender);
+RoughCanvasRectRender = __decorate$12([injectable(), __param$z(0, inject(DefaultCanvasRectRender)), __metadata$R("design:paramtypes", [Object])], RoughCanvasRectRender);
 
-var __decorate$$ = 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;
     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;
   },
-  __metadata$P = undefined && undefined.__metadata || function (k, v) {
+  __metadata$Q = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$x = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$y = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -24501,7 +24413,7 @@ let RoughCanvasSymbolRender = class extends BaseRender {
     if (this.canvasRenderer.drawShape) return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);
   }
 };
-RoughCanvasSymbolRender = __decorate$$([injectable(), __param$x(0, inject(DefaultCanvasSymbolRender)), __metadata$P("design:paramtypes", [Object])], RoughCanvasSymbolRender);
+RoughCanvasSymbolRender = __decorate$11([injectable(), __param$y(0, inject(DefaultCanvasSymbolRender)), __metadata$Q("design:paramtypes", [Object])], RoughCanvasSymbolRender);
 
 var _roughModule = new ContainerModule(bind => {
   bind(RoughCanvasCircleRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasCircleRender), bind(RoughCanvasRectRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasRectRender), bind(RoughCanvasPathRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasPathRender), bind(RoughCanvasSymbolRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasSymbolRender), bind(RoughCanvasLineRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasLineRender), bind(RoughCanvasAreaRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasAreaRender), bind(RoughCanvasArcRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasArcRender);
@@ -24524,6 +24436,7 @@ const CanvasArc3dPicker = Symbol.for("CanvasArc3dPicker");
 const CanvasAreaPicker = Symbol.for("CanvasAreaPicker");
 const CanvasCirclePicker = Symbol.for("CanvasCirclePicker");
 const CanvasImagePicker = Symbol.for("CanvasImagePicker");
+const CanvasGifImagePicker = Symbol.for("CanvasGifImagePicker");
 const CanvasLinePicker = Symbol.for("CanvasLinePicker");
 const CanvasLottiePicker = Symbol.for("CanvasLottiePicker");
 const CanvasPathPicker = Symbol.for("CanvasPathPicker");
@@ -24664,9 +24577,11 @@ function jsx(type, config) {
       name: name,
       id: id,
       attribute: attribute,
-      stateProxy: stateProxy
+      stateProxy: stateProxy,
+      animation: animation,
+      timeline: timeline
     } = _a,
-    props = __rest(_a, ["key", "name", "id", "attribute", "stateProxy"]);
+    props = __rest(_a, ["key", "name", "id", "attribute", "stateProxy", "animation", "timeline"]);
   let c = type;
   isString$1(type) && (c = graphicCreator[type]);
   const childrenList = [];
@@ -24675,7 +24590,13 @@ function jsx(type, config) {
   }
   children.length && flatten(1 === children.length ? children[0] : children, childrenList);
   const g = "Group" === c.name ? new c(attribute) : c(config);
-  return parseToGraphic$1(g, childrenList, props), stateProxy && (g.stateProxy = stateProxy), g;
+  if (parseToGraphic$1(g, childrenList, props), stateProxy && (g.stateProxy = stateProxy), name && (g.name = name), isArray$1(animation)) {
+    const animate = g.animate();
+    timeline && animate.setTimeline(timeline), animation.forEach(item => {
+      animate[item[0]](...item.slice(1));
+    });
+  }
+  return g;
 }
 function parseToGraphic$1(g, childrenList, props) {
   let out,
@@ -25005,14 +24926,14 @@ class Gesture extends EventEmitter {
   }
 }
 
-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;
     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;
   },
-  __metadata$O = undefined && undefined.__metadata || function (k, v) {
+  __metadata$P = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 const outP = [0, 0, 0],
@@ -25524,16 +25445,16 @@ let BrowserContext2d = class {
     this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
   }
 };
-BrowserContext2d.env = "browser", BrowserContext2d = __decorate$_([injectable(), __metadata$O("design:paramtypes", [Object, Number])], BrowserContext2d);
+BrowserContext2d.env = "browser", BrowserContext2d = __decorate$10([injectable(), __metadata$P("design:paramtypes", [Object, Number])], BrowserContext2d);
 
-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;
     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;
   },
-  __metadata$N = undefined && undefined.__metadata || function (k, v) {
+  __metadata$O = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let BrowserCanvas = class extends BaseCanvas {
@@ -25595,7 +25516,7 @@ let BrowserCanvas = class extends BaseCanvas {
     this._context.dpr = this._dpr;
   }
 };
-BrowserCanvas.env = "browser", BrowserCanvas = __decorate$Z([injectable(), __metadata$N("design:paramtypes", [Object])], BrowserCanvas);
+BrowserCanvas.env = "browser", BrowserCanvas = __decorate$$([injectable(), __metadata$O("design:paramtypes", [Object])], BrowserCanvas);
 
 function createModule(CanvasConstructor, ContextConstructor) {
   return new ContainerModule(bind => {
@@ -25605,17 +25526,17 @@ function createModule(CanvasConstructor, ContextConstructor) {
 
 const browserCanvasModule = createModule(BrowserCanvas, BrowserContext2d);
 
-var __decorate$Y = 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;
     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;
   },
-  __metadata$M = undefined && undefined.__metadata || function (k, v) {
+  __metadata$N = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$w = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$x = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -25666,9 +25587,9 @@ let DefaultCanvasPickerService = class extends DefaultPickService {
     return data;
   }
 };
-DefaultCanvasPickerService = __decorate$Y([injectable(), __param$w(0, inject(ContributionProvider)), __param$w(0, named(CanvasPickerContribution)), __param$w(1, inject(DrawContribution)), __param$w(2, inject(ContributionProvider)), __param$w(2, named(PickItemInterceptor)), __param$w(3, inject(ContributionProvider)), __param$w(3, named(PickServiceInterceptor)), __metadata$M("design:paramtypes", [Object, Object, Object, Object])], DefaultCanvasPickerService);
+DefaultCanvasPickerService = __decorate$_([injectable(), __param$x(0, inject(ContributionProvider)), __param$x(0, named(CanvasPickerContribution)), __param$x(1, inject(DrawContribution)), __param$x(2, inject(ContributionProvider)), __param$x(2, named(PickItemInterceptor)), __param$x(3, inject(ContributionProvider)), __param$x(3, named(PickServiceInterceptor)), __metadata$N("design:paramtypes", [Object, Object, Object, Object])], DefaultCanvasPickerService);
 
-var __decorate$X = 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;
@@ -25683,7 +25604,7 @@ let DefaultCanvasGroupPicker = class {
     return !1;
   }
 };
-DefaultCanvasGroupPicker = __decorate$X([injectable()], DefaultCanvasGroupPicker);
+DefaultCanvasGroupPicker = __decorate$Z([injectable()], DefaultCanvasGroupPicker);
 
 const m$1 = new ContainerModule((bind, unbind, isBound, rebind) => {
   m$1.__vloaded || (m$1.__vloaded = !0, bind(CanvasGroupPicker).to(DefaultCanvasGroupPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasGroupPicker), bindContributionProvider(bind, CanvasPickerContribution));
@@ -25699,14 +25620,14 @@ function loadCanvasPicker(c) {
 }
 
 var BrowserWindowHandlerContribution_1,
-  __decorate$W = 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;
     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;
   },
-  __metadata$L = undefined && undefined.__metadata || function (k, v) {
+  __metadata$M = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = class extends BaseWindowHandlerContribution {
@@ -25864,19 +25785,19 @@ let BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = clas
     return this.global.getElementTopLeft(this.canvas.nativeCanvas, baseWindow);
   }
 };
-BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution.idprefix = "visactor_window", BrowserWindowHandlerContribution.prefix_count = 0, BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = __decorate$W([injectable(), __metadata$L("design:paramtypes", [])], BrowserWindowHandlerContribution);
+BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution.idprefix = "visactor_window", BrowserWindowHandlerContribution.prefix_count = 0, BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = __decorate$Y([injectable(), __metadata$M("design:paramtypes", [])], BrowserWindowHandlerContribution);
 const browserWindowModule = new ContainerModule(bind => {
   bind(BrowserWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(BrowserWindowHandlerContribution)).whenTargetNamed(BrowserWindowHandlerContribution.env);
 });
 
-var __decorate$V = 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;
     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;
   },
-  __metadata$K = undefined && undefined.__metadata || function (k, v) {
+  __metadata$L = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
   __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
@@ -25930,7 +25851,7 @@ class DynamicB {
 function createImageElement$1(src) {
   let isSvg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
   const img = document.createElement("img");
-  if (img.crossOrigin = "anonymous", isSvg) {
+  if (application.global.isImageAnonymous && (img.crossOrigin = "anonymous"), isSvg) {
     const data = new Blob([src], {
       type: "image/svg+xml"
     });
@@ -26123,7 +26044,7 @@ let BrowserEnvContribution = class extends BaseEnvContribution {
     return navigator.clipboard.writeText(text).then(() => {}).catch(err => {});
   }
 };
-BrowserEnvContribution = __decorate$V([injectable(), __metadata$K("design:paramtypes", [])], BrowserEnvContribution);
+BrowserEnvContribution = __decorate$X([injectable(), __metadata$L("design:paramtypes", [])], BrowserEnvContribution);
 
 const browserEnvModule = new ContainerModule(bind => {
   browserEnvModule.isBrowserBound || (browserEnvModule.isBrowserBound = !0, bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution));
@@ -26138,7 +26059,7 @@ function initBrowserEnv() {
   loadBrowserEnv(container);
 }
 
-var __decorate$U = 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;
@@ -26183,16 +26104,16 @@ let FeishuContext2d = class extends BrowserContext2d {
     return null;
   }
 };
-FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$U([injectable()], FeishuContext2d);
+FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$W([injectable()], FeishuContext2d);
 
-var __decorate$T = 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;
     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;
   },
-  __metadata$J = undefined && undefined.__metadata || function (k, v) {
+  __metadata$K = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let FeishuCanvas = class extends BaseCanvas {
@@ -26204,21 +26125,21 @@ let FeishuCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$T([injectable(), __metadata$J("design:paramtypes", [Object])], FeishuCanvas);
+FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$V([injectable(), __metadata$K("design:paramtypes", [Object])], FeishuCanvas);
 
 const feishuCanvasModule = createModule(FeishuCanvas, FeishuContext2d);
 
-var __decorate$S = 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;
     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;
   },
-  __metadata$I = undefined && undefined.__metadata || function (k, v) {
+  __metadata$J = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$v = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$w = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26354,22 +26275,22 @@ let FeishuWindowHandlerContribution = class extends BaseWindowHandlerContributio
     context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
   }
 };
-FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate$S([injectable(), __param$v(0, inject(VGlobal)), __metadata$I("design:paramtypes", [Object])], FeishuWindowHandlerContribution);
+FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate$U([injectable(), __param$w(0, inject(VGlobal)), __metadata$J("design:paramtypes", [Object])], FeishuWindowHandlerContribution);
 const feishuWindowModule = new ContainerModule(bind => {
   bind(FeishuWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(FeishuWindowHandlerContribution)).whenTargetNamed(FeishuWindowHandlerContribution.env);
 });
 
-var __decorate$R = 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;
     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;
   },
-  __metadata$H = undefined && undefined.__metadata || function (k, v) {
+  __metadata$I = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$u = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$v = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26400,7 +26321,7 @@ let DefaultMathPickerService = class extends DefaultPickService {
     } : null;
   }
 };
-DefaultMathPickerService = __decorate$R([injectable(), __param$u(0, inject(ContributionProvider)), __param$u(0, named(MathPickerContribution)), __param$u(1, inject(ContributionProvider)), __param$u(1, named(PickItemInterceptor)), __param$u(2, inject(ContributionProvider)), __param$u(2, named(PickServiceInterceptor)), __metadata$H("design:paramtypes", [Object, Object, Object])], DefaultMathPickerService);
+DefaultMathPickerService = __decorate$T([injectable(), __param$v(0, inject(ContributionProvider)), __param$v(0, named(MathPickerContribution)), __param$v(1, inject(ContributionProvider)), __param$v(1, named(PickItemInterceptor)), __param$v(2, inject(ContributionProvider)), __param$v(2, named(PickServiceInterceptor)), __metadata$I("design:paramtypes", [Object, Object, Object])], DefaultMathPickerService);
 
 const m = new ContainerModule(bind => {
   m.__vloaded || (m.__vloaded = !0, bindContributionProvider(bind, MathPickerContribution));
@@ -26437,17 +26358,17 @@ class PickerBase {
   }
 }
 
-var __decorate$Q = 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;
     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;
   },
-  __metadata$G = undefined && undefined.__metadata || function (k, v) {
+  __metadata$H = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$t = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$u = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26457,24 +26378,24 @@ let DefaultMathArcPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
   }
 };
-DefaultMathArcPicker = __decorate$Q([injectable(), __param$t(0, inject(ArcRender)), __metadata$G("design:paramtypes", [Object])], DefaultMathArcPicker);
+DefaultMathArcPicker = __decorate$S([injectable(), __param$u(0, inject(ArcRender)), __metadata$H("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$P = 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;
     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;
   },
-  __metadata$F = undefined && undefined.__metadata || function (k, v) {
+  __metadata$G = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$s = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$t = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26484,24 +26405,24 @@ let DefaultMathAreaPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "area", this.numberType = AREA_NUMBER_TYPE;
   }
 };
-DefaultMathAreaPicker = __decorate$P([injectable(), __param$s(0, inject(AreaRender)), __metadata$F("design:paramtypes", [Object])], DefaultMathAreaPicker);
+DefaultMathAreaPicker = __decorate$R([injectable(), __param$t(0, inject(AreaRender)), __metadata$G("design:paramtypes", [Object])], DefaultMathAreaPicker);
 
 let loadAreaPick$1 = !1;
 const areaMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
   loadAreaPick$1 || (loadAreaPick$1 = !0, bind(MathAreaPicker).to(DefaultMathAreaPicker).inSingletonScope(), bind(MathPickerContribution).toService(MathAreaPicker));
 });
 
-var __decorate$O = 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;
     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;
   },
-  __metadata$E = undefined && undefined.__metadata || function (k, v) {
+  __metadata$F = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$r = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$s = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26511,7 +26432,7 @@ let DefaultMathCirclePicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
   }
 };
-DefaultMathCirclePicker = __decorate$O([injectable(), __param$r(0, inject(CircleRender)), __metadata$E("design:paramtypes", [Object])], DefaultMathCirclePicker);
+DefaultMathCirclePicker = __decorate$Q([injectable(), __param$s(0, inject(CircleRender)), __metadata$F("design:paramtypes", [Object])], DefaultMathCirclePicker);
 
 let loadCirclePick$1 = !1;
 const circleMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -26542,17 +26463,17 @@ class GlyphPickerBase {
   }
 }
 
-var __decorate$N = 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;
     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;
   },
-  __metadata$D = undefined && undefined.__metadata || function (k, v) {
+  __metadata$E = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$q = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$r = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26562,14 +26483,14 @@ let DefaultMathGlyphPicker = class extends GlyphPickerBase {
     super(), this.canvasRenderer = canvasRenderer;
   }
 };
-DefaultMathGlyphPicker = __decorate$N([injectable(), __param$q(0, inject(GlyphRender)), __metadata$D("design:paramtypes", [Object])], DefaultMathGlyphPicker);
+DefaultMathGlyphPicker = __decorate$P([injectable(), __param$r(0, inject(GlyphRender)), __metadata$E("design:paramtypes", [Object])], DefaultMathGlyphPicker);
 
 let loadGlyphPick$1 = !1;
 const glyphMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
   loadGlyphPick$1 || (loadGlyphPick$1 = !0, bind(MathGlyphPicker).to(DefaultMathGlyphPicker).inSingletonScope(), bind(DefaultMathGlyphPicker).toService(MathGlyphPicker));
 });
 
-var __decorate$M = 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;
@@ -26587,24 +26508,24 @@ let DefaultMathImagePicker = class {
     return !!pickContext && !!image.AABBBounds.containsPoint(point);
   }
 };
-DefaultMathImagePicker = __decorate$M([injectable()], DefaultMathImagePicker);
+DefaultMathImagePicker = __decorate$O([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$L = 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;
     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;
   },
-  __metadata$C = undefined && undefined.__metadata || function (k, v) {
+  __metadata$D = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$p = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$q = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26614,24 +26535,24 @@ let DefaultMathLinePicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
   }
 };
-DefaultMathLinePicker = __decorate$L([injectable(), __param$p(0, inject(LineRender)), __metadata$C("design:paramtypes", [Object])], DefaultMathLinePicker);
+DefaultMathLinePicker = __decorate$N([injectable(), __param$q(0, inject(LineRender)), __metadata$D("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$K = 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;
     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;
   },
-  __metadata$B = undefined && undefined.__metadata || function (k, v) {
+  __metadata$C = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$o = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$p = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26641,24 +26562,24 @@ let DefaultMathPolygonPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
   }
 };
-DefaultMathPolygonPicker = __decorate$K([injectable(), __param$o(0, inject(PolygonRender)), __metadata$B("design:paramtypes", [Object])], DefaultMathPolygonPicker);
+DefaultMathPolygonPicker = __decorate$M([injectable(), __param$p(0, inject(PolygonRender)), __metadata$C("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$J = 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;
     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;
   },
-  __metadata$A = undefined && undefined.__metadata || function (k, v) {
+  __metadata$B = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$n = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$o = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26668,7 +26589,7 @@ let DefaultMathPathPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
   }
 };
-DefaultMathPathPicker = __decorate$J([injectable(), __param$n(0, inject(PathRender)), __metadata$A("design:paramtypes", [Object])], DefaultMathPathPicker);
+DefaultMathPathPicker = __decorate$L([injectable(), __param$o(0, inject(PathRender)), __metadata$B("design:paramtypes", [Object])], DefaultMathPathPicker);
 
 let loadPathPick$1 = !1;
 const pathMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -26723,17 +26644,17 @@ class RectPickerBase {
   }
 }
 
-var __decorate$I = 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;
     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;
   },
-  __metadata$z = undefined && undefined.__metadata || function (k, v) {
+  __metadata$A = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$m = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$n = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26743,7 +26664,7 @@ let DefaultMathRectPicker = class extends RectPickerBase {
     super(), this.canvasRenderer = canvasRenderer;
   }
 };
-DefaultMathRectPicker = __decorate$I([injectable(), __param$m(0, inject(RectRender)), __metadata$z("design:paramtypes", [Object])], DefaultMathRectPicker);
+DefaultMathRectPicker = __decorate$K([injectable(), __param$n(0, inject(RectRender)), __metadata$A("design:paramtypes", [Object])], DefaultMathRectPicker);
 
 let loadRectPick$1 = !1;
 const rectMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -26755,17 +26676,17 @@ const richTextMathPickModule = new ContainerModule((bind, unbind, isBound, rebin
   loadRichTextPick || (loadRichTextPick = !0, bind(MathImagePicker).to(DefaultMathImagePicker).inSingletonScope(), bind(DefaultMathImagePicker).toService(MathImagePicker));
 });
 
-var __decorate$H = 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;
     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;
   },
-  __metadata$y = undefined && undefined.__metadata || function (k, v) {
+  __metadata$z = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$l = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$m = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26775,14 +26696,14 @@ let DefaultMathSymbolPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "symbol", this.numberType = SYMBOL_NUMBER_TYPE;
   }
 };
-DefaultMathSymbolPicker = __decorate$H([injectable(), __param$l(0, inject(SymbolRender)), __metadata$y("design:paramtypes", [Object])], DefaultMathSymbolPicker);
+DefaultMathSymbolPicker = __decorate$J([injectable(), __param$m(0, inject(SymbolRender)), __metadata$z("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$G = 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;
@@ -26797,7 +26718,7 @@ let DefaultMathTextPicker = class {
     return !!text.AABBBounds.containsPoint(point);
   }
 };
-DefaultMathTextPicker = __decorate$G([injectable()], DefaultMathTextPicker);
+DefaultMathTextPicker = __decorate$I([injectable()], DefaultMathTextPicker);
 
 let loadTextPick$1 = !1;
 const textMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -26880,19 +26801,20 @@ class CanvasWrapEnableWH {
   }
 }
 
-var __decorate$F = 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;
     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;
   },
-  __metadata$x = undefined && undefined.__metadata || function (k, v) {
+  __metadata$y = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 function makeUpCanvas$4(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, pixelRatio) {
   const dpr = null != pixelRatio ? pixelRatio : tt.getSystemInfoSync().pixelRatio;
   canvasIdLists.forEach((id, i) => {
+    if (canvasMap.has(id)) return;
     const ctx = tt.createCanvasContext(id),
       canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, dpr, domref.width, domref.height, id);
     ctx.canvas = canvas, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
@@ -26969,7 +26891,7 @@ let FeishuEnvContribution = class extends BaseEnvContribution {
     return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
   }
 };
-FeishuEnvContribution = __decorate$F([injectable(), __metadata$x("design:paramtypes", [])], FeishuEnvContribution);
+FeishuEnvContribution = __decorate$H([injectable(), __metadata$y("design:paramtypes", [])], FeishuEnvContribution);
 
 const feishuEnvModule = new ContainerModule(bind => {
   feishuEnvModule.isFeishuBound || (feishuEnvModule.isFeishuBound = !0, bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution));
@@ -26984,7 +26906,7 @@ function initFeishuEnv() {
   loadFeishuEnv(container);
 }
 
-var __decorate$E = 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;
@@ -27031,7 +26953,13 @@ let LynxContext2d = class extends BrowserContext2d {
   measureText(text) {
     let method = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : application.global.measureTextMethod;
     this.setTransform(1, 0, 0, 1, 0, 0, !0, application.global.devicePixelRatio);
-    return super.measureText(text, method);
+    return {
+      width: super.measureText(text, method).width,
+      fontBoundingBoxDescent: void 0,
+      fontBoundingBoxAscent: void 0,
+      actualBoundingBoxAscent: void 0,
+      actualBoundingBoxDescent: void 0
+    };
   }
   createPattern(image, repetition) {
     return null;
@@ -27045,16 +26973,16 @@ let LynxContext2d = class extends BrowserContext2d {
     }));
   }
 };
-LynxContext2d.env = "lynx", LynxContext2d = __decorate$E([injectable()], LynxContext2d);
+LynxContext2d.env = "lynx", LynxContext2d = __decorate$G([injectable()], LynxContext2d);
 
-var __decorate$D = 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;
     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;
   },
-  __metadata$w = undefined && undefined.__metadata || function (k, v) {
+  __metadata$x = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let LynxCanvas = class extends BaseCanvas {
@@ -27070,19 +26998,19 @@ let LynxCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-LynxCanvas.env = "lynx", LynxCanvas = __decorate$D([injectable(), __metadata$w("design:paramtypes", [Object])], LynxCanvas);
+LynxCanvas.env = "lynx", LynxCanvas = __decorate$F([injectable(), __metadata$x("design:paramtypes", [Object])], LynxCanvas);
 
-var __decorate$C = 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;
     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;
   },
-  __metadata$v = undefined && undefined.__metadata || function (k, v) {
+  __metadata$w = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$k = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$l = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -27220,21 +27148,21 @@ let LynxWindowHandlerContribution = class extends BaseWindowHandlerContribution
     context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
   }
 };
-LynxWindowHandlerContribution.env = "lynx", LynxWindowHandlerContribution = __decorate$C([injectable(), __param$k(0, inject(VGlobal)), __metadata$v("design:paramtypes", [Object])], LynxWindowHandlerContribution);
+LynxWindowHandlerContribution.env = "lynx", LynxWindowHandlerContribution = __decorate$E([injectable(), __param$l(0, inject(VGlobal)), __metadata$w("design:paramtypes", [Object])], LynxWindowHandlerContribution);
 const lynxWindowModule = new ContainerModule(bind => {
   bind(LynxWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(LynxWindowHandlerContribution)).whenTargetNamed(LynxWindowHandlerContribution.env);
 });
 
 const lynxCanvasModule = createModule(LynxCanvas, LynxContext2d);
 
-var __decorate$B = 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;
     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;
   },
-  __metadata$u = undefined && undefined.__metadata || function (k, v) {
+  __metadata$v = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let ng = !1;
@@ -27344,7 +27272,7 @@ let LynxEnvContribution = class extends BaseEnvContribution {
   }
   release() {}
 };
-LynxEnvContribution = __decorate$B([injectable(), __metadata$u("design:paramtypes", [])], LynxEnvContribution);
+LynxEnvContribution = __decorate$D([injectable(), __metadata$v("design:paramtypes", [])], LynxEnvContribution);
 
 const lynxEnvModule = new ContainerModule(bind => {
   lynxEnvModule.isLynxBound || (lynxEnvModule.isLynxBound = !0, bind(LynxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(LynxEnvContribution));
@@ -27359,14 +27287,14 @@ function initLynxEnv() {
   loadLynxEnv(container);
 }
 
-var __decorate$A = 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;
     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;
   },
-  __metadata$t = undefined && undefined.__metadata || function (k, v) {
+  __metadata$u = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let NodeContext2d = class extends BrowserContext2d {
@@ -27378,16 +27306,16 @@ let NodeContext2d = class extends BrowserContext2d {
   }
   release() {}
 };
-NodeContext2d.env = "node", NodeContext2d = __decorate$A([injectable(), __metadata$t("design:paramtypes", [Object, Number])], NodeContext2d);
+NodeContext2d.env = "node", NodeContext2d = __decorate$C([injectable(), __metadata$u("design:paramtypes", [Object, Number])], NodeContext2d);
 
-var __decorate$z = 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;
     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;
   },
-  __metadata$s = undefined && undefined.__metadata || function (k, v) {
+  __metadata$t = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let NodeCanvas = class extends BaseCanvas {
@@ -27401,21 +27329,21 @@ let NodeCanvas = class extends BaseCanvas {
     this._nativeCanvas.release && isFunction$1(this._nativeCanvas.release) && this._nativeCanvas.release();
   }
 };
-NodeCanvas.env = "node", NodeCanvas = __decorate$z([injectable(), __metadata$s("design:paramtypes", [Object])], NodeCanvas);
+NodeCanvas.env = "node", NodeCanvas = __decorate$B([injectable(), __metadata$t("design:paramtypes", [Object])], NodeCanvas);
 
 const nodeCanvasModule = createModule(NodeCanvas, NodeContext2d);
 
-var __decorate$y = 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;
     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;
   },
-  __metadata$r = undefined && undefined.__metadata || function (k, v) {
+  __metadata$s = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$j = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$k = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -27506,12 +27434,12 @@ let NodeWindowHandlerContribution = class extends BaseWindowHandlerContribution
   }
   clearViewBox(color) {}
 };
-NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$y([injectable(), __param$j(0, inject(VGlobal)), __metadata$r("design:paramtypes", [Object])], NodeWindowHandlerContribution);
+NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$A([injectable(), __param$k(0, inject(VGlobal)), __metadata$s("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$x = 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;
@@ -27597,7 +27525,7 @@ let NodeEnvContribution = class extends BaseEnvContribution {
   release() {}
   createOffscreenCanvas(params) {}
 };
-NodeEnvContribution = __decorate$x([injectable()], NodeEnvContribution);
+NodeEnvContribution = __decorate$z([injectable()], NodeEnvContribution);
 
 const nodeEnvModule = new ContainerModule(bind => {
   nodeEnvModule.isNodeBound || (nodeEnvModule.isNodeBound = !0, bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution));
@@ -27611,7 +27539,7 @@ function initNodeEnv() {
   loadNodeEnv(container);
 }
 
-var __decorate$w = 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;
@@ -27700,16 +27628,16 @@ let TaroContext2d = class extends BrowserContext2d {
     return this.nativeContext.createCircularGradient && this.nativeContext.createCircularGradient(x0, y0, r0, x1, y1, r1);
   }
 };
-TaroContext2d.env = "taro", TaroContext2d = __decorate$w([injectable()], TaroContext2d);
+TaroContext2d.env = "taro", TaroContext2d = __decorate$y([injectable()], TaroContext2d);
 
-var __decorate$v = 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;
     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;
   },
-  __metadata$q = undefined && undefined.__metadata || function (k, v) {
+  __metadata$r = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let TaroCanvas = class extends BaseCanvas {
@@ -27721,21 +27649,21 @@ let TaroCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-TaroCanvas.env = "taro", TaroCanvas = __decorate$v([injectable(), __metadata$q("design:paramtypes", [Object])], TaroCanvas);
+TaroCanvas.env = "taro", TaroCanvas = __decorate$x([injectable(), __metadata$r("design:paramtypes", [Object])], TaroCanvas);
 
 const taroCanvasModule = createModule(TaroCanvas, TaroContext2d);
 
-var __decorate$u = 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;
     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;
   },
-  __metadata$p = undefined && undefined.__metadata || function (k, v) {
+  __metadata$q = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$i = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$j = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -27881,19 +27809,19 @@ let TaroWindowHandlerContribution = class extends BaseWindowHandlerContribution
     context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
   }
 };
-TaroWindowHandlerContribution.env = "taro", TaroWindowHandlerContribution = __decorate$u([injectable(), __param$i(0, inject(VGlobal)), __metadata$p("design:paramtypes", [Object])], TaroWindowHandlerContribution);
+TaroWindowHandlerContribution.env = "taro", TaroWindowHandlerContribution = __decorate$w([injectable(), __param$j(0, inject(VGlobal)), __metadata$q("design:paramtypes", [Object])], TaroWindowHandlerContribution);
 const taroWindowModule = new ContainerModule(bind => {
   bind(TaroWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(TaroWindowHandlerContribution)).whenTargetNamed(TaroWindowHandlerContribution.env);
 });
 
-var __decorate$t = 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;
     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;
   },
-  __metadata$o = undefined && undefined.__metadata || function (k, v) {
+  __metadata$p = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 function makeUpCanvas$2(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
@@ -27990,7 +27918,7 @@ let TaroEnvContribution = class extends BaseEnvContribution {
   }
   release() {}
 };
-TaroEnvContribution = __decorate$t([injectable(), __metadata$o("design:paramtypes", [])], TaroEnvContribution);
+TaroEnvContribution = __decorate$v([injectable(), __metadata$p("design:paramtypes", [])], TaroEnvContribution);
 
 const taroEnvModule = new ContainerModule(bind => {
   taroEnvModule.isTaroBound || (taroEnvModule.isTaroBound = !0, bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution));
@@ -28005,7 +27933,7 @@ function initTaroEnv() {
   loadTaroEnv(container);
 }
 
-var __decorate$s = 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;
@@ -28018,16 +27946,16 @@ let WxContext2d = class extends BrowserContext2d {
     return null;
   }
 };
-WxContext2d.env = "wx", WxContext2d = __decorate$s([injectable()], WxContext2d);
+WxContext2d.env = "wx", WxContext2d = __decorate$u([injectable()], WxContext2d);
 
-var __decorate$r = 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;
     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;
   },
-  __metadata$n = undefined && undefined.__metadata || function (k, v) {
+  __metadata$o = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let WxCanvas = class extends BaseCanvas {
@@ -28039,21 +27967,21 @@ let WxCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-WxCanvas.env = "wx", WxCanvas = __decorate$r([injectable(), __metadata$n("design:paramtypes", [Object])], WxCanvas);
+WxCanvas.env = "wx", WxCanvas = __decorate$t([injectable(), __metadata$o("design:paramtypes", [Object])], WxCanvas);
 
 const wxCanvasModule = createModule(WxCanvas, WxContext2d);
 
-var __decorate$q = 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;
     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;
   },
-  __metadata$m = undefined && undefined.__metadata || function (k, v) {
+  __metadata$n = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$h = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$i = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28190,19 +28118,19 @@ let WxWindowHandlerContribution = class extends BaseWindowHandlerContribution {
     context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
   }
 };
-WxWindowHandlerContribution.env = "wx", WxWindowHandlerContribution = __decorate$q([injectable(), __param$h(0, inject(VGlobal)), __metadata$m("design:paramtypes", [Object])], WxWindowHandlerContribution);
+WxWindowHandlerContribution.env = "wx", WxWindowHandlerContribution = __decorate$s([injectable(), __param$i(0, inject(VGlobal)), __metadata$n("design:paramtypes", [Object])], WxWindowHandlerContribution);
 const wxWindowModule = new ContainerModule(bind => {
   bind(WxWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(WxWindowHandlerContribution)).whenTargetNamed(WxWindowHandlerContribution.env);
 });
 
-var __decorate$p = 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;
     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;
   },
-  __metadata$l = undefined && undefined.__metadata || function (k, v) {
+  __metadata$m = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
   __awaiter$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
@@ -28235,7 +28163,7 @@ function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCan
     const dpr = wx.getSystemInfoSync().pixelRatio;
     for (let i = 0; i < canvasIdLists.length; i++) {
       const id = canvasIdLists[i];
-      yield new Promise(resolve => {
+      canvasMap.has(id) || (yield new Promise(resolve => {
         let data = wx.createSelectorQuery();
         component && (data = data.in(component)), data.select(`#${id}`).fields({
           node: !0,
@@ -28247,7 +28175,7 @@ function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCan
             height = res[0].height;
           canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
         });
-      });
+      }));
     }
   });
 }
@@ -28316,7 +28244,7 @@ let WxEnvContribution = class extends BaseEnvContribution {
     return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
   }
 };
-WxEnvContribution = __decorate$p([injectable(), __metadata$l("design:paramtypes", [])], WxEnvContribution);
+WxEnvContribution = __decorate$r([injectable(), __metadata$m("design:paramtypes", [])], WxEnvContribution);
 
 const wxEnvModule = new ContainerModule(bind => {
   wxEnvModule._isWxBound || (wxEnvModule._isWxBound = !0, bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution));
@@ -28344,7 +28272,7 @@ function initAllEnv() {
   loadAllEnv(container);
 }
 
-var __decorate$o = 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;
@@ -28352,16 +28280,16 @@ var __decorate$o = undefined && undefined.__decorate || function (decorators, ta
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 let TTContext2d = class extends FeishuContext2d {};
-TTContext2d.env = "tt", TTContext2d = __decorate$o([injectable()], TTContext2d);
+TTContext2d.env = "tt", TTContext2d = __decorate$q([injectable()], TTContext2d);
 
-var __decorate$n = 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;
     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;
   },
-  __metadata$k = undefined && undefined.__metadata || function (k, v) {
+  __metadata$l = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let TTCanvas = class extends BaseCanvas {
@@ -28373,21 +28301,21 @@ let TTCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-TTCanvas.env = "tt", TTCanvas = __decorate$n([injectable(), __metadata$k("design:paramtypes", [Object])], TTCanvas);
+TTCanvas.env = "tt", TTCanvas = __decorate$p([injectable(), __metadata$l("design:paramtypes", [Object])], TTCanvas);
 
 const ttCanvasModule = createModule(TTCanvas, TTContext2d);
 
-var __decorate$m = 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;
     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;
   },
-  __metadata$j = undefined && undefined.__metadata || function (k, v) {
+  __metadata$k = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$g = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$h = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28523,19 +28451,19 @@ let TTWindowHandlerContribution = class extends BaseWindowHandlerContribution {
     context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
   }
 };
-TTWindowHandlerContribution.env = "tt", TTWindowHandlerContribution = __decorate$m([injectable(), __param$g(0, inject(VGlobal)), __metadata$j("design:paramtypes", [Object])], TTWindowHandlerContribution);
+TTWindowHandlerContribution.env = "tt", TTWindowHandlerContribution = __decorate$o([injectable(), __param$h(0, inject(VGlobal)), __metadata$k("design:paramtypes", [Object])], TTWindowHandlerContribution);
 const ttWindowModule = new ContainerModule(bind => {
   bind(TTWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(TTWindowHandlerContribution)).whenTargetNamed(TTWindowHandlerContribution.env);
 });
 
-var __decorate$l = 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;
     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;
   },
-  __metadata$i = undefined && undefined.__metadata || function (k, v) {
+  __metadata$j = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
   __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
@@ -28568,7 +28496,7 @@ function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanva
     const dpr = tt.getSystemInfoSync().pixelRatio;
     for (let i = 0; i < canvasIdLists.length; i++) {
       const id = canvasIdLists[i];
-      yield new Promise(resolve => {
+      canvasMap.has(id) || (yield new Promise(resolve => {
         let data = tt.createSelectorQuery();
         component && (data = data.in(component)), data.select(`#${id}`).node().exec(res => {
           const canvas = res[0].node,
@@ -28576,7 +28504,7 @@ function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanva
             height = canvas.height;
           canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
         });
-      });
+      }));
     }
   });
 }
@@ -28645,7 +28573,7 @@ let TTEnvContribution = class extends BaseEnvContribution {
     return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
   }
 };
-TTEnvContribution = __decorate$l([injectable(), __metadata$i("design:paramtypes", [])], TTEnvContribution);
+TTEnvContribution = __decorate$n([injectable(), __metadata$j("design:paramtypes", [])], TTEnvContribution);
 
 const ttEnvModule = new ContainerModule(bind => {
   ttEnvModule.isTTBound || (ttEnvModule.isTTBound = !0, bind(TTEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TTEnvContribution));
@@ -28660,7 +28588,7 @@ function initTTEnv() {
   loadTTEnv(container);
 }
 
-var __decorate$k = 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;
@@ -28745,16 +28673,16 @@ let HarmonyContext2d = class extends BrowserContext2d {
   }
   draw() {}
 };
-HarmonyContext2d.env = "harmony", HarmonyContext2d = __decorate$k([injectable()], HarmonyContext2d);
+HarmonyContext2d.env = "harmony", HarmonyContext2d = __decorate$m([injectable()], HarmonyContext2d);
 
-var __decorate$j = 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;
     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;
   },
-  __metadata$h = undefined && undefined.__metadata || function (k, v) {
+  __metadata$i = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let HarmonyCanvas = class extends BaseCanvas {
@@ -28767,19 +28695,19 @@ let HarmonyCanvas = class extends BaseCanvas {
   resize(width, height) {}
   release() {}
 };
-HarmonyCanvas.env = "harmony", HarmonyCanvas = __decorate$j([injectable(), __metadata$h("design:paramtypes", [Object])], HarmonyCanvas);
+HarmonyCanvas.env = "harmony", HarmonyCanvas = __decorate$l([injectable(), __metadata$i("design:paramtypes", [Object])], HarmonyCanvas);
 
-var __decorate$i = 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;
     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;
   },
-  __metadata$g = undefined && undefined.__metadata || function (k, v) {
+  __metadata$h = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$f = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$g = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28916,21 +28844,21 @@ let HarmonyWindowHandlerContribution = class extends BaseWindowHandlerContributi
     context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
   }
 };
-HarmonyWindowHandlerContribution.env = "harmony", HarmonyWindowHandlerContribution = __decorate$i([injectable(), __param$f(0, inject(VGlobal)), __metadata$g("design:paramtypes", [Object])], HarmonyWindowHandlerContribution);
+HarmonyWindowHandlerContribution.env = "harmony", HarmonyWindowHandlerContribution = __decorate$k([injectable(), __param$g(0, inject(VGlobal)), __metadata$h("design:paramtypes", [Object])], HarmonyWindowHandlerContribution);
 const harmonyWindowModule = new ContainerModule(bind => {
   bind(HarmonyWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(HarmonyWindowHandlerContribution)).whenTargetNamed(HarmonyWindowHandlerContribution.env);
 });
 
 const harmonyCanvasModule = createModule(HarmonyCanvas, HarmonyContext2d);
 
-var __decorate$h = 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;
     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;
   },
-  __metadata$f = undefined && undefined.__metadata || function (k, v) {
+  __metadata$g = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 function createCanvas(width, height, id) {
@@ -29011,7 +28939,7 @@ let HarmonyEnvContribution = class extends BaseEnvContribution {
   }
   release() {}
 };
-HarmonyEnvContribution = __decorate$h([injectable(), __metadata$f("design:paramtypes", [])], HarmonyEnvContribution);
+HarmonyEnvContribution = __decorate$j([injectable(), __metadata$g("design:paramtypes", [])], HarmonyEnvContribution);
 
 const harmonyEnvModule = new ContainerModule(bind => {
   harmonyEnvModule.isHarmonyBound || (harmonyEnvModule.isHarmonyBound = !0, bind(HarmonyEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(HarmonyEnvContribution));
@@ -29026,17 +28954,17 @@ function initHarmonyEnv() {
   loadHarmonyEnv(container);
 }
 
-var __decorate$g = 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;
     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;
   },
-  __metadata$e = undefined && undefined.__metadata || function (k, v) {
+  __metadata$f = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$e = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$f = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29046,24 +28974,24 @@ let DefaultCanvasArcPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
   }
 };
-DefaultCanvasArcPicker = __decorate$g([injectable(), __param$e(0, inject(ArcRender)), __metadata$e("design:paramtypes", [Object])], DefaultCanvasArcPicker);
+DefaultCanvasArcPicker = __decorate$i([injectable(), __param$f(0, inject(ArcRender)), __metadata$f("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$f = 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;
     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;
   },
-  __metadata$d = undefined && undefined.__metadata || function (k, v) {
+  __metadata$e = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$d = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$e = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29073,7 +29001,7 @@ let DefaultCanvasRectPicker = class extends RectPickerBase {
     super(), this.canvasRenderer = canvasRenderer;
   }
 };
-DefaultCanvasRectPicker = __decorate$f([injectable(), __param$d(0, inject(RectRender)), __metadata$d("design:paramtypes", [Object])], DefaultCanvasRectPicker);
+DefaultCanvasRectPicker = __decorate$h([injectable(), __param$e(0, inject(RectRender)), __metadata$e("design:paramtypes", [Object])], DefaultCanvasRectPicker);
 
 let loadRectPick = !1;
 const rectCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -29115,17 +29043,17 @@ class BaseLinePicker extends BaseRender {
   }
 }
 
-var __decorate$e = 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;
     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;
   },
-  __metadata$c = undefined && undefined.__metadata || function (k, v) {
+  __metadata$d = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$c = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$d = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29135,24 +29063,24 @@ let DefaultCanvasLinePicker = class extends BaseLinePicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
   }
 };
-DefaultCanvasLinePicker = __decorate$e([injectable(), __param$c(0, inject(LineRender)), __metadata$c("design:paramtypes", [Object])], DefaultCanvasLinePicker);
+DefaultCanvasLinePicker = __decorate$g([injectable(), __param$d(0, inject(LineRender)), __metadata$d("design:paramtypes", [Object])], DefaultCanvasLinePicker);
 
 let loadLinePick = !1;
 const lineCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
   loadLinePick || (loadLinePick = !0, bind(CanvasLinePicker).to(DefaultCanvasLinePicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasLinePicker));
 });
 
-var __decorate$d = 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;
     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;
   },
-  __metadata$b = undefined && undefined.__metadata || function (k, v) {
+  __metadata$c = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$b = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$c = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29162,7 +29090,7 @@ let DefaultCanvasAreaPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "area", this.numberType = AREA_NUMBER_TYPE;
   }
 };
-DefaultCanvasAreaPicker = __decorate$d([injectable(), __param$b(0, inject(AreaRender)), __metadata$b("design:paramtypes", [Object])], DefaultCanvasAreaPicker);
+DefaultCanvasAreaPicker = __decorate$f([injectable(), __param$c(0, inject(AreaRender)), __metadata$c("design:paramtypes", [Object])], DefaultCanvasAreaPicker);
 
 let loadAreaPick = !1;
 const areaCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -29196,17 +29124,17 @@ class Base3dPicker extends BaseRender {
   }
 }
 
-var __decorate$c = 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;
     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;
   },
-  __metadata$a = undefined && undefined.__metadata || function (k, v) {
+  __metadata$b = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$a = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$b = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29251,24 +29179,24 @@ let DefaultCanvasSymbolPicker = class extends Base3dPicker {
     }), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
   }
 };
-DefaultCanvasSymbolPicker = __decorate$c([injectable(), __param$a(0, inject(SymbolRender)), __metadata$a("design:paramtypes", [Object])], DefaultCanvasSymbolPicker);
+DefaultCanvasSymbolPicker = __decorate$e([injectable(), __param$b(0, inject(SymbolRender)), __metadata$b("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$b = 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;
     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;
   },
-  __metadata$9 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$a = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$9 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$a = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29278,24 +29206,24 @@ let DefaultCanvasCirclePicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
   }
 };
-DefaultCanvasCirclePicker = __decorate$b([injectable(), __param$9(0, inject(CircleRender)), __metadata$9("design:paramtypes", [Object])], DefaultCanvasCirclePicker);
+DefaultCanvasCirclePicker = __decorate$d([injectable(), __param$a(0, inject(CircleRender)), __metadata$a("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$a = 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;
     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;
   },
-  __metadata$8 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$9 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$8 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$9 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29348,24 +29276,24 @@ let DefaultCanvasTextPicker = class extends Base3dPicker {
     }, (context, symbolAttribute, themeAttribute) => picked), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
   }
 };
-DefaultCanvasTextPicker = __decorate$a([injectable(), __param$8(0, inject(TextRender)), __metadata$8("design:paramtypes", [Object])], DefaultCanvasTextPicker);
+DefaultCanvasTextPicker = __decorate$c([injectable(), __param$9(0, inject(TextRender)), __metadata$9("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$9 = 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;
     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;
   },
-  __metadata$7 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$8 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$7 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$8 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29375,24 +29303,24 @@ let DefaultCanvasPathPicker = class extends BaseLinePicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
   }
 };
-DefaultCanvasPathPicker = __decorate$9([injectable(), __param$7(0, inject(PathRender)), __metadata$7("design:paramtypes", [Object])], DefaultCanvasPathPicker);
+DefaultCanvasPathPicker = __decorate$b([injectable(), __param$8(0, inject(PathRender)), __metadata$8("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$8 = 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;
     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;
   },
-  __metadata$6 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$7 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$6 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$7 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29402,24 +29330,24 @@ let DefaultCanvasPolygonPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
   }
 };
-DefaultCanvasPolygonPicker = __decorate$8([injectable(), __param$6(0, inject(PolygonRender)), __metadata$6("design:paramtypes", [Object])], DefaultCanvasPolygonPicker);
+DefaultCanvasPolygonPicker = __decorate$a([injectable(), __param$7(0, inject(PolygonRender)), __metadata$7("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$7 = 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;
     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;
   },
-  __metadata$5 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$6 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$5 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$6 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29429,24 +29357,24 @@ let DefaultCanvasGlyphPicker = class extends GlyphPickerBase {
     super(), this.canvasRenderer = canvasRenderer;
   }
 };
-DefaultCanvasGlyphPicker = __decorate$7([injectable(), __param$5(0, inject(GlyphRender)), __metadata$5("design:paramtypes", [Object])], DefaultCanvasGlyphPicker);
+DefaultCanvasGlyphPicker = __decorate$9([injectable(), __param$6(0, inject(GlyphRender)), __metadata$6("design:paramtypes", [Object])], DefaultCanvasGlyphPicker);
 
 let loadGlyphPick = !1;
 const glyphCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
   loadGlyphPick || (loadGlyphPick = !0, bind(CanvasGlyphPicker).to(DefaultCanvasGlyphPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasGlyphPicker));
 });
 
-var __decorate$6 = 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;
     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;
   },
-  __metadata$4 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$5 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$4 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$5 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29459,14 +29387,14 @@ let DefaultCanvasRichTextPicker = class {
     return !!richtext.AABBBounds.containsPoint(point);
   }
 };
-DefaultCanvasRichTextPicker = __decorate$6([injectable(), __param$4(0, inject(RichTextRender)), __metadata$4("design:paramtypes", [Object])], DefaultCanvasRichTextPicker);
+DefaultCanvasRichTextPicker = __decorate$8([injectable(), __param$5(0, inject(RichTextRender)), __metadata$5("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$5 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$7 = 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;
@@ -29484,24 +29412,24 @@ let DefaultCanvasImagePicker = class {
     return !!pickContext && !!image.AABBBounds.containsPoint(point);
   }
 };
-DefaultCanvasImagePicker = __decorate$5([injectable()], DefaultCanvasImagePicker);
+DefaultCanvasImagePicker = __decorate$7([injectable()], DefaultCanvasImagePicker);
 
 let loadImagePick = !1;
 const imageCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
   loadImagePick || (loadImagePick = !0, bind(CanvasImagePicker).to(DefaultCanvasImagePicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasImagePicker));
 });
 
-var __decorate$4 = 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;
     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;
   },
-  __metadata$3 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$4 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$3 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$4 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29511,24 +29439,24 @@ let DefaultCanvasRect3dPicker = class extends Base3dPicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "rect3d", this.numberType = RECT3D_NUMBER_TYPE, this.themeType = "rect";
   }
 };
-DefaultCanvasRect3dPicker = __decorate$4([injectable(), __param$3(0, inject(Rect3DRender)), __metadata$3("design:paramtypes", [Object])], DefaultCanvasRect3dPicker);
+DefaultCanvasRect3dPicker = __decorate$6([injectable(), __param$4(0, inject(Rect3DRender)), __metadata$4("design:paramtypes", [Object])], DefaultCanvasRect3dPicker);
 
 let loadRect3dPick = !1;
 const rect3dCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
   loadRect3dPick || (loadRect3dPick = !0, bind(CanvasRect3dPicker).to(DefaultCanvasRect3dPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasRect3dPicker));
 });
 
-var __decorate$3 = 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;
     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;
   },
-  __metadata$2 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$3 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$2 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$3 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29538,24 +29466,24 @@ let DefaultCanvasArc3dPicker = class extends Base3dPicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "arc3d", this.numberType = ARC3D_NUMBER_TYPE, this.themeType = "arc";
   }
 };
-DefaultCanvasArc3dPicker = __decorate$3([injectable(), __param$2(0, inject(Arc3dRender)), __metadata$2("design:paramtypes", [Object])], DefaultCanvasArc3dPicker);
+DefaultCanvasArc3dPicker = __decorate$5([injectable(), __param$3(0, inject(Arc3dRender)), __metadata$3("design:paramtypes", [Object])], DefaultCanvasArc3dPicker);
 
 let loadArc3dPick = !1;
 const arc3dCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
   loadArc3dPick || (loadArc3dPick = !0, bind(CanvasArc3dPicker).to(DefaultCanvasArc3dPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasArc3dPicker));
 });
 
-var __decorate$2 = 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;
     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;
   },
-  __metadata$1 = undefined && undefined.__metadata || function (k, v) {
+  __metadata$2 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$1 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$2 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29565,15 +29493,747 @@ let DefaultCanvasPyramid3dPicker = class extends Base3dPicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "pyramid3d", this.numberType = PYRAMID3D_NUMBER_TYPE, this.themeType = "polygon";
   }
 };
-DefaultCanvasPyramid3dPicker = __decorate$2([injectable(), __param$1(0, inject(Pyramid3dRender)), __metadata$1("design:paramtypes", [Object])], DefaultCanvasPyramid3dPicker);
+DefaultCanvasPyramid3dPicker = __decorate$4([injectable(), __param$2(0, inject(Pyramid3dRender)), __metadata$2("design:paramtypes", [Object])], DefaultCanvasPyramid3dPicker);
 
 let loadPyramid3dPick = !1;
 const pyramid3dCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
   loadPyramid3dPick || (loadPyramid3dPick = !0, bind(CanvasPyramid3dPicker).to(DefaultCanvasPyramid3dPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasPyramid3dPicker));
 });
 
+var lib$1 = {};
+
+var gif = {};
+
+var lib = {};
+
+Object.defineProperty(lib, "__esModule", {
+  value: true
+});
+lib.loop = lib.conditional = lib.parse = void 0;
+var parse = function parse(stream, schema) {
+  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var parent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : result;
+  if (Array.isArray(schema)) {
+    schema.forEach(function (partSchema) {
+      return parse(stream, partSchema, result, parent);
+    });
+  } else if (typeof schema === 'function') {
+    schema(stream, result, parent, parse);
+  } else {
+    var key = Object.keys(schema)[0];
+    if (Array.isArray(schema[key])) {
+      parent[key] = {};
+      parse(stream, schema[key], result, parent[key]);
+    } else {
+      parent[key] = schema[key](stream, result, parent, parse);
+    }
+  }
+  return result;
+};
+lib.parse = parse;
+var conditional = function conditional(schema, conditionFunc) {
+  return function (stream, result, parent, parse) {
+    if (conditionFunc(stream, result, parent)) {
+      parse(stream, schema, result, parent);
+    }
+  };
+};
+lib.conditional = conditional;
+var loop = function loop(schema, continueFunc) {
+  return function (stream, result, parent, parse) {
+    var arr = [];
+    var lastStreamPos = stream.pos;
+    while (continueFunc(stream, result, parent)) {
+      var newParent = {};
+      parse(stream, schema, result, newParent); // cases when whole file is parsed but no termination is there and stream position is not getting updated as well
+      // it falls into infinite recursion, null check to avoid the same
+
+      if (stream.pos === lastStreamPos) {
+        break;
+      }
+      lastStreamPos = stream.pos;
+      arr.push(newParent);
+    }
+    return arr;
+  };
+};
+lib.loop = loop;
+
+var uint8 = {};
+
+Object.defineProperty(uint8, "__esModule", {
+  value: true
+});
+uint8.readBits = uint8.readArray = uint8.readUnsigned = uint8.readString = uint8.peekBytes = uint8.readBytes = uint8.peekByte = uint8.readByte = uint8.buildStream = void 0;
+
+// Default stream and parsers for Uint8TypedArray data type
+var buildStream = function buildStream(uint8Data) {
+  return {
+    data: uint8Data,
+    pos: 0
+  };
+};
+uint8.buildStream = buildStream;
+var readByte = function readByte() {
+  return function (stream) {
+    return stream.data[stream.pos++];
+  };
+};
+uint8.readByte = readByte;
+var peekByte = function peekByte() {
+  var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  return function (stream) {
+    return stream.data[stream.pos + offset];
+  };
+};
+uint8.peekByte = peekByte;
+var readBytes = function readBytes(length) {
+  return function (stream) {
+    return stream.data.subarray(stream.pos, stream.pos += length);
+  };
+};
+uint8.readBytes = readBytes;
+var peekBytes = function peekBytes(length) {
+  return function (stream) {
+    return stream.data.subarray(stream.pos, stream.pos + length);
+  };
+};
+uint8.peekBytes = peekBytes;
+var readString = function readString(length) {
+  return function (stream) {
+    return Array.from(readBytes(length)(stream)).map(function (value) {
+      return String.fromCharCode(value);
+    }).join('');
+  };
+};
+uint8.readString = readString;
+var readUnsigned = function readUnsigned(littleEndian) {
+  return function (stream) {
+    var bytes = readBytes(2)(stream);
+    return littleEndian ? (bytes[1] << 8) + bytes[0] : (bytes[0] << 8) + bytes[1];
+  };
+};
+uint8.readUnsigned = readUnsigned;
+var readArray = function readArray(byteSize, totalOrFunc) {
+  return function (stream, result, parent) {
+    var total = typeof totalOrFunc === 'function' ? totalOrFunc(stream, result, parent) : totalOrFunc;
+    var parser = readBytes(byteSize);
+    var arr = new Array(total);
+    for (var i = 0; i < total; i++) {
+      arr[i] = parser(stream);
+    }
+    return arr;
+  };
+};
+uint8.readArray = readArray;
+var subBitsTotal = function subBitsTotal(bits, startIndex, length) {
+  var result = 0;
+  for (var i = 0; i < length; i++) {
+    result += bits[startIndex + i] && Math.pow(2, length - i - 1);
+  }
+  return result;
+};
+var readBits = function readBits(schema) {
+  return function (stream) {
+    var _byte = readByte()(stream); // convert the byte to bit array
+
+    var bits = new Array(8);
+    for (var i = 0; i < 8; i++) {
+      bits[7 - i] = !!(_byte & 1 << i);
+    } // convert the bit array to values based on the schema
+
+    return Object.keys(schema).reduce(function (res, key) {
+      var def = schema[key];
+      if (def.length) {
+        res[key] = subBitsTotal(bits, def.index, def.length);
+      } else {
+        res[key] = bits[def.index];
+      }
+      return res;
+    }, {});
+  };
+};
+uint8.readBits = readBits;
+
+(function (exports) {
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports["default"] = void 0;
+  var _ = lib;
+  var _uint = uint8;
+
+  // a set of 0x00 terminated subblocks
+  var subBlocksSchema = {
+    blocks: function blocks(stream) {
+      var terminator = 0x00;
+      var chunks = [];
+      var streamSize = stream.data.length;
+      var total = 0;
+      for (var size = (0, _uint.readByte)()(stream); size !== terminator; size = (0, _uint.readByte)()(stream)) {
+        // size becomes undefined for some case when file is corrupted and  terminator is not proper 
+        // null check to avoid recursion
+        if (!size) break; // catch corrupted files with no terminator
+
+        if (stream.pos + size >= streamSize) {
+          var availableSize = streamSize - stream.pos;
+          chunks.push((0, _uint.readBytes)(availableSize)(stream));
+          total += availableSize;
+          break;
+        }
+        chunks.push((0, _uint.readBytes)(size)(stream));
+        total += size;
+      }
+      var result = new Uint8Array(total);
+      var offset = 0;
+      for (var i = 0; i < chunks.length; i++) {
+        result.set(chunks[i], offset);
+        offset += chunks[i].length;
+      }
+      return result;
+    }
+  }; // global control extension
+
+  var gceSchema = (0, _.conditional)({
+    gce: [{
+      codes: (0, _uint.readBytes)(2)
+    }, {
+      byteSize: (0, _uint.readByte)()
+    }, {
+      extras: (0, _uint.readBits)({
+        future: {
+          index: 0,
+          length: 3
+        },
+        disposal: {
+          index: 3,
+          length: 3
+        },
+        userInput: {
+          index: 6
+        },
+        transparentColorGiven: {
+          index: 7
+        }
+      })
+    }, {
+      delay: (0, _uint.readUnsigned)(true)
+    }, {
+      transparentColorIndex: (0, _uint.readByte)()
+    }, {
+      terminator: (0, _uint.readByte)()
+    }]
+  }, function (stream) {
+    var codes = (0, _uint.peekBytes)(2)(stream);
+    return codes[0] === 0x21 && codes[1] === 0xf9;
+  }); // image pipeline block
+
+  var imageSchema = (0, _.conditional)({
+    image: [{
+      code: (0, _uint.readByte)()
+    }, {
+      descriptor: [{
+        left: (0, _uint.readUnsigned)(true)
+      }, {
+        top: (0, _uint.readUnsigned)(true)
+      }, {
+        width: (0, _uint.readUnsigned)(true)
+      }, {
+        height: (0, _uint.readUnsigned)(true)
+      }, {
+        lct: (0, _uint.readBits)({
+          exists: {
+            index: 0
+          },
+          interlaced: {
+            index: 1
+          },
+          sort: {
+            index: 2
+          },
+          future: {
+            index: 3,
+            length: 2
+          },
+          size: {
+            index: 5,
+            length: 3
+          }
+        })
+      }]
+    }, (0, _.conditional)({
+      lct: (0, _uint.readArray)(3, function (stream, result, parent) {
+        return Math.pow(2, parent.descriptor.lct.size + 1);
+      })
+    }, function (stream, result, parent) {
+      return parent.descriptor.lct.exists;
+    }), {
+      data: [{
+        minCodeSize: (0, _uint.readByte)()
+      }, subBlocksSchema]
+    }]
+  }, function (stream) {
+    return (0, _uint.peekByte)()(stream) === 0x2c;
+  }); // plain text block
+
+  var textSchema = (0, _.conditional)({
+    text: [{
+      codes: (0, _uint.readBytes)(2)
+    }, {
+      blockSize: (0, _uint.readByte)()
+    }, {
+      preData: function preData(stream, result, parent) {
+        return (0, _uint.readBytes)(parent.text.blockSize)(stream);
+      }
+    }, subBlocksSchema]
+  }, function (stream) {
+    var codes = (0, _uint.peekBytes)(2)(stream);
+    return codes[0] === 0x21 && codes[1] === 0x01;
+  }); // application block
+
+  var applicationSchema = (0, _.conditional)({
+    application: [{
+      codes: (0, _uint.readBytes)(2)
+    }, {
+      blockSize: (0, _uint.readByte)()
+    }, {
+      id: function id(stream, result, parent) {
+        return (0, _uint.readString)(parent.blockSize)(stream);
+      }
+    }, subBlocksSchema]
+  }, function (stream) {
+    var codes = (0, _uint.peekBytes)(2)(stream);
+    return codes[0] === 0x21 && codes[1] === 0xff;
+  }); // comment block
+
+  var commentSchema = (0, _.conditional)({
+    comment: [{
+      codes: (0, _uint.readBytes)(2)
+    }, subBlocksSchema]
+  }, function (stream) {
+    var codes = (0, _uint.peekBytes)(2)(stream);
+    return codes[0] === 0x21 && codes[1] === 0xfe;
+  });
+  var schema = [{
+    header: [{
+      signature: (0, _uint.readString)(3)
+    }, {
+      version: (0, _uint.readString)(3)
+    }]
+  }, {
+    lsd: [{
+      width: (0, _uint.readUnsigned)(true)
+    }, {
+      height: (0, _uint.readUnsigned)(true)
+    }, {
+      gct: (0, _uint.readBits)({
+        exists: {
+          index: 0
+        },
+        resolution: {
+          index: 1,
+          length: 3
+        },
+        sort: {
+          index: 4
+        },
+        size: {
+          index: 5,
+          length: 3
+        }
+      })
+    }, {
+      backgroundColorIndex: (0, _uint.readByte)()
+    }, {
+      pixelAspectRatio: (0, _uint.readByte)()
+    }]
+  }, (0, _.conditional)({
+    gct: (0, _uint.readArray)(3, function (stream, result) {
+      return Math.pow(2, result.lsd.gct.size + 1);
+    })
+  }, function (stream, result) {
+    return result.lsd.gct.exists;
+  }),
+  // content frames
+  {
+    frames: (0, _.loop)([gceSchema, applicationSchema, commentSchema, imageSchema, textSchema], function (stream) {
+      var nextCode = (0, _uint.peekByte)()(stream); // rather than check for a terminator, we should check for the existence
+      // of an ext or image block to avoid infinite loops
+      //var terminator = 0x3B;
+      //return nextCode !== terminator;
+
+      return nextCode === 0x21 || nextCode === 0x2c;
+    })
+  }];
+  var _default = schema;
+  exports["default"] = _default;
+})(gif);
+
+var deinterlace$1 = {};
+
+Object.defineProperty(deinterlace$1, "__esModule", {
+  value: true
+});
+deinterlace$1.deinterlace = void 0;
+
+/**
+ * Deinterlace function from https://github.com/shachaf/jsgif
+ */
+var deinterlace = function deinterlace(pixels, width) {
+  var newPixels = new Array(pixels.length);
+  var rows = pixels.length / width;
+  var cpRow = function cpRow(toRow, fromRow) {
+    var fromPixels = pixels.slice(fromRow * width, (fromRow + 1) * width);
+    newPixels.splice.apply(newPixels, [toRow * width, width].concat(fromPixels));
+  }; // See appendix E.
+
+  var offsets = [0, 4, 2, 1];
+  var steps = [8, 8, 4, 2];
+  var fromRow = 0;
+  for (var pass = 0; pass < 4; pass++) {
+    for (var toRow = offsets[pass]; toRow < rows; toRow += steps[pass]) {
+      cpRow(toRow, fromRow);
+      fromRow++;
+    }
+  }
+  return newPixels;
+};
+deinterlace$1.deinterlace = deinterlace;
+
+var lzw$1 = {};
+
+Object.defineProperty(lzw$1, "__esModule", {
+  value: true
+});
+lzw$1.lzw = void 0;
+
+/**
+ * javascript port of java LZW decompression
+ * Original java author url: https://gist.github.com/devunwired/4479231
+ */
+var lzw = function lzw(minCodeSize, data, pixelCount) {
+  var MAX_STACK_SIZE = 4096;
+  var nullCode = -1;
+  var npix = pixelCount;
+  var available, clear, code_mask, code_size, end_of_information, in_code, old_code, bits, code, i, datum, data_size, first, top, bi, pi;
+  var dstPixels = new Array(pixelCount);
+  var prefix = new Array(MAX_STACK_SIZE);
+  var suffix = new Array(MAX_STACK_SIZE);
+  var pixelStack = new Array(MAX_STACK_SIZE + 1); // Initialize GIF data stream decoder.
+
+  data_size = minCodeSize;
+  clear = 1 << data_size;
+  end_of_information = clear + 1;
+  available = clear + 2;
+  old_code = nullCode;
+  code_size = data_size + 1;
+  code_mask = (1 << code_size) - 1;
+  for (code = 0; code < clear; code++) {
+    prefix[code] = 0;
+    suffix[code] = code;
+  } // Decode GIF pixel stream.
+
+  var datum, bits, first, top, pi, bi;
+  datum = bits = first = top = pi = bi = 0;
+  for (i = 0; i < npix;) {
+    if (top === 0) {
+      if (bits < code_size) {
+        // get the next byte
+        datum += data[bi] << bits;
+        bits += 8;
+        bi++;
+        continue;
+      } // Get the next code.
+
+      code = datum & code_mask;
+      datum >>= code_size;
+      bits -= code_size; // Interpret the code
+
+      if (code > available || code == end_of_information) {
+        break;
+      }
+      if (code == clear) {
+        // Reset decoder.
+        code_size = data_size + 1;
+        code_mask = (1 << code_size) - 1;
+        available = clear + 2;
+        old_code = nullCode;
+        continue;
+      }
+      if (old_code == nullCode) {
+        pixelStack[top++] = suffix[code];
+        old_code = code;
+        first = code;
+        continue;
+      }
+      in_code = code;
+      if (code == available) {
+        pixelStack[top++] = first;
+        code = old_code;
+      }
+      while (code > clear) {
+        pixelStack[top++] = suffix[code];
+        code = prefix[code];
+      }
+      first = suffix[code] & 0xff;
+      pixelStack[top++] = first; // add a new string to the table, but only if space is available
+      // if not, just continue with current table until a clear code is found
+      // (deferred clear code implementation as per GIF spec)
+
+      if (available < MAX_STACK_SIZE) {
+        prefix[available] = old_code;
+        suffix[available] = first;
+        available++;
+        if ((available & code_mask) === 0 && available < MAX_STACK_SIZE) {
+          code_size++;
+          code_mask += available;
+        }
+      }
+      old_code = in_code;
+    } // Pop a pixel off the pixel stack.
+
+    top--;
+    dstPixels[pi++] = pixelStack[top];
+    i++;
+  }
+  for (i = pi; i < npix; i++) {
+    dstPixels[i] = 0; // clear missing pixels
+  }
+
+  return dstPixels;
+};
+lzw$1.lzw = lzw;
+
+Object.defineProperty(lib$1, "__esModule", {
+  value: true
+});
+var decompressFrames_1 = lib$1.decompressFrames = lib$1.decompressFrame = parseGIF_1 = lib$1.parseGIF = void 0;
+var _gif = _interopRequireDefault(gif);
+var _jsBinarySchemaParser = lib;
+var _uint = uint8;
+var _deinterlace = deinterlace$1;
+var _lzw = lzw$1;
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    "default": obj
+  };
+}
+var parseGIF = function parseGIF(arrayBuffer) {
+  var byteData = new Uint8Array(arrayBuffer);
+  return (0, _jsBinarySchemaParser.parse)((0, _uint.buildStream)(byteData), _gif["default"]);
+};
+var parseGIF_1 = lib$1.parseGIF = parseGIF;
+var generatePatch = function generatePatch(image) {
+  var totalPixels = image.pixels.length;
+  var patchData = new Uint8ClampedArray(totalPixels * 4);
+  for (var i = 0; i < totalPixels; i++) {
+    var pos = i * 4;
+    var colorIndex = image.pixels[i];
+    var color = image.colorTable[colorIndex] || [0, 0, 0];
+    patchData[pos] = color[0];
+    patchData[pos + 1] = color[1];
+    patchData[pos + 2] = color[2];
+    patchData[pos + 3] = colorIndex !== image.transparentIndex ? 255 : 0;
+  }
+  return patchData;
+};
+var decompressFrame = function decompressFrame(frame, gct, buildImagePatch) {
+  if (!frame.image) {
+    console.warn('gif frame does not have associated image.');
+    return;
+  }
+  var image = frame.image; // get the number of pixels
+
+  var totalPixels = image.descriptor.width * image.descriptor.height; // do lzw decompression
+
+  var pixels = (0, _lzw.lzw)(image.data.minCodeSize, image.data.blocks, totalPixels); // deal with interlacing if necessary
+
+  if (image.descriptor.lct.interlaced) {
+    pixels = (0, _deinterlace.deinterlace)(pixels, image.descriptor.width);
+  }
+  var resultImage = {
+    pixels: pixels,
+    dims: {
+      top: frame.image.descriptor.top,
+      left: frame.image.descriptor.left,
+      width: frame.image.descriptor.width,
+      height: frame.image.descriptor.height
+    }
+  }; // color table
+
+  if (image.descriptor.lct && image.descriptor.lct.exists) {
+    resultImage.colorTable = image.lct;
+  } else {
+    resultImage.colorTable = gct;
+  } // add per frame relevant gce information
+
+  if (frame.gce) {
+    resultImage.delay = (frame.gce.delay || 10) * 10; // convert to ms
+
+    resultImage.disposalType = frame.gce.extras.disposal; // transparency
+
+    if (frame.gce.extras.transparentColorGiven) {
+      resultImage.transparentIndex = frame.gce.transparentColorIndex;
+    }
+  } // create canvas usable imagedata if desired
+
+  if (buildImagePatch) {
+    resultImage.patch = generatePatch(resultImage);
+  }
+  return resultImage;
+};
+lib$1.decompressFrame = decompressFrame;
+var decompressFrames = function decompressFrames(parsedGif, buildImagePatches) {
+  return parsedGif.frames.filter(function (f) {
+    return f.image;
+  }).map(function (f) {
+    return decompressFrame(f, parsedGif.gct, buildImagePatches);
+  });
+};
+decompressFrames_1 = lib$1.decompressFrames = decompressFrames;
+
+const GIFIMAGE_NUMBER_TYPE = Generator.GenAutoIncrementId();
 const LOTTIE_NUMBER_TYPE = Generator.GenAutoIncrementId();
 
+class GifImage extends Image$1 {
+  constructor(params) {
+    super(params), this.type = "gif-image", this.numberType = GIFIMAGE_NUMBER_TYPE, this.loadGif();
+  }
+  loadGif() {
+    if (isString$1(this.attribute.gifImage)) ResourceLoader.GetFile(this.attribute.gifImage, "arrayBuffer").then(res => {
+      const gif = parseGIF_1(res),
+        frames = decompressFrames_1(gif, !0);
+      this.renderGIF(frames);
+    }).catch(e => {
+      console.error("Gif load error: ", e);
+    });else if (this.attribute.gifImage instanceof ArrayBuffer) {
+      const gif = parseGIF_1(this.attribute.gifImage),
+        frames = decompressFrames_1(gif, !0);
+      this.renderGIF(frames);
+    }
+  }
+  renderGIF(frames) {
+    this.loadedFrames = frames, this.frameIndex = 0, this.tempCanvas || (this.tempCanvas = application.global.createCanvas({}), this.tempCtx = this.tempCanvas.getContext("2d")), this.gifCanvas || (this.gifCanvas = application.global.createCanvas({}), this.gifCtx = this.gifCanvas.getContext("2d")), this.gifCanvas.width = frames[0].dims.width, this.gifCanvas.height = frames[0].dims.height, this.playing = !0, this.lastTime = new Date().getTime();
+    const animation = this.animate();
+    this.attribute.timeline && animation.setTimeline(this.attribute.timeline), animation.to({}, 1e3, "linear").loop(1 / 0);
+  }
+  renderFrame(context, x, y) {
+    const frame = this.loadedFrames[this.frameIndex || 0];
+    2 === frame.disposalType && this.gifCtx.clearRect(0, 0, this.gifCanvas.width, this.gifCanvas.height), this.drawPatch(frame), this.manipulate(context, x, y);
+    const diff = new Date().getTime() - this.lastTime;
+    frame.delay < diff && (this.frameIndex++, this.lastTime = new Date().getTime()), this.frameIndex >= this.loadedFrames.length && (this.frameIndex = 0);
+  }
+  drawPatch(frame) {
+    const dims = frame.dims;
+    this.frameImageData && dims.width === this.frameImageData.width && dims.height === this.frameImageData.height || (this.tempCanvas.width = dims.width, this.tempCanvas.height = dims.height, this.frameImageData = this.tempCtx.createImageData(dims.width, dims.height)), this.frameImageData.data.set(frame.patch), this.tempCtx.putImageData(this.frameImageData, 0, 0), this.gifCtx.drawImage(this.tempCanvas, dims.left, dims.top);
+  }
+  manipulate(context, x, y) {
+    context.drawImage(this.gifCanvas, 0, 0, this.gifCanvas.width, this.gifCanvas.height, x, y, this.attribute.width, this.attribute.height);
+  }
+  setAttribute(key, value, forceUpdateTag, context) {
+    super.setAttribute(key, value, forceUpdateTag, context), "gifImage" === key && this.loadGif();
+  }
+  setAttributes(params, forceUpdateTag, context) {
+    super.setAttributes(params, forceUpdateTag, context), params.gifImage && this.loadGif();
+  }
+}
+function createGifImage(attributes) {
+  return new GifImage(attributes);
+}
+
+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;
+  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 DefaultCanvasGifImagePicker = class {
+  constructor() {
+    this.type = "gif-image", this.numberType = GIFIMAGE_NUMBER_TYPE;
+  }
+  contains(gifImage, point, params) {
+    const {
+      pickContext: pickContext
+    } = null != params ? params : {};
+    return !!pickContext && !!gifImage.AABBBounds.containsPoint(point);
+  }
+};
+DefaultCanvasGifImagePicker = __decorate$3([injectable()], DefaultCanvasGifImagePicker);
+
+let loadGifImagePick = !1;
+const gifImageCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
+  loadGifImagePick || (loadGifImagePick = !0, bind(CanvasGifImagePicker).to(DefaultCanvasGifImagePicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasGifImagePicker));
+});
+
+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;
+    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;
+  },
+  __metadata$1 = undefined && undefined.__metadata || function (k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+  },
+  __param$1 = undefined && undefined.__param || function (paramIndex, decorator) {
+    return function (target, key) {
+      decorator(target, key, paramIndex);
+    };
+  };
+let DefaultCanvasGifImageRender = class extends DefaultCanvasImageRender {
+  constructor(imageRenderContribitions) {
+    super(imageRenderContribitions), this.imageRenderContribitions = imageRenderContribitions, this.numberType = GIFIMAGE_NUMBER_TYPE, this._renderContribitions = void 0, this.builtinContributions = [defaultGifImageRenderContribution], this.init(imageRenderContribitions);
+  }
+  drawShape(image, context, x, y, drawContext, params, fillCb, strokeCb) {
+    const imageAttribute = getTheme(image).image,
+      {
+        x: originX = imageAttribute.x,
+        y: originY = imageAttribute.y,
+        fillStrokeOrder = imageAttribute.fillStrokeOrder
+      } = image.attribute,
+      data = this.valid(image, imageAttribute, fillCb);
+    if (!data) return;
+    const {
+        fVisible: fVisible,
+        sVisible: sVisible,
+        doFill: doFill,
+        doStroke: doStroke
+      } = data,
+      _runFill = () => {
+        doFill && fillCb && fillCb(context, image.attribute, imageAttribute);
+      },
+      _runStroke = () => {
+        doStroke && (strokeCb ? strokeCb(context, image.attribute, imageAttribute) : sVisible && (context.setStrokeStyle(image, image.attribute, originX - x, originY - y, imageAttribute), context.stroke()));
+      };
+    fillStrokeOrder ? (_runStroke(), context.save(), context.clip(), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb), _runFill(), context.restore()) : (context.save(), context.clip(), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb), _runFill(), context.restore(), _runStroke()), this.afterRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
+  }
+  draw(image, renderService, drawContext) {
+    const {
+      context: context
+    } = renderService.drawParams;
+    if (!context) return;
+    const imageAttribute = getTheme(image).image;
+    this._draw(image, imageAttribute, !1, drawContext);
+  }
+};
+DefaultCanvasGifImageRender = __decorate$2([injectable(), __param$1(0, inject(ContributionProvider)), __param$1(0, named(ImageRenderContribution)), __metadata$1("design:paramtypes", [Object])], DefaultCanvasGifImageRender);
+class DefaultGifImageRenderContribution extends DefaultRectRenderContribution {
+  constructor() {
+    super(...arguments), this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
+  }
+  drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
+    image.renderFrame && image.playing && image.renderFrame(context, x, y);
+  }
+}
+const defaultGifImageRenderContribution = new DefaultGifImageRenderContribution();
+
+let loadGifImageModule = !1;
+const gifImageModule = new ContainerModule(bind => {
+  loadGifImageModule || (loadGifImageModule = !0, bind(DefaultCanvasGifImageRender).toSelf().inSingletonScope(), bind(GraphicRender).toService(DefaultCanvasGifImageRender));
+});
+
 var lottie = {exports: {}};
 
 (function(module,exports){typeof navigator!=="undefined"&&function(global,factory){module.exports=factory();}(commonjsGlobal,function(){var svgNS='http://www.w3.org/2000/svg';var locationHref='';var _useWebWorker=false;var initialDefaultFrame=-999999;var setWebWorker=function setWebWorker(flag){_useWebWorker=!!flag;};var getWebWorker=function getWebWorker(){return _useWebWorker;};var setLocationHref=function setLocationHref(value){locationHref=value;};var getLocationHref=function getLocationHref(){return locationHref;};function createTag(type){// return {appendChild:function(){},setAttribute:function(){},style:{}}
@@ -30475,7 +31135,7 @@ const registerWrapText = _registerWrapText;
 
 const roughModule = _roughModule;
 
-const version = "0.22.0-vstory.10";
+const version = "0.22.0-vstory.12";
 preLoadAllModule();
 if (isBrowserEnv()) {
     loadBrowserEnv(container);
@@ -30508,4 +31168,4 @@ registerReactAttributePlugin();
 registerDirectionalLight();
 registerOrthoCamera();
 
-export { ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateGroup, AnimateGroup1, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeAnimate, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEnvContribution, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasLottiePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, CbAnimate, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultMorphingAnimateConfig, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStateAnimateConfig, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DirectionalLight, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, Fragment, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, Gesture, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicAnimate, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image$1 as Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Lottie, ManualTickHandler, ManualTicker, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, MeasureModeEnum, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RAFTickHandler, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, SubAnimate, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TimeOutTickHandler, TransformUtil, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VText, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, _registerArc, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dCanvasPickModule, arc3dModule, arcCanvasPickModule, arcMathPickModule, arcModule, areaCanvasPickModule, areaMathPickModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, browserEnvModule, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleCanvasPickModule, circleMathPickModule, circleModule, clock, cloneGraphic, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCircle, createColor, createConicalGradient, createGlyph, createGroup, createImage, createImageElement$1 as createImageElement, createLine, createLottie, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, feishuEnvModule, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphCanvasPickModule, glyphMathPickModule, glyphModule, graphicCreator, graphicService, graphicUtil, harmonyEnvModule, identityMat4, imageCanvasPickModule, imageMathPickModule, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initWxEnv, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, jsx, layerService, lineCanvasPickModule, lineMathPickModule, lineModule, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadNodeEnv, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, lottieCanvasPickModule, lottieModule, lynxEnvModule, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, nodeEnvModule, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathCanvasPickModule, pathMathPickModule, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonCanvasPickModule, polygonMathPickModule, polygonModule, preLoadAllModule, pyramid3dCanvasPickModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dCanvasPickModule, rect3dModule, rectCanvasPickModule, rectFillVisible, rectMathPickModule, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc, registerArc3d, registerArc3dGraphic, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlyph, registerGlyphGraphic, registerGroup, registerGroupGraphic, registerHtmlAttributePlugin, registerImage, registerImageGraphic, registerLine, registerLineGraphic, registerOrthoCamera, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect, registerRect3d, registerRect3dGraphic, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerSymbol, registerSymbolGraphic, registerText, registerTextGraphic, registerViewTransform3dPlugin, registerWrapText, registerWrapTextGraphic, renderCommandList, rewriteProto, richTextMathPickModule, richtextCanvasPickModule, richtextModule, rotateX, rotateY, rotateZ, roughModule, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitGraphic, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, strCommandMap, strokeVisible, symbolCanvasPickModule, symbolMathPickModule, symbolModule, taroEnvModule, textAttributesToStyle, textCanvasPickModule, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textMathPickModule, textModule, transformKeys, transformMat4, transformUtil, translate, ttEnvModule, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, wxEnvModule, xul };
+export { ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateGroup, AnimateGroup1, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeAnimate, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEnvContribution, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGifImagePicker, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasLottiePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, CbAnimate, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultMorphingAnimateConfig, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStateAnimateConfig, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DirectionalLight, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, Fragment, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, Gesture, GifImage, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicAnimate, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image$1 as Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Lottie, ManualTickHandler, ManualTicker, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, MeasureModeEnum, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RAFTickHandler, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, SubAnimate, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TimeOutTickHandler, TransformUtil, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VText, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, _registerArc, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dCanvasPickModule, arc3dModule, arcCanvasPickModule, arcMathPickModule, arcModule, areaCanvasPickModule, areaMathPickModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, browserEnvModule, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleCanvasPickModule, circleMathPickModule, circleModule, clock, cloneGraphic, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCircle, createColor, createConicalGradient, createGifImage, createGlyph, createGroup, createImage, createImageElement$1 as createImageElement, createLine, createLottie, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, feishuEnvModule, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, gifImageCanvasPickModule, gifImageModule, globalTheme, glyphCanvasPickModule, glyphMathPickModule, glyphModule, graphicCreator, graphicService, graphicUtil, harmonyEnvModule, identityMat4, imageCanvasPickModule, imageMathPickModule, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initWxEnv, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, jsx, layerService, lineCanvasPickModule, lineMathPickModule, lineModule, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadNodeEnv, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, lottieCanvasPickModule, lottieModule, lynxEnvModule, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, nodeEnvModule, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathCanvasPickModule, pathMathPickModule, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonCanvasPickModule, polygonMathPickModule, polygonModule, preLoadAllModule, pyramid3dCanvasPickModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dCanvasPickModule, rect3dModule, rectCanvasPickModule, rectFillVisible, rectMathPickModule, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc, registerArc3d, registerArc3dGraphic, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlyph, registerGlyphGraphic, registerGroup, registerGroupGraphic, registerHtmlAttributePlugin, registerImage, registerImageGraphic, registerLine, registerLineGraphic, registerOrthoCamera, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect, registerRect3d, registerRect3dGraphic, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerSymbol, registerSymbolGraphic, registerText, registerTextGraphic, registerViewTransform3dPlugin, registerWrapText, registerWrapTextGraphic, renderCommandList, rewriteProto, richTextMathPickModule, richtextCanvasPickModule, richtextModule, rotateX, rotateY, rotateZ, roughModule, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitGraphic, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, strCommandMap, strokeVisible, symbolCanvasPickModule, symbolMathPickModule, symbolModule, taroEnvModule, textAttributesToStyle, textCanvasPickModule, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textMathPickModule, textModule, transformKeys, transformMat4, transformUtil, translate, ttEnvModule, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, wxEnvModule, xul };