@netless/app-slide 0.2.71 → 0.2.72-alpha.0

package/dist/main.es.js

@@ -23051,7 +23051,7 @@ var Slide = function(t) {
   var th = i(96), eh = i.n(th), ih = i(97), nh = i.n(ih);
   class rh extends Nl {
     constructor() {
-      super(...arguments), this.duration = 1250, this.options = [], this.fragmentShader = nh.a, this.vertexShader = eh.a, this.verticalSegments = 100;
+      super(...arguments), this.duration = 1250, this.options = [], this.fragmentShader = nh.a, this.vertexShader = eh.a, this.verticalSegments = 10;
     }
     addObjects(t2) {
       t2.add(this.mesh), t2.background = this.nextTexture;
@@ -29446,6 +29446,9 @@ 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 lg {
+    constructor(t2, e2, i2) {
+      super({ position: { x: t2.x, y: t2.y }, width: t2.width, height: t2.height }, e2, i2), this.fillColorFilter = new vg(), this.fill = new ig(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;
@@ -29454,9 +29457,6 @@ 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 vg(), this.fill = new ig(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;
     }
@@ -29993,6 +29993,9 @@ 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;
     }
@@ -30002,9 +30005,6 @@ 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, e2;
       if (!this.fillStyle)
@@ -30210,9 +30210,6 @@ 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)
@@ -30239,6 +30236,9 @@ 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));
@@ -30669,6 +30669,12 @@ 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 vg(), 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;
     }
@@ -30696,12 +30702,6 @@ 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 vg(), 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;
     }
@@ -30851,12 +30851,12 @@ void main(void){
     }
   }
   class Zv {
-    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);
     }
+    get displayObject() {
+      return this._displayObject;
+    }
     pointDis(t2, e2) {
       return Math.pow(t2.x - e2.x, 2) + Math.pow(t2.y - e2.y, 2);
     }
@@ -31290,9 +31290,6 @@ void main(void){
   }
   const h_ = { medianContainerClass: "median-container", hoverHiddeDelay: 1500, portalWidth: 300, portalHeight: 50, hiddenOpacity: "0", hoverOpacity: "1", opacityAnimationTime: 0.4 };
   class u_ {
-    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) => {
@@ -31355,6 +31352,9 @@ void main(void){
         t3 === this.targetId && (this.media.isPlaying ? this.pauseMediaFromCtrl(false) : this.playMediaFromCtrl(false));
       });
     }
+    get clippedDuration() {
+      return this.duration;
+    }
     getMedianContainer() {
       var t2;
       const { medianContainerClass: e2 } = h_;
@@ -31505,8 +31505,10 @@ void main(void){
         this.emit("resumeAllAudioInterruptByAudioSessionChanged");
       })) : window.__pcmProxy ? (this.domAudio = document.createElement("audio"), this.domAudio.src = t2, this.domAudio.crossOrigin = "anonymous", this.domAudio.addEventListener("pause", () => {
         this.emit("pause");
-      }), this.pcmSource = window.__pcmProxy.connect(this.domAudio), this.domAudio.addEventListener("playing", () => {
-        this.emit("load"), this.startTimeChangeEmit(), this.emit("play");
+      }), this.pcmSource = window.__pcmProxy.connect(this.domAudio), this.domAudio.addEventListener("loadedmetadata", () => {
+        this.emit("load");
+      }), this.domAudio.addEventListener("playing", () => {
+        this.startTimeChangeEmit(), this.emit("play");
       })) : (this.howl = new c_.Howl({ src: [t2], html5: null == n2 ? void 0 : n2.enableWebAudio }), [this.staticEventId] = this.howl._getSoundIds(), this.howl.load(), this.howl.on("load", () => {
         this.isHowlLoadEmit = true, this.emit("load");
       }), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => {
@@ -31587,27 +31589,6 @@ void main(void){
     });
   };
   class f_ 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.videoElement && (this.videoElement.currentTime = t2), this.rtcAudio && (this.rtcAudio.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.rtcAudio = null, this.isPlaying = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.isLoaded = false, this.onVideoResourceLoaded = () => {
@@ -31654,6 +31635,27 @@ 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.videoElement && (this.videoElement.currentTime = t2), this.rtcAudio && (this.rtcAudio.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();
     }
@@ -32753,10 +32755,11 @@ void main(void){
   }
   function Ty(t2) {
     return function(t3) {
-      return !!(null == t3 ? void 0 : t3.cBhvr);
-    }(t2) ? t2.cBhvr.ctn : function(t3) {
       var e2;
-      return !!(null === (e2 = null == t3 ? void 0 : t3.cMediaNode) || void 0 === e2 ? void 0 : e2.ctn);
+      return !!(null === (e2 = t3) || void 0 === e2 ? void 0 : e2.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);
     }(t2) ? t2.cMediaNode.ctn : t2.ctn;
   }
   var Ey = function(t2, e2, i2, n2) {
@@ -33927,17 +33930,6 @@ void main(void){
   Ph.skipHello();
   const Wy = { 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" }, Xy = { 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", requestNextStep: "requestNextStep", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide", requestOpenUrl: "requestOpenUrl", userInput: "userInput", fullscreenChange: "fullscreenChange", changeLocalFullscreenState: "changeLocalFullscreenState" };
   class Yy 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.transitionResolution = 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.enableAutoForward = false, this.isPlayerPaused = () => this._isPaused, this.onWebGLLost = () => {
         this.errorChannel.emit("error", new Tm(gm.CanvasCrash, "webgl context lost."));
@@ -34030,6 +34022,17 @@ void main(void){
         this.startAutoForwardTimer(this.currentStage);
       });
     }
+    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) : Yy.platform.isAndroid() || Yy.platform.isIOS() ? 2 : 4;
     }
@@ -36212,9 +36215,9 @@ void main(void){
   }
   var vT = { 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" }, _T = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, yT = "";
   try {
-    yT = "1.4.31-alpha.3";
+    yT = "1.4.31";
   } catch (t2) {
-    yT = "-dev";
+    yT = "-dev-";
   }
   var xT = null;
   try {
@@ -39501,7 +39504,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.71";
+const version = "0.2.72-alpha.0";
 const SlideApp = {
   kind: "Slide",
   setup(context) {