@realsee/dnalogel 3.81.9 → 3.81.10-alpha.1

package/libs/CruisePlugin/Work.js

@@ -1,48 +1,48 @@
-var K = Object.defineProperty, L = Object.defineProperties;
-var A = 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) => {
+var M = Object.defineProperty, U = Object.defineProperties;
+var O = Object.getOwnPropertyDescriptors;
+var T = Object.getOwnPropertySymbols;
+var G = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
+var A = (y, f, t) => f in y ? M(y, f, { enumerable: !0, configurable: !0, writable: !0, value: t }) : y[f] = t, I = (y, f) => {
   for (var t in f || (f = {}))
-    T.call(f, t) && E(h, t, f[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) => {
-  var o = (m) => {
+    G.call(f, t) && A(y, t, f[t]);
+  if (T)
+    for (var t of T(f))
+      Q.call(f, t) && A(y, t, f[t]);
+  return y;
+}, x = (y, f) => U(y, O(f));
+var w = (y, f, t) => (A(y, typeof f != "symbol" ? f + "" : f, t), t);
+var P = (y, f, t) => new Promise((e, o) => {
+  var i = (a) => {
     try {
-      s(t.next(m));
-    } catch (e) {
-      r(e);
+      p(t.next(a));
+    } catch (r) {
+      o(r);
     }
-  }, n = (m) => {
+  }, s = (a) => {
     try {
-      s(t.throw(m));
-    } catch (e) {
-      r(e);
+      p(t.throw(a));
+    } catch (r) {
+      o(r);
     }
-  }, s = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(o, n);
-  s((t = t.apply(h, f)).next());
+  }, p = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(i, s);
+  p((t = t.apply(y, f)).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 { GuideLinePlugin as R } from "../GuideLinePlugin/index.js";
+import { uuid as k } from "../shared-utils/uuid.js";
+import { coordinatesRotation as _ } from "./utils/coordinatesAngle.js";
+import { safeCall as V } from "./utils/safeCall.js";
+import * as W from "three";
+import { sleep as N } from "./utils/sleep.js";
+import { waitFiveLoaded as j } from "../shared-utils/five/fiveLoaded.js";
+import { vectorToCoordinates as J } from "../shared-utils/vectorToCoordinate.js";
+import z 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 B } 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 +373,13 @@ import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "./Work.js";
 import "./utils/coordinatesToVector.js";
-class fm extends V {
-  constructor(t, i) {
-    super(t, i);
-    C(this, "state", {
+class gn extends z {
+  constructor(t, e) {
+    var o;
+    super(t, e);
+    w(this, "playbackController");
+    w(this, "session");
+    w(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1,
@@ -391,42 +394,46 @@ class fm extends V {
         }
       }
     });
-    C(this, "privateState", {
+    w(this, "privateState", {
       playing: !1,
       currentPlayQueue: [],
       currentPlayKeyframe: null,
       broke: !1,
       modeChanging: !1
     });
-    this.config = i, Object.assign(window, { __WalkPlugin_DEBUG__: this });
+    this.playbackController = (o = e == null ? void 0 : e.mediaManager) == null ? void 0 : o.createController({ label: "cruise", onCancel: () => this.handlePause({ userAction: !1 }, !0) }), this.config = e, Object.assign(window, { __WalkPlugin_DEBUG__: this });
+  }
+  handleDispose() {
+    var t;
+    this.handlePause({ userAction: !1 }), (t = this.playbackController) == null || t.dispose(), super.handleDispose();
   }
   /**
    * @description Load Data and State
    */
-  load(t, i, r) {
-    return g(this, null, function* () {
-      var a, p;
-      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) => {
-        var d;
-        return u.data.panoIndex !== ((d = e[l - 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;
+  load(t, e, o) {
+    return P(this, null, function* () {
+      var m, n;
+      this.handlePause({ userAction: !1 }), this.clear();
+      const i = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, s = yield this.formatData(t);
+      this.data = I({ id: s.keyframesId }, s), this.hooks.emit("dataChange", s, i);
+      let p = [], a;
+      const r = this.data.keyframes.filter((d) => d.data.panoIndex !== void 0);
+      r.filter((d, l) => {
+        var u;
+        return d.data.panoIndex !== ((u = r[l - 1]) == null ? void 0 : u.data.panoIndex);
+      }).map((d) => d.data.panoIndex).forEach((d) => {
+        var u, v;
+        const l = (u = this.workUtil.getObserver(d)) == null ? void 0 : u.floorIndex;
         if (l !== void 0)
-          if (m === l) {
-            const v = s.length - 1;
-            s[v] = [...(c = s[v]) != null ? c : [], u];
+          if (a === l) {
+            const g = p.length - 1;
+            p[g] = [...(v = p[g]) != null ? v : [], d];
           } else {
-            m = l;
-            const v = s.length;
-            s[v] = [u];
+            a = l;
+            const g = p.length;
+            p[g] = [d];
           }
-      }), !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 && ((m = this.config) == null ? void 0 : m.useGuideLine) !== !1 && s.useGuildLine !== !1 && (this.GuideLine = R(this.five, this.config)), (n = this.GuideLine) == null || n.load({ routes: p.map((d) => ({ panoIndexList: d })), config: s.guildPluginOptions }), e ? this.setState(e, { userAction: o }) : (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", s), this.hooks.emit("dataLoaded", s);
     });
   }
   /**
@@ -435,59 +442,59 @@ 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: e, id: o, userAction: i } = t;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: i }), this.setState({ playing: !0 }, { userAction: i, playFromIndex: e, playFromId: o });
   }
   /**
    * @description Play from first keyframe
    */
   playFromStart(t) {
-    return this.playFrom(k(I({}, t), { index: 0 }));
+    return this.playFrom(x(I({}, t), { index: 0 }));
   }
   /**
    * @description Format data
    */
   formatData(t) {
-    return g(this, null, function* () {
-      this.five.work || (yield R(this.five));
-      const i = (() => {
-        const r = t;
-        return typeof r == "object" && r !== null && W(r.version) && r.data ? r.data : r;
+    return P(this, null, function* () {
+      this.five.work || (yield j(this.five));
+      const e = (() => {
+        const o = t;
+        return typeof o == "object" && o !== null && B(o.version) && o.data ? o.data : o;
       })();
-      if (i.keyframes)
+      if (e.keyframes)
         return {
-          keyframesId: x(),
-          keyframes: i.keyframes.map((r, 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 });
+          keyframesId: k(),
+          keyframes: e.keyframes.map((o, i) => {
+            var a;
+            const s = e.keyframes[i + 1], p = (() => !s || s.start === void 0 || o.end === void 0 ? 0 : s.start - o.end)();
+            return x(I({ id: (a = o.uuid) != null ? a : k(), moveIndex: i, stay: p, index: i }, o), { guildPluginOptions: e.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)
+      if (e.panoIndexList) {
+        let o = [];
+        const { moveEffect: i, moveToFirstPanoEffect: s, moveToFirstPanoDuration: p } = e;
+        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = p, e.panoIndexList.forEach((a, r) => {
+          const m = (() => {
+            var v, g;
+            const n = e.panoIndexList.slice(r).find((b) => b !== a);
+            if (n === 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 d = this.workUtil.getObserverPosition(a), l = this.workUtil.getObserverPosition(n);
+            if (!l || !d || ((v = this.workUtil.getObserver(a)) == null ? void 0 : v.floorIndex) !== ((g = this.workUtil.getObserver(n)) == null ? void 0 : g.floorIndex))
               return;
-            const d = new G.Vector3().subVectors(l, u);
-            return _(d.normalize());
+            const u = new W.Vector3().subVectors(l, d);
+            return J(u.normalize());
           })();
-          i.moveType === void 0 || i.moveType === "justMove" ? r.push({
-            moveIndex: e,
-            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) }));
+          e.moveType === void 0 || e.moveType === "justMove" ? o.push({
+            moveIndex: r,
+            stay: e.stay,
+            data: I({ effect: "Move", panoIndex: a, moveEffect: i }, m != null ? m : {})
+          }) : e.moveType === "moveAndRotate" && (o.push({ moveIndex: r, stay: e.stay, data: { effect: "Move", panoIndex: a, moveEffect: i } }), m && o.push({ moveIndex: r, stay: e.stay, data: I({ effect: "Rotate", panoIndex: a }, m) }));
         }), {
-          keyframesId: x(),
-          keyframes: r.map((m, e) => I({ id: x(), index: e }, m)),
-          guildPluginOptions: i.guildPluginOptions,
-          useGuildLine: i.useGuildLine
+          keyframesId: k(),
+          keyframes: o.map((a, r) => I({ id: k(), index: r }, a)),
+          guildPluginOptions: e.guildPluginOptions,
+          useGuildLine: e.useGuildLine
         };
       } else
         throw new Error("format error: data no keyframes or no panoIndexList");
@@ -500,84 +507,115 @@ 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;
-      if (o.playing || !(i != null && i.keyframes) || (i == null ? void 0 : i.keyframes.length) === 0)
+    return P(this, null, function* () {
+      var g, b, C, L, F, D, K;
+      const { data: e, state: o, privateState: i, hooks: s } = this;
+      if (i.playing || !(e != null && e.keyframes) || (e == null ? void 0 : e.keyframes.length) === 0)
+        return;
+      const p = e.keyframes.some((h) => {
+        var c;
+        return !!((c = h.data.audio) != null && c.url);
+      }), a = (g = this.playbackController) == null ? void 0 : g.begin({ userAction: (t == null ? void 0 : t.userAction) === !0, audible: p });
+      if (this.playbackController && !a) {
+        o.playing = !1;
         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;
+      }
+      this.session = a;
+      const r = k();
+      if (i.playId = r, i.audio && i.audio.paused)
+        if (((C = this.data) == null ? void 0 : C.keyframes[(b = t == null ? void 0 : t.playFromIndex) != null ? b : 0]).data.effect === "Move")
+          this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null);
+        else {
+          try {
+            yield ((L = a == null ? void 0 : a.bind(i.audio)) != null ? L : i.audio).play();
+          } catch (c) {
+            if (a != null && a.signal.aborted)
+              return;
+            if (c.name === "AbortError") {
+              this.handlePause({ userAction: !1 });
+              return;
+            }
+            throw this.handlePause({ userAction: !1 }), c;
+          }
+          if (a != null && a.signal.aborted || r !== i.playId)
+            return;
+        }
+      i.playing = !0, i.broke = !1;
+      const m = e.keyframes, n = this.getPauseData();
+      (t == null ? void 0 : t.notEmitEvent) !== !0 && s.emit("play", { userAction: (F = t == null ? void 0 : t.userAction) != null ? F : !0 });
+      let d = !1;
+      const u = yield (() => P(this, null, function* () {
+        var h, c;
         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, {
-            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;
+          return (h = this.data) == null ? void 0 : h.keyframes.findIndex((S) => S.id === t.playFromId);
+        if (n != null && n.id) {
+          const S = (c = this.data) == null ? void 0 : c.keyframes.find((E) => E.id === n.id);
+          if (n != null && n.fiveState && (yield this.move(n.fiveState, {
+            moveEffect: i.moveToFirstPanoEffect,
+            duration: i.moveToFirstPanoDuration
+          })), S) {
+            if (S.data.effect === "Move")
+              return S.index;
+            if (S.data.effect === "Rotate") {
+              const E = n.duration !== void 0 ? n.duration * (1 - n.playedProgress) : void 0;
+              return yield this.playKeyframe(S, { duration: E }), d = !0, S.index + 1;
             }
           }
         }
       }))();
-      if ((t == null ? void 0 : t.userAction) !== !1) {
+      if (r !== i.playId || a != null && a.signal.aborted)
+        return;
+      if ((t == null ? void 0 : t.userAction) === !0) {
         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 h = u; h < m.length; h++) {
+          const c = m[h];
+          if ((D = c == null ? void 0 : c.data) != null && D.audio && !this.privateState.audioCache.has(c.data.audio.url)) {
+            const S = new Audio(c.data.audio.url);
+            S.preload = "auto", this.privateState.audioCache.set(c.data.audio.url, S);
           }
         }
       }
       this.clearPauseData();
-      for (const y of m) {
-        if (o.broke || !r.playing || !o.playing || s !== o.playId)
+      for (const h of m) {
+        if (i.broke || !o.playing || !i.playing || r !== i.playId)
           return;
-        if (!(u !== void 0 && y.index < u))
+        if (!(u !== void 0 && h.index < u))
           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");
+            s.emit("playIndexChange", h.index, h), yield this.playKeyframe(h, {
+              moveEffect: d === !1 ? i.moveToFirstPanoEffect : void 0,
+              duration: d === !1 && typeof i.moveToFirstPanoDuration == "number" ? i.moveToFirstPanoDuration : void 0
+            }), h.stay && (yield N(h.stay)), d === !1 && (d = !0);
+          } catch (c) {
+            if (r !== i.playId)
+              return Promise.resolve("broke");
+            throw this.handlePause({ userAction: !1 }), c;
           }
       }
-      r.playing && s === o.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
+      o.playing && r === i.playId && (this.setState({ playing: !1 }, { userAction: !1 }), (K = this.session) == null || K.finish(), this.session = void 0, s.emit("end"), this.clearPauseData());
     });
   }
   /**
    * @description: Pause and record pause state
    */
-  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 }));
+  handlePause(t, e = !1) {
+    var p, a;
+    const { state: o, privateState: i, hooks: s } = this;
+    this.session = void 0, e || (p = this.playbackController) == null || p.cancel(), i.playId = k(), o.playing = !1, i.playing !== !1 && (i.playing = !1, i.audio && i.audio.pause(), (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), i.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && s.emit("pause", { userAction: (a = t == null ? void 0 : t.userAction) != null ? a : !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)
+  changeSpeed(t, e = !0) {
+    var a;
+    const { state: o, privateState: i, hooks: s } = this, { currentPlayKeyframe: p } = i;
+    if (s.emit("speedChange", t, { userAction: e }), o.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, m = p.keyframe, { privateState: n } = this;
+        ((a = this.privateState.currentPlayKeyframe) == null ? void 0 : a.keyframe.id) !== m.id && (this.privateState.currentPlayKeyframe = { keyframe: m }), n.currentPlayQueue.push(this.getPlayPromise(m, { duration: r }));
+      } catch (r) {
+        console.error(r);
       }
   }
   /**
@@ -590,12 +628,12 @@ class fm extends V {
    * @description Set pause data
    */
   setPauseData() {
-    var t, i, r;
+    var t, e, o;
     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,
+        id: (e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.keyframe.id,
         fiveState: this.five.getCurrentState(),
-        duration: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.originDuration,
+        duration: (o = this.privateState.currentPlayKeyframe) == null ? void 0 : o.originDuration,
         playedProgress: this.getProgress()
       });
   }
@@ -608,44 +646,44 @@ class fm extends V {
   /**
    * @description Play single keyframe
    */
-  playKeyframe(t, i) {
-    return g(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();
+  playKeyframe(t, e) {
+    return P(this, null, function* () {
+      var i;
+      const { privateState: o } = this;
+      return ((i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), o.currentPlayQueue.push(this.getPlayPromise(t, e)), this.actionPromiseQueue();
     });
   }
   /**
    * @description: getPlayPromise
    */
-  getPlayPromise(r) {
-    return g(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;
+  getPlayPromise(o) {
+    return P(this, arguments, function* (t, e = {}) {
+      var s;
+      const i = t.data;
+      if (e.duration = (s = e.duration) != null ? s : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!i)
+        return new Promise((p, a) => {
+          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, a(new Error("play is interupted"));
           });
           try {
-            if (e)
+            if (r)
               return;
-            const a = () => {
-              s(), e = !0;
+            const m = () => {
+              p(), r = !0;
             };
-            switch (o.effect) {
+            switch (i.effect) {
               case "Move":
-                this.move(o, i).then(a);
+                this.move(i, e).then(m);
                 break;
               case "Rotate":
-                this.rotate(o, i).then(a);
+                this.rotate(i, e).then(m);
                 break;
               default:
-                this.rotate(o, i).then(a);
+                this.rotate(i, e).then(m);
             }
-          } catch (a) {
+          } catch (m) {
           }
         });
     });
@@ -654,199 +692,212 @@ 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((e, o) => {
         if (t.currentPlayQueue.length === 0) {
-          i();
+          e();
           return;
         }
-        const o = t.currentPlayQueue.shift();
-        if (!o) {
-          i();
+        const i = t.currentPlayQueue.shift();
+        if (!i) {
+          e();
           return;
         }
-        o.then(i, r);
+        i.then(e, o);
       }).then(() => t.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
     });
   }
   /**
    * @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();
+  move(t, e) {
+    return P(this, null, function* () {
+      var p;
+      const o = this.session, i = this.privateState.playId, s = () => i === this.privateState.playId && !(o != null && o.signal.aborted);
+      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, e)), s != null && s() && !((p = this.privateState.audio) != null && p.pause) && (this.loadAudio(t.audio), yield this.playAudio()), Promise.resolve();
     });
   }
   /**
    * @description Action rotate keyframe
    */
-  rotate(t, i) {
-    return g(this, null, function* () {
-      var r;
+  rotate(t, e) {
+    return P(this, null, function* () {
+      var p;
+      const o = this.session, i = this.privateState.playId, s = () => i === this.privateState.playId && !(o != null && o.signal.aborted);
       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());
+        return yield this.changePano(t, e);
+      s != null && s() && (yield this.updateCamera(t, e), s != null && s() && t.audio && !((p = this.privateState.audio) != null && p.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;
-        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)();
-      n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = u);
-      const l = this.getSpeededDuration(u);
-      return new Promise((d) => {
-        O(
+  updateCamera(o) {
+    return P(this, arguments, function* (t, e = {}) {
+      const { five: i, privateState: s, state: p } = this, a = (() => {
+        var g, b;
+        const u = (g = p.config) == null ? void 0 : g.speedConfig, v = (b = t.rotateSpeed) != null ? b : u == null ? void 0 : u.rotateSpeed;
+        if ((u == null ? void 0 : u.rotateSpeedUnit) === void 0)
+          return v;
+        if (v !== void 0)
+          return u.rotateSpeedUnit === "rad/ms" ? v : v / 1e3;
+      })(), r = this.five.getCurrentState(), m = Math.PI * 2;
+      let n = t.longitude;
+      n !== void 0 && (n = (n % m + m) % m, t.direction === "left" ? n <= r.longitude && (n += m) : t.direction === "right" && n >= r.longitude && (n -= m));
+      const d = (() => e.duration ? e.duration : a ? _(r, x(I({}, t), { longitude: n })) / a : 800)();
+      s.currentPlayKeyframe && (s.currentPlayKeyframe.originDuration = d);
+      const l = this.getSpeededDuration(d);
+      return new Promise((u) => {
+        V(
           () => {
-            var c;
-            return o.updateCameraWithKeyframes(
+            var v;
+            return i.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: n !== void 0 ? (r.longitude + (n + 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: n !== void 0 ? (n + 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: n !== void 0 ? (n + (n + 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: n !== void 0 ? n : (v = t.longitude) != null ? v : r.longitude,
+                    latitude: t.latitude !== void 0 ? t.latitude : r.latitude,
+                    fov: r.fov,
+                    offset: r.offset.clone(),
+                    distance: r.distance
                   }
                 }
               ],
               l
             );
           }
-        ), setTimeout(() => d(), l);
+        ), setTimeout(() => u(), l);
       });
     });
   }
   /**
    * @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)
+  changePano(t, e) {
+    return P(this, null, function* () {
+      const { five: o, privateState: i, state: s } = this;
+      if (typeof t.panoIndex != "number" || t.panoIndex === o.panoIndex)
         return;
-      const s = r.getCurrentState().mode !== "Panorama";
-      s && (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 = (() => {
-        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;
+      const p = o.getCurrentState().mode !== "Panorama";
+      p && (this.privateState.modeChanging = !0);
+      const a = (() => {
+        var d, l;
+        const m = (d = s.config) == null ? void 0 : d.speedConfig, n = (l = t.moveSpeed) != null ? l : m == null ? void 0 : m.moveSpeed;
+        if ((m == null ? void 0 : m.moveSpeedUnit) === void 0)
+          return n;
+        if (n !== void 0)
+          return m.moveSpeedUnit === "m/ms" ? n : n / 1e3;
+      })(), r = (() => {
+        if (e != null && e.duration)
+          return e.duration;
+        if (a && typeof o.panoIndex == "number" && typeof t.panoIndex == "number") {
+          const m = this.workUtil.getObserverPosition(o.panoIndex), n = this.workUtil.getObserverPosition(t.panoIndex);
+          return m && n ? m.distanceTo(n) / a : 800;
         }
         return 800;
       })();
-      o.currentPlayKeyframe && (o.currentPlayKeyframe.originDuration = e), yield new Promise((a) => {
-        var u, l, d;
-        const p = this.fiveUtil.moveToPano(t.panoIndex, {
+      i.currentPlayKeyframe && (i.currentPlayKeyframe.originDuration = r), yield new Promise((m) => {
+        var d, l, u;
+        const n = 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: (u = (l = e == null ? void 0 : e.moveEffect) != null ? l : (d = this.state.config) == null ? void 0 : d.moveEffect) != null ? u : t.moveEffect,
+          moveCancelCallback: () => m(),
+          moveEndCallback: () => m()
         });
-        p instanceof Promise && p.then(() => a()), s && r.once("panoArrived", () => a());
-      }), s && (this.privateState.modeChanging = !1);
+        n instanceof Promise && n.then(() => m()), p && o.once("panoArrived", () => m());
+      }), p && (this.privateState.modeChanging = !1);
     });
   }
   /**
    * @description Change five mode
    */
-  changeMode(t, i) {
-    return g(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);
+  changeMode(t, e) {
+    return P(this, null, function* () {
+      t.mode && t.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(t.mode, t, e), 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 e;
+    if (!(!this.privateState.playing || (e = this.session) != null && e.signal.aborted) && t) {
+      let o;
+      this.privateState.audioCache && (o = this.privateState.audioCache.get(t.url)), o || (o = new Audio(t.url), o.preload = "auto", o.load()), this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), this.privateState.audio = o;
     }
   }
   playAudio() {
-    return g(this, null, function* () {
+    return P(this, null, function* () {
+      var e, o;
+      if (!this.privateState.playing || (e = this.session) != null && e.signal.aborted)
+        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);
-        }, m = () => {
-          t.removeEventListener("playing", o), t.removeEventListener("error", n);
-        };
-        t.addEventListener("playing", o), t.addEventListener("error", n), t.addEventListener("ended", s), t.play().catch(r);
-      }));
+      if (t) {
+        const i = this.session, s = (o = i == null ? void 0 : i.bind(t)) != null ? o : t;
+        s.muted = !1, yield new Promise((p, a) => {
+          const r = () => {
+            l(), p();
+          }, m = () => {
+            l(), a(new Error("Audio failed to play"));
+          }, n = () => {
+            i != null && i.signal.aborted || this.privateState.audio !== t || (s.pause(), s.currentTime = 0, this.privateState.audio = null, t.removeEventListener("ended", n), i == null || i.signal.removeEventListener("abort", d));
+          }, d = () => {
+            l(), t.removeEventListener("ended", n), p();
+          }, l = () => {
+            t.removeEventListener("playing", r), t.removeEventListener("error", m);
+          };
+          t.addEventListener("playing", r), t.addEventListener("error", m), t.addEventListener("ended", n), i == null || i.signal.addEventListener("abort", d, { once: !0 }), s.play().catch((u) => {
+            l(), i != null && i.signal.aborted ? p() : (u == null ? void 0 : u.name) === "AbortError" ? (this.handlePause({ userAction: !1 }), p()) : a(u);
+          });
+        });
+      }
     });
   }
 }
 export {
-  fm as default
+  gn as default
 };