@netless/app-slide 0.2.93 → 0.2.95

package/dist/main.es.js

@@ -30038,10 +30038,10 @@ void main(void){
         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);
+            const n3 = (null !== (t2 = this.config.shapeRotation) && void 0 !== t2 ? t2 : 0) + (null !== (e2 = this.config.groupRotation) && void 0 !== e2 ? e2 : 0), { l: r3, t: o3, r: s2, b: a2 } = this.config.fillFloat.fillRect, l2 = (t3) => Math.abs(Math.sin(t3)), h2 = (t3) => Math.abs(Math.cos(t3)), u2 = 1 - r3 * h2(n3) - s2 * h2(n3) - o3 * l2(n3) - a2 * l2(n3), c2 = 1 - r3 * l2(n3) - s2 * l2(n3) - o3 * h2(n3) - a2 * h2(n3), d2 = this.width * u2, p2 = this.height * c2, f2 = new Jd();
+            f2.drawRect(0, 0, d2, p2), f2.pivot.x = d2 / 2, f2.pivot.y = p2 / 2, f2.rotation = n3;
+            const m2 = f2.getBounds(), g2 = m2.width, v2 = m2.height;
+            i3.width = g2, i3.height = v2, i3.anchor.x = 0.5, i3.anchor.y = 0.5, i3.rotation = -1 * n3, i3.name = "math-texture", 0 === n3 ? (i3.position.x = g2 / 2 + r3 * this.width, i3.position.y = v2 / 2 + o3 * this.height) : (i3.position.x = this.width / 2, i3.position.y = this.height / 2);
           } else
             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;
@@ -31111,6 +31111,8 @@ void main(void){
     }
     createStrokeGraphics() {
       var t2, e2, i2, n2;
+      if (this.json.isMathFallback)
+        return null;
       const { id: r2, geometry: o2, lineStyle: s2 } = this.json, { width: a2, height: l2, pivot: h2 } = (null == o2 ? void 0 : o2.lineTransform) || $v, u2 = a2 || this.json.width, c2 = l2 || this.json.height, d2 = "solidFill" === (null === (t2 = null == s2 ? void 0 : s2.fill) || void 0 === t2 ? void 0 : t2.fillType) ? s2.fill.color : null;
       return s2 && "noFill" !== (null === (e2 = s2.fill) || void 0 === e2 ? void 0 : e2.fillType) ? new Zv(r2 + "-path-graphics", this.ctx, null !== (i2 = null == o2 ? void 0 : o2.paths) && void 0 !== i2 ? i2 : [], null !== (n2 = null == o2 ? void 0 : o2.hash) && void 0 !== n2 ? n2 : "", h2 || { x: 0, y: 0 }, u2, c2, s2, false, null, d2) : null;
     }
@@ -36526,7 +36528,7 @@ void main(void){
   }
   var _T = { 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", useraddLink: "useraddLink" }, yT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, xT = "";
   try {
-    xT = "1.4.47";
+    xT = "1.4.49";
   } catch (t2) {
     xT = "-dev-";
   }
@@ -38053,19 +38055,81 @@ class SlideControllerBase {
         this._toFreeze = -1;
       }
     };
+    this.bindAppStateChangeEvent = () => {
+      try {
+        const boxStatus = this.context.getBoxStatus();
+        if (boxStatus) {
+          const appProxy = this.context.getAppProxy();
+          if (appProxy) {
+            this.context.emitter.on("boxStatusChange", this.onAppStatusChangeHandler);
+          }
+        } else {
+          const windowManager = this.context.getWindowManager();
+          if (windowManager) {
+            windowManager.emitter.on("boxStateChange", this.onAppStateChangeHandler);
+          }
+        }
+      } catch (error) {
+        log(
+          "[Slide] bind app state change event failed, because should update window manager to latest version"
+        );
+      }
+    };
+    this.onAppStateChangeHandler = (state) => {
+      if (state === "minimized") {
+        log("[Slide] freeze because app state is minimized");
+        this.freeze();
+      }
+    };
+    this.onAppStatusChangeHandler = (payload) => {
+      const { appId, status } = payload;
+      if (appId === this.context.appId && status === "minimized") {
+        log("[Slide] freeze because app status is minimized");
+        this.freeze();
+      }
+    };
+    this.getAppStatus = () => {
+      try {
+        const boxStatus = this.context.getBoxStatus();
+        if (boxStatus) {
+          return boxStatus;
+        }
+        const windowManager = this.context.getWindowManager();
+        const boxstate = windowManager.boxState;
+        return boxstate;
+      } catch (error) {
+        return void 0;
+      }
+    };
     this.onVisibilityChange = async () => {
+      const appStatus = this.getAppStatus();
+      if (appStatus === "minimized") {
+        log("[Slide] do nothing because app state is minimized");
+        return;
+      }
       if (!(this.visible = document.visibilityState === "visible")) {
         this.savedIsFrozen = this.isFrozen;
         log("[Slide] freeze because tab becomes invisible");
         this.freeze();
       } else {
-        log("[Slide] unfreeze because tab becomes visible", { savedIsFrozen: this.savedIsFrozen });
         if (!this.savedIsFrozen) {
+          log("[Slide] unfreeze because tab becomes visible", { savedIsFrozen: this.savedIsFrozen });
           this.unfreeze();
         }
       }
     };
-    const { context, onRenderStart, onPageChanged, onTransitionStart, onTransitionEnd, onNavigate, onError, onRenderError, showRenderError, invisibleBehavior } = props;
+    const {
+      context,
+      onRenderStart,
+      onPageChanged,
+      onTransitionStart,
+      onTransitionEnd,
+      onNavigate,
+      onError,
+      onRenderError,
+      showRenderError,
+      invisibleBehavior
+    } = props;
     this.invisibleBehavior = invisibleBehavior != null ? invisibleBehavior : "frozen";
     this.onRenderStart = onRenderStart;
     this.onPageChanged = onPageChanged;
@@ -38142,7 +38206,18 @@ class SlideControllerBase {
     slide.on(Slide.SLIDE_EVENTS.renderEnd, this.resolveReady);
     this.sideEffect.add(() => {
       document.addEventListener("visibilitychange", this.onVisibilityChange);
-      return () => document.removeEventListener("visibilitychange", this.onVisibilityChange);
+      this.bindAppStateChangeEvent();
+      return () => {
+        document.removeEventListener("visibilitychange", this.onVisibilityChange);
+        try {
+          this.context.emitter.off("boxStatusChange", this.onAppStatusChangeHandler);
+          this.context.getWindowManager().emitter.off("boxStateChange", this.onAppStateChangeHandler);
+        } catch (error) {
+          log(
+            "[Slide] unbind app state change event failed, because should update window manager to latest version"
+          );
+        }
+      };
     });
   }
   syncStateOnce() {
@@ -39334,7 +39409,10 @@ class ScrollBar {
     scrollBar.className = "scroll-bar horizontal";
     const availableWidth = containerWidth;
     const trackWidth = availableWidth;
-    const thumbWidth = Math.max(30, Math.min(trackWidth, trackWidth * availableWidth / contentWidth));
+    const thumbWidth = Math.max(
+      30,
+      Math.min(trackWidth, trackWidth * availableWidth / contentWidth)
+    );
     scrollBar.style.cssText = `
       position: absolute;
       bottom: 0;
@@ -39369,7 +39447,10 @@ class ScrollBar {
     scrollBar.className = "scroll-bar vertical";
     const availableHeight = containerHeight;
     const trackHeight = availableHeight;
-    const thumbHeight = Math.max(30, Math.min(trackHeight, trackHeight * availableHeight / contentHeight));
+    const thumbHeight = Math.max(
+      30,
+      Math.min(trackHeight, trackHeight * availableHeight / contentHeight)
+    );
     scrollBar.style.cssText = `
       position: absolute;
       top: 0;
@@ -39433,15 +39514,23 @@ class ScrollBar {
         scrollRatio = Math.max(0, Math.min(1, scrollRatio));
       }
       if (orientation === "horizontal") {
-        this.resizableContainer.handleNormalizeTranslate(scrollRatio, (_a = this.resizableContainer["translateY"]) != null ? _a : 0.5, {
-          triggerScrollBar: false,
-          triggerSync: true
-        });
+        this.resizableContainer.handleNormalizeTranslate(
+          scrollRatio,
+          (_a = this.resizableContainer["translateY"]) != null ? _a : 0.5,
+          {
+            triggerScrollBar: false,
+            triggerSync: true
+          }
+        );
       } else {
-        this.resizableContainer.handleNormalizeTranslate((_b = this.resizableContainer["translateX"]) != null ? _b : 0.5, scrollRatio, {
-          triggerScrollBar: false,
-          triggerSync: true
-        });
+        this.resizableContainer.handleNormalizeTranslate(
+          (_b = this.resizableContainer["translateX"]) != null ? _b : 0.5,
+          scrollRatio,
+          {
+            triggerScrollBar: false,
+            triggerSync: true
+          }
+        );
       }
     };
     const handleEnd = () => {
@@ -39555,7 +39644,12 @@ class ResizableContainer {
     }
     this.translateX = 0.5;
     this.translateY = 0.5;
-    this.renderScrollBar(parentBounds.width, parentBounds.width * this.scale, parentBounds.height, parentBounds.height * this.scale);
+    this.renderScrollBar(
+      parentBounds.width,
+      parentBounds.width * this.scale,
+      parentBounds.height,
+      parentBounds.height * this.scale
+    );
     this.handleNormalizeTranslate(this.translateX, this.translateY, {
       triggerScrollBar: true,
       triggerSync: true
@@ -39831,7 +39925,10 @@ class SlideDocsViewer {
       console.log("[SlideDocsViewer] Initial storage state:", this.context.storage.state);
       console.log("[SlideDocsViewer] Initial slideScale:", this.context.storage.state.slideScale);
       if (this.context.storage.state.slideScale !== void 0) {
-        console.log("[SlideDocsViewer] Applying initial slideScale:", this.context.storage.state.slideScale);
+        console.log(
+          "[SlideDocsViewer] Applying initial slideScale:",
+          this.context.storage.state.slideScale
+        );
         applyScale(this.context.storage.state.slideScale);
       } else {
         console.log("[SlideDocsViewer] No initial slideScale found");
@@ -39869,7 +39966,11 @@ class SlideDocsViewer {
   }
   render() {
     if (!this.resizableContainer) {
-      this.resizableContainer = new ResizableContainer(this.viewer.$content, this.context, this.enableScale);
+      this.resizableContainer = new ResizableContainer(
+        this.viewer.$content,
+        this.context,
+        this.enableScale
+      );
     }
     this.renderSlideContainer();
     this.renderWhiteboardView();
@@ -40251,7 +40352,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.93";
+const version = "0.2.95";
 const SlideApp = {
   kind: "Slide",
   setup(context) {