@netless/app-slide 0.2.62 → 0.2.63

package/dist/main.es.js

@@ -11555,7 +11555,7 @@ var Slide = function(t) {
 }, function(t, e) {
   t.exports = "varying vec2 vTextureCoord;\nuniform float percent;\nuniform sampler2D uSampler;\nvarying vec2 filterCoord;\nuniform vec4 inputSize;\nuniform vec4 uBoundRect;\nuniform float transition;\nuniform sampler2D dissolveSampler;\nvoid main() {\n	vec4 outputColor = texture2D(uSampler, vTextureCoord);\n	float splitWidth = max(uBoundRect.z, uBoundRect.w) / 3.0;\n	vec2 position = mod(filterCoord.xy, splitWidth);\n	vec2 loopTime = floor(filterCoord.xy / splitWidth);\n	if (loopTime.x > 0.5) {\n		position.x = splitWidth - position.x;\n	}\n	if (loopTime.y > 0.5) {\n		position.y = splitWidth - position.y;\n	}\n	vec4 dissolveColor = texture2D(dissolveSampler, position.xy / splitWidth);\n	float timePercent = transition > 0.0 ? percent : 1.0 - percent;\n	if (dissolveColor.r < percent) {\n		gl_FragColor = outputColor;\n	}\n	else {\n		gl_FragColor = vec4(0, 0, 0, 0);\n	}\n}\n";
 }, function(t, e) {
-  t.exports = "varying vec2 vTextureCoord;\nuniform float percent;\nuniform sampler2D uSampler;\nvarying vec2 filterCoord;\nuniform vec4 uBoundRect;\nuniform float transition;\nuniform sampler2D dissolveSampler;\nuniform float option;\nvoid main() {\n	vec4 outputColor = texture2D(uSampler, vTextureCoord);\n	vec2 position = vec2(uBoundRect.z - filterCoord.x, uBoundRect.w - filterCoord.y);\n	vec4 dissolveColor;\n	if (option > 0.5) {\n		dissolveColor = texture2D(dissolveSampler, vec2(vTextureCoord.x, 0.0));\n	}\n	else {\n		dissolveColor = texture2D(dissolveSampler, vec2(0.0, vTextureCoord.y));\n	}\n	if (dissolveColor.r < percent) {\n		gl_FragColor = outputColor * min(percent + dissolveColor.r, 1.0);\n	}\n	else {\n		gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n	}\n}\n";
+  t.exports = "varying vec2 vTextureCoord;\nuniform float percent;\nuniform sampler2D uSampler;\nvarying vec2 filterCoord;\nuniform vec4 uBoundRect;\nuniform float transition;\nuniform sampler2D dissolveSampler;\nuniform float option;\nvoid main() {\n	vec4 outputColor = texture2D(uSampler, vTextureCoord);\n	vec2 position = vec2(uBoundRect.z - filterCoord.x, uBoundRect.w - filterCoord.y);\n	vec4 dissolveColor;\n	if (option > 0.5) {\n		dissolveColor = texture2D(dissolveSampler, vec2(vTextureCoord.x, 0.0));\n	}\n	else {\n		dissolveColor = texture2D(dissolveSampler, vec2(0.0, vTextureCoord.y));\n	}\n	if (transition > .0) {\n		if (dissolveColor.r < percent) {\n			gl_FragColor = outputColor;\n		}\n		else {\n			gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n		}\n	}\n	else {\n		if (dissolveColor.r < percent) {\n			gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n		}\n		else {\n			gl_FragColor = outputColor;\n		}\n	}\n}\n";
 }, function(t, e) {
   t.exports = "float interpolationFloat(float from, float to, float start, float end, float timePercent, int timing) {\n	float pi = 3.14159265358;\n	float current;\n	float duration = 1.0;\n	if (timePercent < start) {\n		current = 0.0;\n	}\n	else if (timePercent > end) {\n		current = 1.0;\n	}\n	else {\n		current = (timePercent - start) / (end - start);\n	}\n	if (timing == 0) {\n		return ((current / duration) * (to - from)) + from;\n	}\n	else if (timing == 1) {\n		current = current / duration;\n		return (((to - from) * current) * current) + from;\n	}\n	else if (timing == 2) {\n		current = current / duration;\n		return (((-1.0 * (to - from)) * current) * (current - 2.0)) + from;\n	}\n	else {\n		current /= (duration / 2.0);\n		if (current < 1.0) {\n			return ((((to - from) / 2.0) * current) * current) + from;\n		}\n		current--;\n		return ((-(to - from) / 2.0) * ((current * (current - 2.0)) - 1.0)) + from;\n	}\n}\nvarying vec2 vTextureCoord;\nuniform float percent;\nuniform sampler2D uSampler;\nvarying vec2 filterCoord;\nuniform vec4 uBoundRect;\nuniform float transition;\nuniform float option;\nvoid main() {\n	vec4 outputColor = texture2D(uSampler, vTextureCoord);\n	vec2 point = vec2(filterCoord.x - (uBoundRect.z / 2.0), filterCoord.y - (uBoundRect.w / 2.0));\n	float timePercent = interpolationFloat(0.0, 1.0, 0.0, 1.0, percent, 2);\n	float radius = sqrt(pow(uBoundRect.z, 2.0) + pow(uBoundRect.w, 2.0)) / 2.0;\n	float alphaWidth = 0.1;\n	float pointDistance = sqrt(pow(point.x, 2.0) + pow(point.y, 2.0));\n	float alphaRadiusFormula;\n	if (option > 0.5) {\n		if (transition > 0.0) {\n			alphaRadiusFormula = 1.0 - ((pointDistance - (radius * timePercent)) / (alphaWidth * radius));\n		}\n		else {\n			alphaRadiusFormula = (pointDistance - (radius * timePercent)) / (alphaWidth * radius);\n		}\n	}\n	else {\n		if (transition > 0.0) {\n			alphaRadiusFormula = (pointDistance - (radius * (1.0 - timePercent))) / (alphaWidth * radius);\n		}\n		else {\n			alphaRadiusFormula = 1.0 - ((pointDistance - (radius * (1.0 - timePercent))) / (alphaWidth * radius));\n		}\n	}\n	if (option > 0.5) {\n		if (pointDistance < (radius * timePercent)) {\n			gl_FragColor = transition > 0.0 ? outputColor : vec4(0, 0, 0, 0);\n		}\n		else if (pointDistance < (radius * (timePercent + alphaWidth))) {\n			gl_FragColor = outputColor * alphaRadiusFormula;\n		}\n		else {\n			gl_FragColor = transition > 0.0 ? vec4(0, 0, 0, 0) : outputColor;\n		}\n	}\n	else {\n		if (pointDistance < (radius * (1.0 - timePercent))) {\n			gl_FragColor = transition > 0.0 ? vec4(0, 0, 0, 0) : outputColor;\n		}\n		else if (pointDistance < (radius * ((1.0 - timePercent) + alphaWidth))) {\n			gl_FragColor = outputColor * alphaRadiusFormula;\n		}\n		else {\n			gl_FragColor = transition > 0.0 ? outputColor : vec4(0, 0, 0, 0);\n		}\n	}\n}\n";
 }, function(t, e) {
@@ -12608,7 +12608,9 @@ var Slide = function(t) {
     return r(t2) && "[object Set]" == n(t2);
   };
 }, function(t, e, i) {
-  i.r(e), i.d(e, "delay", function() {
+  i.r(e), i.d(e, "ErrorType", function() {
+    return gm;
+  }), i.d(e, "delay", function() {
     return dT;
   }), i.d(e, "waitUntil", function() {
     return pT;
@@ -29244,7 +29246,7 @@ void main() {
   class hg {
     constructor(t2, e2, i2) {
       var n2, r2, o2, s2, a2, l2;
-      this.scaleExt = { x: 1, y: 1 }, this.scaleOrigin = { x: 1, y: 1 }, this.designScale = { x: 1, y: 1 }, this.bound = new Lh.j(0, 0, 1, 1), this.pptX = 0, this.pptY = 0, this.presetSubType = 0, this.designWidth = 0, this.designHeight = 0, this.designX = 0, this.designY = 0, this.hasPreset = false, this.container = new Oh.b(), this.ctx = e2, this.style = new rg(this.container, !!t2.hardHidden, t2.rotation || 0), this.designGlobalPosition = { x: i2.parentGlobalPos.x + (null !== (r2 = null === (n2 = t2.position) || void 0 === n2 ? void 0 : n2.x) && void 0 !== r2 ? r2 : 0), y: i2.parentGlobalPos.y + (null !== (s2 = null === (o2 = t2.position) || void 0 === o2 ? void 0 : o2.y) && void 0 !== s2 ? s2 : 0) }, (t2.hlinkClick || t2.hlinkHover) && (this.hyperlink = new og(this.container, this.ctx), t2.hlinkHover && (null === (a2 = this.hyperlink) || void 0 === a2 || a2.addAction(t2.hlinkHover, "hover")), t2.hlinkClick && (null === (l2 = this.hyperlink) || void 0 === l2 || l2.addAction(t2.hlinkClick, "click"))), this.ctx.clock.waitUntil(() => {
+      this.scaleExt = { x: 1, y: 1 }, this.scaleOrigin = { x: 1, y: 1 }, this.designScale = { x: 1, y: 1 }, this.bound = new Lh.j(0, 0, 1, 1), this.pptX = 0, this.pptY = 0, this.presetSubType = 0, this.designWidth = 0, this.designHeight = 0, this.designX = 0, this.designY = 0, this.hasPreset = false, this.container = new Oh.b(), this.ctx = e2, this.option = i2, this.style = new rg(this.container, !!t2.hardHidden, t2.rotation || 0), this.designGlobalPosition = { x: i2.parentGlobalPos.x + (null !== (r2 = null === (n2 = t2.position) || void 0 === n2 ? void 0 : n2.x) && void 0 !== r2 ? r2 : 0), y: i2.parentGlobalPos.y + (null !== (s2 = null === (o2 = t2.position) || void 0 === o2 ? void 0 : o2.y) && void 0 !== s2 ? s2 : 0) }, (t2.hlinkClick || t2.hlinkHover) && (this.hyperlink = new og(this.container, this.ctx), t2.hlinkHover && (null === (a2 = this.hyperlink) || void 0 === a2 || a2.addAction(t2.hlinkHover, "hover")), t2.hlinkClick && (null === (l2 = this.hyperlink) || void 0 === l2 || l2.addAction(t2.hlinkClick, "click"))), this.ctx.clock.waitUntil(() => {
         try {
           return !!this.container.width;
         } catch (t3) {
@@ -29441,9 +29443,6 @@ void main() {
   Tg.matrix = [1, 0, 0, 0, 0.1, 0, 1, 0, 0, 0.1, 0, 0, 1, 0, 0.1, 0, 0, 0, 1, 0];
   const Eg = { darken: yg, darkenLess: xg, lightenLess: Tg, lighten: bg };
   class Sg extends hg {
-    constructor(t2, e2, i2) {
-      super({ position: { x: t2.x, y: t2.y }, width: t2.width, height: t2.height }, e2, i2), this.fillColorFilter = new _g(), this.fill = new ng(this), this.json = t2, this.ctx = e2, this.parentGlobalPos = i2.parentGlobalPos, this.global = { x: i2.parentGlobalPos.x + t2.x, y: i2.parentGlobalPos.y + t2.y }, this.updateTransform({ position: { x: t2.x, y: t2.y }, width: t2.width, height: t2.height });
-    }
     get fillActive() {
       var t2, e2;
       return (null !== (e2 = null === (t2 = this.container.filters) || void 0 === t2 ? void 0 : t2.length) && void 0 !== e2 ? e2 : -1) > 0;
@@ -29452,6 +29451,9 @@ void main() {
       var e2, i2;
       t2 ? (null !== (i2 = null === (e2 = this.container.filters) || void 0 === e2 ? void 0 : e2.indexOf(this.fillColorFilter)) && void 0 !== i2 ? i2 : -1) < 0 && (this.container.filters = [this.fillColorFilter]) : this.container.filters = [];
     }
+    constructor(t2, e2, i2) {
+      super({ position: { x: t2.x, y: t2.y }, width: t2.width, height: t2.height }, e2, i2), this.fillColorFilter = new _g(), this.fill = new ng(this), this.json = t2, this.ctx = e2, this.parentGlobalPos = i2.parentGlobalPos, this.global = { x: i2.parentGlobalPos.x + t2.x, y: i2.parentGlobalPos.y + t2.y }, this.updateTransform({ position: { x: t2.x, y: t2.y }, width: t2.width, height: t2.height });
+    }
     get renderContainer() {
       return this.container;
     }
@@ -29884,7 +29886,7 @@ void main() {
       p2[t3].point.x += n2, p2[t3].point.y = -p2[t3].point.y + r2;
     return { points: p2, position: { x: 0, y: 0 } };
   }
-  const qg = "\nvec3 rgb2hsl(vec3 rgb) {\n    float cMax = max(max(rgb.r, rgb.g), rgb.b);\n    float cMin = min(min(rgb.r, rgb.g), rgb.b);\n    float delta = cMax - cMin;\n    \n    float h = 0.0;\n    if (delta == 0.0) {\n        h = 0.0;\n    } else if (cMax == rgb.r) {\n        h = 60.0 * mod(((rgb.g - rgb.b) / delta), 6.0);\n    } else if (cMax == rgb.g ) {\n        h = 60.0 * ((rgb.b - rgb.r) / delta + 2.0);\n    } else if (cMax == rgb.b) {\n        h = 60.0 * ((rgb.r - rgb.g) / delta + 4.0);\n    }\n    \n    float l = (cMax + cMin) / 2.0;\n    \n    float s = 0.0;\n    if (delta == 0.0) {\n        s = 0.0;\n    } else {\n        s = delta / (1.0 - abs(2.0 * l - 1.0));\n    }\n    \n    return vec3(h, s, l);\n}\n", Zg = [qg], Jg = { biLevel: "\nvec4 transform(vec4 texColor, float arg) {\n    mat3 rgb2yuv = mat3(\n        0.2126, 0.7152, 0.0722,\n        -0.09991, -0.33609, 0.43600,\n        0.615, -0.5586, -0.05639\n    );\n    vec3 yuv = texColor.rgb * rgb2yuv;\n    if (yuv.x >= 0.49 || texColor.a < 0.9) {\n        return vec4(1.0, 1.0, 1.0, 1.0) * texColor.a;\n    } else {\n        return vec4(0.0, 0.0, 0.0, 1.0) * texColor.a;\n    }\n}\n", alphaModFix: "\nvec4 transform(vec4 texColor, float arg) {\n   return texColor * arg;\n}\n", alphaBiLevel: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a < arg) {\n        result.a = 0.0;\n    } else {\n        result.a = 1.0;\n    }\n    return result;\n}\n", alphaCeiling: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a > 0.0) {\n        result.a = 1.0;\n    }\n    return result;\n}\n", alphaFloor: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a < 1.0) {\n        result.a = 0.0;\n    }\n    return result;\n}\n", grayscl: "\nvec4 transform(vec4 texColor, float arg) {\n    float avg = (texColor.r + texColor.g + texColor.b) / 3.0;\n    return vec4(avg, avg, avg, texColor.a);\n}\n" };
+  const qg = "\nvec3 rgb2hsl(vec3 rgb) {\n    float cMax = max(max(rgb.r, rgb.g), rgb.b);\n    float cMin = min(min(rgb.r, rgb.g), rgb.b);\n    float delta = cMax - cMin;\n    \n    float h = 0.0;\n    if (delta == 0.0) {\n        h = 0.0;\n    } else if (cMax == rgb.r) {\n        h = 60.0 * mod(((rgb.g - rgb.b) / delta), 6.0);\n    } else if (cMax == rgb.g ) {\n        h = 60.0 * ((rgb.b - rgb.r) / delta + 2.0);\n    } else if (cMax == rgb.b) {\n        h = 60.0 * ((rgb.r - rgb.g) / delta + 4.0);\n    }\n    \n    float l = (cMax + cMin) / 2.0;\n    \n    float s = 0.0;\n    if (delta == 0.0) {\n        s = 0.0;\n    } else {\n        s = delta / (1.0 - abs(2.0 * l - 1.0));\n    }\n    \n    return vec3(h, s, l);\n}\n", Zg = [qg], Jg = { biLevel: "\nvec4 transform(vec4 texColor, float arg) {\n    mat3 rgb2yuv = mat3(\n        0.2126, 0.7152, 0.0722,\n        -0.09991, -0.33609, 0.43600,\n        0.615, -0.5586, -0.05639\n    );\n    vec3 yuv = texColor.rgb * rgb2yuv;\n    if (yuv.x >= arg || texColor.a < 0.9) {\n        return vec4(1.0, 1.0, 1.0, 1.0) * texColor.a;\n    } else {\n        return vec4(0.0, 0.0, 0.0, 1.0) * texColor.a;\n    }\n}\n", alphaModFix: "\nvec4 transform(vec4 texColor, float arg) {\n   return texColor * arg;\n}\n", alphaBiLevel: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a < arg) {\n        result.a = 0.0;\n    } else {\n        result.a = 1.0;\n    }\n    return result;\n}\n", alphaCeiling: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a > 0.0) {\n        result.a = 1.0;\n    }\n    return result;\n}\n", alphaFloor: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a < 1.0) {\n        result.a = 0.0;\n    }\n    return result;\n}\n", grayscl: "\nvec4 transform(vec4 texColor, float arg) {\n    float avg = (texColor.r + texColor.g + texColor.b) / 3.0;\n    return vec4(avg, avg, avg, texColor.a);\n}\n" };
   class Kg extends Vh.k {
     constructor(t2, e2) {
       var i2;
@@ -29988,9 +29990,6 @@ void main(void){
     }), i2;
   }
   class lv {
-    constructor(t2, e2, i2, n2, r2) {
-      this.ctx = t2, this.fillStyle = e2, this.width = i2, this.height = n2, this.config = r2, this.clonedObjects = [], this._displayObject = null, this.gradientHash = jm()(`${JSON.stringify(e2)}${Math.ceil(i2)}${Math.ceil(n2)}`);
-    }
     get displayObject() {
       return this._displayObject || (this._displayObject = this.createDisplayObject()), this._displayObject;
     }
@@ -30000,8 +29999,11 @@ void main(void){
     get hasFill() {
       return !!this.fillStyle && "noFill" !== this.fillStyle.fillType;
     }
+    constructor(t2, e2, i2, n2, r2) {
+      this.ctx = t2, this.fillStyle = e2, this.width = i2, this.height = n2, this.config = r2, this.clonedObjects = [], this._displayObject = null, this.gradientHash = jm()(`${JSON.stringify(e2)}${Math.ceil(i2)}${Math.ceil(n2)}`);
+    }
     createDisplayObject() {
-      var t2;
+      var t2, e2;
       if (!this.fillStyle)
         return null;
       if (this.config.useSlideBackgroundFill && this.ctx.bgTexture) {
@@ -30011,29 +30013,29 @@ void main(void){
       if ("solidFill" === this.fillStyle.fillType || "noFill" === this.fillStyle.fillType)
         return null;
       if ("gradientFill" === this.fillStyle.fillType) {
-        const t3 = new ep(), e2 = Wg(JSON.parse(JSON.stringify(this.fillStyle)), this.width, this.height), i2 = Vh.p.create({ width: this.width, height: this.height, resolution: this.ctx.renderer.resolution });
-        return this.ctx.renderer.render(e2, { renderTexture: i2 }), e2.destroy({ children: true, texture: true }), t3.texture = i2, t3;
+        const t3 = new ep(), e3 = Wg(JSON.parse(JSON.stringify(this.fillStyle)), this.width, this.height), i2 = Vh.p.create({ width: this.width, height: this.height, resolution: this.ctx.renderer.resolution });
+        return this.ctx.renderer.render(e3, { renderTexture: i2 }), e3.destroy({ children: true, texture: true }), t3.texture = i2, t3;
       }
       if ("blipFill" === this.fillStyle.fillType) {
-        const { src: e2, filters: i2 } = this.fillStyle, n2 = this.ctx.spriteTexture.getTexture(e2), r2 = this.ctx.spriteTexture.getFrameData(e2);
-        if (n2) {
-          const e3 = new ep();
-          if (e3.texture = n2, i2.length > 0 && this.config.useFilter && (this.ctx.featureList || {}).filter && (e3.filters = av(i2, this.ctx.featureList)), this.config.fillFloat) {
-            const { l: i3, t: n3, r: r3, b: o2 } = this.config.fillFloat.fillRect, s2 = this.width * (1 - i3 - r3), a2 = this.height * (1 - n3 - o2), l2 = null !== (t2 = this.config.shapeRotation) && void 0 !== t2 ? t2 : 0, h2 = new Jd();
-            h2.drawRect(0, 0, s2, a2), h2.pivot.x = s2 / 2, h2.pivot.y = a2 / 2, h2.rotation = l2;
-            const u2 = h2.getBounds(), c2 = u2.width, d2 = u2.height;
-            e3.width = c2, e3.height = d2, e3.anchor.x = 0.5, e3.anchor.y = 0.5, e3.rotation = -1 * l2, e3.name = "math-texture", 0 === l2 ? (e3.position.x = c2 / 2 + i3 * this.width, e3.position.y = d2 / 2 + n3 * this.height) : (e3.position.x = this.width / 2, e3.position.y = this.height / 2);
+        const { src: i2, filters: n2 } = this.fillStyle, r2 = this.ctx.spriteTexture.getTexture(i2), o2 = this.ctx.spriteTexture.getFrameData(i2);
+        if (r2) {
+          const i3 = new ep();
+          if (i3.texture = r2, n2.length > 0 && this.config.useFilter && (this.ctx.featureList || {}).filter && (i3.filters = av(n2, this.ctx.featureList)), this.config.fillFloat) {
+            const { l: n3, t: r3, r: o3, b: s2 } = this.config.fillFloat.fillRect, a2 = this.width * (1 - n3 - o3), l2 = this.height * (1 - r3 - s2), h2 = (null !== (t2 = this.config.shapeRotation) && void 0 !== t2 ? t2 : 0) + (null !== (e2 = this.config.groupRotation) && void 0 !== e2 ? e2 : 0), u2 = new Jd();
+            u2.drawRect(0, 0, a2, l2), u2.pivot.x = a2 / 2, u2.pivot.y = l2 / 2, u2.rotation = h2;
+            const c2 = u2.getBounds(), d2 = c2.width, p2 = c2.height;
+            i3.width = d2, i3.height = p2, i3.anchor.x = 0.5, i3.anchor.y = 0.5, i3.rotation = -1 * h2, i3.name = "math-texture", 0 === h2 ? (i3.position.x = d2 / 2 + n3 * this.width, i3.position.y = p2 / 2 + r3 * this.height) : (i3.position.x = this.width / 2, i3.position.y = this.height / 2);
           } else
-            e3.width = this.width, e3.height = this.height, r2.rotate && (e3.position.x = this.width / 2, e3.position.y = this.height / 2, e3.anchor.x = 0.5, e3.anchor.y = 0.5, e3.rotation = r2.rotate / 180 * Math.PI);
-          return e3;
+            i3.width = this.width, i3.height = this.height, o2.rotate && (i3.position.x = this.width / 2, i3.position.y = this.height / 2, i3.anchor.x = 0.5, i3.anchor.y = 0.5, i3.rotation = o2.rotate / 180 * Math.PI);
+          return i3;
         }
       } else if ("gifFill" === this.fillStyle.fillType) {
-        const { src: t3, delays: e2, filters: i2 } = this.fillStyle, n2 = this.ctx.spriteTexture.getGifFrames(t3).map((t4, i3) => ({ texture: t4, time: e2[i3] || 20 })), r2 = new im(n2, true);
+        const { src: t3, delays: e3, filters: i2 } = this.fillStyle, n2 = this.ctx.spriteTexture.getGifFrames(t3).map((t4, i3) => ({ texture: t4, time: e3[i3] || 20 })), r2 = new im(n2, true);
         r2.name = Mm(), r2.width = this.width, r2.height = this.height, i2.length > 0 && this.config.useFilter && (this.ctx.featureList || {}).filter && (r2.filters = av(i2, this.ctx.featureList));
         const o2 = this.fillStyle.loop;
         let s2 = 1;
         return r2.onLoop = () => {
-          s2 += 1, o2 > 0 && s2 > o2 && r2.gotoAndStop(r2.totalFrames);
+          s2 += 1, o2 > 0 && s2 > o2 && r2.gotoAndStop(r2.totalFrames - 1);
         }, r2;
       }
       return null;
@@ -30205,6 +30207,9 @@ void main(void){
     });
   };
   class Nv extends Za.a {
+    get container() {
+      return this._targetContainer;
+    }
     constructor(t2, e2, i2, n2, r2, o2) {
       super(), this.effects = [], this.attachs = [], this.frames = /* @__PURE__ */ new Map(), this._targetContainer = new Oh.b(), this.frameCount = 1, this.ctx = n2, this.originWidth = t2.width, this.originHeight = t2.height, this.cacheKey = i2, this.sourceSprite = new ep();
       for (const i3 of e2)
@@ -30231,9 +30236,6 @@ void main(void){
       const s2 = new Lh.j(0, 0, this.originWidth, this.originHeight), a2 = this.effects.map((t3) => t3.filterAreaJustify(s2)), l2 = a2.map((t3) => t3.x), h2 = a2.map((t3) => t3.y), u2 = a2.map((t3) => t3.width), c2 = a2.map((t3) => t3.height);
       this.filterArea = new Lh.j(Math.min(...l2, 0), Math.min(...h2, 0), Math.max(...u2, this.originWidth), Math.max(...c2, this.originHeight)), this.sourceSprite.filters = this.effects, this.sourceSprite.filterArea = new Lh.j(0, 0, this.filterArea.width, this.filterArea.height), this._targetSprite = new ep(), this._targetSprite.name = "effect-sprite", this._targetContainer.sortableChildren = true, this._targetSprite.zIndex = 999, this._targetContainer.addChild(this._targetSprite);
     }
-    get container() {
-      return this._targetContainer;
-    }
     getSdfTexture(t2, e2) {
       return Ov(this, void 0, void 0, function* () {
         const i2 = `${this.cacheKey}_${t2}`, n2 = this.effects.map((t3) => ({ sdfRect: t3.sdfBox(e2.width, e2.height) })).reduce((t3, e3) => e3.sdfRect ? (t3.width < e3.sdfRect.width && (t3.width = e3.sdfRect.width), t3.height < e3.sdfRect.height && (t3.height = e3.sdfRect.height), t3) : t3, new Lh.j(0, 0));
@@ -30664,12 +30666,6 @@ void main(void){
     });
   };
   class Yv {
-    constructor(t2, e2, i2, n2, r2) {
-      var o2;
-      this.iterateElements = [], this.paragraphs = [], this.effectList = [], this.container = new Oh.b(), this.textContainer = new Oh.b(), this.textColorFilter = new _g(), this.json = t2, this.ctx = e2, this.shapeRotation = r2, this.parentGlobalPos = n2, this.iterateType = i2, this.container.name = "textBody", this.global = { x: this.parentGlobalPos.x + t2.position.x, y: this.parentGlobalPos.y + t2.position.y }, this.container.position.x = t2.position.x, this.container.position.y = t2.position.y, this.container.scale.x = t2.scale.x, this.container.scale.y = t2.scale.y;
-      const s2 = new Jd();
-      s2.drawRect(0, 0, t2.width, t2.height), this.container.addChild(s2), this.container.addChild(this.textContainer), this.textColorFilter.currentColor = "#000000FF", this.textColorFilter.designColor = "#000000FF", this.effectList = null !== (o2 = t2.effectList) && void 0 !== o2 ? o2 : [];
-    }
     get width() {
       return this.json.width;
     }
@@ -30697,6 +30693,12 @@ void main(void){
       var e2;
       "true" === t2 ? (null !== (e2 = this.container.filters) && void 0 !== e2 ? e2 : []).indexOf(this.textColorFilter) < 0 && (this.container.filters = [this.textColorFilter]) : this.container.filters = [];
     }
+    constructor(t2, e2, i2, n2, r2) {
+      var o2;
+      this.iterateElements = [], this.paragraphs = [], this.effectList = [], this.container = new Oh.b(), this.textContainer = new Oh.b(), this.textColorFilter = new _g(), this.json = t2, this.ctx = e2, this.shapeRotation = r2, this.parentGlobalPos = n2, this.iterateType = i2, this.container.name = "textBody", this.global = { x: this.parentGlobalPos.x + t2.position.x, y: this.parentGlobalPos.y + t2.position.y }, this.container.position.x = t2.position.x, this.container.position.y = t2.position.y, this.container.scale.x = t2.scale.x, this.container.scale.y = t2.scale.y;
+      const s2 = new Jd();
+      s2.drawRect(0, 0, t2.width, t2.height), this.container.addChild(s2), this.container.addChild(this.textContainer), this.textColorFilter.currentColor = "#000000FF", this.textColorFilter.designColor = "#000000FF", this.effectList = null !== (o2 = t2.effectList) && void 0 !== o2 ? o2 : [];
+    }
     getTextElement(t2, e2) {
       return "paragraph" === t2 ? this.paragraphs[e2[0]] : null;
     }
@@ -30730,28 +30732,28 @@ void main(void){
         this.container.scale.x < 0 && (this.container.x += -1 * t3);
       }), "@TextBodyImpl[reset width]"), t2.addSubMTask(() => Wv(this, void 0, void 0, function* () {
         if (this.json.presetTextShape) {
-          const t3 = this.json.paragraphs.map((t4) => t4.x).reduce((t4, e3) => Math.min(t4, e3)), e2 = this.json.paragraphs[0].y, i2 = this.textContainer.getBounds(), { width: n2, height: r2 } = i2, { geometry: o2, type: s2 } = this.json.presetTextShape;
-          if (o2.paths) {
-            const i3 = Vh.p.create({ width: n2, height: r2, resolution: this.ctx.renderer.resolution }), a2 = new Lh.d();
-            a2.translate(-t3, -e2), this.ctx.renderer.render(this.textContainer, { renderTexture: i3, transform: a2 });
-            const l2 = void 0 !== this.json.isHorz && !this.json.isHorz;
+          const t3 = this.json.paragraphs.map((t4) => t4.x).reduce((t4, e3) => Math.min(t4, e3)), e2 = this.json.paragraphs[0].y, i2 = this.textContainer.getBounds(), n2 = this.json.paragraphs.map((t4) => t4.lines.map((t5) => t5.width).sort((t5, e3) => t5 - e3)[0]).sort((t4, e3) => t4 - e3)[0], { width: r2, height: o2 } = i2, { geometry: s2, type: a2 } = this.json.presetTextShape;
+          if (s2.paths) {
+            const i3 = Vh.p.create({ width: n2, height: o2, resolution: this.ctx.renderer.resolution }), l2 = new Lh.d();
+            l2.translate(-t3, -e2), this.ctx.renderer.render(this.textContainer, { renderTexture: i3, transform: l2 });
+            const h2 = void 0 !== this.json.isHorz && !this.json.isHorz;
             if (["textCircle", "textArchUp", "textArchDown"].indexOf(this.json.presetTextShape.type) >= 0) {
-              const t4 = Xv(o2.paths[0].path, this.json.width, this.json.height, n2, r2);
-              o2.paths.unshift(Object.assign(Object.assign({}, o2.paths[0]), { path: t4 }));
+              const t4 = Xv(s2.paths[0].path, this.json.width, this.json.height, r2, o2);
+              s2.paths.unshift(Object.assign(Object.assign({}, s2.paths[0]), { path: t4 }));
             }
-            const h2 = function(t4, e3, i4, n3) {
+            const u2 = function(t4, e3, i4, n3) {
               if (!Vv[i4])
                 return null;
               const r3 = Vv[i4].top(jv(e3)), o3 = Vv[i4].bottom(jv(t4));
               if (r3.length !== o3.length)
                 return null;
-              const s3 = Math.min(r3.length, o3.length), a3 = 1 / (s3 - 1), l3 = [], h3 = [], u2 = new Array(2 * s3).fill("").map((t5, e4) => e4);
+              const s3 = Math.min(r3.length, o3.length), a3 = 1 / (s3 - 1), l3 = [], h3 = [], u3 = new Array(2 * s3).fill("").map((t5, e4) => e4);
               for (let t5 = 0; t5 < s3; t5++)
                 l3.push(r3[t5].x, r3[t5].y), n3 ? h3.push(1, a3 * t5) : h3.push(a3 * t5, 0), l3.push(o3[t5].x, o3[t5].y), n3 ? h3.push(0, a3 * t5) : h3.push(a3 * t5, 1);
-              return { vertices: new Float32Array(l3), uvs: new Float32Array(h3), drawMode: Sc.f.TRIANGLE_STRIP, indices: new Uint16Array(u2) };
-            }(o2.paths[1], o2.paths[0], s2, l2);
-            if (h2) {
-              const t4 = new tm.b(i3, h2.vertices, h2.uvs, h2.indices, h2.drawMode);
+              return { vertices: new Float32Array(l3), uvs: new Float32Array(h3), drawMode: Sc.f.TRIANGLE_STRIP, indices: new Uint16Array(u3) };
+            }(s2.paths[1], s2.paths[0], a2, h2);
+            if (u2) {
+              const t4 = new tm.b(i3, u2.vertices, u2.uvs, u2.indices, u2.drawMode);
               this.textContainer.visible = false, this.container.addChild(t4);
             }
           }
@@ -30846,12 +30848,12 @@ void main(void){
     }
   }
   class Zv {
-    constructor(t2, e2, i2, n2, r2, o2, s2, a2, l2, h2, u2) {
-      this.id = t2, this.ctx = e2, this.paths = i2, this.hash = n2, this.nept = r2, this.width = o2, this.height = s2, this.lineStyle = a2, this.shouldFill = l2, this.bgColor = h2, this.lnColor = u2, this.clonedObjects = [], this._displayObject = null, this.isRectangle = false, this.isPureRect = false, this.isColoredPureRect = false, this.isRectangle = this.rectangleDetect(i2), this.isRectangle && l2 ? this.bgColor ? this.isColoredPureRect = true : this.isPureRect = true : this.ctx.graphicsTexture.addGraphics(this.id, this.paths, this.hash, this.nept, this.width, this.height, this.lineStyle, this.ctx.objectPoolGroup, this.shouldFill, this.bgColor, this.lnColor);
-    }
     get displayObject() {
       return this._displayObject;
     }
+    constructor(t2, e2, i2, n2, r2, o2, s2, a2, l2, h2, u2) {
+      this.id = t2, this.ctx = e2, this.paths = i2, this.hash = n2, this.nept = r2, this.width = o2, this.height = s2, this.lineStyle = a2, this.shouldFill = l2, this.bgColor = h2, this.lnColor = u2, this.clonedObjects = [], this._displayObject = null, this.isRectangle = false, this.isPureRect = false, this.isColoredPureRect = false, this.isRectangle = this.rectangleDetect(i2), this.isRectangle && l2 ? this.bgColor ? this.isColoredPureRect = true : this.isPureRect = true : this.ctx.graphicsTexture.addGraphics(this.id, this.paths, this.hash, this.nept, this.width, this.height, this.lineStyle, this.ctx.objectPoolGroup, this.shouldFill, this.bgColor, this.lnColor);
+    }
     pointDis(t2, e2) {
       return Math.pow(t2.x - e2.x, 2) + Math.pow(t2.y - e2.y, 2);
     }
@@ -30960,7 +30962,7 @@ void main(void){
     constructor(t2, e2, i2) {
       var n2, r2, o2, s2, a2, l2, h2, u2, c2;
       super(t2, e2, i2), this.renderContainer = new Oh.b(), this.needCacheAsBitMap = false, this.backgroundGraphics = null, this.effectList = [], this.strokeGraphics = null, this.ghco = null, this.useGroupFill = false, this.arrowList = [], this.fillColorFilter = new _g(), this.strokeColorFilter = new _g(), this.pptColorFilter = new _g(), this.id = "", this.ppt_c = new ig(this), this.fill = new ng(this), this.stroke = new tg(this), this.effectObject = null, this.effectContainer = new Oh.b(), this.effectDisposer = () => {
-      }, this.json = t2, this.option = i2, this.json.fillStyle && "groupFill" === this.json.fillStyle.fillType && i2.groupFillStyle && (this.json.fillStyle = i2.groupFillStyle, this.useGroupFill = true), this.id = t2.id;
+      }, this.json = t2, this.json.fillStyle && "groupFill" === this.json.fillStyle.fillType && i2.groupFillStyle && (this.json.fillStyle = i2.groupFillStyle, this.useGroupFill = true), this.id = t2.id;
       const { fillStyle: d2, lineStyle: p2 } = this.json;
       this.container.sortableChildren = true, this.container.name = t2.id + "_container_[Shape]", this.effectContainer.name = "effect-container", this.effectContainer.zIndex = 1, this.container.addChild(this.effectContainer), this.renderContainer.name = t2.id + "_render_container_[Shape]", this.generateArrowList(), this.backgroundFill = this.createBackgroundFill(), this.backgroundGraphics = this.createBackgroundGraphics(), this.strokeFill = this.createStrokeFill(), this.strokeGraphics = this.createStrokeGraphics();
       try {
@@ -31049,7 +31051,7 @@ void main(void){
     }
     createBackgroundFill() {
       var t2, e2, i2, n2;
-      const { fillStyle: r2, width: o2, height: s2, lineStyle: a2, geometry: l2 } = this.json, h2 = (null == l2 ? void 0 : l2.fillTransform) || Kv, u2 = { useFilter: true, useSlideBackgroundFill: this.json.useBgFill, fillFloat: this.json.fillFloat, shapeRotation: this.json.rotation }, c2 = this.useGroupFill && (null === (t2 = this.option.groupSize) || void 0 === t2 ? void 0 : t2.w) ? this.option.groupSize.w : h2.width || o2, d2 = this.useGroupFill && (null === (e2 = this.option.groupSize) || void 0 === e2 ? void 0 : e2.h) ? this.option.groupSize.h : h2.height || s2;
+      const { fillStyle: r2, width: o2, height: s2, lineStyle: a2, geometry: l2 } = this.json, h2 = (null == l2 ? void 0 : l2.fillTransform) || Kv, u2 = { useFilter: true, useSlideBackgroundFill: this.json.useBgFill, fillFloat: this.json.fillFloat, shapeRotation: this.json.rotation, groupRotation: this.option.groupRotation }, c2 = this.useGroupFill && (null === (t2 = this.option.groupSize) || void 0 === t2 ? void 0 : t2.w) ? this.option.groupSize.w : h2.width || o2, d2 = this.useGroupFill && (null === (e2 = this.option.groupSize) || void 0 === e2 ? void 0 : e2.h) ? this.option.groupSize.h : h2.height || s2;
       return new lv(this.ctx, r2, c2 + (null !== (i2 = null == a2 ? void 0 : a2.width) && void 0 !== i2 ? i2 : 0), d2 + (null !== (n2 = null == a2 ? void 0 : a2.width) && void 0 !== n2 ? n2 : 0), u2);
     }
     createBackground() {
@@ -31115,7 +31117,7 @@ void main(void){
         var t3, e2;
         null === (t3 = this.strokeGraphics) || void 0 === t3 || t3.render(), null === (e2 = this.backgroundGraphics) || void 0 === e2 || e2.render(), this.createBackground(), yield this.subClassRender(), this.createFilledPathMask(), this.createPathFill(), this.createArrow();
       }), "@ShapeImpl[render]"), this.text && this.text.render(t2), t2.addSubMTask(() => Jv(this, void 0, void 0, function* () {
-        var t3, e2, i2, n2, r2, o2, s2, a2, l2, h2, u2, c2, d2;
+        var t3, e2, i2, n2, r2, o2, s2, a2, l2, h2, u2, c2, d2, p2, f2, m2, g2;
         if ("wd" === (null === (t3 = this.json.textBody) || void 0 === t3 ? void 0 : t3.iterateType) || "lt" === (null === (e2 = this.json.textBody) || void 0 === e2 ? void 0 : e2.iterateType)) {
           if (this.renderContainer.addChild(this.container), this.text) {
             const { x: t4, y: e3 } = null !== (i2 = this.json.scale) && void 0 !== i2 ? i2 : { x: 1, y: 1 };
@@ -31144,7 +31146,11 @@ void main(void){
           const t4 = Vh.p.create({ width: this.json.width, height: this.json.height, resolution: Math.ceil(this.ctx.renderer.resolution) });
           this.ctx.renderer.render(this.renderContainer, { renderTexture: t4 }), this.ctx.bgTexture = t4;
         }
-        this.json.effectList && this.json.effectList.length > 0 && (null === (u2 = this.ctx.featureList) || void 0 === u2 ? void 0 : u2.effect) && !this.ctx.forceCanvas && !this.json.media && (this.effectObject = new Nv(this.effectContainer, this.json.effectList, `${this.ctx.taskId}_${this.ctx.slideIndex}_${this.json.id}`, this.ctx, this.json.rotation || 0, new Lh.g((null === (c2 = this.json.scale) || void 0 === c2 ? void 0 : c2.x) || 1, (null === (d2 = this.json.scale) || void 0 === d2 ? void 0 : d2.y) || 1)), function(t4) {
+        if ("noFill" === (null === (u2 = this.json.fillStyle) || void 0 === u2 ? void 0 : u2.fillType)) {
+          const t4 = null !== (d2 = null === (c2 = this.json.effectList) || void 0 === c2 ? void 0 : c2.findIndex((t5) => "innerShadow" === t5.type)) && void 0 !== d2 ? d2 : -1;
+          t4 >= 0 && (null === (p2 = this.json.effectList) || void 0 === p2 || p2.splice(t4, 1));
+        }
+        this.json.effectList && this.json.effectList.length > 0 && (null === (f2 = this.ctx.featureList) || void 0 === f2 ? void 0 : f2.effect) && !this.ctx.forceCanvas && !this.json.media && (this.effectObject = new Nv(this.effectContainer, this.json.effectList, `${this.ctx.taskId}_${this.ctx.slideIndex}_${this.json.id}`, this.ctx, this.json.rotation || 0, new Lh.g((null === (m2 = this.json.scale) || void 0 === m2 ? void 0 : m2.x) || 1, (null === (g2 = this.json.scale) || void 0 === g2 ? void 0 : g2.y) || 1)), function(t4) {
           var e3, i3, n3;
           return "gifFill" === (null === (e3 = t4.fillStyle) || void 0 === e3 ? void 0 : e3.fillType) || ("gifFill" === (null === (n3 = null === (i3 = t4.lineStyle) || void 0 === i3 ? void 0 : i3.fill) || void 0 === n3 ? void 0 : n3.fillType) || !!t4.picFill && "gifFill" === t4.picFill.fillType);
         }(this.json) && this.effectObject.setFrameCount(-1), this.effectObject.on("ready", () => {
@@ -31229,6 +31235,9 @@ void main(void){
   }
   const a_ = { medianContainerClass: "median-container", hoverHiddeDelay: 1500, portalWidth: 300, portalHeight: 50, hiddenOpacity: "0", hoverOpacity: "1", opacityAnimationTime: 0.4 };
   class l_ {
+    get clippedDuration() {
+      return this.duration;
+    }
     constructor(t2) {
       var e2, i2;
       this.progress = document.createElement("div"), this.totalTime = document.createElement("span"), this.playButton = document.createElement("div"), this.pauseButton = document.createElement("div"), this.currentTime = document.createElement("span"), this.mediaController = document.createElement("div"), this.currentProgress = document.createElement("div"), this.fullScreenButton = document.createElement("div"), this.exitFullScreenButton = document.createElement("div"), this.medianIsEnd = false, this.pickBookmarkIndex = 0, this.playCallBackList = [], this.duration = 0, this.isVideo = false, this.start = 0, this.end = 0, this.fullscreenStatus = false, this.fadeState = { in: false, out: false }, this.changeMediaProgress = (t3) => {
@@ -31289,9 +31298,6 @@ void main(void){
         }
       }, this.targetId = t2.targetId, this.ctx = t2.ctx, this.height = t2.height, this.width = t2.width, this.target = t2.target, this.media = t2.media, this.info = t2.info, this.shapeId = t2.shapeId, this.canvasElement = t2.canvasElement, "video" === this.media.type && (this.isVideo = true), this.getMedianContainer(), this.createMediaController(), this.info.cut && (this.start = null !== (e2 = this.info.cut.start) && void 0 !== e2 ? e2 : 0, this.end = null !== (i2 = this.info.cut.end) && void 0 !== i2 ? i2 : 0), this.info.bookmarkList && (this.bookmarkList = this.info.bookmarkList.sort((t3, e3) => t3.time - e3.time));
     }
-    get clippedDuration() {
-      return this.duration;
-    }
     getMedianContainer() {
       var t2;
       const { medianContainerClass: e2 } = a_;
@@ -31520,6 +31526,27 @@ void main(void){
     });
   };
   class d_ extends Za.a {
+    get videoElement() {
+      return this.videoResource.source;
+    }
+    get currentTime() {
+      var t2, e2;
+      return null !== (e2 = null === (t2 = this.videoElement) || void 0 === t2 ? void 0 : t2.currentTime) && void 0 !== e2 ? e2 : 0;
+    }
+    set currentTime(t2) {
+      this.rtcAudio.currentTime = t2, this.videoElement && (this.videoElement.currentTime = t2);
+    }
+    get paused() {
+      var t2, e2;
+      return null === (e2 = null === (t2 = this.videoElement) || void 0 === t2 ? void 0 : t2.paused) || void 0 === e2 || e2;
+    }
+    get duration() {
+      var t2, e2;
+      return null !== (e2 = null === (t2 = this.videoElement) || void 0 === t2 ? void 0 : t2.duration) && void 0 !== e2 ? e2 : 0;
+    }
+    get clippedDuration() {
+      return this.controller.clippedDuration;
+    }
     constructor(t2) {
       var e2, i2, n2, r2, o2, s2, a2;
       super(), this.type = "video", this.sprite = new ep(), this.isPlaying = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.isLoaded = false, this.onVideoResourceLoaded = () => {
@@ -31565,27 +31592,6 @@ void main(void){
         });
       }), this.ctx.activeMedia.add(this), this.ctx.volumeAdjuster.on("update", this.updateVolume), this.ctx.globalEventHub.on("syncFullscreenVideoState", this.syncFullscreenVideoState);
     }
-    get videoElement() {
-      return this.videoResource.source;
-    }
-    get currentTime() {
-      var t2, e2;
-      return null !== (e2 = null === (t2 = this.videoElement) || void 0 === t2 ? void 0 : t2.currentTime) && void 0 !== e2 ? e2 : 0;
-    }
-    set currentTime(t2) {
-      this.rtcAudio.currentTime = t2, this.videoElement && (this.videoElement.currentTime = t2);
-    }
-    get paused() {
-      var t2, e2;
-      return null === (e2 = null === (t2 = this.videoElement) || void 0 === t2 ? void 0 : t2.paused) || void 0 === e2 || e2;
-    }
-    get duration() {
-      var t2, e2;
-      return null !== (e2 = null === (t2 = this.videoElement) || void 0 === t2 ? void 0 : t2.duration) && void 0 !== e2 ? e2 : 0;
-    }
-    get clippedDuration() {
-      return this.controller.clippedDuration;
-    }
     showController() {
       this.controller.show();
     }
@@ -31778,7 +31784,19 @@ void main(void){
   };
   class g_ extends Qv {
     constructor(t2, e2, i2) {
-      super(Object.assign(Object.assign({}, t2), { type: "Shape", useBgFill: false, textRotateWithShape: true, isPicture: true }), e2, i2), this.isInteractiveOutside = false, this.cmd = new eg(this), this.media = null == t2 ? void 0 : t2.media, this.container.name = t2.id + "_container_[Picture]", this.renderContainer.name = t2.id + "_render_container_[Picture]", this.picFill = new lv(this.ctx, t2.picFill, t2.width, t2.height, { useFilter: true, useSlideBackgroundFill: false });
+      super(Object.assign(Object.assign({}, t2), { type: "Shape", useBgFill: false, textRotateWithShape: true, isPicture: true }), e2, i2), this.isInteractiveOutside = false, this.cmd = new eg(this), this.onSlideRenderPlayGif = (t3, e3) => {
+        var i3;
+        const { displayObject: n2 } = this.picFill;
+        n2 && n2 instanceof im && this.ctx.slideIndex === t3 && (null === (i3 = this.effectObject) || void 0 === i3 || i3.setFrameCount(n2.totalFrames), e3 ? n2.gotoAndPlay(0) : n2.gotoAndStop(n2.totalFrames - 1), n2.onFrameChange = (t4) => {
+          if (this.effectObject)
+            if (this.effectObject.hasFrame(t4))
+              this.effectObject.updateFrame(t4);
+            else {
+              const e4 = this.getEffectTexture();
+              e4 && (this.effectObject.createFrame(t4, e4.texture), this.effectObject.setFrameOffset(e4.offsetX, e4.offsetY));
+            }
+        });
+      }, this.media = null == t2 ? void 0 : t2.media, this.container.name = t2.id + "_container_[Picture]", this.renderContainer.name = t2.id + "_render_container_[Picture]", this.picFill = new lv(this.ctx, t2.picFill, t2.width, t2.height, { useFilter: true, useSlideBackgroundFill: false });
     }
     applyCommand(t2, e2) {
       var i2, n2, r2, o2;
@@ -31802,18 +31820,7 @@ void main(void){
         if (s2) {
           s2.name = this.json.id + "_pic_fill_[Picture]";
           const a2 = null === (t2 = this.backgroundGraphics) || void 0 === t2 ? void 0 : t2.getClonedDisplayObject();
-          if ((null === (e2 = this.backgroundGraphics) || void 0 === e2 ? void 0 : e2.isNeedMask(s2.width, s2.height)) && a2 && (s2.mask = a2, this.effectContainer.addChild(a2)), s2.width = this.designWidth, s2.height = this.designHeight, s2 instanceof im && this.ctx.slideScopeEventHub.once("slide-render", (t3) => {
-            var e3;
-            this.ctx.slideIndex === t3 && (null === (e3 = this.effectObject) || void 0 === e3 || e3.setFrameCount(s2.totalFrames), s2.play(), s2.onFrameChange = (t4) => {
-              if (this.effectObject)
-                if (this.effectObject.hasFrame(t4))
-                  this.effectObject.updateFrame(t4);
-                else {
-                  const e4 = this.getEffectTexture();
-                  e4 && (this.effectObject.createFrame(t4, e4.texture), this.effectObject.setFrameOffset(e4.offsetX, e4.offsetY));
-                }
-            });
-          }), this.effectContainer.addChild(s2), this.media) {
+          if ((null === (e2 = this.backgroundGraphics) || void 0 === e2 ? void 0 : e2.isNeedMask(s2.width, s2.height)) && a2 && (s2.mask = a2, this.effectContainer.addChild(a2)), s2.width = this.designWidth, s2.height = this.designHeight, s2 instanceof im && this.ctx.slideScopeEventHub.on("slide-render", this.onSlideRenderPlayGif), this.effectContainer.addChild(s2), this.media) {
             let t3 = this.media.src;
             if ("audio" === this.media.type && /mp4$/.test(t3) && (t3 = t3.replace(/mp4$/, "mp3")), this.ctx.urlInterrupter) {
               const e3 = Date.now();
@@ -31853,7 +31860,7 @@ void main(void){
       super.initOnReuse(), this.mediaPlayer && (this.container.interactive = true);
     }
     destroy() {
-      this.mediaPlayer && (this.picFill.displayObject && !this.isInteractiveOutside && (this.container.interactive = false), this.mediaPlayer.destroy(), this.mediaPlayer = void 0), this.picFill.destroy();
+      this.mediaPlayer && (this.picFill.displayObject && !this.isInteractiveOutside && (this.container.interactive = false), this.mediaPlayer.destroy(), this.mediaPlayer = void 0), this.picFill.destroy(), this.ctx.slideScopeEventHub.removeListener("slide-render", this.onSlideRenderPlayGif);
     }
   }
   var v_ = function(t2, e2, i2, n2) {
@@ -31890,13 +31897,14 @@ void main(void){
       const o2 = { x: null !== (i2 = null === (e2 = this.json.position) || void 0 === e2 ? void 0 : e2.x) && void 0 !== i2 ? i2 : 0, y: null !== (r2 = null === (n2 = this.json.position) || void 0 === n2 ? void 0 : n2.y) && void 0 !== r2 ? r2 : 0 };
       for (let e3 = 0, i3 = this.json.children.length; e3 < i3; e3++)
         t2.addSubMTask(() => v_(this, void 0, void 0, function* () {
-          let i4 = this.json.children[e3], n3 = null;
-          if (!(!this.ctx.featureList || !this.ctx.featureList.smartArt) && ("Shape" === (null == i4 ? void 0 : i4.type) || "Picture" === (null == i4 ? void 0 : i4.type)) && this.ctx.smartArtShapeList) {
-            const { id: t3 } = i4, e4 = this.ctx.smartArtShapeList.find((e5) => e5.id === t3);
-            e4 && (i4 = e4);
-          }
-          const r3 = { parentGlobalPos: o2, groupFillStyle: this.json.fillStyle, groupSize: { w: this.json.width, h: this.json.height } };
-          "Shape" === (null == i4 ? void 0 : i4.type) ? n3 = new Qv(i4, this.ctx, r3) : "Picture" === (null == i4 ? void 0 : i4.type) ? n3 = new g_(i4, this.ctx, r3) : "Container" === (null == i4 ? void 0 : i4.type) && (n3 = new __(i4, this.ctx, r3, t2)), n3 && this.children.push(n3);
+          var i4, n3, r3, s2;
+          let a2 = this.json.children[e3], l2 = null;
+          if (!(!this.ctx.featureList || !this.ctx.featureList.smartArt) && ("Shape" === (null == a2 ? void 0 : a2.type) || "Picture" === (null == a2 ? void 0 : a2.type)) && this.ctx.smartArtShapeList) {
+            const { id: t3 } = a2, e4 = this.ctx.smartArtShapeList.find((e5) => e5.id === t3);
+            e4 && (a2 = e4);
+          }
+          const h2 = { parentGlobalPos: o2, groupFillStyle: null !== (i4 = this.json.fillStyle) && void 0 !== i4 ? i4 : { fillType: "noFill" }, groupSize: { w: this.json.width, h: this.json.height }, groupRotation: (null !== (n3 = this.json.rotation) && void 0 !== n3 ? n3 : 0) + (null !== (s2 = null === (r3 = this.option) || void 0 === r3 ? void 0 : r3.groupRotation) && void 0 !== s2 ? s2 : 0) };
+          "Shape" === (null == a2 ? void 0 : a2.type) ? l2 = new Qv(a2, this.ctx, h2) : "Picture" === (null == a2 ? void 0 : a2.type) ? l2 = new g_(a2, this.ctx, h2) : "Container" === (null == a2 ? void 0 : a2.type) && (l2 = new __(a2, this.ctx, h2, t2)), l2 && this.children.push(l2);
         }), "@ContainerImpl[child.init]");
     }
     get interactiveContainer() {
@@ -32407,7 +32415,7 @@ void main(void){
   class py extends E_ {
     constructor(t2) {
       var e2;
-      super(t2), this.filterType = "", this.isConflict = false, this.activeWhenConflict = "prev", this.onTimeUpdate = ({ duration: t3, delta: e3 }) => {
+      super(t2), this.filterType = "", this.isConflict = false, this.activeWhenConflict = "prev", this.removeTimeout = null, this.onTimeUpdate = ({ duration: t3, delta: e3 }) => {
         var i3;
         const n3 = e3 / t3;
         if (this.filter) {
@@ -32415,9 +32423,9 @@ void main(void){
           const t4 = null === (i3 = this.timingTarget) || void 0 === i3 ? void 0 : i3.container.getBounds();
           t4 && (this.filter.uniforms.uBoundRect = new Float32Array([t4.x, t4.y, t4.width, t4.height]));
         }
-        n3 >= 1 && this.timingTarget && this.ctx.clock.setTimeout(() => {
-          this.removeFilter();
-        }, 34);
+        n3 >= 1 && this.timingTarget && (this.removeTimeout = this.ctx.clock.setTimeout(() => {
+          this.removeFilter(), this.removeTimeout = null;
+        }, 34));
       }, this.onSeekToStart = () => {
         this.timingTarget && this.removeFilter();
       }, this.onSeekToEnd = () => {
@@ -32425,7 +32433,7 @@ void main(void){
       }, this.onDestroy = () => {
         this.removeFilter();
       }, this.commonTimeNode.on("timelineStart", () => {
-        this.filter && this.timingTarget && (this.timingTarget.container.filters && 0 !== this.timingTarget.container.filters.length ? this.timingTarget.container.filters.push(this.filter) : this.timingTarget.container.filters = [this.filter]);
+        this.removeTimeout && (this.ctx.clock.clearTimeout(this.removeTimeout), this.removeTimeout = null), this.filter && this.timingTarget && (this.timingTarget.container.filters && 0 !== this.timingTarget.container.filters.length ? this.timingTarget.container.filters.push(this.filter) : this.timingTarget.container.filters = [this.filter]);
       }), this.commonTimeNode.on("timeNodeDestroy", this.onDestroy), this.commonTimeNode.on("timeUpdate", this.onTimeUpdate);
       let i2 = 1;
       "out" === t2.json.transition && (i2 = -1);
@@ -32665,11 +32673,10 @@ void main(void){
   }
   function xy(t2) {
     return function(t3) {
-      var e2;
-      return !!(null === (e2 = t3) || void 0 === e2 ? void 0 : e2.cBhvr);
+      return !!(null == t3 ? void 0 : t3.cBhvr);
     }(t2) ? t2.cBhvr.ctn : function(t3) {
-      var e2, i2;
-      return !!(null === (i2 = null === (e2 = t3) || void 0 === e2 ? void 0 : e2.cMediaNode) || void 0 === i2 ? void 0 : i2.ctn);
+      var e2;
+      return !!(null === (e2 = null == t3 ? void 0 : t3.cMediaNode) || void 0 === e2 ? void 0 : e2.ctn);
     }(t2) ? t2.cMediaNode.ctn : t2.ctn;
   }
   var by = function(t2, e2, i2, n2) {
@@ -33815,6 +33822,17 @@ void main(void){
   Ph.skipHello();
   const jy = { randomBar: "RandomLines", circle: "Shape", ripple: "Ripples", wipe: "Erase", dissolve: "Dissolve", morph: "Smooth", fade: "FadeInOut", push: "Push", split: "Separation", reveal: "Display", pull: "Uncover", cover: "Cover", flash: "Flash", checker: "Checkerboard", blinds: "WindowShades", curtains: "Curtain", fallOver: "Fall", drape: "Suspension", wheel: "Clock", comb: "Combing", warp: "Scale", peelOff: "PeelOff", flip: "Flip", gallery: "Gallery", switch: "Switch", prism: "Prism", doors: "Doors" }, zy = { mainSeqStepChange: "mainSeqStepChange", mainSeqStateChange: "mainSeqStateChange", interactiveSeqStateChange: "interactiveSeqStateChange", interactiveSeqAction: "interactiveSeqAction", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", slideChange: "slideChange", renderStart: "renderStart", renderEnd: "renderEnd", hyperlinkTrigger: "hyperlinkTrigger", animateStart: "animateStart", animateEnd: "animateEnd", mediaSeek: "mediaSeek", mediaPlay: "mediaPlay", mediaPause: "mediaPause", mediaStop: "mediaStop", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide", requestOpenUrl: "requestOpenUrl", userInput: "userInput", fullscreenChange: "fullscreenChange", changeLocalFullscreenState: "changeLocalFullscreenState" };
   class Vy extends Za.a {
+    get view() {
+      return this.app.renderer ? this.app.view : null;
+    }
+    get nextSlideIndex() {
+      var t2;
+      return (null === (t2 = this.currentStage) || void 0 === t2 ? void 0 : t2.json.nextIndex) ? this.currentStage.json.nextIndex : this.currentIndex + 1;
+    }
+    get prevSlideIndex() {
+      var t2;
+      return (null === (t2 = this.currentStage) || void 0 === t2 ? void 0 : t2.json.prevIndex) ? this.currentStage.json.prevIndex : this.currentIndex - 1;
+    }
     constructor(t2, e2 = {}) {
       super(), this.errorChannel = new Za.a(), this.transactionPlayer = null, this.isForward = true, this.drawCall = 0, this.scale = 1, this._isPaused = false, this.maxResolution = new Lh.g(0, 0), this.isNVIDIA = false, this.fps = new bm(), this.designWidth = 0, this.designHeight = 0, this.currentIndex = 0, this.slideCount = 0, this.runtime = { drawCall: 0, fps: 0 }, this.globalEventHub = new Za.a(), this.globalVideoBackground = new Jd(), this.globalVideoSprite = new ep(), this.onMousemoveTimeout = null, this.cacheFunctionMap = /* @__PURE__ */ new Map(), this.isPlayerPaused = () => this._isPaused, this.onWebGLLost = () => {
         this.errorChannel.emit("error", new Tm(gm.CanvasCrash, "webgl context lost."));
@@ -33901,17 +33919,6 @@ void main(void){
       }
       this.globalEventHub.on("requestFullscreen", this.onRequestFullscreenVideo), this.globalEventHub.on("requestCancelFullscreen", this.onRequestCancelFullscreenVideo);
     }
-    get view() {
-      return this.app.renderer ? this.app.view : null;
-    }
-    get nextSlideIndex() {
-      var t2;
-      return (null === (t2 = this.currentStage) || void 0 === t2 ? void 0 : t2.json.nextIndex) ? this.currentStage.json.nextIndex : this.currentIndex + 1;
-    }
-    get prevSlideIndex() {
-      var t2;
-      return (null === (t2 = this.currentStage) || void 0 === t2 ? void 0 : t2.json.prevIndex) ? this.currentStage.json.prevIndex : this.currentIndex - 1;
-    }
     getMaxResolution(t2) {
       return !$a()(t2) && Number.isInteger(t2) ? (t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4), t2) : Vy.platform.isAndroid() || Vy.platform.isIOS() ? 2 : 4;
     }
@@ -33984,7 +33991,7 @@ void main(void){
             }
           null === (n2 = this.transactionPlayer) || void 0 === n2 || n2.dispose();
         }
-        this.isForward ? yield s2.startTiming() : s2.setMainSeqApplied(), s2.ctx.slideScopeEventHub.emit("slide-render", s2.ctx.slideIndex), this.emit(zy.renderEnd, t2), this.emit(zy.slideChange, t2), s2.ctx.isRendering = false, this.preload(t2 + 1).catch((e3) => {
+        this.isForward ? yield s2.startTiming() : s2.setMainSeqApplied(), s2.ctx.slideScopeEventHub.emit("slide-render", s2.ctx.slideIndex, this.isForward), this.emit(zy.renderEnd, t2), this.emit(zy.slideChange, t2), s2.ctx.isRendering = false, this.preload(t2 + 1).catch((e3) => {
           this.errorChannel.emit("error", Tm.transform(e3), t2 + 1);
         }), this.preload(t2 - 1).catch((e3) => {
           this.errorChannel.emit("error", Tm.transform(e3), t2 - 1);
@@ -36037,7 +36044,7 @@ void main(void){
   }
   var fT = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange", slideStepEnd: "slideEnd", slideStepStart: "slideStart" }, mT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, gT = "";
   try {
-    gT = "1.4.10";
+    gT = "1.4.12-alpha.0";
   } catch (t2) {
     gT = "dev";
   }
@@ -36048,6 +36055,7 @@ void main(void){
     });
   } catch (t2) {
   }
+  navigator.userAgent.toUpperCase().includes("HUAWEI") && document.createElement("canvas").getContext("2d").fillText("\u9065\u9065\u9886\u5148", 0, 10);
   var _T = function(t2) {
     function e2(i3) {
       var n3 = t2.call(this) || this;
@@ -39040,15 +39048,15 @@ class SlideDocsViewer {
     const scenePath = `${this.baseScenePath}/${pageIndex}`;
     const windowManger = this.context.manager.windowManger;
     if (windowManger._appliancePlugin) {
-      await windowManger._appliancePlugin.screenshotToCanvasAsync(ctx, scenePath, canvas.width, canvas.height, camera);
-    } else {
-      this.whiteboardView.screenshotToCanvas(
+      await windowManger._appliancePlugin.screenshotToCanvasAsync(
         ctx,
         scenePath,
         canvas.width,
         canvas.height,
         camera
       );
+    } else {
+      this.whiteboardView.screenshotToCanvas(ctx, scenePath, canvas.width, canvas.height, camera);
     }
   }
   reportProgress(progress, result) {
@@ -39312,7 +39320,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.62";
+const version = "0.2.63";
 const SlideApp = {
   kind: "Slide",
   setup(context) {