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

package/dist/index.js

@@ -577,17 +577,17 @@
     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);
         };
@@ -621,12 +621,6 @@
       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();
       }
@@ -661,7 +655,7 @@
         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;
       }
@@ -789,7 +783,7 @@
         return this._env || this.setEnv("browser"), this.envContribution.copyToClipBoard(text);
       }
     };
-    exports.DefaultGlobal = __decorate$1L([injectable(), __param$V(0, inject(ContributionProvider)), __param$V(0, named(EnvContribution)), __metadata$1j("design:paramtypes", [Object])], exports.DefaultGlobal);
+    exports.DefaultGlobal = __decorate$1J([injectable(), __param$U(0, inject(ContributionProvider)), __param$U(0, named(EnvContribution)), __metadata$1i("design:paramtypes", [Object])], exports.DefaultGlobal);
 
     exports.MeasureModeEnum = void 0;
     !function (MeasureModeEnum) {
@@ -4305,6 +4299,7 @@
     });
     const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), {
       editable: !1,
+      editOptions: null,
       width: 300,
       height: 300,
       ellipsis: !0,
@@ -4352,7 +4347,7 @@
     class Application {}
     const application = new Application();
 
-    const parse$1 = function () {
+    const parse = function () {
       const tokens = {
         linearGradient: /^(linear\-gradient)/i,
         radialGradient: /^(radial\-gradient)/i,
@@ -4505,7 +4500,7 @@
       }
       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);
@@ -4759,10 +4754,10 @@
           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;
@@ -5144,9 +5139,9 @@
         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;
@@ -5155,7 +5150,7 @@
     };
     const TextMeasureContribution = Symbol.for("TextMeasureContribution");
     exports.DefaultTextMeasureContribution = class DefaultTextMeasureContribution extends ATextMeasure {};
-    exports.DefaultTextMeasureContribution = __decorate$1J([injectable()], exports.DefaultTextMeasureContribution);
+    exports.DefaultTextMeasureContribution = __decorate$1H([injectable()], exports.DefaultTextMeasureContribution);
 
     const container = new Container();
 
@@ -5569,14 +5564,14 @@
     }
     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");
@@ -5713,19 +5708,19 @@
         return this._handler.getTopLeft(baseWindow);
       }
     };
-    exports.DefaultWindow = __decorate$1I([injectable(), __metadata$1i("design:paramtypes", [])], exports.DefaultWindow);
+    exports.DefaultWindow = __decorate$1G([injectable(), __metadata$1h("design:paramtypes", [])], exports.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);
         };
@@ -5820,7 +5815,7 @@
         return c.nativeCanvas ? c.nativeCanvas : null;
       }
     };
-    exports.DefaultGraphicUtil = __decorate$1H([injectable(), __param$U(0, inject(ContributionProvider)), __param$U(0, named(TextMeasureContribution)), __metadata$1h("design:paramtypes", [Object])], exports.DefaultGraphicUtil);
+    exports.DefaultGraphicUtil = __decorate$1F([injectable(), __param$T(0, inject(ContributionProvider)), __param$T(0, named(TextMeasureContribution)), __metadata$1g("design:paramtypes", [Object])], exports.DefaultGraphicUtil);
     var TransformMode;
     !function (TransformMode) {
       TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -5878,7 +5873,7 @@
         return this;
       }
     };
-    exports.DefaultTransformUtil = __decorate$1H([injectable(), __metadata$1h("design:paramtypes", [])], exports.DefaultTransformUtil);
+    exports.DefaultTransformUtil = __decorate$1F([injectable(), __metadata$1g("design:paramtypes", [])], exports.DefaultTransformUtil);
 
     const defaultThemeObj = {
         arc: DefaultArcAttribute,
@@ -9727,7 +9722,7 @@
       }
       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));
@@ -9837,7 +9832,7 @@
         }
       }
       get AABBBounds() {
-        return this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode);
+        return this.tryUpdateAABBBounds();
       }
       get OBBBounds() {
         return this.tryUpdateOBBBounds();
@@ -9881,12 +9876,13 @@
       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;
@@ -10123,14 +10119,14 @@
           null != onStart && animate.onStart(onStart), null != onFrame && animate.onFrame(onFrame), null != onEnd && animate.onEnd(onEnd), null != onRemove && animate.onRemove(onRemove), animate.interpolateFunc = params.interpolate;
         }
         return this.animates.set(animate.id, animate), animate.onRemove(() => {
-          this.animates.delete(animate.id);
+          animate.stop(), this.animates.delete(animate.id);
         }), animate;
       }
       onAttributeUpdate(context) {
         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));
@@ -10327,7 +10323,7 @@
           if (this.stage = stage, this.layer = layer, this.setStageToShadowRoot(stage, layer), this.animates && this.animates.size) {
             const timeline = stage.getTimeline();
             this.animates.forEach(a => {
-              a.setTimeline(timeline);
+              a.timeline === defaultTimeline && a.setTimeline(timeline);
             });
           }
           this._onSetStage && this._onSetStage(this, stage, layer), application.graphicService.onSetStage(this, stage);
@@ -10431,7 +10427,7 @@
         return shadowRoot && (shadowRoot.shadowHost = this), this.shadowRoot = null != shadowRoot ? shadowRoot : application.graphicService.creator.shadowRoot(this), this.addUpdateBoundTag(), this.shadowRoot.setStage(this.stage, this.layer), this.shadowRoot;
       }
       detachShadow() {
-        this.shadowRoot && (this.addUpdateBoundTag(), this.shadowRoot = null);
+        this.shadowRoot && (this.addUpdateBoundTag(), this.shadowRoot.release(!0), this.shadowRoot = null);
       }
       toJson() {
         return {
@@ -10483,7 +10479,7 @@
         });
       }
       release() {
-        this.releaseStatus = "released", application.graphicService.onRelease(this);
+        this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this);
       }
       _emitCustomEvent(type, context) {
         var _a, _b;
@@ -10922,7 +10918,7 @@
         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 {
@@ -11059,6 +11055,11 @@
       getNoWorkAnimateAttr() {
         return Group.NOWORK_ANIMATE_ATTR;
       }
+      release(all) {
+        all && this.forEachChildren(g => {
+          g.release(all);
+        }), super.release();
+      }
     }
     Group.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
     function createGroup(attributes) {
@@ -11180,14 +11181,14 @@
     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);
       };
     exports.DefaultLayerService = DefaultLayerService_1 = class {
@@ -11251,7 +11252,7 @@
         this.layerMap.delete(stage);
       }
     };
-    exports.DefaultLayerService.idprefix = "visactor_layer", exports.DefaultLayerService.prefix_count = 0, exports.DefaultLayerService = DefaultLayerService_1 = __decorate$1G([injectable(), __metadata$1g("design:paramtypes", [])], exports.DefaultLayerService);
+    exports.DefaultLayerService.idprefix = "visactor_layer", exports.DefaultLayerService.prefix_count = 0, exports.DefaultLayerService = DefaultLayerService_1 = __decorate$1E([injectable(), __metadata$1f("design:paramtypes", [])], exports.DefaultLayerService);
 
     var coreModule = new ContainerModule(bind => {
       bind(VGlobal).to(exports.DefaultGlobal).inSingletonScope(), bind(VWindow).to(exports.DefaultWindow), bind(GraphicUtil).to(exports.DefaultGraphicUtil).inSingletonScope(), bind(TransformUtil).to(exports.DefaultTransformUtil).inSingletonScope(), bind(LayerService).to(exports.DefaultLayerService).inSingletonScope();
@@ -11790,17 +11791,17 @@
     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);
         };
@@ -12012,7 +12013,7 @@
         };
       }
     };
-    exports.DefaultGraphicService = __decorate$1F([injectable(), __param$T(0, inject(GraphicCreator$1)), __metadata$1f("design:paramtypes", [Object])], exports.DefaultGraphicService);
+    exports.DefaultGraphicService = __decorate$1D([injectable(), __param$S(0, inject(GraphicCreator$1)), __metadata$1e("design:paramtypes", [Object])], exports.DefaultGraphicService);
 
     const updateBoundsOfCommonOuterBorder = (attribute, theme, aabbBounds) => {
       const {
@@ -13249,7 +13250,7 @@
         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);
       }
@@ -13891,6 +13892,14 @@
       }
     }
 
+    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";
@@ -13913,7 +13922,32 @@
         } = 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;
@@ -13938,15 +13972,31 @@
           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;
@@ -14169,7 +14219,20 @@
             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
@@ -14180,7 +14243,7 @@
             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) {
@@ -14331,7 +14394,13 @@
         }
         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) {
@@ -14347,13 +14416,15 @@
         }), 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(),
@@ -14365,6 +14436,7 @@
             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":
@@ -15342,17 +15414,17 @@
       }
     }
 
-    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);
         };
@@ -15449,7 +15521,7 @@
         });
       }
     };
-    exports.DefaultBaseInteractiveRenderContribution = __decorate$1E([injectable(), __param$S(0, inject(ContributionProvider)), __param$S(0, named(InteractiveSubRenderContribution)), __metadata$1e("design:paramtypes", [Object])], exports.DefaultBaseInteractiveRenderContribution);
+    exports.DefaultBaseInteractiveRenderContribution = __decorate$1C([injectable(), __param$R(0, inject(ContributionProvider)), __param$R(0, named(InteractiveSubRenderContribution)), __metadata$1d("design:paramtypes", [Object])], exports.DefaultBaseInteractiveRenderContribution);
 
     function formatRatio(ratio) {
       return ratio <= .5 ? 4 * ratio - 1 : -4 * ratio + 3;
@@ -15797,7 +15869,7 @@
       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;
@@ -15862,7 +15934,7 @@
         Array.isArray(stroke) && stroke.some(s => !1 === s) && (doFillOrStroke.doStroke = !1);
       }
     };
-    exports.SplitRectBeforeRenderContribution = __decorate$1D([injectable()], exports.SplitRectBeforeRenderContribution);
+    exports.SplitRectBeforeRenderContribution = __decorate$1B([injectable()], exports.SplitRectBeforeRenderContribution);
     exports.SplitRectAfterRenderContribution = class SplitRectAfterRenderContribution {
       constructor() {
         this.time = exports.BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -15899,7 +15971,7 @@
         }
       }
     };
-    exports.SplitRectAfterRenderContribution = __decorate$1D([injectable()], exports.SplitRectAfterRenderContribution);
+    exports.SplitRectAfterRenderContribution = __decorate$1B([injectable()], exports.SplitRectAfterRenderContribution);
     const defaultRectRenderContribution = new DefaultRectRenderContribution();
     const defaultRectTextureRenderContribution = defaultBaseTextureRenderContribution;
     const defaultRectBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
@@ -15908,8 +15980,8 @@
       constructor() {
         super(...arguments), this.time = exports.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();
@@ -16004,17 +16076,17 @@
       }
     }
 
-    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);
         };
@@ -16178,19 +16250,19 @@
         this._draw(arc, arcAttribute, !1, drawContext, params);
       }
     };
-    exports.DefaultCanvasArcRender = __decorate$1C([injectable(), __param$R(0, inject(ContributionProvider)), __param$R(0, named(ArcRenderContribution)), __metadata$1d("design:paramtypes", [Object])], exports.DefaultCanvasArcRender);
+    exports.DefaultCanvasArcRender = __decorate$1A([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(ArcRenderContribution)), __metadata$1c("design:paramtypes", [Object])], exports.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);
         };
@@ -16231,7 +16303,7 @@
         this._draw(circle, circleAttribute, !1, drawContext, params);
       }
     };
-    exports.DefaultCanvasCircleRender = __decorate$1B([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(CircleRenderContribution)), __metadata$1c("design:paramtypes", [Object])], exports.DefaultCanvasCircleRender);
+    exports.DefaultCanvasCircleRender = __decorate$1z([injectable(), __param$P(0, inject(ContributionProvider)), __param$P(0, named(CircleRenderContribution)), __metadata$1b("design:paramtypes", [Object])], exports.DefaultCanvasCircleRender);
 
     function drawSegItem(ctx, curve, endPercent, params) {
       if (!curve.p1) return;
@@ -16355,7 +16427,7 @@
       });
     }
 
-    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;
@@ -16516,7 +16588,7 @@
         } else this.drawSegmentItem(context, line.cache, !!fill, !!stroke, fillOpacity, strokeOpacity, line.attribute, lineAttribute, clipRange, clipRangeByDimension, x, y, line, fillCb, strokeCb);
       }
     };
-    exports.DefaultCanvasLineRender = __decorate$1A([injectable()], exports.DefaultCanvasLineRender);
+    exports.DefaultCanvasLineRender = __decorate$1y([injectable()], exports.DefaultCanvasLineRender);
 
     function drawAreaSegments(path, segPath, percent, params) {
       var _a;
@@ -16645,17 +16717,17 @@
     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);
         };
@@ -16898,22 +16970,22 @@
         })(), !1;
       }
     };
-    exports.DefaultCanvasAreaRender = __decorate$1z([injectable(), __param$P(0, inject(ContributionProvider)), __param$P(0, named(AreaRenderContribution)), __metadata$1b("design:paramtypes", [Object])], exports.DefaultCanvasAreaRender);
+    exports.DefaultCanvasAreaRender = __decorate$1x([injectable(), __param$O(0, inject(ContributionProvider)), __param$O(0, named(AreaRenderContribution)), __metadata$1a("design:paramtypes", [Object])], exports.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);
         };
@@ -16957,19 +17029,19 @@
         this.tempTheme = pathAttribute, this._draw(path, pathAttribute, !1, drawContext, params), this.tempTheme = null;
       }
     };
-    exports.DefaultCanvasPathRender = __decorate$1y([injectable(), __param$O(0, inject(ContributionProvider)), __param$O(0, named(PathRenderContribution)), __metadata$1a("design:paramtypes", [Object])], exports.DefaultCanvasPathRender);
+    exports.DefaultCanvasPathRender = __decorate$1w([injectable(), __param$N(0, inject(ContributionProvider)), __param$N(0, named(PathRenderContribution)), __metadata$19("design:paramtypes", [Object])], exports.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);
         };
@@ -17029,19 +17101,19 @@
         this.tempTheme = rectAttribute, this._draw(rect, rectAttribute, !1, drawContext, params), this.tempTheme = null;
       }
     };
-    exports.DefaultCanvasRectRender = __decorate$1x([injectable(), __param$N(0, inject(ContributionProvider)), __param$N(0, named(RectRenderContribution)), __metadata$19("design:paramtypes", [Object])], exports.DefaultCanvasRectRender);
+    exports.DefaultCanvasRectRender = __decorate$1v([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(RectRenderContribution)), __metadata$18("design:paramtypes", [Object])], exports.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);
         };
@@ -17112,7 +17184,7 @@
         this._draw(symbol, symbolAttribute, !1, drawContext, params);
       }
     };
-    exports.DefaultCanvasSymbolRender = __decorate$1w([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(SymbolRenderContribution)), __metadata$18("design:paramtypes", [Object])], exports.DefaultCanvasSymbolRender);
+    exports.DefaultCanvasSymbolRender = __decorate$1u([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(SymbolRenderContribution)), __metadata$17("design:paramtypes", [Object])], exports.DefaultCanvasSymbolRender);
 
     class DefaultBoundsAllocate {
       constructor() {
@@ -17201,17 +17273,17 @@
     }
     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);
         };
@@ -17350,9 +17422,9 @@
         }
       }
     };
-    exports.DefaultCanvasTextRender = __decorate$1v([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(TextRenderContribution)), __metadata$17("design:paramtypes", [Object])], exports.DefaultCanvasTextRender);
+    exports.DefaultCanvasTextRender = __decorate$1t([injectable(), __param$K(0, inject(ContributionProvider)), __param$K(0, named(TextRenderContribution)), __metadata$16("design:paramtypes", [Object])], exports.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;
@@ -17360,7 +17432,7 @@
       return c > 3 && r && Object.defineProperty(target, key, r), r;
     };
     exports.AbstractGraphicRender = class AbstractGraphicRender {};
-    exports.AbstractGraphicRender = __decorate$1u([injectable()], exports.AbstractGraphicRender);
+    exports.AbstractGraphicRender = __decorate$1s([injectable()], exports.AbstractGraphicRender);
 
     function drawPolygon(path, points, x, y) {
       path.moveTo(points[0].x + x, points[0].y + y);
@@ -17416,17 +17488,17 @@
     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);
         };
@@ -17467,19 +17539,19 @@
         this._draw(polygon, polygonAttribute, !1, drawContext, params);
       }
     };
-    exports.DefaultCanvasPolygonRender = __decorate$1t([injectable(), __param$K(0, inject(ContributionProvider)), __param$K(0, named(PolygonRenderContribution)), __metadata$16("design:paramtypes", [Object])], exports.DefaultCanvasPolygonRender);
+    exports.DefaultCanvasPolygonRender = __decorate$1r([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(PolygonRenderContribution)), __metadata$15("design:paramtypes", [Object])], exports.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);
         };
@@ -17574,19 +17646,19 @@
         }) : clip ? context.restore() : context.highPerformanceRestore();
       }
     };
-    exports.DefaultCanvasGroupRender = __decorate$1s([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(GroupRenderContribution)), __metadata$15("design:paramtypes", [Object])], exports.DefaultCanvasGroupRender);
+    exports.DefaultCanvasGroupRender = __decorate$1q([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(GroupRenderContribution)), __metadata$14("design:paramtypes", [Object])], exports.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);
         };
@@ -17654,7 +17726,7 @@
         this._draw(image, imageAttribute, !1, drawContext);
       }
     };
-    exports.DefaultCanvasImageRender = __decorate$1r([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(ImageRenderContribution)), __metadata$14("design:paramtypes", [Object])], exports.DefaultCanvasImageRender);
+    exports.DefaultCanvasImageRender = __decorate$1p([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(ImageRenderContribution)), __metadata$13("design:paramtypes", [Object])], exports.DefaultCanvasImageRender);
 
     const IncrementalDrawContribution = Symbol.for("IncrementalDrawContribution");
     const ArcRender = Symbol.for("ArcRender");
@@ -17722,14 +17794,14 @@
       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");
@@ -17789,7 +17861,7 @@
         return !1;
       }
     };
-    exports.CommonDrawItemInterceptorContribution = __decorate$1q([injectable(), __metadata$13("design:paramtypes", [])], exports.CommonDrawItemInterceptorContribution);
+    exports.CommonDrawItemInterceptorContribution = __decorate$1o([injectable(), __metadata$12("design:paramtypes", [])], exports.CommonDrawItemInterceptorContribution);
     class InteractiveDrawItemInterceptorContribution {
       constructor() {
         this.order = 1;
@@ -17880,17 +17952,17 @@
       }
     }
 
-    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);
         };
@@ -17928,7 +18000,7 @@
         this.prepare(updateBounds), this.prepareRenderList(), this.beforeDraw(params), this.draw(params), this.afterDraw(params), this.drawParams = null;
       }
     };
-    exports.DefaultRenderService = __decorate$1p([injectable(), __param$H(0, inject(DrawContribution)), __metadata$12("design:paramtypes", [Object])], exports.DefaultRenderService);
+    exports.DefaultRenderService = __decorate$1n([injectable(), __param$G(0, inject(DrawContribution)), __metadata$11("design:paramtypes", [Object])], exports.DefaultRenderService);
 
     var renderModule$1 = new ContainerModule(bind => {
       bind(RenderService).to(exports.DefaultRenderService);
@@ -17941,7 +18013,7 @@
     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;
@@ -17963,7 +18035,7 @@
         return result;
       }
     };
-    exports.ShadowPickServiceInterceptorContribution = __decorate$1o([injectable()], exports.ShadowPickServiceInterceptorContribution);
+    exports.ShadowPickServiceInterceptorContribution = __decorate$1m([injectable()], exports.ShadowPickServiceInterceptorContribution);
     exports.ShadowRootPickItemInterceptorContribution = class ShadowRootPickItemInterceptorContribution {
       constructor() {
         this.order = 1;
@@ -17994,7 +18066,7 @@
         return context.highPerformanceRestore(), !result.graphic && result.group && "full" === shadowPickMode && (result.graphic = result.group), result;
       }
     };
-    exports.ShadowRootPickItemInterceptorContribution = __decorate$1o([injectable()], exports.ShadowRootPickItemInterceptorContribution);
+    exports.ShadowRootPickItemInterceptorContribution = __decorate$1m([injectable()], exports.ShadowRootPickItemInterceptorContribution);
     exports.InteractivePickItemInterceptorContribution = class InteractivePickItemInterceptorContribution {
       constructor() {
         this.order = 1;
@@ -18013,7 +18085,7 @@
         return null;
       }
     };
-    exports.InteractivePickItemInterceptorContribution = __decorate$1o([injectable()], exports.InteractivePickItemInterceptorContribution);
+    exports.InteractivePickItemInterceptorContribution = __decorate$1m([injectable()], exports.InteractivePickItemInterceptorContribution);
     exports.Canvas3DPickItemInterceptor = class Canvas3DPickItemInterceptor {
       constructor() {
         this.order = 1;
@@ -18033,7 +18105,7 @@
         context.setTransformForCurrent();
       }
     };
-    exports.Canvas3DPickItemInterceptor = __decorate$1o([injectable()], exports.Canvas3DPickItemInterceptor);
+    exports.Canvas3DPickItemInterceptor = __decorate$1m([injectable()], exports.Canvas3DPickItemInterceptor);
 
     var pickModule = new ContainerModule((bind, unbind, isBound) => {
       isBound(PickerService) || (bind(GlobalPickerService).toSelf(), bind(PickerService).toService(GlobalPickerService)), bind(exports.Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.Canvas3DPickItemInterceptor), bind(exports.ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.ShadowRootPickItemInterceptorContribution), bind(exports.InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor), bind(exports.ShadowPickServiceInterceptorContribution).toSelf().inSingletonScope(), bind(PickServiceInterceptor).toService(exports.ShadowPickServiceInterceptorContribution), bindContributionProvider(bind, PickServiceInterceptor);
@@ -18046,17 +18118,17 @@
     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);
         };
@@ -18096,7 +18168,7 @@
         }), 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);
@@ -18110,14 +18182,14 @@
       bind(TextMeasureContribution).to(exports.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 {
@@ -18187,7 +18259,7 @@
         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);
@@ -18306,17 +18378,17 @@
       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);
         };
@@ -18374,7 +18446,7 @@
       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) {
@@ -18455,7 +18527,7 @@
           } = 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,
@@ -18515,9 +18587,9 @@
       }
       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;
@@ -18568,9 +18640,9 @@
         }), 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;
@@ -18613,20 +18685,20 @@
         }), 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);
         };
@@ -18756,7 +18828,7 @@
         });
       }
     };
-    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(exports.DefaultCanvasGroupRender).inSingletonScope(), bind(GraphicRender).toService(GroupRender), bindContributionProvider(bind, GroupRenderContribution), bind(exports.DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(exports.CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(exports.CommonDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
@@ -19452,14 +19524,14 @@
       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),
@@ -19669,7 +19741,7 @@
         this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
       }
     };
-    exports.EmptyContext2d = __decorate$1h([injectable(), __metadata$Z("design:paramtypes", [Object, Number])], exports.EmptyContext2d);
+    exports.EmptyContext2d = __decorate$1f([injectable(), __metadata$Y("design:paramtypes", [Object, Number])], exports.EmptyContext2d);
 
     const DefaultConfig = {
       WIDTH: 500,
@@ -19768,7 +19840,7 @@
     }
     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;
@@ -19882,16 +19954,16 @@
         return Promise.resolve(null);
       }
     };
-    exports.BaseEnvContribution = __decorate$1g([injectable()], exports.BaseEnvContribution);
+    exports.BaseEnvContribution = __decorate$1e([injectable()], exports.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);
       };
     exports.BaseWindowHandlerContribution = class BaseWindowHandlerContribution {
@@ -19930,7 +20002,7 @@
         return this.modelMatrix;
       }
     };
-    exports.BaseWindowHandlerContribution = __decorate$1f([injectable(), __metadata$Y("design:paramtypes", [])], exports.BaseWindowHandlerContribution);
+    exports.BaseWindowHandlerContribution = __decorate$1d([injectable(), __metadata$X("design:paramtypes", [])], exports.BaseWindowHandlerContribution);
 
     class DirectionalLight {
       constructor(dir, color) {
@@ -20021,17 +20093,17 @@
       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);
         };
@@ -20136,16 +20208,16 @@
         return picker || null;
       }
     };
-    exports.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])], exports.DefaultPickService);
+    exports.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])], exports.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);
       };
     exports.DefaultGlobalPickerService = class DefaultGlobalPickerService {
@@ -20210,7 +20282,7 @@
         } : null;
       }
     };
-    exports.DefaultGlobalPickerService = __decorate$1d([injectable(), __metadata$W("design:paramtypes", [])], exports.DefaultGlobalPickerService);
+    exports.DefaultGlobalPickerService = __decorate$1b([injectable(), __metadata$V("design:paramtypes", [])], exports.DefaultGlobalPickerService);
 
     function simplifyRadialDist(points, sqTolerance) {
       let deltaX,
@@ -20235,6 +20307,24 @@
       }
       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);
@@ -20273,9 +20363,7 @@
           } = 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 {
@@ -20292,26 +20380,20 @@
             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;
@@ -20359,9 +20441,9 @@
         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]
         }));
@@ -20407,25 +20489,27 @@
         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];
       }
       getFormat(key) {
         return this.getAllFormat(key)[0];
       }
-      getAllFormat(key) {
+      getAllFormat(key, includeUndefined) {
         const valSet = new Set(),
           minCursorIdx = Math.min(this.selectionStartCursorIdx, this.curCursorIdx),
           maxCursorIdx = Math.max(this.selectionStartCursorIdx, this.curCursorIdx);
         if (minCursorIdx === maxCursorIdx) return [this._getFormat(key, minCursorIdx)];
         for (let i = Math.ceil(minCursorIdx); i <= Math.floor(maxCursorIdx); i++) {
           const val = this._getFormat(key, i);
-          val && valSet.add(val);
+          (includeUndefined || void 0 !== val) && valSet.add(val);
         }
         return Array.from(valSet.values());
       }
     }
     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) {
@@ -20445,45 +20529,57 @@
         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);
@@ -20492,9 +20588,19 @@
       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);
       }
@@ -20514,7 +20620,10 @@
             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,
@@ -20534,9 +20643,11 @@
           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;
@@ -20557,7 +20668,7 @@
           } = cache,
           totalCursorCount = lines.reduce((total, line) => total + line.paragraphs.length, 0) - 1;
         if (x) {
-          x > 0 && columnInfo === lineInfo.paragraphs[lineInfo.paragraphs.length - 2] && this.curCursorIdx < Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx + .2 : x > 0 && columnInfo === lineInfo.paragraphs[lineInfo.paragraphs.length - 1] && this.curCursorIdx > Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx + 1 - .2 : x < 0 && columnInfo === lineInfo.paragraphs[0] && this.curCursorIdx > Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx - .2 : x < 0 && columnInfo === lineInfo.paragraphs[0] && this.curCursorIdx < Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx - 1 + .2 : this.curCursorIdx += x, this.curCursorIdx < -.1 ? this.curCursorIdx = -.1 : this.curCursorIdx > totalCursorCount + .1 && (this.curCursorIdx = totalCursorCount + .1);
+          x > 0 && columnInfo === lineInfo.paragraphs[lineInfo.paragraphs.length - 2] && this.curCursorIdx < Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx + .2 : x > 0 && columnInfo === lineInfo.paragraphs[lineInfo.paragraphs.length - 1] && this.curCursorIdx > Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx + 1 - .2 : x < 0 && columnInfo === lineInfo.paragraphs[0] && this.curCursorIdx > Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx - .2 : x < 0 && columnInfo === lineInfo.paragraphs[0] && this.curCursorIdx < Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx - 1 + .2 : this.curCursorIdx += x, this.curCursorIdx < -.1 ? this.curCursorIdx = -.1 : this.curCursorIdx > totalCursorCount + .1 && (this.curCursorIdx = totalCursorCount + .1), this.selectionStartCursorIdx = this.curCursorIdx;
           const pos = this.computedCursorPosByCursorIdx(this.curCursorIdx, this.currRt);
           this.setCursorAndTextArea(pos.x, pos.y1, pos.y2, this.currRt), this.hideSelection();
         }
@@ -20585,61 +20696,192 @@
         }
         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();
         }
       }
+      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() {
-        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));
+        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 => {
+        line.setAttributes({
+          opacity: 1
+        }), 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
@@ -20679,67 +20921,75 @@
           },
           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];
@@ -20771,7 +21021,10 @@
         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();
@@ -20789,7 +21042,18 @@
             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({
@@ -20813,7 +21077,7 @@
           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),
@@ -20824,9 +21088,8 @@
           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 {
@@ -20845,21 +21108,36 @@
           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) {
@@ -20883,6 +21161,37 @@
         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 {
@@ -21065,7 +21374,7 @@
       loadPolygonModule || (loadPolygonModule = !0, bind(PolygonRender).to(exports.DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(exports.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;
@@ -21097,21 +21406,21 @@
         }), 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 {
@@ -21165,7 +21474,7 @@
         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 => {
@@ -21249,7 +21558,7 @@
       }
     }
 
-    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;
@@ -21305,14 +21614,14 @@
         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;
@@ -21439,14 +21748,14 @@
         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;
@@ -21483,7 +21792,7 @@
         this._draw(pyramid3d, pyramid3dAttribute, !1, drawContext);
       }
     };
-    DefaultCanvasPyramid3dRender = __decorate$18([injectable()], DefaultCanvasPyramid3dRender);
+    DefaultCanvasPyramid3dRender = __decorate$16([injectable()], DefaultCanvasPyramid3dRender);
 
     let loadPyramid3dModule = !1;
     const pyramid3dModule = new ContainerModule(bind => {
@@ -23606,17 +23915,17 @@
       }
     }
 
-    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);
         };
@@ -23702,9 +24011,9 @@
         }), context.highPerformanceRestore();
       }
     };
-    RoughCanvasArcRender = __decorate$17([injectable(), __param$C(0, inject(exports.DefaultCanvasArcRender)), __metadata$U("design:paramtypes", [Object])], RoughCanvasArcRender);
+    RoughCanvasArcRender = __decorate$15([injectable(), __param$B(0, inject(exports.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;
@@ -23782,19 +24091,19 @@
         }), 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);
         };
@@ -23831,9 +24140,9 @@
         });
       }
     };
-    RoughCanvasCircleRender = __decorate$15([injectable(), __param$B(0, inject(exports.DefaultCanvasCircleRender)), __metadata$T("design:paramtypes", [Object])], RoughCanvasCircleRender);
+    RoughCanvasCircleRender = __decorate$13([injectable(), __param$A(0, inject(exports.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;
@@ -23912,19 +24221,19 @@
         }), 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);
         };
@@ -23998,19 +24307,19 @@
         }), context.highPerformanceRestore();
       }
     };
-    RoughCanvasPathRender = __decorate$13([injectable(), __param$A(0, inject(exports.DefaultCanvasPathRender)), __metadata$S("design:paramtypes", [Object])], RoughCanvasPathRender);
+    RoughCanvasPathRender = __decorate$11([injectable(), __param$z(0, inject(exports.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);
         };
@@ -24101,19 +24410,19 @@
         }), context.highPerformanceRestore();
       }
     };
-    RoughCanvasRectRender = __decorate$12([injectable(), __param$z(0, inject(exports.DefaultCanvasRectRender)), __metadata$R("design:paramtypes", [Object])], RoughCanvasRectRender);
+    RoughCanvasRectRender = __decorate$10([injectable(), __param$y(0, inject(exports.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);
         };
@@ -24205,7 +24514,7 @@
         if (this.canvasRenderer.drawShape) return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);
       }
     };
-    RoughCanvasSymbolRender = __decorate$11([injectable(), __param$y(0, inject(exports.DefaultCanvasSymbolRender)), __metadata$Q("design:paramtypes", [Object])], RoughCanvasSymbolRender);
+    RoughCanvasSymbolRender = __decorate$$([injectable(), __param$x(0, inject(exports.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);
@@ -24228,7 +24537,6 @@
     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");
@@ -24369,11 +24677,9 @@
           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 = [];
@@ -24382,13 +24688,7 @@
       }
       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,
@@ -24718,14 +25018,14 @@
       }
     }
 
-    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],
@@ -25237,16 +25537,16 @@
         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 {
@@ -25308,7 +25608,7 @@
         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 => {
@@ -25318,17 +25618,17 @@
 
     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);
         };
@@ -25379,9 +25679,9 @@
         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;
@@ -25396,7 +25696,7 @@
         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));
@@ -25412,14 +25712,14 @@
     }
 
     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 exports.BaseWindowHandlerContribution {
@@ -25577,19 +25877,19 @@
         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) {
@@ -25643,7 +25943,7 @@
     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"
         });
@@ -25836,7 +26136,7 @@
         return navigator.clipboard.writeText(text).then(() => {}).catch(err => {});
       }
     };
-    exports.BrowserEnvContribution = __decorate$X([injectable(), __metadata$L("design:paramtypes", [])], exports.BrowserEnvContribution);
+    exports.BrowserEnvContribution = __decorate$V([injectable(), __metadata$K("design:paramtypes", [])], exports.BrowserEnvContribution);
 
     const browserEnvModule = new ContainerModule(bind => {
       browserEnvModule.isBrowserBound || (browserEnvModule.isBrowserBound = !0, bind(exports.BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(exports.BrowserEnvContribution));
@@ -25851,7 +26151,7 @@
       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;
@@ -25896,16 +26196,16 @@
         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 {
@@ -25917,21 +26217,21 @@
       }
       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);
         };
@@ -26067,22 +26367,22 @@
         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);
         };
@@ -26113,7 +26413,7 @@
         } : 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));
@@ -26150,17 +26450,17 @@
       }
     }
 
-    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);
         };
@@ -26170,24 +26470,24 @@
         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);
         };
@@ -26197,24 +26497,24 @@
         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);
         };
@@ -26224,7 +26524,7 @@
         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) => {
@@ -26255,17 +26555,17 @@
       }
     }
 
-    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);
         };
@@ -26275,14 +26575,14 @@
         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;
@@ -26300,24 +26600,24 @@
         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);
         };
@@ -26327,24 +26627,24 @@
         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);
         };
@@ -26354,24 +26654,24 @@
         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);
         };
@@ -26381,7 +26681,7 @@
         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) => {
@@ -26436,17 +26736,17 @@
       }
     }
 
-    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);
         };
@@ -26456,7 +26756,7 @@
         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) => {
@@ -26468,17 +26768,17 @@
       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);
         };
@@ -26488,14 +26788,14 @@
         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;
@@ -26510,7 +26810,7 @@
         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) => {
@@ -26593,14 +26893,14 @@
       }
     }
 
-    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) {
@@ -26682,7 +26982,7 @@
         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));
@@ -26697,7 +26997,7 @@
       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;
@@ -26758,16 +27058,16 @@
         }));
       }
     };
-    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 {
@@ -26783,19 +27083,19 @@
       }
       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);
         };
@@ -26933,21 +27233,21 @@
         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;
@@ -27057,7 +27357,7 @@
       }
       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));
@@ -27072,14 +27372,14 @@
       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 {
@@ -27091,16 +27391,16 @@
       }
       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 {
@@ -27114,21 +27414,21 @@
         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);
         };
@@ -27219,12 +27519,12 @@
       }
       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;
@@ -27310,7 +27610,7 @@
       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));
@@ -27324,7 +27624,7 @@
       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;
@@ -27413,16 +27713,16 @@
         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 {
@@ -27434,21 +27734,21 @@
       }
       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);
         };
@@ -27594,19 +27894,19 @@
         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) {
@@ -27703,7 +28003,7 @@
       }
       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));
@@ -27718,7 +28018,7 @@
       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;
@@ -27731,16 +28031,16 @@
         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 {
@@ -27752,21 +28052,21 @@
       }
       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);
         };
@@ -27903,19 +28203,19 @@
         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) {
@@ -28029,7 +28329,7 @@
         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));
@@ -28057,7 +28357,7 @@
       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;
@@ -28065,16 +28365,16 @@
       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 {
@@ -28086,21 +28386,21 @@
       }
       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);
         };
@@ -28236,19 +28536,19 @@
         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) {
@@ -28358,7 +28658,7 @@
         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));
@@ -28373,7 +28673,7 @@
       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;
@@ -28458,16 +28758,16 @@
       }
       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 {
@@ -28480,19 +28780,19 @@
       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);
         };
@@ -28629,21 +28929,21 @@
         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) {
@@ -28724,7 +29024,7 @@
       }
       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));
@@ -28739,17 +29039,17 @@
       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);
         };
@@ -28759,24 +29059,24 @@
         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);
         };
@@ -28786,7 +29086,7 @@
         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) => {
@@ -28828,17 +29128,17 @@
       }
     }
 
-    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);
         };
@@ -28848,24 +29148,24 @@
         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);
         };
@@ -28875,7 +29175,7 @@
         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) => {
@@ -28909,17 +29209,17 @@
       }
     }
 
-    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);
         };
@@ -28964,24 +29264,24 @@
         }), 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);
         };
@@ -28991,24 +29291,24 @@
         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);
         };
@@ -29061,24 +29361,24 @@
         }, (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);
         };
@@ -29088,24 +29388,24 @@
         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);
         };
@@ -29115,24 +29415,24 @@
         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);
         };
@@ -29142,24 +29442,24 @@
         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);
         };
@@ -29172,14 +29472,14 @@
         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;
@@ -29197,24 +29497,24 @@
         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);
         };
@@ -29224,24 +29524,24 @@
         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);
         };
@@ -29251,24 +29551,24 @@
         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);
         };
@@ -29278,724 +29578,15 @@
         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 exports.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 = exports.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:{}}
@@ -30897,7 +30488,7 @@
 
     const roughModule = _roughModule;
 
-    const version = "0.22.0-vstory.1";
+    const version = "0.22.0-vstory.11";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);
@@ -30961,7 +30552,6 @@
     exports.CanvasAreaPicker = CanvasAreaPicker;
     exports.CanvasCirclePicker = CanvasCirclePicker;
     exports.CanvasFactory = CanvasFactory;
-    exports.CanvasGifImagePicker = CanvasGifImagePicker;
     exports.CanvasGlyphPicker = CanvasGlyphPicker;
     exports.CanvasGroupPicker = CanvasGroupPicker;
     exports.CanvasImagePicker = CanvasImagePicker;
@@ -31061,6 +30651,7 @@
     exports.EventManager = EventManager;
     exports.EventSystem = EventSystem;
     exports.EventTarget = EventTarget;
+    exports.FORMAT_ALL_TEXT_COMMAND = FORMAT_ALL_TEXT_COMMAND;
     exports.FORMAT_ELEMENT_COMMAND = FORMAT_ELEMENT_COMMAND;
     exports.FORMAT_TEXT_COMMAND = FORMAT_TEXT_COMMAND;
     exports.Factory = Factory;
@@ -31076,7 +30667,6 @@
     exports.GROUP_NUMBER_TYPE = GROUP_NUMBER_TYPE;
     exports.Generator = Generator;
     exports.Gesture = Gesture;
-    exports.GifImage = GifImage;
     exports.GlobalPickerService = GlobalPickerService;
     exports.Glyph = Glyph;
     exports.GlyphRender = GlyphRender;
@@ -31269,7 +30859,6 @@
     exports.createCircle = createCircle;
     exports.createColor = createColor;
     exports.createConicalGradient = createConicalGradient;
-    exports.createGifImage = createGifImage;
     exports.createGlyph = createGlyph;
     exports.createGroup = createGroup;
     exports.createImage = createImage;
@@ -31356,6 +30945,7 @@
     exports.getAttributeFromDefaultAttrList = getAttributeFromDefaultAttrList;
     exports.getConicGradientAt = getConicGradientAt;
     exports.getCurrentEnv = getCurrentEnv;
+    exports.getDefaultCharacterConfig = getDefaultCharacterConfig;
     exports.getExtraModelMatrix = getExtraModelMatrix;
     exports.getModelMatrix = getModelMatrix;
     exports.getRichTextBounds = getRichTextBounds;
@@ -31363,8 +30953,6 @@
     exports.getTextBounds = getTextBounds;
     exports.getTheme = getTheme;
     exports.getThemeFromGroup = getThemeFromGroup;
-    exports.gifImageCanvasPickModule = gifImageCanvasPickModule;
-    exports.gifImageModule = gifImageModule;
     exports.globalTheme = globalTheme;
     exports.glyphCanvasPickModule = glyphCanvasPickModule;
     exports.glyphMathPickModule = glyphMathPickModule;