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

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$1L = 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;
     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$1j = 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);
   },
-  __param$V = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$U = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -615,12 +615,6 @@ 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();
   }
@@ -655,7 +649,7 @@ let DefaultGlobal = class {
     this._env || this.setEnv("browser"), this.envContribution.applyStyles = support;
   }
   constructor(contributions) {
-    this.contributions = contributions, this._isImageAnonymous = !0, this.id = Generator.GenAutoIncrementId(), this.hooks = {
+    this.contributions = contributions, this.id = Generator.GenAutoIncrementId(), this.hooks = {
       onSetEnv: new SyncHook(["lastEnv", "env", "global"])
     }, this.measureTextMethod = "native", this.optimizeVisible = !1;
   }
@@ -783,7 +777,7 @@ let DefaultGlobal = class {
     return this._env || this.setEnv("browser"), this.envContribution.copyToClipBoard(text);
   }
 };
-DefaultGlobal = __decorate$1L([injectable(), __param$V(0, inject(ContributionProvider)), __param$V(0, named(EnvContribution)), __metadata$1j("design:paramtypes", [Object])], DefaultGlobal);
+DefaultGlobal = __decorate$1J([injectable(), __param$U(0, inject(ContributionProvider)), __param$U(0, named(EnvContribution)), __metadata$1i("design:paramtypes", [Object])], DefaultGlobal);
 
 var MeasureModeEnum;
 !function (MeasureModeEnum) {
@@ -4299,6 +4293,7 @@ const DefaultTextAttribute = Object.assign(Object.assign(Object.assign({}, Defau
 });
 const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), {
   editable: !1,
+  editOptions: null,
   width: 300,
   height: 300,
   ellipsis: !0,
@@ -4346,7 +4341,7 @@ const DefaultRichTextIconAttribute = Object.assign(Object.assign({}, DefaultImag
 class Application {}
 const application = new Application();
 
-const parse$1 = function () {
+const parse = function () {
   const tokens = {
     linearGradient: /^(linear\-gradient)/i,
     radialGradient: /^(radial\-gradient)/i,
@@ -4499,7 +4494,7 @@ class GradientParser {
   }
   static Parse(c) {
     if (GradientParser.IsGradientStr(c)) try {
-      const datum = parse$1(c)[0];
+      const datum = parse(c)[0];
       if (datum) {
         if ("linear" === datum.type) return GradientParser.ParseLinear(datum);
         if ("radial" === datum.type) return GradientParser.ParseRadial(datum);
@@ -4753,10 +4748,10 @@ function measureTextCanvas(text, character) {
       descent: 0,
       width: 0
     };
-  return "number" != typeof measurement.actualBoundingBoxAscent || "number" != typeof measurement.actualBoundingBoxDescent ? (result.width = Math.floor(measurement.width), result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = Math.floor(measurement.width), result.height = Math.floor(measurement.actualBoundingBoxAscent + measurement.actualBoundingBoxDescent), result.ascent = Math.floor(measurement.actualBoundingBoxAscent), result.descent = result.height - result.ascent), result;
+  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;
 }
 
-var __decorate$1K = 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;
@@ -5138,9 +5133,9 @@ let ATextMeasure = class {
     return data.str = data.result, data.width += suffixWidth, data;
   }
 };
-ATextMeasure = __decorate$1K([injectable()], ATextMeasure);
+ATextMeasure = __decorate$1I([injectable()], ATextMeasure);
 
-var __decorate$1J = 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;
@@ -5149,7 +5144,7 @@ var __decorate$1J = undefined && undefined.__decorate || function (decorators, t
 };
 const TextMeasureContribution = Symbol.for("TextMeasureContribution");
 let DefaultTextMeasureContribution = class extends ATextMeasure {};
-DefaultTextMeasureContribution = __decorate$1J([injectable()], DefaultTextMeasureContribution);
+DefaultTextMeasureContribution = __decorate$1H([injectable()], DefaultTextMeasureContribution);
 
 const container = new Container();
 
@@ -5563,14 +5558,14 @@ class DefaultCanvasAllocate {
 }
 const canvasAllocate = new DefaultCanvasAllocate();
 
-var __decorate$1I = 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;
     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$1h = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 const VWindow = Symbol.for("VWindow");
@@ -5707,19 +5702,19 @@ let DefaultWindow = class {
     return this._handler.getTopLeft(baseWindow);
   }
 };
-DefaultWindow = __decorate$1I([injectable(), __metadata$1i("design:paramtypes", [])], DefaultWindow);
+DefaultWindow = __decorate$1G([injectable(), __metadata$1h("design:paramtypes", [])], DefaultWindow);
 
-var __decorate$1H = 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$1h = 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);
   },
-  __param$U = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$T = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -5814,7 +5809,7 @@ let DefaultGraphicUtil = class {
     return c.nativeCanvas ? c.nativeCanvas : null;
   }
 };
-DefaultGraphicUtil = __decorate$1H([injectable(), __param$U(0, inject(ContributionProvider)), __param$U(0, named(TextMeasureContribution)), __metadata$1h("design:paramtypes", [Object])], DefaultGraphicUtil);
+DefaultGraphicUtil = __decorate$1F([injectable(), __param$T(0, inject(ContributionProvider)), __param$T(0, named(TextMeasureContribution)), __metadata$1g("design:paramtypes", [Object])], DefaultGraphicUtil);
 var TransformMode;
 !function (TransformMode) {
   TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -5872,7 +5867,7 @@ let DefaultTransformUtil = class {
     return this;
   }
 };
-DefaultTransformUtil = __decorate$1H([injectable(), __metadata$1h("design:paramtypes", [])], DefaultTransformUtil);
+DefaultTransformUtil = __decorate$1F([injectable(), __metadata$1g("design:paramtypes", [])], DefaultTransformUtil);
 
 const defaultThemeObj = {
     arc: DefaultArcAttribute,
@@ -9721,7 +9716,7 @@ class ResourceLoader {
   }
   static GetFile(url, type) {
     let data = ResourceLoader.cache.get(url);
-    return data ? "fail" === data.loadState ? Promise.reject() : "init" === data.loadState || "loading" === data.loadState ? data.dataPromise.then(data => data.data) : Promise.resolve(data.data) : (data = {
+    return data ? "init" === data.loadState || "fail" === data.loadState ? Promise.reject() : "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));
@@ -9831,7 +9826,7 @@ class Graphic extends Node {
     }
   }
   get AABBBounds() {
-    return this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode);
+    return this.tryUpdateAABBBounds();
   }
   get OBBBounds() {
     return this.tryUpdateOBBBounds();
@@ -9875,12 +9870,13 @@ class Graphic extends Node {
   onAnimateBind(animate) {
     this._emitCustomEvent("animate-bind", animate);
   }
-  tryUpdateAABBBounds(full) {
+  tryUpdateAABBBounds() {
+    const full = "imprecise" === this.attribute.boundsMode;
     if (!this.shouldUpdateAABBBounds()) return this._AABBBounds;
     if (!this.valid) return this._AABBBounds.clear(), this._AABBBounds;
     application.graphicService.beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
     const bounds = this.doUpdateAABBBounds(full);
-    return application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), bounds;
+    return application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
   }
   tryUpdateOBBBounds() {
     if (this._OBBBounds || (this._OBBBounds = new OBBBounds()), this.tryUpdateAABBBounds(), this.updateOBBBoundsStamp === this.updateAABBBoundsStamp) return this._OBBBounds;
@@ -10124,7 +10120,7 @@ class Graphic extends Node {
     context && context.skipUpdateCallback || (application.graphicService.onAttributeUpdate(this), this._emitCustomEvent("afterAttributeUpdate", context));
   }
   update(d) {
-    d ? (d.bounds && this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode), d.trans && this.tryUpdateLocalTransMatrix()) : (this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode), this.tryUpdateLocalTransMatrix());
+    d ? (d.bounds && this.tryUpdateAABBBounds(), d.trans && this.tryUpdateLocalTransMatrix()) : (this.tryUpdateAABBBounds(), this.tryUpdateLocalTransMatrix());
   }
   hasState(stateName) {
     return !(!this.currentStates || !this.currentStates.length) && (!!isNil$1(stateName) || this.currentStates.includes(stateName));
@@ -10916,7 +10912,7 @@ class Group extends Graphic {
     application.graphicService.beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
     const selfChange = this.shouldSelfChangeUpdateAABBBounds(),
       bounds = this.doUpdateAABBBounds();
-    return this.addUpdateLayoutTag(), application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange), bounds;
+    return this.addUpdateLayoutTag(), application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
   }
   doUpdateLocalMatrix() {
     const {
@@ -11174,14 +11170,14 @@ const DynamicLayerHandlerContribution = Symbol.for("DynamicLayerHandlerContribut
 const VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
 
 var DefaultLayerService_1,
-  __decorate$1G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  __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$1g = 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);
   };
 let DefaultLayerService = DefaultLayerService_1 = class {
@@ -11245,7 +11241,7 @@ let DefaultLayerService = DefaultLayerService_1 = class {
     this.layerMap.delete(stage);
   }
 };
-DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = DefaultLayerService_1 = __decorate$1G([injectable(), __metadata$1g("design:paramtypes", [])], DefaultLayerService);
+DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = DefaultLayerService_1 = __decorate$1E([injectable(), __metadata$1f("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();
@@ -11784,17 +11780,17 @@ class DefaultMat4Allocate {
 const matrixAllocate = new DefaultMatrixAllocate();
 const mat4Allocate = new DefaultMat4Allocate();
 
-var __decorate$1F = 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$1f = 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$T = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$S = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -12006,7 +12002,7 @@ let DefaultGraphicService = class {
     };
   }
 };
-DefaultGraphicService = __decorate$1F([injectable(), __param$T(0, inject(GraphicCreator$1)), __metadata$1f("design:paramtypes", [Object])], DefaultGraphicService);
+DefaultGraphicService = __decorate$1D([injectable(), __param$S(0, inject(GraphicCreator$1)), __metadata$1e("design:paramtypes", [Object])], DefaultGraphicService);
 
 const updateBoundsOfCommonOuterBorder = (attribute, theme, aabbBounds) => {
   const {
@@ -13243,7 +13239,7 @@ class CustomSymbolClass {
     return isNumber$1(size) ? size : Math.min(size[0], size[1]);
   }
   drawWithClipRange(ctx, size, x, y, clipRange, z, cb) {
-    return this.isSvg ? !!this.svgCache && (this.svgCache.forEach(item => {
+    return size = this.parseSize(size), this.isSvg ? !!this.svgCache && (this.svgCache.forEach(item => {
       item.path.drawWithClipRange(ctx, size, x, y, clipRange), cb && cb(item.path, item.attribute);
     }), !1) : (this.path.drawWithClipRange(ctx, size, x, y, clipRange), !1);
   }
@@ -13885,6 +13881,14 @@ class Frame {
   }
 }
 
+function getFixedLRTB(left, right, top, bottom) {
+  return {
+    left: Math.round(left),
+    top: Math.round(top),
+    right: Math.round(right),
+    bottom: Math.round(bottom)
+  };
+}
 class Paragraph {
   constructor(text, newLine, character) {
     this.fontSize = character.fontSize || 16, this.textBaseline = character.textBaseline || "alphabetic";
@@ -13907,7 +13911,32 @@ class Paragraph {
     } = measureTextCanvas(this.text, this.character);
     this.width = width, "vertical" === this.direction && (this.widthOrigin = this.width, this.width = this.heightOrigin, this.height = this.widthOrigin);
   }
-  draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign) {
+  drawBackground(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
+    if (!this.character.background || this.character.backgroundOpacity && !(this.character.backgroundOpacity > 0)) return;
+    let baseline = top + ascent,
+      text = this.text,
+      left = this.left + deltaLeft;
+    baseline += this.top;
+    let direction = this.direction;
+    if (this.verticalEllipsis) text = this.ellipsisStr, direction = "vertical", baseline -= this.ellipsisWidth / 2;else {
+      if ("hide" === this.ellipsis) return;
+      if ("add" === this.ellipsis) text += this.ellipsisStr, "right" !== textAlign && "end" !== textAlign || (left -= this.ellipsisWidth);else if ("replace" === this.ellipsis) {
+        const index = getStrByWithCanvas(text, ("vertical" === direction ? this.height : this.width) - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.character, text.length - 1);
+        if (text = text.slice(0, index), text += this.ellipsisStr, "right" === textAlign || "end" === textAlign) {
+          const {
+            width: width
+          } = measureTextCanvas(this.text.slice(index), this.character);
+          "vertical" === direction || (left -= this.ellipsisWidth - width);
+        }
+      }
+    }
+    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
+    });
+  }
+  draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
     let baseline = top + ascent,
       text = this.text,
       left = this.left + deltaLeft;
@@ -13932,15 +13961,31 @@ class Paragraph {
       case "sub":
         baseline += this.descent / 2;
     }
-    if ("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), this.character.fill && this.character.background && (!this.character.backgroundOpacity || this.character.backgroundOpacity > 0)) {
-      const fillStyle = ctx.fillStyle,
-        globalAlpha = ctx.globalAlpha;
-      ctx.fillStyle = this.character.background, void 0 !== this.character.backgroundOpacity && (ctx.globalAlpha = this.character.backgroundOpacity), ctx.fillRect(left, top, this.widthOrigin || this.width, this.lineHeight), ctx.fillStyle = fillStyle, ctx.globalAlpha = globalAlpha;
-    }
+    "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 {
       lineWidth = 1
     } = this.character;
-    this.character.stroke && lineWidth && ctx.strokeText(text, left, baseline), this.character.fill && ctx.fillText(text, left, baseline), this.character.fill && ("boolean" == typeof this.character.lineThrough || "boolean" == typeof this.character.underline ? (this.character.underline && ctx.fillRect(left, 1 + baseline, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1), this.character.lineThrough && ctx.fillRect(left, 1 + baseline - this.ascent / 2, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1)) : "underline" === this.character.textDecoration ? ctx.fillRect(left, 1 + baseline, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1) : "line-through" === this.character.textDecoration && ctx.fillRect(left, 1 + baseline - this.ascent / 2, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1)), "vertical" === direction && ctx.restore();
+    if (this.character.stroke && lineWidth && ctx.strokeText(text, left, baseline), this.character.fill && ctx.fillText(text, left, baseline), this.character.fill) if (this.character.lineThrough || this.character.underline) {
+      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);
+      }
+      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);
+      }
+    } 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);
+    } 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);
+    }
+    "vertical" === direction && ctx.restore();
   }
   getWidthWithEllips(direction) {
     let text = this.text;
@@ -14163,7 +14208,20 @@ 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);
+    }), this.paragraphs.forEach((paragraph, index) => {
       if (paragraph instanceof RichTextIcon) return paragraph.setAttributes({
         x: x + paragraph._x,
         y: y + paragraph._y
@@ -14174,7 +14232,7 @@ class Line {
         x2: this.left + this.actualWidth,
         y2: this.top + this.height
       };
-      applyStrokeStyle(ctx, paragraph.character), applyFillStyle(ctx, paragraph.character, b), paragraph.draw(ctx, y, this.ascent, x, 0 === index, this.textAlign);
+      applyStrokeStyle(ctx, paragraph.character), applyFillStyle(ctx, paragraph.character, b), paragraph.draw(ctx, y, this.ascent, x, 0 === index, this.textAlign, this.height);
     });
   }
   getWidthWithEllips(ellipsis) {
@@ -14325,7 +14383,13 @@ 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) {
@@ -14341,13 +14405,15 @@ class RichText extends Graphic {
     }), tc;
   }
   updateAABBBounds(attribute, richtextTheme, aabbBounds) {
+    var _a, _b;
     const {
       width = richtextTheme.width,
       height = richtextTheme.height,
       maxWidth = richtextTheme.maxWidth,
       maxHeight = richtextTheme.maxHeight,
       textAlign = richtextTheme.textAlign,
-      textBaseline = richtextTheme.textBaseline
+      textBaseline = richtextTheme.textBaseline,
+      editOptions: editOptions
     } = attribute;
     if (width > 0 && height > 0) aabbBounds.set(0, 0, width, height);else {
       const frameCache = this.getFrameCache(),
@@ -14359,6 +14425,7 @@ class RichText extends Graphic {
         contentHeight = height || actualHeight || 0;
       contentHeight = "number" == typeof maxHeight && contentHeight > maxHeight ? maxHeight : contentHeight || 0, contentWidth = "number" == typeof maxWidth && contentWidth > maxWidth ? maxWidth : contentWidth || 0, aabbBounds.set(0, 0, contentWidth, contentHeight);
     }
+    editOptions && editOptions.keepHeightWhileEmpty && !aabbBounds.height() && !(null === (_a = attribute.textConfig) || void 0 === _a ? void 0 : _a.length) && (aabbBounds.y2 = aabbBounds.y1 + (null !== (_b = attribute.fontSize) && void 0 !== _b ? _b : 12), aabbBounds.x2 = aabbBounds.x1 + 2);
     let deltaY = 0;
     switch (textBaseline) {
       case "top":
@@ -15336,17 +15403,17 @@ class BaseRender {
   }
 }
 
-var __decorate$1E = 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$1e = 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$S = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$R = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -15443,7 +15510,7 @@ let DefaultBaseInteractiveRenderContribution = class {
     });
   }
 };
-DefaultBaseInteractiveRenderContribution = __decorate$1E([injectable(), __param$S(0, inject(ContributionProvider)), __param$S(0, named(InteractiveSubRenderContribution)), __metadata$1e("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
+DefaultBaseInteractiveRenderContribution = __decorate$1C([injectable(), __param$R(0, inject(ContributionProvider)), __param$R(0, named(InteractiveSubRenderContribution)), __metadata$1d("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
 
 function formatRatio(ratio) {
   return ratio <= .5 ? 4 * ratio - 1 : -4 * ratio + 3;
@@ -15791,7 +15858,7 @@ function createRectPath(path, x, y, width, height, rectCornerRadius) {
   return !edgeCb && path.closePath(), path;
 }
 
-var __decorate$1D = 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;
@@ -15856,7 +15923,7 @@ let SplitRectBeforeRenderContribution = class {
     Array.isArray(stroke) && stroke.some(s => !1 === s) && (doFillOrStroke.doStroke = !1);
   }
 };
-SplitRectBeforeRenderContribution = __decorate$1D([injectable()], SplitRectBeforeRenderContribution);
+SplitRectBeforeRenderContribution = __decorate$1B([injectable()], SplitRectBeforeRenderContribution);
 let SplitRectAfterRenderContribution = class {
   constructor() {
     this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -15893,7 +15960,7 @@ let SplitRectAfterRenderContribution = class {
     }
   }
 };
-SplitRectAfterRenderContribution = __decorate$1D([injectable()], SplitRectAfterRenderContribution);
+SplitRectAfterRenderContribution = __decorate$1B([injectable()], SplitRectAfterRenderContribution);
 const defaultRectRenderContribution = new DefaultRectRenderContribution();
 const defaultRectTextureRenderContribution = defaultBaseTextureRenderContribution;
 const defaultRectBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
@@ -15902,8 +15969,8 @@ class DefaultImageRenderContribution 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) {
-    return super.drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
+  drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
+    return super.drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
   }
 }
 const defaultImageRenderContribution = new DefaultImageRenderContribution();
@@ -15998,17 +16065,17 @@ class DefaultAreaTextureRenderContribution extends DefaultBaseTextureRenderContr
   }
 }
 
-var __decorate$1C = 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;
     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$1c = 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$Q = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -16172,19 +16239,19 @@ let DefaultCanvasArcRender = class extends BaseRender {
     this._draw(arc, arcAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasArcRender = __decorate$1C([injectable(), __param$R(0, inject(ContributionProvider)), __param$R(0, named(ArcRenderContribution)), __metadata$1d("design:paramtypes", [Object])], DefaultCanvasArcRender);
+DefaultCanvasArcRender = __decorate$1A([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(ArcRenderContribution)), __metadata$1c("design:paramtypes", [Object])], DefaultCanvasArcRender);
 
-var __decorate$1B = 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$1c = 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$Q = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$P = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -16225,7 +16292,7 @@ let DefaultCanvasCircleRender = class extends BaseRender {
     this._draw(circle, circleAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasCircleRender = __decorate$1B([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(CircleRenderContribution)), __metadata$1c("design:paramtypes", [Object])], DefaultCanvasCircleRender);
+DefaultCanvasCircleRender = __decorate$1z([injectable(), __param$P(0, inject(ContributionProvider)), __param$P(0, named(CircleRenderContribution)), __metadata$1b("design:paramtypes", [Object])], DefaultCanvasCircleRender);
 
 function drawSegItem(ctx, curve, endPercent, params) {
   if (!curve.p1) return;
@@ -16349,7 +16416,7 @@ function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
   });
 }
 
-var __decorate$1A = 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;
@@ -16510,7 +16577,7 @@ 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$1A([injectable()], DefaultCanvasLineRender);
+DefaultCanvasLineRender = __decorate$1y([injectable()], DefaultCanvasLineRender);
 
 function drawAreaSegments(path, segPath, percent, params) {
   var _a;
@@ -16639,17 +16706,17 @@ function drawAreaBlock(path, topList, bottomList, params) {
 const defaultAreaTextureRenderContribution = new DefaultAreaTextureRenderContribution();
 const defaultAreaBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-var __decorate$1z = 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$1b = 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$P = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$O = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -16892,22 +16959,22 @@ let DefaultCanvasAreaRender = class extends BaseRender {
     })(), !1;
   }
 };
-DefaultCanvasAreaRender = __decorate$1z([injectable(), __param$P(0, inject(ContributionProvider)), __param$P(0, named(AreaRenderContribution)), __metadata$1b("design:paramtypes", [Object])], DefaultCanvasAreaRender);
+DefaultCanvasAreaRender = __decorate$1x([injectable(), __param$O(0, inject(ContributionProvider)), __param$O(0, named(AreaRenderContribution)), __metadata$1a("design:paramtypes", [Object])], DefaultCanvasAreaRender);
 
 const defaultPathTextureRenderContribution = defaultBaseTextureRenderContribution;
 const defaultPathBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-var __decorate$1y = 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$1a = 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$O = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$N = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -16951,19 +17018,19 @@ let DefaultCanvasPathRender = class extends BaseRender {
     this.tempTheme = pathAttribute, this._draw(path, pathAttribute, !1, drawContext, params), this.tempTheme = null;
   }
 };
-DefaultCanvasPathRender = __decorate$1y([injectable(), __param$O(0, inject(ContributionProvider)), __param$O(0, named(PathRenderContribution)), __metadata$1a("design:paramtypes", [Object])], DefaultCanvasPathRender);
+DefaultCanvasPathRender = __decorate$1w([injectable(), __param$N(0, inject(ContributionProvider)), __param$N(0, named(PathRenderContribution)), __metadata$19("design:paramtypes", [Object])], DefaultCanvasPathRender);
 
-var __decorate$1x = 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$19 = 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$N = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$M = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17023,19 +17090,19 @@ let DefaultCanvasRectRender = class extends BaseRender {
     this.tempTheme = rectAttribute, this._draw(rect, rectAttribute, !1, drawContext, params), this.tempTheme = null;
   }
 };
-DefaultCanvasRectRender = __decorate$1x([injectable(), __param$N(0, inject(ContributionProvider)), __param$N(0, named(RectRenderContribution)), __metadata$19("design:paramtypes", [Object])], DefaultCanvasRectRender);
+DefaultCanvasRectRender = __decorate$1v([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(RectRenderContribution)), __metadata$18("design:paramtypes", [Object])], DefaultCanvasRectRender);
 
-var __decorate$1w = 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;
     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$17 = 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$L = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17106,7 +17173,7 @@ let DefaultCanvasSymbolRender = class extends BaseRender {
     this._draw(symbol, symbolAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasSymbolRender = __decorate$1w([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(SymbolRenderContribution)), __metadata$18("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
+DefaultCanvasSymbolRender = __decorate$1u([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(SymbolRenderContribution)), __metadata$17("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
 
 class DefaultBoundsAllocate {
   constructor() {
@@ -17195,17 +17262,17 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
 }
 const defaultTextBackgroundRenderContribution = new DefaultTextBackgroundRenderContribution();
 
-var __decorate$1v = 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$17 = 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$L = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$K = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17344,9 +17411,9 @@ let DefaultCanvasTextRender = class extends BaseRender {
     }
   }
 };
-DefaultCanvasTextRender = __decorate$1v([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(TextRenderContribution)), __metadata$17("design:paramtypes", [Object])], DefaultCanvasTextRender);
+DefaultCanvasTextRender = __decorate$1t([injectable(), __param$K(0, inject(ContributionProvider)), __param$K(0, named(TextRenderContribution)), __metadata$16("design:paramtypes", [Object])], DefaultCanvasTextRender);
 
-var __decorate$1u = 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;
@@ -17354,7 +17421,7 @@ var __decorate$1u = undefined && undefined.__decorate || function (decorators, t
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 let AbstractGraphicRender = class {};
-AbstractGraphicRender = __decorate$1u([injectable()], AbstractGraphicRender);
+AbstractGraphicRender = __decorate$1s([injectable()], AbstractGraphicRender);
 
 function drawPolygon(path, points, x, y) {
   path.moveTo(points[0].x + x, points[0].y + y);
@@ -17410,17 +17477,17 @@ function getProportionPoint(point, segment, length, dx, dy) {
 const defaultPolygonTextureRenderContribution = defaultBaseTextureRenderContribution;
 const defaultPolygonBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-var __decorate$1t = 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$16 = 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$K = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$J = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17461,19 +17528,19 @@ let DefaultCanvasPolygonRender = class extends BaseRender {
     this._draw(polygon, polygonAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasPolygonRender = __decorate$1t([injectable(), __param$K(0, inject(ContributionProvider)), __param$K(0, named(PolygonRenderContribution)), __metadata$16("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
+DefaultCanvasPolygonRender = __decorate$1r([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(PolygonRenderContribution)), __metadata$15("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
 
-var __decorate$1s = 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$15 = 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$J = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$I = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17568,19 +17635,19 @@ let DefaultCanvasGroupRender = class {
     }) : clip ? context.restore() : context.highPerformanceRestore();
   }
 };
-DefaultCanvasGroupRender = __decorate$1s([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(GroupRenderContribution)), __metadata$15("design:paramtypes", [Object])], DefaultCanvasGroupRender);
+DefaultCanvasGroupRender = __decorate$1q([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(GroupRenderContribution)), __metadata$14("design:paramtypes", [Object])], DefaultCanvasGroupRender);
 
-var __decorate$1r = 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$14 = 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);
   },
-  __param$I = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$H = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17648,7 +17715,7 @@ let DefaultCanvasImageRender = class extends BaseRender {
     this._draw(image, imageAttribute, !1, drawContext);
   }
 };
-DefaultCanvasImageRender = __decorate$1r([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(ImageRenderContribution)), __metadata$14("design:paramtypes", [Object])], DefaultCanvasImageRender);
+DefaultCanvasImageRender = __decorate$1p([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(ImageRenderContribution)), __metadata$13("design:paramtypes", [Object])], DefaultCanvasImageRender);
 
 const IncrementalDrawContribution = Symbol.for("IncrementalDrawContribution");
 const ArcRender = Symbol.for("ArcRender");
@@ -17716,14 +17783,14 @@ const draw3dItem = (context, graphic, callback, output) => {
   return result;
 };
 
-var __decorate$1q = 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;
     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$12 = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 const DrawItemInterceptor = Symbol.for("DrawItemInterceptor");
@@ -17783,7 +17850,7 @@ let CommonDrawItemInterceptorContribution = class {
     return !1;
   }
 };
-CommonDrawItemInterceptorContribution = __decorate$1q([injectable(), __metadata$13("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
+CommonDrawItemInterceptorContribution = __decorate$1o([injectable(), __metadata$12("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
 class InteractiveDrawItemInterceptorContribution {
   constructor() {
     this.order = 1;
@@ -17874,17 +17941,17 @@ class Canvas3DDrawItemInterceptor {
   }
 }
 
-var __decorate$1p = 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$12 = 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$H = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$G = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -17922,7 +17989,7 @@ let DefaultRenderService = class {
     this.prepare(updateBounds), this.prepareRenderList(), this.beforeDraw(params), this.draw(params), this.afterDraw(params), this.drawParams = null;
   }
 };
-DefaultRenderService = __decorate$1p([injectable(), __param$H(0, inject(DrawContribution)), __metadata$12("design:paramtypes", [Object])], DefaultRenderService);
+DefaultRenderService = __decorate$1n([injectable(), __param$G(0, inject(DrawContribution)), __metadata$11("design:paramtypes", [Object])], DefaultRenderService);
 
 var renderModule$1 = new ContainerModule(bind => {
   bind(RenderService).to(DefaultRenderService);
@@ -17935,7 +18002,7 @@ const GlobalPickerService = Symbol.for("GlobalPickerService");
 const PickItemInterceptor = Symbol.for("PickItemInterceptor");
 const PickServiceInterceptor = Symbol.for("PickServiceInterceptor");
 
-var __decorate$1o = 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;
@@ -17957,7 +18024,7 @@ let ShadowPickServiceInterceptorContribution = class {
     return result;
   }
 };
-ShadowPickServiceInterceptorContribution = __decorate$1o([injectable()], ShadowPickServiceInterceptorContribution);
+ShadowPickServiceInterceptorContribution = __decorate$1m([injectable()], ShadowPickServiceInterceptorContribution);
 let ShadowRootPickItemInterceptorContribution = class {
   constructor() {
     this.order = 1;
@@ -17988,7 +18055,7 @@ let ShadowRootPickItemInterceptorContribution = class {
     return context.highPerformanceRestore(), !result.graphic && result.group && "full" === shadowPickMode && (result.graphic = result.group), result;
   }
 };
-ShadowRootPickItemInterceptorContribution = __decorate$1o([injectable()], ShadowRootPickItemInterceptorContribution);
+ShadowRootPickItemInterceptorContribution = __decorate$1m([injectable()], ShadowRootPickItemInterceptorContribution);
 let InteractivePickItemInterceptorContribution = class {
   constructor() {
     this.order = 1;
@@ -18007,7 +18074,7 @@ let InteractivePickItemInterceptorContribution = class {
     return null;
   }
 };
-InteractivePickItemInterceptorContribution = __decorate$1o([injectable()], InteractivePickItemInterceptorContribution);
+InteractivePickItemInterceptorContribution = __decorate$1m([injectable()], InteractivePickItemInterceptorContribution);
 let Canvas3DPickItemInterceptor = class {
   constructor() {
     this.order = 1;
@@ -18027,7 +18094,7 @@ let Canvas3DPickItemInterceptor = class {
     context.setTransformForCurrent();
   }
 };
-Canvas3DPickItemInterceptor = __decorate$1o([injectable()], Canvas3DPickItemInterceptor);
+Canvas3DPickItemInterceptor = __decorate$1m([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);
@@ -18040,17 +18107,17 @@ var graphicModule = new ContainerModule(bind => {
 const AutoEnablePlugins = Symbol.for("AutoEnablePlugins");
 const PluginService = Symbol.for("PluginService");
 
-var __decorate$1n = 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$11 = 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);
   },
-  __param$G = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$F = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -18090,7 +18157,7 @@ let DefaultPluginService = class {
     }), this.onRegisterPlugin = [];
   }
 };
-DefaultPluginService = __decorate$1n([injectable(), __param$G(0, inject(ContributionProvider)), __param$G(0, named(AutoEnablePlugins)), __metadata$11("design:paramtypes", [Object])], DefaultPluginService);
+DefaultPluginService = __decorate$1l([injectable(), __param$F(0, inject(ContributionProvider)), __param$F(0, named(AutoEnablePlugins)), __metadata$10("design:paramtypes", [Object])], DefaultPluginService);
 
 var pluginModule = new ContainerModule(bind => {
   bind(PluginService).to(DefaultPluginService), bindContributionProviderNoSingletonScope(bind, AutoEnablePlugins);
@@ -18104,14 +18171,14 @@ var textMeasureModules = new ContainerModule(bind => {
   bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope(), bindContributionProvider(bind, TextMeasureContribution);
 });
 
-var __decorate$1m = 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;
     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$$ = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let CanvasLayerHandlerContribution = class {
@@ -18181,7 +18248,7 @@ let CanvasLayerHandlerContribution = class {
     this.canvas.release();
   }
 };
-CanvasLayerHandlerContribution = __decorate$1m([injectable(), __metadata$10("design:paramtypes", [])], CanvasLayerHandlerContribution);
+CanvasLayerHandlerContribution = __decorate$1k([injectable(), __metadata$$("design:paramtypes", [])], CanvasLayerHandlerContribution);
 
 var layerHandlerModules = new ContainerModule(bind => {
   bind(CanvasLayerHandlerContribution).toSelf(), bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution);
@@ -18300,17 +18367,17 @@ function findNextGraphic(graphic, id, defaultZIndex) {
   return result;
 }
 
-var __decorate$1l = 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;
     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$F = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$E = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -18368,7 +18435,7 @@ let DefaultDrawContribution = class {
   renderGroup(group, drawContext, parentMatrix, skipSort) {
     if (drawContext.break || !1 === group.attribute.visibleAll) return;
     if (group.incremental && (null == drawContext.startAtId || drawContext.startAtId === group._uid)) return drawContext.break = !0, void this._increaseRender(group, drawContext);
-    if (this.useDirtyBounds && !isRectIntersect(group.AABBBounds, this.dirtyBounds, !1)) return;
+    if (this.useDirtyBounds && !isRectIntersect(group.AABBBounds, this.dirtyBounds, !1) && "empty" !== group.attribute.boundsMode) return;
     let tempBounds,
       nextM = parentMatrix;
     if (this.useDirtyBounds) {
@@ -18449,7 +18516,7 @@ let DefaultDrawContribution = class {
       } = graphic.parent.attribute;
       (scrollX || scrollY) && (retrans = !0, this.scrollMatrix || (this.scrollMatrix = matrixAllocate.allocate(1, 0, 0, 1, 0, 0)), this.scrollMatrix.translate(-scrollX, -scrollY));
     }
-    if (retrans && (tempBounds = this.dirtyBounds.clone().transformWithMatrix(this.scrollMatrix)), this.useDirtyBounds && !graphic.isContainer && !isRectIntersect(graphic.AABBBounds, null != tempBounds ? tempBounds : this.dirtyBounds, !1)) {
+    if (retrans && (tempBounds = this.dirtyBounds.clone().transformWithMatrix(this.scrollMatrix)), this.useDirtyBounds && !graphic.isContainer && "empty" !== graphic.attribute.boundsMode && !isRectIntersect(graphic.AABBBounds, null != tempBounds ? tempBounds : this.dirtyBounds, !1)) {
       if (retrans && graphic.parent) {
         const {
           scrollX = 0,
@@ -18509,9 +18576,9 @@ let DefaultDrawContribution = class {
   }
   afterDraw(renderService, drawParams) {}
 };
-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);
+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);
 
-var __decorate$1k = 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;
@@ -18562,9 +18629,9 @@ let DefaultIncrementalCanvasLineRender = class extends DefaultCanvasLineRender {
     }), context.setShadowBlendStyle && context.setShadowBlendStyle(line, attribute, defaultAttribute), context.setStrokeStyle(line, attribute, offsetX, offsetY, defaultAttribute), context.stroke());
   }
 };
-DefaultIncrementalCanvasLineRender = __decorate$1k([injectable()], DefaultIncrementalCanvasLineRender);
+DefaultIncrementalCanvasLineRender = __decorate$1i([injectable()], DefaultIncrementalCanvasLineRender);
 
-var __decorate$1j = 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;
@@ -18607,20 +18674,20 @@ let DefaultIncrementalCanvasAreaRender = class extends DefaultCanvasAreaRender {
     }), context.setShadowBlendStyle && context.setShadowBlendStyle(area, attribute, defaultAttribute), context.setCommonStyle(area, attribute, offsetX, offsetY, defaultAttribute), context.fill());
   }
 };
-DefaultIncrementalCanvasAreaRender = __decorate$1j([injectable()], DefaultIncrementalCanvasAreaRender);
+DefaultIncrementalCanvasAreaRender = __decorate$1h([injectable()], DefaultIncrementalCanvasAreaRender);
 
 var STATUS,
-  __decorate$1i = 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$_ = 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$E = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$D = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -18750,7 +18817,7 @@ let DefaultIncrementalDrawContribution = class extends DefaultDrawContribution {
     });
   }
 };
-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);
+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);
 
 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);
@@ -19446,14 +19513,14 @@ function createStage(params) {
   return new Stage(params);
 }
 
-var __decorate$1h = 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$Z = 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);
   };
 const initMatrix = new Matrix(1, 0, 0, 1, 0, 0),
@@ -19663,7 +19730,7 @@ let EmptyContext2d = class {
     this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
   }
 };
-EmptyContext2d = __decorate$1h([injectable(), __metadata$Z("design:paramtypes", [Object, Number])], EmptyContext2d);
+EmptyContext2d = __decorate$1f([injectable(), __metadata$Y("design:paramtypes", [Object, Number])], EmptyContext2d);
 
 const DefaultConfig = {
   WIDTH: 500,
@@ -19762,7 +19829,7 @@ class BaseCanvas {
 }
 BaseCanvas.env = "browser";
 
-var __decorate$1g = 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;
@@ -19876,16 +19943,16 @@ let BaseEnvContribution = class {
     return Promise.resolve(null);
   }
 };
-BaseEnvContribution = __decorate$1g([injectable()], BaseEnvContribution);
+BaseEnvContribution = __decorate$1e([injectable()], BaseEnvContribution);
 
-var __decorate$1f = 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$Y = 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 BaseWindowHandlerContribution = class {
@@ -19924,7 +19991,7 @@ let BaseWindowHandlerContribution = class {
     return this.modelMatrix;
   }
 };
-BaseWindowHandlerContribution = __decorate$1f([injectable(), __metadata$Y("design:paramtypes", [])], BaseWindowHandlerContribution);
+BaseWindowHandlerContribution = __decorate$1d([injectable(), __metadata$X("design:paramtypes", [])], BaseWindowHandlerContribution);
 
 class DirectionalLight {
   constructor(dir, color) {
@@ -20015,17 +20082,17 @@ const registerOrthoCamera = () => {
   Factory.registerPlugin("OrthoCamera", OrthoCamera);
 };
 
-var __decorate$1e = 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$X = 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$D = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$C = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -20130,16 +20197,16 @@ let DefaultPickService = class {
     return picker || null;
   }
 };
-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);
+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);
 
-var __decorate$1d = 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$W = 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 DefaultGlobalPickerService = class {
@@ -20204,7 +20271,7 @@ let DefaultGlobalPickerService = class {
     } : null;
   }
 };
-DefaultGlobalPickerService = __decorate$1d([injectable(), __metadata$W("design:paramtypes", [])], DefaultGlobalPickerService);
+DefaultGlobalPickerService = __decorate$1b([injectable(), __metadata$V("design:paramtypes", [])], DefaultGlobalPickerService);
 
 function simplifyRadialDist(points, sqTolerance) {
   let deltaX,
@@ -20229,6 +20296,24 @@ var __rest$1 = undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
+function getDefaultCharacterConfig(attribute) {
+  const {
+    fill = "black",
+    stroke = !1,
+    fontWeight = "normal",
+    fontFamily = "Arial"
+  } = attribute;
+  let {
+    fontSize = 12
+  } = attribute;
+  return isFinite(fontSize) || (fontSize = 12), {
+    fill: fill,
+    stroke: stroke,
+    fontSize: fontSize,
+    fontWeight: fontWeight,
+    fontFamily: fontFamily
+  };
+}
 function findConfigIndexByCursorIdx(textConfig, cursorIndex) {
   if (cursorIndex < 0) return 0;
   const intCursorIndex = Math.round(cursorIndex);
@@ -20267,9 +20352,7 @@ 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({
-          fill: "black"
-        }, config), {
+        textConfig.unshift(Object.assign(Object.assign(Object.assign({}, getDefaultCharacterConfig(this.currRt.attribute)), config), {
           text: ""
         }));
       } else {
@@ -20286,26 +20369,20 @@ class EditModule {
         cb(text, this.isComposing, this.cursorIndex, this.currRt);
       });
     }, this.handleInput = ev => {
-      var _a, _b, _c, _d;
       if (!this.currRt) return;
       if ("historyUndo" === ev.inputType) return;
-      const _e = this.currRt.attribute,
+      const _a = this.currRt.attribute,
         {
           textConfig = []
-        } = _e,
-        rest = __rest$1(_e, ["textConfig"]);
+        } = _a,
+        rest = __rest$1(_a, ["textConfig"]);
       if ("Backspace" === ev.type && !textConfig.length) return;
       let str = ev.data;
       this.isComposing || "Backspace" === ev.type || str || (str = "\n"), this.selectionStartCursorIdx > this.cursorIndex && ([this.cursorIndex, this.selectionStartCursorIdx] = [this.selectionStartCursorIdx, this.cursorIndex]);
       const startIdx = findConfigIndexByCursorIdx(textConfig, this.selectionStartCursorIdx),
         endIdx = findConfigIndexByCursorIdx(textConfig, this.cursorIndex);
       let lastConfig = textConfig[this.isComposing ? this.composingConfigIdx : Math.max(startIdx - 1, 0)];
-      lastConfig || (lastConfig = {
-        fill: null !== (_a = rest.fill) && void 0 !== _a ? _a : "black",
-        stroke: null !== (_b = rest.stroke) && void 0 !== _b && _b,
-        fontSize: null !== (_c = rest.fontSize) && void 0 !== _c ? _c : 12,
-        fontWeight: null !== (_d = rest.fontWeight) && void 0 !== _d ? _d : "normal"
-      });
+      lastConfig || (lastConfig = getDefaultCharacterConfig(rest));
       let nextConfig = lastConfig;
       startIdx !== endIdx && (textConfig.splice(startIdx, endIdx - startIdx), this.isComposing && (this.composingConfigIdx = startIdx));
       let nextConfigIdx = startIdx;
@@ -20353,9 +20430,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({
+    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)), {
       fill: "black"
-    }, lastConfig), {
+    }), lastConfig), {
       isComposing: !1,
       text: textList[i]
     }));
@@ -20401,6 +20478,7 @@ class Selection {
     if (!this.rt) return null;
     let idx = Math.round(cursorIdx);
     const config = this.rt.attribute.textConfig;
+    if (!config.length) return null;
     for (let i = 0; i < config.length; i++) if ("\n" !== config[i].text && (idx--, idx < 0)) return config[i][key];
     return null !== (_a = config[Math.min(idx, config.length - 1)][key]) && void 0 !== _a ? _a : this.rt.attribute[key];
   }
@@ -20420,6 +20498,7 @@ class Selection {
   }
 }
 const FORMAT_TEXT_COMMAND = "FORMAT_TEXT_COMMAND";
+const FORMAT_ALL_TEXT_COMMAND = "FORMAT_ALL_TEXT_COMMAND";
 const FORMAT_ELEMENT_COMMAND = "FORMAT_ELEMENT_COMMAND";
 class RichTextEditPlugin {
   static tryUpdateRichtext(richtext) {
@@ -20439,45 +20518,57 @@ class RichTextEditPlugin {
     return new Selection(0, textConfig.length - 1, rt);
   }
   constructor() {
-    this.name = "RichTextEditPlugin", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), this.key = this.name + this._uid, this.editing = !1, this.pointerDown = !1, this.handleKeyDown = e => {
+    this.name = "RichTextEditPlugin", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), this.key = this.name + this._uid, this.editing = !1, this.focusing = !1, this.pointerDown = !1, this.formatTextCommandCb = (payload, p) => {
+      const rt = p.currRt;
+      if (!rt) return;
+      const selectionData = p.getSelection();
+      if (!selectionData) return;
+      const {
+          selectionStartCursorIdx: selectionStartCursorIdx,
+          curCursorIdx: curCursorIdx
+        } = selectionData,
+        minCursorIdx = Math.min(selectionStartCursorIdx, curCursorIdx),
+        maxCursorIdx = Math.max(selectionStartCursorIdx, curCursorIdx),
+        minConfigIdx = findConfigIndexByCursorIdx(rt.attribute.textConfig, minCursorIdx),
+        maxConfigIdx = findConfigIndexByCursorIdx(rt.attribute.textConfig, maxCursorIdx),
+        config = rt.attribute.textConfig.slice(minConfigIdx, maxConfigIdx);
+      this._formatTextCommand(payload, config, rt);
+    }, this.formatAllTextCommandCb = (payload, p) => {
+      const rt = p.currRt;
+      if (!rt) return;
+      const config = rt.attribute.textConfig;
+      this._formatTextCommand(payload, config, rt);
+    }, this.handleKeyDown = e => {
       this.currRt && this.editing && (this.copyToClipboard(e) || this.fullSelection(e) || this.directKey(e));
     }, this.handleInput = (text, isComposing, cursorIdx, rt) => {
-      this.hideSelection(), this.updateCbs.forEach(cb => cb("input", this));
+      this.currRt && (this.tryShowShadowPlaceholder(), this.tryShowInputBounds(), this.hideSelection(), this.updateCbs.forEach(cb => cb("input", this)));
     }, this.handleChange = (text, isComposing, cursorIdx, rt) => {
-      this.curCursorIdx = cursorIdx, this.selectionStartCursorIdx = cursorIdx;
+      if (!this.currRt) return;
+      this.tryShowShadowPlaceholder(), this.tryShowInputBounds(), this.curCursorIdx = cursorIdx, this.selectionStartCursorIdx = cursorIdx;
       const p = this.computedCursorPosByCursorIdx(cursorIdx, rt);
       this.setCursorAndTextArea(p.x, p.y1, p.y2, rt), this.hideSelection(), this.updateCbs.forEach(cb => cb("change", this));
-    }, this.handleFocusIn = () => {}, this.handleFocusOut = () => {
-      this.editing = !1, this.deFocus(), this.pointerDown = !1, this.triggerRender(), this.updateCbs.forEach(cb => cb("defocus", this));
+    }, this.handleFocusIn = () => {
+      throw new Error("不会走到这里 handleFocusIn");
+    }, this.handleFocusOut = () => {
+      throw new Error("不会走到这里 handleFocusOut");
     }, this.handleMove = e => {
-      this.isRichtext(e) && (this.currRt = e.target, this.handleEnter(e), e.target.once("pointerleave", this.handleLeave), this.tryShowSelection(e, !1));
-    }, this.handleEnter = 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.editing = !0, this.pluginService.stage.setCursor("text");
-    }, this.handleLeave = e => {
+    }, this.handleLeave = () => {
       this.editing = !1, this.pluginService.stage.setCursor("default");
     }, this.handlePointerDown = e => {
-      this.editing ? this.onFocus(e) : this.deFocus(), this.triggerRender(), this.pointerDown = !0, this.updateCbs.forEach(cb => cb(this.editing ? "onfocus" : "defocus", this));
+      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.handlePointerUp = e => {
       this.pointerDown = !1;
     }, this.handleDBLClick = e => {
       this.editing && this.tryShowSelection(e, !0);
-    }, this.commandCbs = new Map(), this.commandCbs.set(FORMAT_TEXT_COMMAND, [this.formatTextCommandCb]), this.updateCbs = [], this.timeline = new DefaultTimeline(), this.ticker = new DefaultTicker([this.timeline]), this.deltaX = 0, this.deltaY = 0;
+    }, this.commandCbs = new Map(), this.commandCbs.set(FORMAT_TEXT_COMMAND, [this.formatTextCommandCb]), this.commandCbs.set(FORMAT_ALL_TEXT_COMMAND, [this.formatAllTextCommandCb]), this.updateCbs = [], this.timeline = new DefaultTimeline(), this.ticker = new DefaultTicker([this.timeline]), this.deltaX = 0, this.deltaY = 0;
   }
-  formatTextCommandCb(payload, p) {
-    const rt = p.currRt;
-    if (!rt) return;
-    const selectionData = p.getSelection();
-    if (!selectionData) return;
-    const {
-        selectionStartCursorIdx: selectionStartCursorIdx,
-        curCursorIdx: curCursorIdx
-      } = selectionData,
-      minCursorIdx = Math.min(selectionStartCursorIdx, curCursorIdx),
-      maxCursorIdx = Math.max(selectionStartCursorIdx, curCursorIdx),
-      minConfigIdx = findConfigIndexByCursorIdx(rt.attribute.textConfig, minCursorIdx),
-      maxConfigIdx = findConfigIndexByCursorIdx(rt.attribute.textConfig, maxCursorIdx),
-      config = rt.attribute.textConfig.slice(minConfigIdx, maxConfigIdx);
+  _formatTextCommand(payload, config, rt) {
     "bold" === payload ? config.forEach(item => item.fontWeight = "bold") : "italic" === payload ? config.forEach(item => item.fontStyle = "italic") : "underline" === payload ? config.forEach(item => item.underline = !0) : "lineThrough" === payload ? config.forEach(item => item.lineThrough = !0) : isObject$1(payload) && config.forEach(item => merge(item, payload)), rt.setAttributes(rt.attribute);
+    const cache = rt.getFrameCache();
+    cache && (this.selectionRangeByCursorIdx(this.selectionStartCursorIdx, this.curCursorIdx, cache), this.tryShowInputBounds());
   }
   dispatchCommand(command, payload) {
     const cbs = this.commandCbs.get(command);
@@ -20486,9 +20577,19 @@ class RichTextEditPlugin {
   registerCommand(command, cb) {
     (this.commandCbs.get(command) || []).push(cb);
   }
+  removeCommand(command, cb) {
+    const cbs = this.commandCbs.get(command) || [],
+      idx = cbs.indexOf(cb);
+    idx > -1 && cbs.splice(idx, 1);
+  }
   registerUpdateListener(cb) {
     (this.updateCbs || []).push(cb);
   }
+  removeUpdateListener(cb) {
+    const cbs = this.updateCbs || [],
+      idx = cbs.indexOf(cb);
+    idx > -1 && cbs.splice(idx, 1);
+  }
   activate(context) {
     this.pluginService = context, this.editModule = new EditModule(), context.stage.on("pointermove", this.handleMove), context.stage.on("pointerdown", this.handlePointerDown), context.stage.on("pointerup", this.handlePointerUp), context.stage.on("pointerleave", this.handlePointerUp), context.stage.on("dblclick", this.handleDBLClick), application.global.addEventListener("keydown", this.handleKeyDown), this.editModule.onInput(this.handleInput), this.editModule.onChange(this.handleChange), this.editModule.onFocusOut(this.handleFocusOut);
   }
@@ -20508,7 +20609,10 @@ class RichTextEditPlugin {
         lines: lines
       } = cache,
       totalCursorCount = lines.reduce((total, line) => total + line.paragraphs.length, 0) - 1;
-    startIdx > endIdx && ([startIdx, endIdx] = [endIdx, startIdx]), startIdx = Math.min(Math.max(startIdx, -.1), totalCursorCount + .1), endIdx = Math.min(Math.max(endIdx, -.1), totalCursorCount + .1), this.curCursorIdx = endIdx, this.selectionStartCursorIdx = startIdx;
+    startIdx > endIdx && ([startIdx, endIdx] = [endIdx, startIdx]), startIdx = Math.min(Math.max(startIdx, -.1), totalCursorCount + .1), endIdx = Math.min(Math.max(endIdx, -.1), totalCursorCount + .1), this.selectionRangeByCursorIdx(startIdx, endIdx, cache);
+  }
+  selectionRangeByCursorIdx(startCursorIdx, endCursorIdx, cache) {
+    this.curCursorIdx = endCursorIdx, this.selectionStartCursorIdx = startCursorIdx;
     const {
       x: x,
       y1: y1,
@@ -20528,9 +20632,11 @@ class RichTextEditPlugin {
       const cache = currRt.getFrameCache();
       if (!cache) return;
       const {
-          lines: lines
-        } = cache,
-        totalCursorCount = lines.reduce((total, line) => total + line.paragraphs.length, 0) - 1;
+        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;
       return this.selectionRange(-.1, totalCursorCount + .1), e.preventDefault(), !0;
     }
     return !1;
@@ -20579,61 +20685,190 @@ class RichTextEditPlugin {
     }
     return !0;
   }
+  tryShowShadowPlaceholder() {
+    if (!this.currRt) return;
+    const shadowRoot = this.currRt.shadowRoot;
+    if (shadowRoot) {
+      const placeholder = shadowRoot.getElementsByType("richtext")[0];
+      placeholder && shadowRoot.removeChild(placeholder);
+    }
+    const {
+      textConfig: textConfig,
+      editOptions: editOptions
+    } = this.currRt.attribute;
+    if (textConfig && textConfig.length) return;
+    if (!editOptions || !editOptions.placeholder) return;
+    const {
+        placeholder: placeholder,
+        placeholderColor = "rgba(0, 0, 0, 0.6)",
+        placeholderFontFamily: placeholderFontFamily,
+        placeholderFontSize: placeholderFontSize
+      } = editOptions,
+      shadow = this.getShadow(this.currRt),
+      textConfigItem = Object.assign(Object.assign({}, getDefaultCharacterConfig(this.currRt.attribute)), {
+        text: placeholder
+      });
+    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]
+    })), shadow.add(this.shadowPlaceHolder);
+  }
+  tryShowInputBounds() {
+    if (!this.currRt || !this.focusing) return;
+    const {
+        editOptions = {}
+      } = this.currRt.attribute,
+      {
+        boundsStrokeWhenInput: boundsStrokeWhenInput
+      } = editOptions;
+    if (!editOptions || !boundsStrokeWhenInput) return;
+    const {
+      attribute: attribute
+    } = this.currRt;
+    let b = this.currRt.AABBBounds,
+      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));
+    }
+    this.shadowBounds = this.shadowBounds || createRect({}), this.shadowBounds.setAttributes({
+      x: 0,
+      y: 0,
+      width: b.width(),
+      height: h,
+      fill: !1,
+      stroke: boundsStrokeWhenInput,
+      lineWidth: 1,
+      zIndex: -1
+    });
+    this.getShadow(this.currRt).add(this.shadowBounds), this.offsetLineBgAndShadowBounds();
+  }
+  trySyncPlaceholderToTextConfig() {
+    if (!this.currRt) return;
+    const {
+      textConfig: textConfig,
+      editOptions: editOptions
+    } = this.currRt.attribute;
+    if (textConfig && textConfig.length) return;
+    if (!(editOptions && editOptions.placeholder && editOptions.syncPlaceHolderToTextConfig)) return;
+    const {
+      placeholder: placeholder
+    } = editOptions;
+    this.currRt.setAttributes({
+      textConfig: [Object.assign({
+        text: placeholder
+      }, getDefaultCharacterConfig(this.currRt.attribute))]
+    });
+  }
   deactivate(context) {
     context.stage.off("pointermove", this.handleMove), context.stage.off("pointerdown", this.handlePointerDown), context.stage.off("pointerup", this.handlePointerUp), context.stage.off("pointerleave", this.handlePointerUp), context.stage.off("dblclick", this.handleDBLClick), application.global.addEventListener("keydown", this.handleKeyDown);
   }
-  onFocus(e) {
-    this.deFocus(), this.currRt = e.target;
+  onFocus(e, data) {
+    this.updateCbs && this.updateCbs.forEach(cb => cb("beforeOnfocus", this)), this.deFocus(!1), this.focusing = !0;
     const target = e.target;
-    RichTextEditPlugin.tryUpdateRichtext(target);
-    const shadowRoot = target.attachShadow(),
+    if (!target || "richtext" !== target.type) return;
+    this.currRt = target, RichTextEditPlugin.tryUpdateRichtext(target);
+    const shadowRoot = this.getShadow(target),
       cache = target.getFrameCache();
-    if (!cache) return;
-    if (this.computeGlobalDelta(cache), shadowRoot.setAttributes({
-      shadowRootIdx: 1,
-      pickable: !1,
-      x: this.deltaX,
-      y: this.deltaY
-    }), !this.editLine) {
-      const line = createLine({
-        x: 0,
-        y: 0,
-        lineWidth: 1,
-        stroke: "black"
-      });
-      this.addAnimateToLine(line), this.editLine = line, this.ticker.start(!0);
-      const g = createGroup({
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0
-      });
-      this.editBg = g, shadowRoot.add(this.editLine), shadowRoot.add(this.editBg);
-    }
-    const data = this.computedCursorPosByEvent(e, cache);
-    if (data) {
-      const {
-        x: x,
-        y1: y1,
-        y2: y2,
-        cursorIndex: cursorIndex
-      } = data;
-      this.startCursorPos = {
-        x: x,
-        y: (y1 + y2) / 2
-      }, this.curCursorIdx = cursorIndex, this.selectionStartCursorIdx = cursorIndex, this.setCursorAndTextArea(x, y1, y2, target);
+    if (cache) {
+      if (this.computeGlobalDelta(cache), shadowRoot.setAttributes({
+        shadowRootIdx: 1,
+        pickable: !1,
+        x: this.deltaX,
+        y: this.deltaY
+      }), !this.editLine) {
+        const line = createLine({
+          x: 0,
+          y: 0,
+          lineWidth: 1,
+          stroke: "black"
+        });
+        this.addAnimateToLine(line), this.editLine = line, this.ticker.start(!0);
+        const g = createGroup({
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        });
+        this.editBg = g, shadowRoot.add(this.editLine), shadowRoot.add(this.editBg);
+      }
+      if (data = data || this.computedCursorPosByEvent(e, cache)) {
+        const {
+          x: x,
+          y1: y1,
+          y2: y2,
+          cursorIndex: cursorIndex
+        } = data;
+        this.startCursorPos = {
+          x: x,
+          y: (y1 + y2) / 2
+        }, this.curCursorIdx = cursorIndex, this.selectionStartCursorIdx = cursorIndex, this.setCursorAndTextArea(x, y1, y2, target);
+      } else {
+        const x = 0,
+          y1 = 0,
+          y2 = getRichTextBounds(Object.assign(Object.assign({}, target.attribute), {
+            textConfig: [{
+              text: "a"
+            }]
+          })).height();
+        this.startCursorPos = {
+          x: x,
+          y: (y1 + y2) / 2
+        }, this.curCursorIdx = -.1, this.selectionStartCursorIdx = -.1, this.setCursorAndTextArea(x, y1, y2, target);
+      }
+      this.tryShowShadowPlaceholder(), this.tryShowInputBounds(), this.currRt.addUpdateBoundTag();
     }
   }
-  deFocus() {
-    const target = this.currRt;
-    target && (target.detachShadow(), this.currRt = null, this.editLine && (this.editLine.parent.removeChild(this.editLine), this.editLine.release(), this.editLine = null, this.editBg.parent.removeChild(this.editBg), this.editBg.release(), this.editBg = null));
+  offsetLineBgAndShadowBounds() {
+    const rt = this.currRt,
+      {
+        textBaseline: textBaseline
+      } = rt.attribute;
+    let b,
+      dy = 0,
+      attr = rt.attribute;
+    "middle" !== textBaseline && "bottom" !== textBaseline || (attr.textConfig.length || (attr = Object.assign(Object.assign({}, attr), {
+      textConfig: [{
+        text: "a"
+      }]
+    })), b = getRichTextBounds(attr)), "middle" === textBaseline ? dy = -b.height() / 2 : "bottom" === textBaseline && (dy = -b.height()), this.editLine && this.editLine.setAttributes({
+      dy: dy
+    }), this.editBg && this.editBg.setAttributes({
+      dy: dy
+    }), this.shadowBounds && this.shadowBounds.setAttributes({
+      dy: dy
+    });
+  }
+  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 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 => {
       animate.stop(), animate.release();
     });
-    const animate = line.animate();
-    animate.setTimeline(this.timeline), animate.to({
+    line.animate({
+      timeline: this.timeline
+    }).to({
       opacity: 1
     }, 10, "linear").wait(700).to({
       opacity: 0
@@ -20673,67 +20908,75 @@ class RichTextEditPlugin {
       },
       line0Info = this.getLineByPoint(cache, startCursorPos),
       line1Info = this.getLineByPoint(cache, endCursorPos);
-    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,
+    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,
         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
-          }));
+        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;
         }
-        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 + 2, currCursorData.y2 - 2, this.currRt), this.triggerRender(), this.updateCbs.forEach(cb => cb("selection", this));
   }
   hideSelection() {
     this.editBg && (this.editBg.removeAllChild(), this.editBg.setAttributes({
       fill: "transparent"
     }));
   }
+  getShadow(rt) {
+    const sr = rt.shadowRoot || rt.attachShadow();
+    return sr.setAttributes({
+      boundsMode: "empty"
+    }), sr;
+  }
   getLineByPoint(cache, p1) {
     let lineInfo = cache.lines[0];
     for (let i = 0; i < cache.lines.length && !(lineInfo.top <= p1.y && lineInfo.top + lineInfo.height >= p1.y); i++) lineInfo = cache.lines[i + 1];
@@ -20765,7 +21008,10 @@ class RichTextEditPlugin {
     return -1;
   }
   isRichtext(e) {
-    return !(!e.target || "richtext" !== e.target.type || !e.target.attribute.editable);
+    return !(!e.target || "richtext" !== e.target.type);
+  }
+  isEditableRichtext(e) {
+    return this.isRichtext(e) && !!e.target.attribute.editable;
   }
   triggerRender() {
     this.pluginService.stage.renderNextFrame();
@@ -20783,7 +21029,18 @@ class RichTextEditPlugin {
         x: 0,
         y: 0
       };
-    return e.target.globalTransMatrix.transformPoint(p, p1), p1.x -= this.deltaX, p1.y -= this.deltaY, p1;
+    e.target.globalTransMatrix.transformPoint(p, p1), p1.x -= this.deltaX, p1.y -= this.deltaY;
+    const rt = this.currRt,
+      {
+        textBaseline: textBaseline
+      } = rt.attribute;
+    let dy = 0;
+    if ("middle" === textBaseline) {
+      dy = getRichTextBounds(rt.attribute).height() / 2;
+    } else if ("bottom" === textBaseline) {
+      dy = getRichTextBounds(rt.attribute).height();
+    }
+    return p1.y += dy, p1;
   }
   setCursorAndTextArea(x, y1, y2, rt) {
     this.editLine.setAttributes({
@@ -20807,7 +21064,7 @@ class RichTextEditPlugin {
       left: left,
       top: top
     } = this.pluginService.stage.window.getBoundingClientRect();
-    out.x += left, out.y += top, this.editModule.moveTo(out.x, out.y, rt, this.curCursorIdx, this.selectionStartCursorIdx);
+    out.x += left, out.y += top, this.offsetLineBgAndShadowBounds(), this.editModule.moveTo(out.x, out.y, rt, this.curCursorIdx, this.selectionStartCursorIdx);
   }
   computedCursorPosByEvent(e, cache) {
     const p1 = this.getEventPosition(e),
@@ -20818,9 +21075,8 @@ class RichTextEditPlugin {
       delta: delta
     } = this.getColumnAndIndexByLinePoint(lineInfo, p1);
     if (!columnInfo) return;
-    let y1 = lineInfo.top,
+    const y1 = lineInfo.top,
       y2 = lineInfo.top + lineInfo.height;
-    y1 += 2, y2 -= 2;
     let cursorIndex = this.getColumnIndex(cache, columnInfo);
     cursorIndex += delta;
     return {
@@ -20839,21 +21095,36 @@ class RichTextEditPlugin {
       cache = rt.getFrameCache(),
       column = this.getColumnByIndex(cache, idx),
       height = null !== (_a = rt.attribute.fontSize) && void 0 !== _a ? _a : null === (_c = null === (_b = rt.attribute.textConfig) || void 0 === _b ? void 0 : _b[0]) || void 0 === _c ? void 0 : _c.fontSize;
-    if (!column) return {
-      x: 0,
-      y1: 0,
-      y2: height
-    };
+    if (!column) {
+      if (!cache.lines.length) {
+        return {
+          x: 0,
+          y1: 0,
+          y2: getRichTextBounds(Object.assign(Object.assign({}, rt.attribute), {
+            textConfig: [{
+              text: "a"
+            }]
+          })).height()
+        };
+      }
+      return {
+        x: 0,
+        y1: 0,
+        y2: height
+      };
+    }
     const {
-      lineInfo: lineInfo,
-      columnInfo: columnInfo
-    } = column;
-    let y1 = lineInfo.top,
+        lineInfo: lineInfo,
+        columnInfo: columnInfo
+      } = column,
+      y1 = lineInfo.top,
       y2 = lineInfo.top + lineInfo.height;
-    return y1 += 2, y2 -= 2, {
+    return {
       x: columnInfo.left + (leftRight < 0 ? 0 : columnInfo.width),
       y1: y1,
-      y2: y2
+      y2: y2,
+      lineInfo: lineInfo,
+      columnInfo: columnInfo
     };
   }
   getColumnByIndex(cache, index) {
@@ -20877,6 +21148,37 @@ class RichTextEditPlugin {
     let defaultAll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     return this.currRt ? null != this.selectionStartCursorIdx && null != this.curCursorIdx ? new Selection(this.selectionStartCursorIdx, this.curCursorIdx, this.currRt) : defaultAll ? RichTextEditPlugin.CreateSelection(this.currRt) : null : null;
   }
+  forceFocus(params) {
+    const {
+      target: target,
+      e: e,
+      cursorIndex: cursorIndex
+    } = params;
+    target && (this.currRt = target, e ? this._forceFocusByEvent(e) : this._forceFocusByCursorIndex(null != cursorIndex ? cursorIndex : -.1));
+  }
+  _forceFocusByEvent(e) {
+    this.handleEnter(), this.handlePointerDown(e), this.handlePointerUp(e);
+  }
+  _forceFocusByCursorIndex(cursorIndex) {
+    const richtext = this.currRt;
+    if (!richtext) return;
+    let x = 0,
+      y1 = 0,
+      y2 = 2,
+      lineInfo = null,
+      columnInfo = null;
+    const data = this.computedCursorPosByCursorIdx(cursorIndex, richtext);
+    x = data.x, y1 = data.y1, y2 = data.y2, lineInfo = data.lineInfo, columnInfo = data.columnInfo, this.onFocus({
+      target: this.currRt
+    }, {
+      x: x,
+      y1: y1,
+      y2: y2,
+      cursorIndex: cursorIndex,
+      lineInfo: lineInfo,
+      columnInfo: columnInfo
+    });
+  }
 }
 
 class DefaultGraphicAllocate {
@@ -21059,7 +21361,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$1c = 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;
@@ -21091,21 +21393,21 @@ let DefaultCanvasGlyphRender = class {
     }), context.highPerformanceRestore();
   }
 };
-DefaultCanvasGlyphRender = __decorate$1c([injectable()], DefaultCanvasGlyphRender);
+DefaultCanvasGlyphRender = __decorate$1a([injectable()], DefaultCanvasGlyphRender);
 
 let loadGlyphModule = !1;
 const glyphModule = new ContainerModule(bind => {
   loadGlyphModule || (loadGlyphModule = !0, bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
 });
 
-var __decorate$1b = 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;
     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$U = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let DefaultCanvasRichTextRender = class extends BaseRender {
@@ -21159,7 +21461,7 @@ let DefaultCanvasRichTextRender = class extends BaseRender {
     this._draw(richtext, richtextAttribute, !1, drawContext);
   }
 };
-DefaultCanvasRichTextRender = __decorate$1b([injectable(), __metadata$V("design:paramtypes", [])], DefaultCanvasRichTextRender);
+DefaultCanvasRichTextRender = __decorate$19([injectable(), __metadata$U("design:paramtypes", [])], DefaultCanvasRichTextRender);
 
 let loadRichtextModule = !1;
 const richtextModule = new ContainerModule(bind => {
@@ -21243,7 +21545,7 @@ class Base3dRender extends BaseRender {
   }
 }
 
-var __decorate$1a = 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;
@@ -21299,14 +21601,14 @@ let DefaultCanvasRect3dRender = class extends Base3dRender {
     this._draw(rect, rectAttribute, !1, drawContext);
   }
 };
-DefaultCanvasRect3dRender = __decorate$1a([injectable()], DefaultCanvasRect3dRender);
+DefaultCanvasRect3dRender = __decorate$18([injectable()], DefaultCanvasRect3dRender);
 
 let loadRect3dModule = !1;
 const rect3dModule = new ContainerModule(bind => {
   loadRect3dModule || (loadRect3dModule = !0, bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
 });
 
-var __decorate$19 = 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;
@@ -21433,14 +21735,14 @@ let DefaultCanvasArc3DRender = class extends BaseRender {
     this._draw(arc, arcAttribute, !1, drawContext, params);
   }
 };
-DefaultCanvasArc3DRender = __decorate$19([injectable()], DefaultCanvasArc3DRender);
+DefaultCanvasArc3DRender = __decorate$17([injectable()], DefaultCanvasArc3DRender);
 
 let loadArc3dModule = !1;
 const arc3dModule = new ContainerModule(bind => {
   loadArc3dModule || (loadArc3dModule = !0, bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
 });
 
-var __decorate$18 = 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;
@@ -21477,7 +21779,7 @@ let DefaultCanvasPyramid3dRender = class extends Base3dRender {
     this._draw(pyramid3d, pyramid3dAttribute, !1, drawContext);
   }
 };
-DefaultCanvasPyramid3dRender = __decorate$18([injectable()], DefaultCanvasPyramid3dRender);
+DefaultCanvasPyramid3dRender = __decorate$16([injectable()], DefaultCanvasPyramid3dRender);
 
 let loadPyramid3dModule = !1;
 const pyramid3dModule = new ContainerModule(bind => {
@@ -23600,17 +23902,17 @@ class RoughBaseRender {
   }
 }
 
-var __decorate$17 = 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$U = 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$C = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$B = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -23696,9 +23998,9 @@ let RoughCanvasArcRender = class extends RoughBaseRender {
     }), context.highPerformanceRestore();
   }
 };
-RoughCanvasArcRender = __decorate$17([injectable(), __param$C(0, inject(DefaultCanvasArcRender)), __metadata$U("design:paramtypes", [Object])], RoughCanvasArcRender);
+RoughCanvasArcRender = __decorate$15([injectable(), __param$B(0, inject(DefaultCanvasArcRender)), __metadata$T("design:paramtypes", [Object])], RoughCanvasArcRender);
 
-var __decorate$16 = 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;
@@ -23776,19 +24078,19 @@ let RoughCanvasAreaRender = class extends DefaultCanvasAreaRender {
     }), context.highPerformanceRestore(), !1;
   }
 };
-RoughCanvasAreaRender = __decorate$16([injectable()], RoughCanvasAreaRender);
+RoughCanvasAreaRender = __decorate$14([injectable()], RoughCanvasAreaRender);
 
-var __decorate$15 = 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$T = 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$B = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$A = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -23825,9 +24127,9 @@ let RoughCanvasCircleRender = class extends RoughBaseRender {
     });
   }
 };
-RoughCanvasCircleRender = __decorate$15([injectable(), __param$B(0, inject(DefaultCanvasCircleRender)), __metadata$T("design:paramtypes", [Object])], RoughCanvasCircleRender);
+RoughCanvasCircleRender = __decorate$13([injectable(), __param$A(0, inject(DefaultCanvasCircleRender)), __metadata$S("design:paramtypes", [Object])], RoughCanvasCircleRender);
 
-var __decorate$14 = 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;
@@ -23906,19 +24208,19 @@ let RoughCanvasLineRender = class extends DefaultCanvasLineRender {
     }), context.highPerformanceRestore(), !1;
   }
 };
-RoughCanvasLineRender = __decorate$14([injectable()], RoughCanvasLineRender);
+RoughCanvasLineRender = __decorate$12([injectable()], RoughCanvasLineRender);
 
-var __decorate$13 = 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$S = 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$A = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$z = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -23992,19 +24294,19 @@ let RoughCanvasPathRender = class extends RoughBaseRender {
     }), context.highPerformanceRestore();
   }
 };
-RoughCanvasPathRender = __decorate$13([injectable(), __param$A(0, inject(DefaultCanvasPathRender)), __metadata$S("design:paramtypes", [Object])], RoughCanvasPathRender);
+RoughCanvasPathRender = __decorate$11([injectable(), __param$z(0, inject(DefaultCanvasPathRender)), __metadata$R("design:paramtypes", [Object])], RoughCanvasPathRender);
 
-var __decorate$12 = 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$R = 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$z = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$y = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -24095,19 +24397,19 @@ let RoughCanvasRectRender = class extends RoughBaseRender {
     }), context.highPerformanceRestore();
   }
 };
-RoughCanvasRectRender = __decorate$12([injectable(), __param$z(0, inject(DefaultCanvasRectRender)), __metadata$R("design:paramtypes", [Object])], RoughCanvasRectRender);
+RoughCanvasRectRender = __decorate$10([injectable(), __param$y(0, inject(DefaultCanvasRectRender)), __metadata$Q("design:paramtypes", [Object])], RoughCanvasRectRender);
 
-var __decorate$11 = 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$Q = 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);
   },
-  __param$y = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$x = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -24199,7 +24501,7 @@ let RoughCanvasSymbolRender = class extends BaseRender {
     if (this.canvasRenderer.drawShape) return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);
   }
 };
-RoughCanvasSymbolRender = __decorate$11([injectable(), __param$y(0, inject(DefaultCanvasSymbolRender)), __metadata$Q("design:paramtypes", [Object])], RoughCanvasSymbolRender);
+RoughCanvasSymbolRender = __decorate$$([injectable(), __param$x(0, inject(DefaultCanvasSymbolRender)), __metadata$P("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);
@@ -24222,7 +24524,6 @@ 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");
@@ -24363,11 +24664,9 @@ function jsx(type, config) {
       name: name,
       id: id,
       attribute: attribute,
-      stateProxy: stateProxy,
-      animation: animation,
-      timeline: timeline
+      stateProxy: stateProxy
     } = _a,
-    props = __rest(_a, ["key", "name", "id", "attribute", "stateProxy", "animation", "timeline"]);
+    props = __rest(_a, ["key", "name", "id", "attribute", "stateProxy"]);
   let c = type;
   isString$1(type) && (c = graphicCreator[type]);
   const childrenList = [];
@@ -24376,13 +24675,7 @@ function jsx(type, config) {
   }
   children.length && flatten(1 === children.length ? children[0] : children, childrenList);
   const g = "Group" === c.name ? new c(attribute) : c(config);
-  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;
+  return parseToGraphic$1(g, childrenList, props), stateProxy && (g.stateProxy = stateProxy), g;
 }
 function parseToGraphic$1(g, childrenList, props) {
   let out,
@@ -24712,14 +25005,14 @@ class Gesture extends EventEmitter {
   }
 }
 
-var __decorate$10 = 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$P = 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);
   };
 const outP = [0, 0, 0],
@@ -25231,16 +25524,16 @@ let BrowserContext2d = class {
     this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
   }
 };
-BrowserContext2d.env = "browser", BrowserContext2d = __decorate$10([injectable(), __metadata$P("design:paramtypes", [Object, Number])], BrowserContext2d);
+BrowserContext2d.env = "browser", BrowserContext2d = __decorate$_([injectable(), __metadata$O("design:paramtypes", [Object, Number])], BrowserContext2d);
 
-var __decorate$$ = 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;
     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$N = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let BrowserCanvas = class extends BaseCanvas {
@@ -25302,7 +25595,7 @@ let BrowserCanvas = class extends BaseCanvas {
     this._context.dpr = this._dpr;
   }
 };
-BrowserCanvas.env = "browser", BrowserCanvas = __decorate$$([injectable(), __metadata$O("design:paramtypes", [Object])], BrowserCanvas);
+BrowserCanvas.env = "browser", BrowserCanvas = __decorate$Z([injectable(), __metadata$N("design:paramtypes", [Object])], BrowserCanvas);
 
 function createModule(CanvasConstructor, ContextConstructor) {
   return new ContainerModule(bind => {
@@ -25312,17 +25605,17 @@ function createModule(CanvasConstructor, ContextConstructor) {
 
 const browserCanvasModule = createModule(BrowserCanvas, BrowserContext2d);
 
-var __decorate$_ = 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;
     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$M = 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$w = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -25373,9 +25666,9 @@ let DefaultCanvasPickerService = class extends DefaultPickService {
     return data;
   }
 };
-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);
+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);
 
-var __decorate$Z = 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;
@@ -25390,7 +25683,7 @@ let DefaultCanvasGroupPicker = class {
     return !1;
   }
 };
-DefaultCanvasGroupPicker = __decorate$Z([injectable()], DefaultCanvasGroupPicker);
+DefaultCanvasGroupPicker = __decorate$X([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));
@@ -25406,14 +25699,14 @@ function loadCanvasPicker(c) {
 }
 
 var BrowserWindowHandlerContribution_1,
-  __decorate$Y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  __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$M = 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 BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = class extends BaseWindowHandlerContribution {
@@ -25571,19 +25864,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$Y([injectable(), __metadata$M("design:paramtypes", [])], BrowserWindowHandlerContribution);
+BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution.idprefix = "visactor_window", BrowserWindowHandlerContribution.prefix_count = 0, BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = __decorate$W([injectable(), __metadata$L("design:paramtypes", [])], BrowserWindowHandlerContribution);
 const browserWindowModule = new ContainerModule(bind => {
   bind(BrowserWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(BrowserWindowHandlerContribution)).whenTargetNamed(BrowserWindowHandlerContribution.env);
 });
 
-var __decorate$X = 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$L = 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);
   },
   __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
@@ -25637,7 +25930,7 @@ class DynamicB {
 function createImageElement$1(src) {
   let isSvg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
   const img = document.createElement("img");
-  if (application.global.isImageAnonymous && (img.crossOrigin = "anonymous"), isSvg) {
+  if (img.crossOrigin = "anonymous", isSvg) {
     const data = new Blob([src], {
       type: "image/svg+xml"
     });
@@ -25830,7 +26123,7 @@ let BrowserEnvContribution = class extends BaseEnvContribution {
     return navigator.clipboard.writeText(text).then(() => {}).catch(err => {});
   }
 };
-BrowserEnvContribution = __decorate$X([injectable(), __metadata$L("design:paramtypes", [])], BrowserEnvContribution);
+BrowserEnvContribution = __decorate$V([injectable(), __metadata$K("design:paramtypes", [])], BrowserEnvContribution);
 
 const browserEnvModule = new ContainerModule(bind => {
   browserEnvModule.isBrowserBound || (browserEnvModule.isBrowserBound = !0, bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution));
@@ -25845,7 +26138,7 @@ function initBrowserEnv() {
   loadBrowserEnv(container);
 }
 
-var __decorate$W = 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;
@@ -25890,16 +26183,16 @@ let FeishuContext2d = class extends BrowserContext2d {
     return null;
   }
 };
-FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$W([injectable()], FeishuContext2d);
+FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$U([injectable()], FeishuContext2d);
 
-var __decorate$V = 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$K = 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);
   };
 let FeishuCanvas = class extends BaseCanvas {
@@ -25911,21 +26204,21 @@ let FeishuCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$V([injectable(), __metadata$K("design:paramtypes", [Object])], FeishuCanvas);
+FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$T([injectable(), __metadata$J("design:paramtypes", [Object])], FeishuCanvas);
 
 const feishuCanvasModule = createModule(FeishuCanvas, FeishuContext2d);
 
-var __decorate$U = 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$J = 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$w = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$v = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26061,22 +26354,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$U([injectable(), __param$w(0, inject(VGlobal)), __metadata$J("design:paramtypes", [Object])], FeishuWindowHandlerContribution);
+FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate$S([injectable(), __param$v(0, inject(VGlobal)), __metadata$I("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$T = 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$I = 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$v = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$u = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26107,7 +26400,7 @@ let DefaultMathPickerService = class extends DefaultPickService {
     } : null;
   }
 };
-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);
+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);
 
 const m = new ContainerModule(bind => {
   m.__vloaded || (m.__vloaded = !0, bindContributionProvider(bind, MathPickerContribution));
@@ -26144,17 +26437,17 @@ class PickerBase {
   }
 }
 
-var __decorate$S = 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$H = 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$u = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$t = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26164,24 +26457,24 @@ let DefaultMathArcPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
   }
 };
-DefaultMathArcPicker = __decorate$S([injectable(), __param$u(0, inject(ArcRender)), __metadata$H("design:paramtypes", [Object])], DefaultMathArcPicker);
+DefaultMathArcPicker = __decorate$Q([injectable(), __param$t(0, inject(ArcRender)), __metadata$G("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$R = 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$G = 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$t = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$s = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26191,24 +26484,24 @@ let DefaultMathAreaPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "area", this.numberType = AREA_NUMBER_TYPE;
   }
 };
-DefaultMathAreaPicker = __decorate$R([injectable(), __param$t(0, inject(AreaRender)), __metadata$G("design:paramtypes", [Object])], DefaultMathAreaPicker);
+DefaultMathAreaPicker = __decorate$P([injectable(), __param$s(0, inject(AreaRender)), __metadata$F("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$Q = 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$F = 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$s = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$r = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26218,7 +26511,7 @@ let DefaultMathCirclePicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
   }
 };
-DefaultMathCirclePicker = __decorate$Q([injectable(), __param$s(0, inject(CircleRender)), __metadata$F("design:paramtypes", [Object])], DefaultMathCirclePicker);
+DefaultMathCirclePicker = __decorate$O([injectable(), __param$r(0, inject(CircleRender)), __metadata$E("design:paramtypes", [Object])], DefaultMathCirclePicker);
 
 let loadCirclePick$1 = !1;
 const circleMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -26249,17 +26542,17 @@ class GlyphPickerBase {
   }
 }
 
-var __decorate$P = 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$E = 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$r = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$q = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26269,14 +26562,14 @@ let DefaultMathGlyphPicker = class extends GlyphPickerBase {
     super(), this.canvasRenderer = canvasRenderer;
   }
 };
-DefaultMathGlyphPicker = __decorate$P([injectable(), __param$r(0, inject(GlyphRender)), __metadata$E("design:paramtypes", [Object])], DefaultMathGlyphPicker);
+DefaultMathGlyphPicker = __decorate$N([injectable(), __param$q(0, inject(GlyphRender)), __metadata$D("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$O = 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;
@@ -26294,24 +26587,24 @@ let DefaultMathImagePicker = class {
     return !!pickContext && !!image.AABBBounds.containsPoint(point);
   }
 };
-DefaultMathImagePicker = __decorate$O([injectable()], DefaultMathImagePicker);
+DefaultMathImagePicker = __decorate$M([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$N = 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$D = 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$q = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$p = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26321,24 +26614,24 @@ let DefaultMathLinePicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
   }
 };
-DefaultMathLinePicker = __decorate$N([injectable(), __param$q(0, inject(LineRender)), __metadata$D("design:paramtypes", [Object])], DefaultMathLinePicker);
+DefaultMathLinePicker = __decorate$L([injectable(), __param$p(0, inject(LineRender)), __metadata$C("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$M = 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$C = 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$p = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$o = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26348,24 +26641,24 @@ let DefaultMathPolygonPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
   }
 };
-DefaultMathPolygonPicker = __decorate$M([injectable(), __param$p(0, inject(PolygonRender)), __metadata$C("design:paramtypes", [Object])], DefaultMathPolygonPicker);
+DefaultMathPolygonPicker = __decorate$K([injectable(), __param$o(0, inject(PolygonRender)), __metadata$B("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$L = 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$B = 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$o = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$n = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26375,7 +26668,7 @@ let DefaultMathPathPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
   }
 };
-DefaultMathPathPicker = __decorate$L([injectable(), __param$o(0, inject(PathRender)), __metadata$B("design:paramtypes", [Object])], DefaultMathPathPicker);
+DefaultMathPathPicker = __decorate$J([injectable(), __param$n(0, inject(PathRender)), __metadata$A("design:paramtypes", [Object])], DefaultMathPathPicker);
 
 let loadPathPick$1 = !1;
 const pathMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -26430,17 +26723,17 @@ class RectPickerBase {
   }
 }
 
-var __decorate$K = 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$A = 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$n = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$m = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26450,7 +26743,7 @@ let DefaultMathRectPicker = class extends RectPickerBase {
     super(), this.canvasRenderer = canvasRenderer;
   }
 };
-DefaultMathRectPicker = __decorate$K([injectable(), __param$n(0, inject(RectRender)), __metadata$A("design:paramtypes", [Object])], DefaultMathRectPicker);
+DefaultMathRectPicker = __decorate$I([injectable(), __param$m(0, inject(RectRender)), __metadata$z("design:paramtypes", [Object])], DefaultMathRectPicker);
 
 let loadRectPick$1 = !1;
 const rectMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -26462,17 +26755,17 @@ const richTextMathPickModule = new ContainerModule((bind, unbind, isBound, rebin
   loadRichTextPick || (loadRichTextPick = !0, bind(MathImagePicker).to(DefaultMathImagePicker).inSingletonScope(), bind(DefaultMathImagePicker).toService(MathImagePicker));
 });
 
-var __decorate$J = 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$z = 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);
   },
-  __param$m = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$l = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26482,14 +26775,14 @@ let DefaultMathSymbolPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "symbol", this.numberType = SYMBOL_NUMBER_TYPE;
   }
 };
-DefaultMathSymbolPicker = __decorate$J([injectable(), __param$m(0, inject(SymbolRender)), __metadata$z("design:paramtypes", [Object])], DefaultMathSymbolPicker);
+DefaultMathSymbolPicker = __decorate$H([injectable(), __param$l(0, inject(SymbolRender)), __metadata$y("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$I = 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;
@@ -26504,7 +26797,7 @@ let DefaultMathTextPicker = class {
     return !!text.AABBBounds.containsPoint(point);
   }
 };
-DefaultMathTextPicker = __decorate$I([injectable()], DefaultMathTextPicker);
+DefaultMathTextPicker = __decorate$G([injectable()], DefaultMathTextPicker);
 
 let loadTextPick$1 = !1;
 const textMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -26587,14 +26880,14 @@ class CanvasWrapEnableWH {
   }
 }
 
-var __decorate$H = 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$y = 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);
   };
 function makeUpCanvas$4(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, pixelRatio) {
@@ -26676,7 +26969,7 @@ let FeishuEnvContribution = class extends BaseEnvContribution {
     return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
   }
 };
-FeishuEnvContribution = __decorate$H([injectable(), __metadata$y("design:paramtypes", [])], FeishuEnvContribution);
+FeishuEnvContribution = __decorate$F([injectable(), __metadata$x("design:paramtypes", [])], FeishuEnvContribution);
 
 const feishuEnvModule = new ContainerModule(bind => {
   feishuEnvModule.isFeishuBound || (feishuEnvModule.isFeishuBound = !0, bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution));
@@ -26691,7 +26984,7 @@ function initFeishuEnv() {
   loadFeishuEnv(container);
 }
 
-var __decorate$G = 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;
@@ -26752,16 +27045,16 @@ let LynxContext2d = class extends BrowserContext2d {
     }));
   }
 };
-LynxContext2d.env = "lynx", LynxContext2d = __decorate$G([injectable()], LynxContext2d);
+LynxContext2d.env = "lynx", LynxContext2d = __decorate$E([injectable()], LynxContext2d);
 
-var __decorate$F = 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$x = 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 LynxCanvas = class extends BaseCanvas {
@@ -26777,19 +27070,19 @@ let LynxCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-LynxCanvas.env = "lynx", LynxCanvas = __decorate$F([injectable(), __metadata$x("design:paramtypes", [Object])], LynxCanvas);
+LynxCanvas.env = "lynx", LynxCanvas = __decorate$D([injectable(), __metadata$w("design:paramtypes", [Object])], LynxCanvas);
 
-var __decorate$E = 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$w = 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);
   },
-  __param$l = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$k = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -26927,21 +27220,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$E([injectable(), __param$l(0, inject(VGlobal)), __metadata$w("design:paramtypes", [Object])], LynxWindowHandlerContribution);
+LynxWindowHandlerContribution.env = "lynx", LynxWindowHandlerContribution = __decorate$C([injectable(), __param$k(0, inject(VGlobal)), __metadata$v("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$D = 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$v = 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 ng = !1;
@@ -27051,7 +27344,7 @@ let LynxEnvContribution = class extends BaseEnvContribution {
   }
   release() {}
 };
-LynxEnvContribution = __decorate$D([injectable(), __metadata$v("design:paramtypes", [])], LynxEnvContribution);
+LynxEnvContribution = __decorate$B([injectable(), __metadata$u("design:paramtypes", [])], LynxEnvContribution);
 
 const lynxEnvModule = new ContainerModule(bind => {
   lynxEnvModule.isLynxBound || (lynxEnvModule.isLynxBound = !0, bind(LynxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(LynxEnvContribution));
@@ -27066,14 +27359,14 @@ function initLynxEnv() {
   loadLynxEnv(container);
 }
 
-var __decorate$C = 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$u = 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 NodeContext2d = class extends BrowserContext2d {
@@ -27085,16 +27378,16 @@ let NodeContext2d = class extends BrowserContext2d {
   }
   release() {}
 };
-NodeContext2d.env = "node", NodeContext2d = __decorate$C([injectable(), __metadata$u("design:paramtypes", [Object, Number])], NodeContext2d);
+NodeContext2d.env = "node", NodeContext2d = __decorate$A([injectable(), __metadata$t("design:paramtypes", [Object, Number])], NodeContext2d);
 
-var __decorate$B = 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;
     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$s = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let NodeCanvas = class extends BaseCanvas {
@@ -27108,21 +27401,21 @@ let NodeCanvas = class extends BaseCanvas {
     this._nativeCanvas.release && isFunction$1(this._nativeCanvas.release) && this._nativeCanvas.release();
   }
 };
-NodeCanvas.env = "node", NodeCanvas = __decorate$B([injectable(), __metadata$t("design:paramtypes", [Object])], NodeCanvas);
+NodeCanvas.env = "node", NodeCanvas = __decorate$z([injectable(), __metadata$s("design:paramtypes", [Object])], NodeCanvas);
 
 const nodeCanvasModule = createModule(NodeCanvas, NodeContext2d);
 
-var __decorate$A = 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;
     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$r = 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$j = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -27213,12 +27506,12 @@ let NodeWindowHandlerContribution = class extends BaseWindowHandlerContribution
   }
   clearViewBox(color) {}
 };
-NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$A([injectable(), __param$k(0, inject(VGlobal)), __metadata$s("design:paramtypes", [Object])], NodeWindowHandlerContribution);
+NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$y([injectable(), __param$j(0, inject(VGlobal)), __metadata$r("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$z = 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;
@@ -27304,7 +27597,7 @@ let NodeEnvContribution = class extends BaseEnvContribution {
   release() {}
   createOffscreenCanvas(params) {}
 };
-NodeEnvContribution = __decorate$z([injectable()], NodeEnvContribution);
+NodeEnvContribution = __decorate$x([injectable()], NodeEnvContribution);
 
 const nodeEnvModule = new ContainerModule(bind => {
   nodeEnvModule.isNodeBound || (nodeEnvModule.isNodeBound = !0, bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution));
@@ -27318,7 +27611,7 @@ function initNodeEnv() {
   loadNodeEnv(container);
 }
 
-var __decorate$y = 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;
@@ -27407,16 +27700,16 @@ let TaroContext2d = class extends BrowserContext2d {
     return this.nativeContext.createCircularGradient && this.nativeContext.createCircularGradient(x0, y0, r0, x1, y1, r1);
   }
 };
-TaroContext2d.env = "taro", TaroContext2d = __decorate$y([injectable()], TaroContext2d);
+TaroContext2d.env = "taro", TaroContext2d = __decorate$w([injectable()], TaroContext2d);
 
-var __decorate$x = 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$r = 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);
   };
 let TaroCanvas = class extends BaseCanvas {
@@ -27428,21 +27721,21 @@ let TaroCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-TaroCanvas.env = "taro", TaroCanvas = __decorate$x([injectable(), __metadata$r("design:paramtypes", [Object])], TaroCanvas);
+TaroCanvas.env = "taro", TaroCanvas = __decorate$v([injectable(), __metadata$q("design:paramtypes", [Object])], TaroCanvas);
 
 const taroCanvasModule = createModule(TaroCanvas, TaroContext2d);
 
-var __decorate$w = 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$q = 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);
   },
-  __param$j = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$i = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -27588,19 +27881,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$w([injectable(), __param$j(0, inject(VGlobal)), __metadata$q("design:paramtypes", [Object])], TaroWindowHandlerContribution);
+TaroWindowHandlerContribution.env = "taro", TaroWindowHandlerContribution = __decorate$u([injectable(), __param$i(0, inject(VGlobal)), __metadata$p("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$v = 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$p = 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);
   };
 function makeUpCanvas$2(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
@@ -27697,7 +27990,7 @@ let TaroEnvContribution = class extends BaseEnvContribution {
   }
   release() {}
 };
-TaroEnvContribution = __decorate$v([injectable(), __metadata$p("design:paramtypes", [])], TaroEnvContribution);
+TaroEnvContribution = __decorate$t([injectable(), __metadata$o("design:paramtypes", [])], TaroEnvContribution);
 
 const taroEnvModule = new ContainerModule(bind => {
   taroEnvModule.isTaroBound || (taroEnvModule.isTaroBound = !0, bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution));
@@ -27712,7 +28005,7 @@ function initTaroEnv() {
   loadTaroEnv(container);
 }
 
-var __decorate$u = 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;
@@ -27725,16 +28018,16 @@ let WxContext2d = class extends BrowserContext2d {
     return null;
   }
 };
-WxContext2d.env = "wx", WxContext2d = __decorate$u([injectable()], WxContext2d);
+WxContext2d.env = "wx", WxContext2d = __decorate$s([injectable()], WxContext2d);
 
-var __decorate$t = 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$o = 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);
   };
 let WxCanvas = class extends BaseCanvas {
@@ -27746,21 +28039,21 @@ let WxCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-WxCanvas.env = "wx", WxCanvas = __decorate$t([injectable(), __metadata$o("design:paramtypes", [Object])], WxCanvas);
+WxCanvas.env = "wx", WxCanvas = __decorate$r([injectable(), __metadata$n("design:paramtypes", [Object])], WxCanvas);
 
 const wxCanvasModule = createModule(WxCanvas, WxContext2d);
 
-var __decorate$s = 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$n = 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);
   },
-  __param$i = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$h = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -27897,19 +28190,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$s([injectable(), __param$i(0, inject(VGlobal)), __metadata$n("design:paramtypes", [Object])], WxWindowHandlerContribution);
+WxWindowHandlerContribution.env = "wx", WxWindowHandlerContribution = __decorate$q([injectable(), __param$h(0, inject(VGlobal)), __metadata$m("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$r = 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$m = 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$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
@@ -28023,7 +28316,7 @@ let WxEnvContribution = class extends BaseEnvContribution {
     return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
   }
 };
-WxEnvContribution = __decorate$r([injectable(), __metadata$m("design:paramtypes", [])], WxEnvContribution);
+WxEnvContribution = __decorate$p([injectable(), __metadata$l("design:paramtypes", [])], WxEnvContribution);
 
 const wxEnvModule = new ContainerModule(bind => {
   wxEnvModule._isWxBound || (wxEnvModule._isWxBound = !0, bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution));
@@ -28051,7 +28344,7 @@ function initAllEnv() {
   loadAllEnv(container);
 }
 
-var __decorate$q = 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;
@@ -28059,16 +28352,16 @@ var __decorate$q = 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$q([injectable()], TTContext2d);
+TTContext2d.env = "tt", TTContext2d = __decorate$o([injectable()], TTContext2d);
 
-var __decorate$p = 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$l = 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 TTCanvas = class extends BaseCanvas {
@@ -28080,21 +28373,21 @@ let TTCanvas = class extends BaseCanvas {
   }
   release() {}
 };
-TTCanvas.env = "tt", TTCanvas = __decorate$p([injectable(), __metadata$l("design:paramtypes", [Object])], TTCanvas);
+TTCanvas.env = "tt", TTCanvas = __decorate$n([injectable(), __metadata$k("design:paramtypes", [Object])], TTCanvas);
 
 const ttCanvasModule = createModule(TTCanvas, TTContext2d);
 
-var __decorate$o = 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$k = 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$h = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$g = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28230,19 +28523,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$o([injectable(), __param$h(0, inject(VGlobal)), __metadata$k("design:paramtypes", [Object])], TTWindowHandlerContribution);
+TTWindowHandlerContribution.env = "tt", TTWindowHandlerContribution = __decorate$m([injectable(), __param$g(0, inject(VGlobal)), __metadata$j("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$n = 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$j = 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);
   },
   __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
@@ -28352,7 +28645,7 @@ let TTEnvContribution = class extends BaseEnvContribution {
     return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
   }
 };
-TTEnvContribution = __decorate$n([injectable(), __metadata$j("design:paramtypes", [])], TTEnvContribution);
+TTEnvContribution = __decorate$l([injectable(), __metadata$i("design:paramtypes", [])], TTEnvContribution);
 
 const ttEnvModule = new ContainerModule(bind => {
   ttEnvModule.isTTBound || (ttEnvModule.isTTBound = !0, bind(TTEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TTEnvContribution));
@@ -28367,7 +28660,7 @@ function initTTEnv() {
   loadTTEnv(container);
 }
 
-var __decorate$m = 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;
@@ -28452,16 +28745,16 @@ let HarmonyContext2d = class extends BrowserContext2d {
   }
   draw() {}
 };
-HarmonyContext2d.env = "harmony", HarmonyContext2d = __decorate$m([injectable()], HarmonyContext2d);
+HarmonyContext2d.env = "harmony", HarmonyContext2d = __decorate$k([injectable()], HarmonyContext2d);
 
-var __decorate$l = 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$i = 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);
   };
 let HarmonyCanvas = class extends BaseCanvas {
@@ -28474,19 +28767,19 @@ let HarmonyCanvas = class extends BaseCanvas {
   resize(width, height) {}
   release() {}
 };
-HarmonyCanvas.env = "harmony", HarmonyCanvas = __decorate$l([injectable(), __metadata$i("design:paramtypes", [Object])], HarmonyCanvas);
+HarmonyCanvas.env = "harmony", HarmonyCanvas = __decorate$j([injectable(), __metadata$h("design:paramtypes", [Object])], HarmonyCanvas);
 
-var __decorate$k = 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$h = 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$g = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$f = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28623,21 +28916,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$k([injectable(), __param$g(0, inject(VGlobal)), __metadata$h("design:paramtypes", [Object])], HarmonyWindowHandlerContribution);
+HarmonyWindowHandlerContribution.env = "harmony", HarmonyWindowHandlerContribution = __decorate$i([injectable(), __param$f(0, inject(VGlobal)), __metadata$g("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$j = 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$g = 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);
   };
 function createCanvas(width, height, id) {
@@ -28718,7 +29011,7 @@ let HarmonyEnvContribution = class extends BaseEnvContribution {
   }
   release() {}
 };
-HarmonyEnvContribution = __decorate$j([injectable(), __metadata$g("design:paramtypes", [])], HarmonyEnvContribution);
+HarmonyEnvContribution = __decorate$h([injectable(), __metadata$f("design:paramtypes", [])], HarmonyEnvContribution);
 
 const harmonyEnvModule = new ContainerModule(bind => {
   harmonyEnvModule.isHarmonyBound || (harmonyEnvModule.isHarmonyBound = !0, bind(HarmonyEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(HarmonyEnvContribution));
@@ -28733,17 +29026,17 @@ function initHarmonyEnv() {
   loadHarmonyEnv(container);
 }
 
-var __decorate$i = 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$f = 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$f = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$e = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28753,24 +29046,24 @@ let DefaultCanvasArcPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
   }
 };
-DefaultCanvasArcPicker = __decorate$i([injectable(), __param$f(0, inject(ArcRender)), __metadata$f("design:paramtypes", [Object])], DefaultCanvasArcPicker);
+DefaultCanvasArcPicker = __decorate$g([injectable(), __param$e(0, inject(ArcRender)), __metadata$e("design:paramtypes", [Object])], DefaultCanvasArcPicker);
 
 let loadArcPick = !1;
 const arcCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
   loadArcPick || (loadArcPick = !0, bind(CanvasArcPicker).to(DefaultCanvasArcPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasArcPicker));
 });
 
-var __decorate$h = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$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$e = 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$e = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$d = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28780,7 +29073,7 @@ let DefaultCanvasRectPicker = class extends RectPickerBase {
     super(), this.canvasRenderer = canvasRenderer;
   }
 };
-DefaultCanvasRectPicker = __decorate$h([injectable(), __param$e(0, inject(RectRender)), __metadata$e("design:paramtypes", [Object])], DefaultCanvasRectPicker);
+DefaultCanvasRectPicker = __decorate$f([injectable(), __param$d(0, inject(RectRender)), __metadata$d("design:paramtypes", [Object])], DefaultCanvasRectPicker);
 
 let loadRectPick = !1;
 const rectCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -28822,17 +29115,17 @@ class BaseLinePicker extends BaseRender {
   }
 }
 
-var __decorate$g = 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$d = 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$d = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$c = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28842,24 +29135,24 @@ let DefaultCanvasLinePicker = class extends BaseLinePicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
   }
 };
-DefaultCanvasLinePicker = __decorate$g([injectable(), __param$d(0, inject(LineRender)), __metadata$d("design:paramtypes", [Object])], DefaultCanvasLinePicker);
+DefaultCanvasLinePicker = __decorate$e([injectable(), __param$c(0, inject(LineRender)), __metadata$c("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$f = 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$c = 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$c = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$b = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28869,7 +29162,7 @@ let DefaultCanvasAreaPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "area", this.numberType = AREA_NUMBER_TYPE;
   }
 };
-DefaultCanvasAreaPicker = __decorate$f([injectable(), __param$c(0, inject(AreaRender)), __metadata$c("design:paramtypes", [Object])], DefaultCanvasAreaPicker);
+DefaultCanvasAreaPicker = __decorate$d([injectable(), __param$b(0, inject(AreaRender)), __metadata$b("design:paramtypes", [Object])], DefaultCanvasAreaPicker);
 
 let loadAreaPick = !1;
 const areaCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -28903,17 +29196,17 @@ class Base3dPicker extends BaseRender {
   }
 }
 
-var __decorate$e = 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$b = 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$b = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$a = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28958,24 +29251,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$e([injectable(), __param$b(0, inject(SymbolRender)), __metadata$b("design:paramtypes", [Object])], DefaultCanvasSymbolPicker);
+DefaultCanvasSymbolPicker = __decorate$c([injectable(), __param$a(0, inject(SymbolRender)), __metadata$a("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$d = 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$a = 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$a = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$9 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -28985,24 +29278,24 @@ let DefaultCanvasCirclePicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
   }
 };
-DefaultCanvasCirclePicker = __decorate$d([injectable(), __param$a(0, inject(CircleRender)), __metadata$a("design:paramtypes", [Object])], DefaultCanvasCirclePicker);
+DefaultCanvasCirclePicker = __decorate$b([injectable(), __param$9(0, inject(CircleRender)), __metadata$9("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$c = 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$9 = 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$9 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$8 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29055,24 +29348,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$c([injectable(), __param$9(0, inject(TextRender)), __metadata$9("design:paramtypes", [Object])], DefaultCanvasTextPicker);
+DefaultCanvasTextPicker = __decorate$a([injectable(), __param$8(0, inject(TextRender)), __metadata$8("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$b = 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$8 = 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$8 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$7 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29082,24 +29375,24 @@ let DefaultCanvasPathPicker = class extends BaseLinePicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
   }
 };
-DefaultCanvasPathPicker = __decorate$b([injectable(), __param$8(0, inject(PathRender)), __metadata$8("design:paramtypes", [Object])], DefaultCanvasPathPicker);
+DefaultCanvasPathPicker = __decorate$9([injectable(), __param$7(0, inject(PathRender)), __metadata$7("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$a = 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$7 = 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$7 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$6 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29109,24 +29402,24 @@ let DefaultCanvasPolygonPicker = class extends PickerBase {
     super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
   }
 };
-DefaultCanvasPolygonPicker = __decorate$a([injectable(), __param$7(0, inject(PolygonRender)), __metadata$7("design:paramtypes", [Object])], DefaultCanvasPolygonPicker);
+DefaultCanvasPolygonPicker = __decorate$8([injectable(), __param$6(0, inject(PolygonRender)), __metadata$6("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$9 = 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;
     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$5 = 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$5 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29136,24 +29429,24 @@ let DefaultCanvasGlyphPicker = class extends GlyphPickerBase {
     super(), this.canvasRenderer = canvasRenderer;
   }
 };
-DefaultCanvasGlyphPicker = __decorate$9([injectable(), __param$6(0, inject(GlyphRender)), __metadata$6("design:paramtypes", [Object])], DefaultCanvasGlyphPicker);
+DefaultCanvasGlyphPicker = __decorate$7([injectable(), __param$5(0, inject(GlyphRender)), __metadata$5("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$8 = 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$5 = 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$5 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$4 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29166,14 +29459,14 @@ let DefaultCanvasRichTextPicker = class {
     return !!richtext.AABBBounds.containsPoint(point);
   }
 };
-DefaultCanvasRichTextPicker = __decorate$8([injectable(), __param$5(0, inject(RichTextRender)), __metadata$5("design:paramtypes", [Object])], DefaultCanvasRichTextPicker);
+DefaultCanvasRichTextPicker = __decorate$6([injectable(), __param$4(0, inject(RichTextRender)), __metadata$4("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$7 = 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;
@@ -29191,24 +29484,24 @@ let DefaultCanvasImagePicker = class {
     return !!pickContext && !!image.AABBBounds.containsPoint(point);
   }
 };
-DefaultCanvasImagePicker = __decorate$7([injectable()], DefaultCanvasImagePicker);
+DefaultCanvasImagePicker = __decorate$5([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$6 = 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$4 = 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$4 = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$3 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29218,24 +29511,24 @@ let DefaultCanvasRect3dPicker = class extends Base3dPicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "rect3d", this.numberType = RECT3D_NUMBER_TYPE, this.themeType = "rect";
   }
 };
-DefaultCanvasRect3dPicker = __decorate$6([injectable(), __param$4(0, inject(Rect3DRender)), __metadata$4("design:paramtypes", [Object])], DefaultCanvasRect3dPicker);
+DefaultCanvasRect3dPicker = __decorate$4([injectable(), __param$3(0, inject(Rect3DRender)), __metadata$3("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$5 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$3 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
     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$2 = 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$2 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29245,24 +29538,24 @@ let DefaultCanvasArc3dPicker = class extends Base3dPicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "arc3d", this.numberType = ARC3D_NUMBER_TYPE, this.themeType = "arc";
   }
 };
-DefaultCanvasArc3dPicker = __decorate$5([injectable(), __param$3(0, inject(Arc3dRender)), __metadata$3("design:paramtypes", [Object])], DefaultCanvasArc3dPicker);
+DefaultCanvasArc3dPicker = __decorate$3([injectable(), __param$2(0, inject(Arc3dRender)), __metadata$2("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$4 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$2 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
     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$1 = 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$1 = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -29272,724 +29565,15 @@ let DefaultCanvasPyramid3dPicker = class extends Base3dPicker {
     super(), this.canvasRenderer = canvasRenderer, this.type = "pyramid3d", this.numberType = PYRAMID3D_NUMBER_TYPE, this.themeType = "polygon";
   }
 };
-DefaultCanvasPyramid3dPicker = __decorate$4([injectable(), __param$2(0, inject(Pyramid3dRender)), __metadata$2("design:paramtypes", [Object])], DefaultCanvasPyramid3dPicker);
+DefaultCanvasPyramid3dPicker = __decorate$2([injectable(), __param$1(0, inject(Pyramid3dRender)), __metadata$1("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);
-  }
-  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:{}}
@@ -30891,7 +30475,7 @@ const registerWrapText = _registerWrapText;
 
 const roughModule = _roughModule;
 
-const version = "0.22.0-vstory.1";
+const version = "0.22.0-vstory.10";
 preLoadAllModule();
 if (isBrowserEnv()) {
     loadBrowserEnv(container);
@@ -30924,4 +30508,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, 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_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, 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 };
+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 };