@realsee/dnalogel 3.81.9 → 3.81.10-alpha.0

package/libs/CruisePlugin/Work.js

@@ -1,48 +1,49 @@
-var K = Object.defineProperty, L = Object.defineProperties;
-var A = Object.getOwnPropertyDescriptors;
+var D = Object.defineProperty, K = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
 var F = Object.getOwnPropertySymbols;
-var T = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
-var E = (h, f, t) => f in h ? K(h, f, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[f] = t, I = (h, f) => {
-  for (var t in f || (f = {}))
-    T.call(f, t) && E(h, t, f[t]);
+var U = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var A = (v, l, t) => l in v ? D(v, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : v[l] = t, I = (v, l) => {
+  for (var t in l || (l = {}))
+    U.call(l, t) && A(v, t, l[t]);
   if (F)
-    for (var t of F(f))
-      D.call(f, t) && E(h, t, f[t]);
-  return h;
-}, k = (h, f) => L(h, A(f));
-var C = (h, f, t) => (E(h, typeof f != "symbol" ? f + "" : f, t), t);
-var g = (h, f, t) => new Promise((i, r) => {
+    for (var t of F(l))
+      M.call(l, t) && A(v, t, l[t]);
+  return v;
+}, b = (v, l) => K(v, L(l));
+var x = (v, l, t) => (A(v, typeof l != "symbol" ? l + "" : l, t), t);
+var P = (v, l, t) => new Promise((i, e) => {
   var o = (m) => {
     try {
-      s(t.next(m));
-    } catch (e) {
-      r(e);
+      p(t.next(m));
+    } catch (r) {
+      e(r);
     }
   }, n = (m) => {
     try {
-      s(t.throw(m));
-    } catch (e) {
-      r(e);
+      p(t.throw(m));
+    } catch (r) {
+      e(r);
     }
-  }, s = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(o, n);
-  s((t = t.apply(h, f)).next());
+  }, p = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(o, n);
+  p((t = t.apply(v, l)).next());
 });
-import { GuideLinePlugin as U } from "../GuideLinePlugin/index.js";
-import { uuid as x } from "../shared-utils/uuid.js";
-import { coordinatesRotation as M } from "./utils/coordinatesAngle.js";
-import { safeCall as O } from "./utils/safeCall.js";
-import * as G from "three";
-import { sleep as Q } from "./utils/sleep.js";
-import { waitFiveLoaded as R } from "../shared-utils/five/fiveLoaded.js";
-import { vectorToCoordinates as _ } from "../shared-utils/vectorToCoordinate.js";
-import V from "./BaseController.js";
+import { AudioTask as O } from "../shared-utils/audioFocus.js";
+import { GuideLinePlugin as G } from "../GuideLinePlugin/index.js";
+import { uuid as w } from "../shared-utils/uuid.js";
+import { coordinatesRotation as Q } from "./utils/coordinatesAngle.js";
+import { safeCall as R } from "./utils/safeCall.js";
+import * as _ from "three";
+import { sleep as V } from "./utils/sleep.js";
+import { waitFiveLoaded as W } from "../shared-utils/five/fiveLoaded.js";
+import { vectorToCoordinates as N } from "../shared-utils/vectorToCoordinate.js";
+import j from "./BaseController.js";
 import "../shared-utils/tag.js";
 import "../vendor/hammerjs/hammer.js";
 import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as W } from "../shared-utils/isNil.js";
+import { notNil as J } from "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Five_LineMaterial2.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../shared-utils/three/blink.js";
@@ -373,10 +374,12 @@ import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "./Work.js";
 import "./utils/coordinatesToVector.js";
-class fm extends V {
+class vs extends j {
   constructor(t, i) {
     super(t, i);
-    C(this, "state", {
+    x(this, "audioTask");
+    x(this, "audioCurrent");
+    x(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1,
@@ -391,42 +394,47 @@ class fm extends V {
         }
       }
     });
-    C(this, "privateState", {
+    x(this, "privateState", {
       playing: !1,
       currentPlayQueue: [],
       currentPlayKeyframe: null,
       broke: !1,
       modeChanging: !1
     });
-    this.config = i, Object.assign(window, { __WalkPlugin_DEBUG__: this });
+    this.audioTask = new O(i == null ? void 0 : i.audioFocus, "cruise", () => {
+      this.audioCurrent = void 0, this.handlePause({ userAction: !1 });
+    }), this.config = i, Object.assign(window, { __WalkPlugin_DEBUG__: this });
+  }
+  handleDispose() {
+    this.handlePause({ userAction: !1 }), this.audioTask.dispose(), super.handleDispose();
   }
   /**
    * @description Load Data and State
    */
-  load(t, i, r) {
-    return g(this, null, function* () {
-      var a, p;
-      this.clear();
+  load(t, i, e) {
+    return P(this, null, function* () {
+      var s, a;
+      this.handlePause({ userAction: !1 }), this.clear();
       const o = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(t);
       this.data = I({ id: n.keyframesId }, n), this.hooks.emit("dataChange", n, o);
-      let s = [], m;
-      const e = this.data.keyframes.filter((u) => u.data.panoIndex !== void 0);
-      e.filter((u, l) => {
+      let p = [], m;
+      const r = this.data.keyframes.filter((u) => u.data.panoIndex !== void 0);
+      r.filter((u, f) => {
         var d;
-        return u.data.panoIndex !== ((d = e[l - 1]) == null ? void 0 : d.data.panoIndex);
+        return u.data.panoIndex !== ((d = r[f - 1]) == null ? void 0 : d.data.panoIndex);
       }).map((u) => u.data.panoIndex).forEach((u) => {
-        var d, c;
-        const l = (d = this.workUtil.getObserver(u)) == null ? void 0 : d.floorIndex;
-        if (l !== void 0)
-          if (m === l) {
-            const v = s.length - 1;
-            s[v] = [...(c = s[v]) != null ? c : [], u];
+        var d, h;
+        const f = (d = this.workUtil.getObserver(u)) == null ? void 0 : d.floorIndex;
+        if (f !== void 0)
+          if (m === f) {
+            const y = p.length - 1;
+            p[y] = [...(h = p[y]) != null ? h : [], u];
           } else {
-            m = l;
-            const v = s.length;
-            s[v] = [u];
+            m = f;
+            const y = p.length;
+            p[y] = [u];
           }
-      }), !this.GuideLine && ((a = this.config) == null ? void 0 : a.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = U(this.five, this.config)), (p = this.GuideLine) == null || p.load({ routes: s.map((u) => ({ panoIndexList: u })), config: n.guildPluginOptions }), i ? this.setState(i, { userAction: r }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug("WORKPLUGIN loaded", n), this.hooks.emit("dataLoaded", n);
+      }), !this.GuideLine && ((s = this.config) == null ? void 0 : s.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = G(this.five, this.config)), (a = this.GuideLine) == null || a.load({ routes: p.map((u) => ({ panoIndexList: u })), config: n.guildPluginOptions }), i ? this.setState(i, { userAction: e }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug("WORKPLUGIN loaded", n), this.hooks.emit("dataLoaded", n);
     });
   }
   /**
@@ -435,57 +443,57 @@ class fm extends V {
    * @param {string} options.id play from keyframes id
    */
   playFrom(t) {
-    const { index: i, id: r, userAction: o } = t;
-    this.state.playing && this.setState({ playing: !1 }, { userAction: o }), this.setState({ playing: !0 }, { userAction: o, playFromIndex: i, playFromId: r });
+    const { index: i, id: e, userAction: o } = t;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: o }), this.setState({ playing: !0 }, { userAction: o, playFromIndex: i, playFromId: e });
   }
   /**
    * @description Play from first keyframe
    */
   playFromStart(t) {
-    return this.playFrom(k(I({}, t), { index: 0 }));
+    return this.playFrom(b(I({}, t), { index: 0 }));
   }
   /**
    * @description Format data
    */
   formatData(t) {
-    return g(this, null, function* () {
-      this.five.work || (yield R(this.five));
+    return P(this, null, function* () {
+      this.five.work || (yield W(this.five));
       const i = (() => {
-        const r = t;
-        return typeof r == "object" && r !== null && W(r.version) && r.data ? r.data : r;
+        const e = t;
+        return typeof e == "object" && e !== null && J(e.version) && e.data ? e.data : e;
       })();
       if (i.keyframes)
         return {
-          keyframesId: x(),
-          keyframes: i.keyframes.map((r, o) => {
+          keyframesId: w(),
+          keyframes: i.keyframes.map((e, o) => {
             var m;
-            const n = i.keyframes[o + 1], s = (() => !n || n.start === void 0 || r.end === void 0 ? 0 : n.start - r.end)();
-            return k(I({ id: (m = r.uuid) != null ? m : x(), moveIndex: o, stay: s, index: o }, r), { guildPluginOptions: i.guildPluginOptions });
+            const n = i.keyframes[o + 1], p = (() => !n || n.start === void 0 || e.end === void 0 ? 0 : n.start - e.end)();
+            return b(I({ id: (m = e.uuid) != null ? m : w(), moveIndex: o, stay: p, index: o }, e), { guildPluginOptions: i.guildPluginOptions });
           })
         };
       if (i.panoIndexList) {
-        let r = [];
-        const { moveEffect: o, moveToFirstPanoEffect: n, moveToFirstPanoDuration: s } = i;
-        return this.privateState.moveToFirstPanoEffect = n, this.privateState.moveToFirstPanoDuration = s, i.panoIndexList.forEach((m, e) => {
-          const a = (() => {
-            var c, v;
-            const p = i.panoIndexList.slice(e).find((w) => w !== m);
-            if (p === void 0)
+        let e = [];
+        const { moveEffect: o, moveToFirstPanoEffect: n, moveToFirstPanoDuration: p } = i;
+        return this.privateState.moveToFirstPanoEffect = n, this.privateState.moveToFirstPanoDuration = p, i.panoIndexList.forEach((m, r) => {
+          const s = (() => {
+            var h, y;
+            const a = i.panoIndexList.slice(r).find((k) => k !== m);
+            if (a === void 0)
               return;
-            const u = this.workUtil.getObserverPosition(m), l = this.workUtil.getObserverPosition(p);
-            if (!l || !u || ((c = this.workUtil.getObserver(m)) == null ? void 0 : c.floorIndex) !== ((v = this.workUtil.getObserver(p)) == null ? void 0 : v.floorIndex))
+            const u = this.workUtil.getObserverPosition(m), f = this.workUtil.getObserverPosition(a);
+            if (!f || !u || ((h = this.workUtil.getObserver(m)) == null ? void 0 : h.floorIndex) !== ((y = this.workUtil.getObserver(a)) == null ? void 0 : y.floorIndex))
               return;
-            const d = new G.Vector3().subVectors(l, u);
-            return _(d.normalize());
+            const d = new _.Vector3().subVectors(f, u);
+            return N(d.normalize());
           })();
-          i.moveType === void 0 || i.moveType === "justMove" ? r.push({
-            moveIndex: e,
+          i.moveType === void 0 || i.moveType === "justMove" ? e.push({
+            moveIndex: r,
             stay: i.stay,
-            data: I({ effect: "Move", panoIndex: m, moveEffect: o }, a != null ? a : {})
-          }) : i.moveType === "moveAndRotate" && (r.push({ moveIndex: e, stay: i.stay, data: { effect: "Move", panoIndex: m, moveEffect: o } }), a && r.push({ moveIndex: e, stay: i.stay, data: I({ effect: "Rotate", panoIndex: m }, a) }));
+            data: I({ effect: "Move", panoIndex: m, moveEffect: o }, s != null ? s : {})
+          }) : i.moveType === "moveAndRotate" && (e.push({ moveIndex: r, stay: i.stay, data: { effect: "Move", panoIndex: m, moveEffect: o } }), s && e.push({ moveIndex: r, stay: i.stay, data: I({ effect: "Rotate", panoIndex: m }, s) }));
         }), {
-          keyframesId: x(),
-          keyframes: r.map((m, e) => I({ id: x(), index: e }, m)),
+          keyframesId: w(),
+          keyframes: e.map((m, r) => I({ id: w(), index: r }, m)),
           guildPluginOptions: i.guildPluginOptions,
           useGuildLine: i.useGuildLine
         };
@@ -500,62 +508,73 @@ class fm extends V {
    */
   // eslint-disable-next-line complexity
   handlePlay(t) {
-    return g(this, null, function* () {
-      var d, c, v, w;
-      const { data: i, state: r, privateState: o, hooks: n } = this;
+    return P(this, null, function* () {
+      var y, k, E, T;
+      const { data: i, state: e, privateState: o, hooks: n } = this;
       if (o.playing || !(i != null && i.keyframes) || (i == null ? void 0 : i.keyframes.length) === 0)
         return;
-      const s = x();
-      o.playId = s, o.audio && o.audio.paused && (((c = this.data) == null ? void 0 : c.keyframes[(d = t == null ? void 0 : t.playFromIndex) != null ? d : 0]).data.effect === "Move" ? this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null) : o.audio.play()), o.playing = !0, o.broke = !1;
-      const m = i.keyframes, e = this.getPauseData();
-      (t == null ? void 0 : t.notEmitEvent) !== !0 && n.emit("play", { userAction: (v = t == null ? void 0 : t.userAction) != null ? v : !0 });
-      let a = !1;
-      const u = yield (() => g(this, null, function* () {
-        var y, S;
+      const m = i.keyframes.some((c) => {
+        var g;
+        return !!((g = c.data.audio) != null && g.url);
+      }) ? this.audioTask.begin(t != null && t.userAction ? "user" : "auto") : this.audioTask.beginSilent();
+      if (!m) {
+        e.playing = !1;
+        return;
+      }
+      this.audioCurrent = m;
+      const r = w();
+      o.playId = r, o.audio && o.audio.paused && (((k = this.data) == null ? void 0 : k.keyframes[(y = t == null ? void 0 : t.playFromIndex) != null ? y : 0]).data.effect === "Move" ? this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null) : o.audio.play()), o.playing = !0, o.broke = !1;
+      const s = i.keyframes, a = this.getPauseData();
+      (t == null ? void 0 : t.notEmitEvent) !== !0 && n.emit("play", { userAction: (E = t == null ? void 0 : t.userAction) != null ? E : !0 });
+      let u = !1;
+      const d = yield (() => P(this, null, function* () {
+        var c, g;
         if ((t == null ? void 0 : t.playFromIndex) !== void 0)
           return t.playFromIndex;
         if ((t == null ? void 0 : t.playFromId) !== void 0)
-          return (y = this.data) == null ? void 0 : y.keyframes.findIndex((P) => P.id === t.playFromId);
-        if (e != null && e.id) {
-          const P = (S = this.data) == null ? void 0 : S.keyframes.find((b) => b.id === e.id);
-          if (e != null && e.fiveState && (yield this.move(e.fiveState, {
+          return (c = this.data) == null ? void 0 : c.keyframes.findIndex((S) => S.id === t.playFromId);
+        if (a != null && a.id) {
+          const S = (g = this.data) == null ? void 0 : g.keyframes.find((C) => C.id === a.id);
+          if (a != null && a.fiveState && (yield this.move(a.fiveState, {
             moveEffect: o.moveToFirstPanoEffect,
             duration: o.moveToFirstPanoDuration
-          })), P) {
-            if (P.data.effect === "Move")
-              return P.index;
-            if (P.data.effect === "Rotate") {
-              const b = e.duration !== void 0 ? e.duration * (1 - e.playedProgress) : void 0;
-              return yield this.playKeyframe(P, { duration: b }), a = !0, P.index + 1;
+          })), S) {
+            if (S.data.effect === "Move")
+              return S.index;
+            if (S.data.effect === "Rotate") {
+              const C = a.duration !== void 0 ? a.duration * (1 - a.playedProgress) : void 0;
+              return yield this.playKeyframe(S, { duration: C }), u = !0, S.index + 1;
             }
           }
         }
       }))();
       if ((t == null ? void 0 : t.userAction) !== !1) {
         this.privateState.audioCache || (this.privateState.audioCache = /* @__PURE__ */ new Map());
-        for (let y = u; y < m.length; y++) {
-          const S = m[y];
-          if ((w = S == null ? void 0 : S.data) != null && w.audio && !this.privateState.audioCache.has(S.data.audio.url)) {
-            const P = new Audio(S.data.audio.url);
-            P.preload = "auto", this.privateState.audioCache.set(S.data.audio.url, P);
+        for (let c = d; c < s.length; c++) {
+          const g = s[c];
+          if ((T = g == null ? void 0 : g.data) != null && T.audio && !this.privateState.audioCache.has(g.data.audio.url)) {
+            const S = new Audio(g.data.audio.url);
+            S.preload = "auto", this.privateState.audioCache.set(g.data.audio.url, S);
           }
         }
       }
       this.clearPauseData();
-      for (const y of m) {
-        if (o.broke || !r.playing || !o.playing || s !== o.playId)
+      for (const c of s) {
+        if (o.broke || !e.playing || !o.playing || r !== o.playId)
           return;
-        if (!(u !== void 0 && y.index < u))
+        if (!(d !== void 0 && c.index < d))
           try {
-            n.emit("playIndexChange", y.index, y), yield this.playKeyframe(y, {
-              moveEffect: a === !1 ? o.moveToFirstPanoEffect : void 0,
-              duration: a === !1 && typeof o.moveToFirstPanoDuration == "number" ? o.moveToFirstPanoDuration : void 0
-            }), y.stay && (yield Q(y.stay)), a === !1 && (a = !0);
-          } catch (S) {
-            return Promise.resolve("broke");
+            n.emit("playIndexChange", c.index, c), yield this.playKeyframe(c, {
+              moveEffect: u === !1 ? o.moveToFirstPanoEffect : void 0,
+              duration: u === !1 && typeof o.moveToFirstPanoDuration == "number" ? o.moveToFirstPanoDuration : void 0
+            }), c.stay && (yield V(c.stay)), u === !1 && (u = !0);
+          } catch (g) {
+            if (r !== o.playId)
+              return Promise.resolve("broke");
+            throw this.handlePause({ userAction: !1 }), g;
           }
       }
-      r.playing && s === o.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
+      e.playing && r === o.playId && (this.setState({ playing: !1 }, { userAction: !1 }), this.audioTask.release(), n.emit("end"), this.clearPauseData());
     });
   }
   /**
@@ -563,21 +582,21 @@ class fm extends V {
    */
   handlePause(t) {
     var n;
-    const { state: i, privateState: r, hooks: o } = this;
-    i.playing = !1, r.playing !== !1 && (r.playing = !1, r.audio && r.audio.pause(), (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), r.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && o.emit("pause", { userAction: (n = t == null ? void 0 : t.userAction) != null ? n : !0 }));
+    const { state: i, privateState: e, hooks: o } = this;
+    this.audioCurrent = void 0, this.audioTask.release(), e.playId = w(), i.playing = !1, e.playing !== !1 && (e.playing = !1, e.audio && e.audio.pause(), (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), e.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && o.emit("pause", { userAction: (n = t == null ? void 0 : t.userAction) != null ? n : !0 }));
   }
   /**
    * @description: Change play speed
    */
   changeSpeed(t, i = !0) {
     var m;
-    const { state: r, privateState: o, hooks: n } = this, { currentPlayKeyframe: s } = o;
-    if (n.emit("speedChange", t, { userAction: i }), r.playing && s)
+    const { state: e, privateState: o, hooks: n } = this, { currentPlayKeyframe: p } = o;
+    if (n.emit("speedChange", t, { userAction: i }), e.playing && p)
       try {
-        const e = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, a = s.keyframe, { privateState: p } = this;
-        ((m = this.privateState.currentPlayKeyframe) == null ? void 0 : m.keyframe.id) !== a.id && (this.privateState.currentPlayKeyframe = { keyframe: a }), p.currentPlayQueue.push(this.getPlayPromise(a, { duration: e }));
-      } catch (e) {
-        console.error(e);
+        const r = p.originDuration !== void 0 ? p.originDuration * (1 - this.getProgress()) : void 0, s = p.keyframe, { privateState: a } = this;
+        ((m = this.privateState.currentPlayKeyframe) == null ? void 0 : m.keyframe.id) !== s.id && (this.privateState.currentPlayKeyframe = { keyframe: s }), a.currentPlayQueue.push(this.getPlayPromise(s, { duration: r }));
+      } catch (r) {
+        console.error(r);
       }
   }
   /**
@@ -590,12 +609,12 @@ class fm extends V {
    * @description Set pause data
    */
   setPauseData() {
-    var t, i, r;
+    var t, i, e;
     if ((t = this.data) != null && t.id)
       return this.pauseDataMap.set(this.data.id, {
         id: (i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id,
         fiveState: this.five.getCurrentState(),
-        duration: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.originDuration,
+        duration: (e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.originDuration,
         playedProgress: this.getProgress()
       });
   }
@@ -609,43 +628,43 @@ class fm extends V {
    * @description Play single keyframe
    */
   playKeyframe(t, i) {
-    return g(this, null, function* () {
+    return P(this, null, function* () {
       var o;
-      const { privateState: r } = this;
-      return ((o = this.privateState.currentPlayKeyframe) == null ? void 0 : o.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), r.currentPlayQueue.push(this.getPlayPromise(t, i)), this.actionPromiseQueue();
+      const { privateState: e } = this;
+      return ((o = this.privateState.currentPlayKeyframe) == null ? void 0 : o.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), e.currentPlayQueue.push(this.getPlayPromise(t, i)), this.actionPromiseQueue();
     });
   }
   /**
    * @description: getPlayPromise
    */
-  getPlayPromise(r) {
-    return g(this, arguments, function* (t, i = {}) {
+  getPlayPromise(e) {
+    return P(this, arguments, function* (t, i = {}) {
       var n;
       const o = t.data;
       if (i.duration = (n = i.duration) != null ? n : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!o)
-        return new Promise((s, m) => {
-          let e = !1;
+        return new Promise((p, m) => {
+          let r = !1;
           this.addInterruptListener(() => {
-            if (!e)
-              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), e = !0, m(new Error("play is interupted"));
+            if (!r)
+              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), r = !0, m(new Error("play is interupted"));
           });
           try {
-            if (e)
+            if (r)
               return;
-            const a = () => {
-              s(), e = !0;
+            const s = () => {
+              p(), r = !0;
             };
             switch (o.effect) {
               case "Move":
-                this.move(o, i).then(a);
+                this.move(o, i).then(s);
                 break;
               case "Rotate":
-                this.rotate(o, i).then(a);
+                this.rotate(o, i).then(s);
                 break;
               default:
-                this.rotate(o, i).then(a);
+                this.rotate(o, i).then(s);
             }
-          } catch (a) {
+          } catch (s) {
           }
         });
     });
@@ -654,9 +673,9 @@ class fm extends V {
    * @description Action promise queue in sequence
    */
   actionPromiseQueue() {
-    return g(this, null, function* () {
+    return P(this, null, function* () {
       const { privateState: t } = this;
-      return new Promise((i, r) => {
+      return new Promise((i, e) => {
         if (t.currentPlayQueue.length === 0) {
           i();
           return;
@@ -666,7 +685,7 @@ class fm extends V {
           i();
           return;
         }
-        o.then(i, r);
+        o.then(i, e);
       }).then(() => t.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
     });
   }
@@ -674,103 +693,105 @@ class fm extends V {
    * @description Action move keyframe
    */
   move(t, i) {
-    return g(this, null, function* () {
-      var r;
-      return this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), t.mode && t.mode !== this.five.currentMode ? yield this.changeMode(t) : t.panoIndex !== this.five.panoIndex && (yield this.changePano(t, i)), (r = this.privateState.audio) != null && r.pause || (this.loadAudio(t.audio), yield this.playAudio()), Promise.resolve();
+    return P(this, null, function* () {
+      var o;
+      const e = this.audioCurrent;
+      return this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), t.mode && t.mode !== this.five.currentMode ? yield this.changeMode(t) : t.panoIndex !== this.five.panoIndex && (yield this.changePano(t, i)), e != null && e() && !((o = this.privateState.audio) != null && o.pause) && (this.loadAudio(t.audio), yield this.playAudio()), Promise.resolve();
     });
   }
   /**
    * @description Action rotate keyframe
    */
   rotate(t, i) {
-    return g(this, null, function* () {
-      var r;
+    return P(this, null, function* () {
+      var o;
+      const e = this.audioCurrent;
       if (t.audio && this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), t.mode && t.mode !== this.five.currentMode)
         yield this.changeMode({ mode: t.mode, panoIndex: t.panoIndex });
       else if (t.panoIndex && t.panoIndex !== this.five.panoIndex)
         return yield this.changePano(t, i);
-      yield this.updateCamera(t, i), t.audio && !((r = this.privateState.audio) != null && r.pause) && (this.loadAudio(t.audio), yield this.playAudio());
+      e != null && e() && (yield this.updateCamera(t, i), e != null && e() && t.audio && !((o = this.privateState.audio) != null && o.pause) && (this.loadAudio(t.audio), yield this.playAudio()));
     });
   }
   /**
    * @description Update five camera
    */
-  updateCamera(r) {
-    return g(this, arguments, function* (t, i = {}) {
-      const { five: o, privateState: n, state: s } = this, m = (() => {
-        var v, w;
-        const d = (v = s.config) == null ? void 0 : v.speedConfig, c = (w = t.rotateSpeed) != null ? w : d == null ? void 0 : d.rotateSpeed;
+  updateCamera(e) {
+    return P(this, arguments, function* (t, i = {}) {
+      const { five: o, privateState: n, state: p } = this, m = (() => {
+        var y, k;
+        const d = (y = p.config) == null ? void 0 : y.speedConfig, h = (k = t.rotateSpeed) != null ? k : d == null ? void 0 : d.rotateSpeed;
         if ((d == null ? void 0 : d.rotateSpeedUnit) === void 0)
-          return c;
-        if (c !== void 0)
-          return d.rotateSpeedUnit === "rad/ms" ? c : c / 1e3;
-      })(), e = this.five.getCurrentState(), a = Math.PI * 2;
-      let p = t.longitude;
-      p !== void 0 && (p = (p % a + a) % a, t.direction === "left" ? p <= e.longitude && (p += a) : t.direction === "right" && p >= e.longitude && (p -= a));
-      const u = (() => i.duration ? i.duration : m ? M(e, k(I({}, t), { longitude: p })) / m : 800)();
+          return h;
+        if (h !== void 0)
+          return d.rotateSpeedUnit === "rad/ms" ? h : h / 1e3;
+      })(), r = this.five.getCurrentState(), s = Math.PI * 2;
+      let a = t.longitude;
+      a !== void 0 && (a = (a % s + s) % s, t.direction === "left" ? a <= r.longitude && (a += s) : t.direction === "right" && a >= r.longitude && (a -= s));
+      const u = (() => i.duration ? i.duration : m ? Q(r, b(I({}, t), { longitude: a })) / m : 800)();
       n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = u);
-      const l = this.getSpeededDuration(u);
+      const f = this.getSpeededDuration(u);
       return new Promise((d) => {
-        O(
+        R(
           () => {
-            var c;
+            var h;
             return o.updateCameraWithKeyframes(
               [
                 {
                   progress: 0,
                   value: {
-                    longitude: e.longitude,
-                    latitude: e.latitude,
-                    fov: e.fov,
-                    offset: e.offset.clone(),
-                    distance: e.distance
+                    longitude: r.longitude,
+                    latitude: r.latitude,
+                    fov: r.fov,
+                    offset: r.offset.clone(),
+                    distance: r.distance
                   }
                 },
                 {
                   progress: 0.25,
                   value: {
-                    longitude: p !== void 0 ? (e.longitude + (p + e.longitude) / 2) / 2 : e.longitude,
-                    latitude: e.latitude,
-                    fov: e.fov,
-                    offset: e.offset.clone(),
-                    distance: e.distance
+                    longitude: a !== void 0 ? (r.longitude + (a + r.longitude) / 2) / 2 : r.longitude,
+                    latitude: r.latitude,
+                    fov: r.fov,
+                    offset: r.offset.clone(),
+                    distance: r.distance
                   }
                 },
                 {
                   progress: 0.5,
                   value: {
-                    longitude: p !== void 0 ? (p + e.longitude) / 2 : e.longitude,
-                    latitude: t.latitude !== void 0 ? (t.latitude + e.latitude) / 2 : e.latitude,
-                    fov: e.fov,
-                    offset: e.offset.clone(),
-                    distance: e.distance
+                    longitude: a !== void 0 ? (a + r.longitude) / 2 : r.longitude,
+                    latitude: t.latitude !== void 0 ? (t.latitude + r.latitude) / 2 : r.latitude,
+                    fov: r.fov,
+                    offset: r.offset.clone(),
+                    distance: r.distance
                   }
                 },
                 {
                   progress: 0.75,
                   value: {
-                    longitude: p !== void 0 ? (p + (p + e.longitude) / 2) / 2 : e.longitude,
-                    latitude: e.latitude,
-                    fov: e.fov,
-                    offset: e.offset.clone(),
-                    distance: e.distance
+                    longitude: a !== void 0 ? (a + (a + r.longitude) / 2) / 2 : r.longitude,
+                    latitude: r.latitude,
+                    fov: r.fov,
+                    offset: r.offset.clone(),
+                    distance: r.distance
                   }
                 },
                 {
                   progress: 1,
                   value: {
-                    longitude: p !== void 0 ? p : (c = t.longitude) != null ? c : e.longitude,
-                    latitude: t.latitude !== void 0 ? t.latitude : e.latitude,
-                    fov: e.fov,
-                    offset: e.offset.clone(),
-                    distance: e.distance
+                    longitude: a !== void 0 ? a : (h = t.longitude) != null ? h : r.longitude,
+                    latitude: t.latitude !== void 0 ? t.latitude : r.latitude,
+                    fov: r.fov,
+                    offset: r.offset.clone(),
+                    distance: r.distance
                   }
                 }
               ],
-              l
+              f
             );
           }
-        ), setTimeout(() => d(), l);
+        ), setTimeout(() => d(), f);
       });
     });
   }
@@ -778,75 +799,79 @@ class fm extends V {
    * @description: Change five pano
    */
   changePano(t, i) {
-    return g(this, null, function* () {
-      const { five: r, privateState: o, state: n } = this;
-      if (typeof t.panoIndex != "number" || t.panoIndex === r.panoIndex)
+    return P(this, null, function* () {
+      const { five: e, privateState: o, state: n } = this;
+      if (typeof t.panoIndex != "number" || t.panoIndex === e.panoIndex)
         return;
-      const s = r.getCurrentState().mode !== "Panorama";
-      s && (this.privateState.modeChanging = !0);
+      const p = e.getCurrentState().mode !== "Panorama";
+      p && (this.privateState.modeChanging = !0);
       const m = (() => {
-        var u, l;
-        const a = (u = n.config) == null ? void 0 : u.speedConfig, p = (l = t.moveSpeed) != null ? l : a == null ? void 0 : a.moveSpeed;
-        if ((a == null ? void 0 : a.moveSpeedUnit) === void 0)
-          return p;
-        if (p !== void 0)
-          return a.moveSpeedUnit === "m/ms" ? p : p / 1e3;
-      })(), e = (() => {
+        var u, f;
+        const s = (u = n.config) == null ? void 0 : u.speedConfig, a = (f = t.moveSpeed) != null ? f : s == null ? void 0 : s.moveSpeed;
+        if ((s == null ? void 0 : s.moveSpeedUnit) === void 0)
+          return a;
+        if (a !== void 0)
+          return s.moveSpeedUnit === "m/ms" ? a : a / 1e3;
+      })(), r = (() => {
         if (i != null && i.duration)
           return i.duration;
-        if (m && typeof r.panoIndex == "number" && typeof t.panoIndex == "number") {
-          const a = this.workUtil.getObserverPosition(r.panoIndex), p = this.workUtil.getObserverPosition(t.panoIndex);
-          return a && p ? a.distanceTo(p) / m : 800;
+        if (m && typeof e.panoIndex == "number" && typeof t.panoIndex == "number") {
+          const s = this.workUtil.getObserverPosition(e.panoIndex), a = this.workUtil.getObserverPosition(t.panoIndex);
+          return s && a ? s.distanceTo(a) / m : 800;
         }
         return 800;
       })();
-      o.currentPlayKeyframe && (o.currentPlayKeyframe.originDuration = e), yield new Promise((a) => {
-        var u, l, d;
-        const p = this.fiveUtil.moveToPano(t.panoIndex, {
+      o.currentPlayKeyframe && (o.currentPlayKeyframe.originDuration = r), yield new Promise((s) => {
+        var u, f, d;
+        const a = this.fiveUtil.moveToPano(t.panoIndex, {
           latitude: t.latitude,
           longitude: t.longitude,
           fov: t.fov,
-          duration: this.getSpeededDuration(e),
-          effect: (d = (l = i == null ? void 0 : i.moveEffect) != null ? l : (u = this.state.config) == null ? void 0 : u.moveEffect) != null ? d : t.moveEffect,
-          moveCancelCallback: () => a(),
-          moveEndCallback: () => a()
+          duration: this.getSpeededDuration(r),
+          effect: (d = (f = i == null ? void 0 : i.moveEffect) != null ? f : (u = this.state.config) == null ? void 0 : u.moveEffect) != null ? d : t.moveEffect,
+          moveCancelCallback: () => s(),
+          moveEndCallback: () => s()
         });
-        p instanceof Promise && p.then(() => a()), s && r.once("panoArrived", () => a());
-      }), s && (this.privateState.modeChanging = !1);
+        a instanceof Promise && a.then(() => s()), p && e.once("panoArrived", () => s());
+      }), p && (this.privateState.modeChanging = !1);
     });
   }
   /**
    * @description Change five mode
    */
   changeMode(t, i) {
-    return g(this, null, function* () {
+    return P(this, null, function* () {
       t.mode && t.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(t.mode, t, i), this.privateState.modeChanging = !1);
     });
   }
   loadAudio(t) {
-    if (t) {
-      let i;
-      this.privateState.audioCache && (i = this.privateState.audioCache.get(t.url)), i || (i = new Audio(t.url), i.preload = "auto", i.load()), this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), this.privateState.audio = i;
+    var i;
+    if ((i = this.audioCurrent) != null && i.call(this) && t) {
+      let e;
+      this.privateState.audioCache && (e = this.privateState.audioCache.get(t.url)), e || (e = new Audio(t.url), e.preload = "auto", e.load()), this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), this.privateState.audio = e;
     }
   }
   playAudio() {
-    return g(this, null, function* () {
+    return P(this, null, function* () {
+      var i;
+      if (!((i = this.audioCurrent) != null && i.call(this)))
+        return;
       const t = this.privateState.audio;
-      t && (yield new Promise((i, r) => {
-        const o = () => {
-          m(), i();
-        }, n = () => {
-          m(), r(new Error("Audio failed to play"));
-        }, s = () => {
-          this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null);
+      t && (yield new Promise((e, o) => {
+        const n = () => {
+          r(), e();
+        }, p = () => {
+          r(), o(new Error("Audio failed to play"));
         }, m = () => {
-          t.removeEventListener("playing", o), t.removeEventListener("error", n);
+          this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null);
+        }, r = () => {
+          t.removeEventListener("playing", n), t.removeEventListener("error", p);
         };
-        t.addEventListener("playing", o), t.addEventListener("error", n), t.addEventListener("ended", s), t.play().catch(r);
+        t.addEventListener("playing", n), t.addEventListener("error", p), t.addEventListener("ended", m), t.play().catch(o);
       }));
     });
   }
 }
 export {
-  fm as default
+  vs as default
 };