@realsee/dnalogel 3.77.2 → 3.78.0-alpha.0

package/libs/CruisePlugin/Work.js

@@ -1,48 +1,48 @@
-var b = Object.defineProperty, F = Object.defineProperties;
-var E = Object.getOwnPropertyDescriptors;
-var w = Object.getOwnPropertySymbols;
-var D = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var I = (h, l, t) => l in h ? b(h, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[l] = t, g = (h, l) => {
-  for (var t in l || (l = {}))
-    D.call(l, t) && I(h, t, l[t]);
-  if (w)
-    for (var t of w(l))
-      C.call(l, t) && I(h, t, l[t]);
+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) => {
+  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;
-}, x = (h, l) => F(h, E(l));
-var k = (h, l, t) => (I(h, typeof l != "symbol" ? l + "" : l, t), t);
-var y = (h, l, t) => new Promise((i, e) => {
-  var r = (a) => {
+}, 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) => {
     try {
-      s(t.next(a));
-    } catch (m) {
-      e(m);
+      s(t.next(m));
+    } catch (e) {
+      r(e);
     }
-  }, p = (a) => {
+  }, n = (m) => {
     try {
-      s(t.throw(a));
-    } catch (m) {
-      e(m);
+      s(t.throw(m));
+    } catch (e) {
+      r(e);
     }
-  }, s = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(r, p);
-  s((t = t.apply(h, l)).next());
+  }, s = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(o, n);
+  s((t = t.apply(h, f)).next());
 });
-import { GuideLinePlugin as K } from "../GuideLinePlugin/index.js";
-import { uuid as S } from "../shared-utils/uuid.js";
-import { coordinatesAngle as L } from "./utils/coordinatesAngle.js";
-import { safeCall as T } from "./utils/safeCall.js";
-import * as U from "three";
-import { sleep as O } from "./utils/sleep.js";
-import { waitFiveLoaded as M } from "../shared-utils/five/fiveLoaded.js";
-import { vectorToCoordinates as A } from "../shared-utils/vectorToCoordinate.js";
-import G from "./BaseController.js";
+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 "../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 Q } from "../shared-utils/isNil.js";
+import { notNil as W } 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";
@@ -320,6 +320,11 @@ import "../Sculpt/Meshes/Box.js";
 import "../shared-utils/forReverseEach.js";
 import "../Sculpt/Objects/Line/index.js";
 import "../shared-utils/five/getFloorMesh.js";
+import "../PanoTagPlugin/controller/Tag/BoxTag.js";
+import "../PanoTagPlugin/utils/sculptDataToBoxPosition.js";
+import "../PanoTagPlugin/controller/Tag/PolygonTag.js";
+import "../PanoTagPlugin/controller/Tag/MaskTag.js";
+import "../PanoTagPlugin/controller/Tag/MaskTag.shaders.js";
 import "../PanoTagPlugin/Components/TagContainer.js";
 import "../PanoTagPlugin/Components/TagItem.js";
 import "../PanoTagPlugin/Components/Common/TagPoint.js";
@@ -366,10 +371,10 @@ import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "./Work.js";
 import "./utils/coordinatesToVector.js";
-class ia extends G {
+class um extends V {
   constructor(t, i) {
     super(t, i);
-    k(this, "state", {
+    C(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1,
@@ -384,7 +389,7 @@ class ia extends G {
         }
       }
     });
-    k(this, "privateState", {
+    C(this, "privateState", {
       playing: !1,
       currentPlayQueue: [],
       currentPlayKeyframe: null,
@@ -396,30 +401,30 @@ class ia extends G {
   /**
    * @description Load Data and State
    */
-  load(t, i, e) {
-    return y(this, null, function* () {
-      var o, n;
+  load(t, i, r) {
+    return g(this, null, function* () {
+      var a, p;
       this.clear();
-      const r = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, p = yield this.formatData(t);
-      this.data = g({ id: p.keyframesId }, p), this.hooks.emit("dataChange", p, r);
-      let s = [], a;
-      const m = this.data.keyframes.filter((f) => f.data.panoIndex !== void 0);
-      m.filter((f, d) => {
-        var u;
-        return f.data.panoIndex !== ((u = m[d - 1]) == null ? void 0 : u.data.panoIndex);
-      }).map((f) => f.data.panoIndex).forEach((f) => {
-        var u, v;
-        const d = (u = this.workUtil.getObserver(f)) == null ? void 0 : u.floorIndex;
-        if (d !== void 0)
-          if (a === d) {
-            const c = s.length - 1;
-            s[c] = [...(v = s[c]) != null ? v : [], f];
+      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;
+        if (l !== void 0)
+          if (m === l) {
+            const v = s.length - 1;
+            s[v] = [...(c = s[v]) != null ? c : [], u];
           } else {
-            a = d;
-            const c = s.length;
-            s[c] = [f];
+            m = l;
+            const v = s.length;
+            s[v] = [u];
           }
-      }), !this.GuideLine && ((o = this.config) == null ? void 0 : o.useGuideLine) !== !1 && p.useGuildLine !== !1 && (this.GuideLine = K(this.five, this.config)), (n = this.GuideLine) == null || n.load({ routes: s.map((f) => ({ panoIndexList: f })), config: p.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", p), this.hooks.emit("dataLoaded", p);
+      }), !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);
     });
   }
   /**
@@ -428,57 +433,57 @@ class ia extends G {
    * @param {string} options.id play from keyframes id
    */
   playFrom(t) {
-    const { index: i, id: e, userAction: r } = t;
-    this.state.playing && this.setState({ playing: !1 }, { userAction: r }), this.setState({ playing: !0 }, { userAction: r, playFromIndex: i, playFromId: e });
+    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 });
   }
   /**
    * @description Play from first keyframe
    */
   playFromStart(t) {
-    return this.playFrom(x(g({}, t), { index: 0 }));
+    return this.playFrom(k(I({}, t), { index: 0 }));
   }
   /**
    * @description Format data
    */
   formatData(t) {
-    return y(this, null, function* () {
-      this.five.work || (yield M(this.five));
+    return g(this, null, function* () {
+      this.five.work || (yield R(this.five));
       const i = (() => {
-        const e = t;
-        return typeof e == "object" && e !== null && Q(e.version) && e.data ? e.data : e;
+        const r = t;
+        return typeof r == "object" && r !== null && W(r.version) && r.data ? r.data : r;
       })();
       if (i.keyframes)
         return {
-          keyframesId: S(),
-          keyframes: i.keyframes.map((e, r) => {
-            var a;
-            const p = i.keyframes[r + 1], s = (() => !p || p.start === void 0 || e.end === void 0 ? 0 : p.start - e.end)();
-            return x(g({ id: (a = e.uuid) != null ? a : S(), moveIndex: r, stay: s, index: r }, e), { guildPluginOptions: i.guildPluginOptions });
+          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 });
           })
         };
       if (i.panoIndexList) {
-        let e = [];
-        const { moveEffect: r, moveToFirstPanoEffect: p, moveToFirstPanoDuration: s } = i;
-        return this.privateState.moveToFirstPanoEffect = p, this.privateState.moveToFirstPanoDuration = s, i.panoIndexList.forEach((a, m) => {
-          const o = (() => {
-            var v, c;
-            const n = i.panoIndexList.slice(m).find((P) => P !== a);
-            if (n === void 0)
+        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)
               return;
-            const f = this.workUtil.getObserverPosition(a), d = this.workUtil.getObserverPosition(n);
-            if (!d || !f || ((v = this.workUtil.getObserver(a)) == null ? void 0 : v.floorIndex) !== ((c = this.workUtil.getObserver(n)) == null ? void 0 : c.floorIndex))
+            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))
               return;
-            const u = new U.Vector3().subVectors(d, f);
-            return A(u.normalize());
+            const d = new G.Vector3().subVectors(l, u);
+            return _(d.normalize());
           })();
-          i.moveType === void 0 || i.moveType === "justMove" ? e.push({
-            moveIndex: m,
+          i.moveType === void 0 || i.moveType === "justMove" ? r.push({
+            moveIndex: e,
             stay: i.stay,
-            data: g({ effect: "Move", panoIndex: a, moveEffect: r }, o != null ? o : {})
-          }) : i.moveType === "moveAndRotate" && (e.push({ moveIndex: m, stay: i.stay, data: { effect: "Move", panoIndex: a, moveEffect: r } }), o && e.push({ moveIndex: m, stay: i.stay, data: g({ effect: "Rotate", panoIndex: a }, o) }));
+            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) }));
         }), {
-          keyframesId: S(),
-          keyframes: e.map((a, m) => g({ id: S(), index: m }, a)),
+          keyframesId: x(),
+          keyframes: r.map((m, e) => I({ id: x(), index: e }, m)),
           guildPluginOptions: i.guildPluginOptions,
           useGuildLine: i.useGuildLine
         };
@@ -493,74 +498,84 @@ class ia extends G {
    */
   // eslint-disable-next-line complexity
   handlePlay(t) {
-    return y(this, null, function* () {
-      var d;
-      const { data: i, state: e, privateState: r, hooks: p } = this;
-      if (r.playing || !(i != null && i.keyframes) || (i == null ? void 0 : i.keyframes.length) === 0)
+    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;
-      const s = S();
-      r.playId = s, r.playing = !0, r.broke = !1;
-      const a = i.keyframes, m = this.getPauseData();
-      (t == null ? void 0 : t.notEmitEvent) !== !0 && p.emit("play", { userAction: (d = t == null ? void 0 : t.userAction) != null ? d : !0 });
-      let o = !1;
-      const f = yield (() => y(this, null, function* () {
-        var u, v;
+      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;
         if ((t == null ? void 0 : t.playFromIndex) !== void 0)
           return t.playFromIndex;
         if ((t == null ? void 0 : t.playFromId) !== void 0)
-          return (u = this.data) == null ? void 0 : u.keyframes.findIndex((c) => c.id === t.playFromId);
-        if (m != null && m.id) {
-          const c = (v = this.data) == null ? void 0 : v.keyframes.find((P) => P.id === m.id);
-          if (m != null && m.fiveState && (yield this.move(m.fiveState, {
-            moveEffect: r.moveToFirstPanoEffect,
-            duration: r.moveToFirstPanoDuration
-          })), c) {
-            if (c.data.effect === "Move")
-              return c.index;
-            if (c.data.effect === "Rotate") {
-              const P = m.duration !== void 0 ? m.duration * (1 - m.playedProgress) : void 0;
-              return yield this.playKeyframe(c, { duration: P }), o = !0, c.index + 1;
+          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;
             }
           }
         }
       }))();
+      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);
+          }
+        }
+      }
       this.clearPauseData();
-      for (const u of a) {
-        if (r.broke || !e.playing || !r.playing || s !== r.playId)
+      for (const y of m) {
+        if (o.broke || !r.playing || !o.playing || s !== o.playId)
           return;
-        if (!(f !== void 0 && u.index < f))
+        if (!(u !== void 0 && y.index < u))
           try {
-            p.emit("playIndexChange", u.index, u), yield this.playKeyframe(u, {
-              moveEffect: o === !1 ? r.moveToFirstPanoEffect : void 0,
-              duration: o === !1 && typeof r.moveToFirstPanoDuration == "number" ? r.moveToFirstPanoDuration : void 0
-            }), u.stay && (yield O(u.stay)), o === !1 && (o = !0);
-          } catch (v) {
+            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");
           }
       }
-      e.playing && s === r.playId && (this.setState({ playing: !1 }, { userAction: !1 }), p.emit("end"), this.clearPauseData());
+      r.playing && s === o.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
     });
   }
   /**
    * @description: Pause and record pause state
    */
   handlePause(t) {
-    var p;
-    const { state: i, privateState: e, hooks: r } = this;
-    i.playing = !1, e.playing !== !1 && (e.playing = !1, (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), e.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && r.emit("pause", { userAction: (p = t == null ? void 0 : t.userAction) != null ? p : !0 }));
+    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 }));
   }
   /**
    * @description: Change play speed
    */
   changeSpeed(t, i = !0) {
-    var a;
-    const { state: e, privateState: r, hooks: p } = this, { currentPlayKeyframe: s } = r;
-    if (p.emit("speedChange", t, { userAction: i }), e.playing && s)
+    var m;
+    const { state: r, privateState: o, hooks: n } = this, { currentPlayKeyframe: s } = o;
+    if (n.emit("speedChange", t, { userAction: i }), r.playing && s)
       try {
-        const m = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, o = s.keyframe, { privateState: n } = this;
-        ((a = this.privateState.currentPlayKeyframe) == null ? void 0 : a.keyframe.id) !== o.id && (this.privateState.currentPlayKeyframe = { keyframe: o }), n.currentPlayQueue.push(this.getPlayPromise(o, { duration: m }));
-      } catch (m) {
-        console.error(m);
+        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);
       }
   }
   /**
@@ -573,12 +588,12 @@ class ia extends G {
    * @description Set pause data
    */
   setPauseData() {
-    var t, i, e;
+    var t, i, r;
     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: (e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.originDuration,
+        duration: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.originDuration,
         playedProgress: this.getProgress()
       });
   }
@@ -592,43 +607,43 @@ class ia extends G {
    * @description Play single keyframe
    */
   playKeyframe(t, i) {
-    return y(this, null, function* () {
-      var r;
-      const { privateState: e } = this;
-      return ((r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), e.currentPlayQueue.push(this.getPlayPromise(t, i)), this.actionPromiseQueue();
+    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();
     });
   }
   /**
    * @description: getPlayPromise
    */
-  getPlayPromise(e) {
-    return y(this, arguments, function* (t, i = {}) {
-      var p;
-      const r = t.data;
-      if (i.duration = (p = i.duration) != null ? p : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!r)
-        return new Promise((s, a) => {
-          let m = !1;
+  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;
           this.addInterruptListener(() => {
-            if (!m)
-              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), m = !0, a(new Error("play is interupted"));
+            if (!e)
+              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), e = !0, m(new Error("play is interupted"));
           });
           try {
-            if (m)
+            if (e)
               return;
-            const o = () => {
-              s(), m = !0;
+            const a = () => {
+              s(), e = !0;
             };
-            switch (r.effect) {
+            switch (o.effect) {
               case "Move":
-                this.move(r, i).then(o);
+                this.move(o, i).then(a);
                 break;
               case "Rotate":
-                this.rotate(r, i).then(o);
+                this.rotate(o, i).then(a);
                 break;
               default:
-                this.rotate(r, i).then(o);
+                this.rotate(o, i).then(a);
             }
-          } catch (o) {
+          } catch (a) {
           }
         });
     });
@@ -637,19 +652,19 @@ class ia extends G {
    * @description Action promise queue in sequence
    */
   actionPromiseQueue() {
-    return y(this, null, function* () {
+    return g(this, null, function* () {
       const { privateState: t } = this;
-      return new Promise((i, e) => {
+      return new Promise((i, r) => {
         if (t.currentPlayQueue.length === 0) {
           i();
           return;
         }
-        const r = t.currentPlayQueue.shift();
-        if (!r) {
+        const o = t.currentPlayQueue.shift();
+        if (!o) {
           i();
           return;
         }
-        r.then(i, e);
+        o.then(i, r);
       }).then(() => t.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
     });
   }
@@ -657,52 +672,103 @@ class ia extends G {
    * @description Action move keyframe
    */
   move(t, i) {
-    return y(this, null, function* () {
-      if (t.mode && t.mode !== this.five.currentMode)
-        yield this.changeMode(t);
-      else if (t.panoIndex !== this.five.panoIndex)
-        yield this.changePano(t, i);
-      else
-        return Promise.resolve();
+    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();
     });
   }
   /**
    * @description Action rotate keyframe
    */
   rotate(t, i) {
-    return y(this, null, function* () {
-      if (t.mode && t.mode !== this.five.currentMode)
+    return g(this, null, function* () {
+      var r;
+      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);
+      yield this.updateCamera(t, i), t.audio && !((r = this.privateState.audio) != null && r.pause) && (this.loadAudio(t.audio), yield this.playAudio());
     });
   }
   /**
    * @description Update five camera
    */
-  updateCamera(e) {
-    return y(this, arguments, function* (t, i = {}) {
-      const { five: r, privateState: p, state: s } = this, a = (() => {
-        var d, u;
-        const n = (d = s.config) == null ? void 0 : d.speedConfig, f = (u = t.rotateSpeed) != null ? u : n == null ? void 0 : n.rotateSpeed;
-        if ((n == null ? void 0 : n.rotateSpeedUnit) === void 0)
-          return f;
-        if (f !== void 0)
-          return n.rotateSpeedUnit === "rad/ms" ? f : f / 1e3;
-      })(), m = (() => {
-        if (i.duration)
-          return i.duration;
-        if (a) {
-          const n = this.five.getCurrentState();
-          return L(n, t) / a;
-        }
-        return 800;
-      })();
-      p.currentPlayKeyframe && (p.currentPlayKeyframe.originDuration = m);
-      const o = this.getSpeededDuration(m);
-      return new Promise((n) => {
-        T(() => r.updateCamera(t, o)), setTimeout(() => n(), o);
+  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(
+          () => {
+            var c;
+            return o.updateCameraWithKeyframes(
+              [
+                {
+                  progress: 0,
+                  value: {
+                    longitude: e.longitude,
+                    latitude: e.latitude,
+                    fov: e.fov,
+                    offset: e.offset.clone(),
+                    distance: e.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
+                  }
+                },
+                {
+                  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
+                  }
+                },
+                {
+                  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
+                  }
+                },
+                {
+                  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
+                  }
+                }
+              ],
+              l
+            );
+          }
+        ), setTimeout(() => d(), l);
       });
     });
   }
@@ -710,40 +776,40 @@ class ia extends G {
    * @description: Change five pano
    */
   changePano(t, i) {
-    return y(this, null, function* () {
-      const { five: e, privateState: r, state: p } = this;
-      if (typeof t.panoIndex != "number" || t.panoIndex === e.panoIndex)
+    return g(this, null, function* () {
+      const { five: r, privateState: o, state: n } = this;
+      if (typeof t.panoIndex != "number" || t.panoIndex === r.panoIndex)
         return;
-      const s = e.getCurrentState().mode !== "Panorama";
+      const s = r.getCurrentState().mode !== "Panorama";
       s && (this.privateState.modeChanging = !0);
-      const a = (() => {
-        var f, d;
-        const o = (f = p.config) == null ? void 0 : f.speedConfig, n = (d = t.moveSpeed) != null ? d : o == null ? void 0 : o.moveSpeed;
-        if ((o == null ? void 0 : o.moveSpeedUnit) === void 0)
-          return n;
-        if (n !== void 0)
-          return o.moveSpeedUnit === "m/ms" ? n : n / 1e3;
-      })(), m = (() => {
+      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 (a && typeof e.panoIndex == "number" && typeof t.panoIndex == "number") {
-          const o = this.workUtil.getObserverPosition(e.panoIndex), n = this.workUtil.getObserverPosition(t.panoIndex);
-          return o && n ? o.distanceTo(n) / a : 800;
+        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;
         }
         return 800;
       })();
-      r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = m), yield new Promise((o) => {
-        var f, d, u;
-        const n = this.fiveUtil.moveToPano(t.panoIndex, {
+      o.currentPlayKeyframe && (o.currentPlayKeyframe.originDuration = e), yield new Promise((a) => {
+        var u, l, d;
+        const p = this.fiveUtil.moveToPano(t.panoIndex, {
           latitude: t.latitude,
           longitude: t.longitude,
           fov: t.fov,
-          duration: this.getSpeededDuration(m),
-          effect: (u = (d = i == null ? void 0 : i.moveEffect) != null ? d : (f = this.state.config) == null ? void 0 : f.moveEffect) != null ? u : t.moveEffect,
-          moveCancelCallback: () => o(),
-          moveEndCallback: () => o()
+          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()
         });
-        n instanceof Promise && n.then(() => o()), s && e.once("panoArrived", () => o());
+        p instanceof Promise && p.then(() => a()), s && r.once("panoArrived", () => a());
       }), s && (this.privateState.modeChanging = !1);
     });
   }
@@ -751,11 +817,34 @@ class ia extends G {
    * @description Change five mode
    */
   changeMode(t, i) {
-    return y(this, null, function* () {
+    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);
     });
   }
+  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;
+    }
+  }
+  playAudio() {
+    return g(this, null, function* () {
+      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);
+      }));
+    });
+  }
 }
 export {
-  ia as default
+  um as default
 };