@netless/app-slide 0.2.31-beta.1 → 0.2.31-beta.2

package/dist/main.es.js

@@ -31294,11 +31294,11 @@ void main(void){
       this.fullscreenStatus ? (this.fullScreenButton.style.display = "none", this.exitFullScreenButton.style.display = "block", this.mediaController.style.display = "flex", this.mediaController.style.opacity = n2) : (this.fullScreenButton.style.display = "block", this.exitFullScreenButton.style.display = "none", this.mediaController.style.display = "none", this.mediaController.style.opacity = r2);
     }
     bindEvent() {
-      this.mediaController.addEventListener("mouseover", this.showController, false), this.mediaController.addEventListener("mouseout", this.onMouseOut, false), this.progress.addEventListener("mousedown", this.changeMediaProgress, false), this.playButton.addEventListener("click", this._playMediaFromCtrl, false), this.pauseButton.addEventListener("click", this._pauseMediaFromCtrl, false), this.media.on("durationchange", this.getMediaDuration, false), this.media.on("timeupdate", this.mediaTimeUpdate, false), this.media.on("pause", this.onPauseMedia, false), this.media.on("play", this.onPlayMedia, false), this.isVideo && (this.ctx.globalEventHub.on("onFullscreenChange", this.onFullScreenChange), this.ctx.globalEventHub.on("controllerShowStatusChange", this.onControllerShowStatusChange), this.fullScreenButton.addEventListener("click", this.onClickFullScreenButtonHandle, false), this.exitFullScreenButton.addEventListener("click", this.onClickCancelFullScreenButtonHandle, false), this.containerObserver = new MutationObserver(this.onContainerSizeChange), this.container && this.containerObserver.observe(this.container, { attributes: true, attributeFilter: ["data-scale", "style"] }));
+      this.mediaController.addEventListener("pointerover", this.showController, false), this.mediaController.addEventListener("pointerout", this.onMouseOut, false), this.progress.addEventListener("pointerdown", this.changeMediaProgress, false), this.playButton.addEventListener("click", this._playMediaFromCtrl, false), this.pauseButton.addEventListener("click", this._pauseMediaFromCtrl, false), this.media.on("durationchange", this.getMediaDuration, false), this.media.on("timeupdate", this.mediaTimeUpdate, false), this.media.on("pause", this.onPauseMedia, false), this.media.on("play", this.onPlayMedia, false), this.isVideo && (this.ctx.globalEventHub.on("onFullscreenChange", this.onFullScreenChange), this.ctx.globalEventHub.on("controllerShowStatusChange", this.onControllerShowStatusChange), this.fullScreenButton.addEventListener("click", this.onClickFullScreenButtonHandle, false), this.exitFullScreenButton.addEventListener("click", this.onClickCancelFullScreenButtonHandle, false), this.containerObserver = new MutationObserver(this.onContainerSizeChange), this.container && this.containerObserver.observe(this.container, { attributes: true, attributeFilter: ["data-scale", "style"] }));
     }
     unbindEvent() {
       var t2;
-      this.mediaController.removeEventListener("mouseover", this.showController, false), this.mediaController.removeEventListener("mouseout", this.onMouseOut, false), this.progress.removeEventListener("mousedown", this.changeMediaProgress, false), this.playButton.removeEventListener("click", this._playMediaFromCtrl, false), this.pauseButton.removeEventListener("click", this._pauseMediaFromCtrl, false), this.media.removeAllListeners(), this.isVideo && (this.ctx.globalEventHub.removeListener("onFullscreenChange", this.onFullScreenChange), this.ctx.globalEventHub.removeListener("controllerShowStatusChange", this.onControllerShowStatusChange), this.fullScreenButton.removeEventListener("click", this.onClickFullScreenButtonHandle, false), this.exitFullScreenButton.removeEventListener("click", this.onClickCancelFullScreenButtonHandle, false), (t2 = this.containerObserver) === null || t2 === void 0 || t2.disconnect());
+      this.mediaController.removeEventListener("pointerover", this.showController, false), this.mediaController.removeEventListener("pointerout", this.onMouseOut, false), this.progress.removeEventListener("pointerdown", this.changeMediaProgress, false), this.playButton.removeEventListener("click", this._playMediaFromCtrl, false), this.pauseButton.removeEventListener("click", this._pauseMediaFromCtrl, false), this.media.removeAllListeners(), this.isVideo && (this.ctx.globalEventHub.removeListener("onFullscreenChange", this.onFullScreenChange), this.ctx.globalEventHub.removeListener("controllerShowStatusChange", this.onControllerShowStatusChange), this.fullScreenButton.removeEventListener("click", this.onClickFullScreenButtonHandle, false), this.exitFullScreenButton.removeEventListener("click", this.onClickCancelFullScreenButtonHandle, false), (t2 = this.containerObserver) === null || t2 === void 0 || t2.disconnect());
     }
     show() {
       this.setControllerPosition(), this.mediaController.style.opacity = t_.hoverOpacity, this.fullscreenStatus || (this.mediaController.style.display = "flex");
@@ -33629,15 +33629,15 @@ void main(void){
         const r2 = { handleEvent: () => {
           this.globalEventHub.emit("controllerShowStatusChange", { slideIndex: i3, targetId: n3, status: true });
         } };
-        this.app.view.addEventListener("mouseover", r2, false);
+        this.app.view.addEventListener("pointerover", r2, false);
         const o2 = { handleEvent: () => {
           this.fullscreenOnMousemove({ index: i3, targetId: n3 });
         } };
-        this.app.view.addEventListener("mousemove", o2, false);
+        this.app.view.addEventListener("pointermove", o2, false);
         const s2 = { handleEvent: () => {
           this.fullscreenOnMouseleave({ index: i3, targetId: n3 });
         } };
-        this.app.view.addEventListener("mouseout", s2, false), (this.cacheFunctionMap.has("move") || this.cacheFunctionMap.has("out") || this.cacheFunctionMap.has("over")) && this.clearFullscreenEventListenersWithAppView(), this.cacheFunctionMap.set("over", r2), this.cacheFunctionMap.set("move", o2), this.cacheFunctionMap.set("out", s2);
+        this.app.view.addEventListener("pointerout", s2, false), (this.cacheFunctionMap.has("move") || this.cacheFunctionMap.has("out") || this.cacheFunctionMap.has("over")) && this.clearFullscreenEventListenersWithAppView(), this.cacheFunctionMap.set("over", r2), this.cacheFunctionMap.set("move", o2), this.cacheFunctionMap.set("out", s2);
       }, this.onRequestCancelFullscreenVideo = (t3 = false) => {
         var e3, i3;
         this.globalVideoSprite.texture.destroy(false), this.app.stage.removeChild(this.globalVideoSprite), this.globalEventHub.emit("onFullscreenChange", { status: false, slideIndex: this.currentIndex, targetId: (e3 = this.currentStage) === null || e3 === void 0 ? void 0 : e3.ctx.latestChangeFullscreenTargetId }), this.clearFullscreenEventListenersWithAppView(), t3 && this.emit(Gy.changeLocalFullscreenState, { status: false, slideIndex: this.currentIndex, targetId: (i3 = this.currentStage) === null || i3 === void 0 ? void 0 : i3.ctx.latestChangeFullscreenTargetId });
@@ -33940,7 +33940,7 @@ void main(void){
       });
     }
     clearFullscreenEventListenersWithAppView() {
-      this.cacheFunctionMap.has("move") && (this.app.view.removeEventListener("mousemove", this.cacheFunctionMap.get("move"), false), this.cacheFunctionMap.delete("move")), this.cacheFunctionMap.has("out") && (this.app.view.removeEventListener("mouseout", this.cacheFunctionMap.get("out"), false), this.cacheFunctionMap.delete("out")), this.cacheFunctionMap.has("over") && (this.app.view.removeEventListener("mouseover", this.cacheFunctionMap.get("over"), false), this.cacheFunctionMap.delete("over"));
+      this.cacheFunctionMap.has("move") && (this.app.view.removeEventListener("pointermove", this.cacheFunctionMap.get("move"), false), this.cacheFunctionMap.delete("move")), this.cacheFunctionMap.has("out") && (this.app.view.removeEventListener("pointerout", this.cacheFunctionMap.get("out"), false), this.cacheFunctionMap.delete("out")), this.cacheFunctionMap.has("over") && (this.app.view.removeEventListener("pointerover", this.cacheFunctionMap.get("over"), false), this.cacheFunctionMap.delete("over"));
     }
     syncFullscreenVideoState(t2) {
       this.globalEventHub.emit("syncFullscreenVideoState", t2);
@@ -35661,9 +35661,9 @@ void main(void){
   }
   var lT = { 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" }, hT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, uT = "";
   try {
-    uT = "0.10.2";
+    uT = "0.10.3-beta.1";
   } catch (t2) {
-    uT = "dev";
+    uT = "dev-";
   }
   var cT = null;
   try {
@@ -38731,7 +38731,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.31-beta.1";
+const version = "0.2.31-beta.2";
 const SlideApp = {
   kind: "Slide",
   setup(context) {