@realsee/dnalogel 3.5.0-dev.1 → 3.5.0-dev.2

package/libs/CruisePlugin/Work.js

@@ -1,42 +1,43 @@
-var G = Object.defineProperty, K = Object.defineProperties;
-var T = Object.getOwnPropertyDescriptors;
-var C = Object.getOwnPropertySymbols;
-var A = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
-var k = (h, f, e) => f in h ? G(h, f, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[f] = e, g = (h, f) => {
-  for (var e in f || (f = {}))
-    A.call(f, e) && k(h, e, f[e]);
-  if (C)
-    for (var e of C(f))
-      U.call(f, e) && k(h, e, f[e]);
+var D = Object.defineProperty, C = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var I = (h, l, t) => l in h ? D(h, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[l] = t, g = (h, l) => {
+  for (var t in l || (l = {}))
+    L.call(l, t) && I(h, t, l[t]);
+  if (E)
+    for (var t of E(l))
+      T.call(l, t) && I(h, t, l[t]);
   return h;
-}, x = (h, f) => K(h, T(f));
-var S = (h, f, e) => (k(h, typeof f != "symbol" ? f + "" : f, e), e);
-var y = (h, f, e) => new Promise((t, r) => {
-  var i = (p) => {
+}, x = (h, l) => C(h, K(l));
+var k = (h, l, t) => (I(h, typeof l != "symbol" ? l + "" : l, t), t);
+var y = (h, l, t) => new Promise((i, r) => {
+  var e = (d) => {
     try {
-      s(e.next(p));
-    } catch (a) {
-      r(a);
+      s(t.next(d));
+    } catch (o) {
+      r(o);
     }
-  }, n = (p) => {
+  }, n = (d) => {
     try {
-      s(e.throw(p));
-    } catch (a) {
-      r(a);
+      s(t.throw(d));
+    } catch (o) {
+      r(o);
     }
-  }, s = (p) => p.done ? t(p.value) : Promise.resolve(p.value).then(i, n);
-  s((e = e.apply(h, f)).next());
+  }, s = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(e, n);
+  s((t = t.apply(h, l)).next());
 });
-import { Controller as Q } from "../base/BasePluginWithData.js";
-import { GuideLinePlugin as $ } from "../GuideLinePlugin/index.js";
-import { uuid as I } from "../shared-utils/uuid.js";
-import { coordinatesAngle as O } from "./utils/coordinatesAngle.js";
-import { safeCall as _ } from "./utils/safeCall.js";
-import { equal as V } from "../shared-utils/equal.js";
-import * as R from "three";
-import { sleep as N } from "./utils/sleep.js";
-import { waitFiveLoaded as j } from "../shared-utils/five/fiveLoaded.js";
-import { vectorToCoordinates as W } from "../shared-utils/vectorToCoordinate.js";
+import { GuideLinePlugin as M } from "../GuideLinePlugin/index.js";
+import { uuid as S } from "../shared-utils/uuid.js";
+import { coordinatesAngle as A } from "./utils/coordinatesAngle.js";
+import { safeCall as G } from "./utils/safeCall.js";
+import * as O from "three";
+import { sleep as Q } from "./utils/sleep.js";
+import { waitFiveLoaded as U } from "../shared-utils/five/fiveLoaded.js";
+import { vectorToCoordinates as _ } from "../shared-utils/vectorToCoordinate.js";
+import R from "./BaseController.js";
+import "../GuideLinePlugin/Controller.js";
+import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "hammerjs";
@@ -58,7 +59,8 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/url/absoluteUrl.js";
-import "../GuideLinePlugin/Controller.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
 import "../GuideLinePlugin/GuideLineItem/index.js";
 import "../GuideLinePlugin/GuideLineModeItem/index.js";
 import "../shared-utils/log.js";
@@ -196,23 +198,15 @@ import "../shared-utils/to.js";
 import "../shared-utils/five/changeMode.js";
 import "../shared-utils/nearlyEqual.js";
 import "./Move.js";
-import "./CruiseController.js";
-import "../shared-utils/isTruelyObject.js";
 import "./utils/getFiveStateOnCurve.js";
 import "../shared-utils/formatRad.js";
 import "./Work.js";
 import "./utils/coordinatesToVector.js";
-const F = "CruisePlugin", b = `${F}`, nr = (h) => `${b}--${h}`, D = () => {
-  console.error(`${b} is disposed`);
-}, H = () => {
-  console.warn(`${b} is disabled`);
-}, J = () => {
-  console.error(`${b} is disabled`);
-}, w = /* @__PURE__ */ new Map();
-class mr extends Q {
-  constructor(e, t) {
-    super(e, t);
-    S(this, "state", {
+const V = /* @__PURE__ */ new Map();
+class er extends R {
+  constructor(t, i) {
+    super(t, i);
+    k(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1,
@@ -227,164 +221,103 @@ class mr extends Q {
         }
       }
     });
-    S(this, "data");
-    S(this, "config");
-    S(this, "privateState", {
+    k(this, "privateState", {
       playing: !1,
       currentPlayQueue: [],
       currentPlayKeyframe: null,
       broke: !1,
       modeChanging: !1
     });
-    S(this, "GuideLine");
-    this.config = t, Object.assign(window, { [`__${F}_DEBUG__`]: this });
+    this.config = i, Object.assign(window, { __WalkPlugin_DEBUG__: this });
   }
   /**
    * @description Load Data and State
    */
-  load(e, t, r) {
+  load(t, i, r) {
     return y(this, null, function* () {
-      var o, m;
+      var a, m;
       if (this.state.disposed)
-        return D();
+        return this.disposedErrorLog();
       this.clear();
-      const i = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(e);
-      this.data = n, this.hooks.emit("dataChange", n, i);
-      let s = [], p;
-      const a = this.data.keyframes.filter((d) => d.data.panoIndex !== void 0);
-      a.filter((d, l) => {
+      const e = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(t);
+      this.data = g({ id: n.keyframesId }, n), this.hooks.emit("dataChange", n, e);
+      let s = [], d;
+      const o = this.data.keyframes.filter((p) => p.data.panoIndex !== void 0);
+      o.filter((p, f) => {
         var u;
-        return d.data.panoIndex !== ((u = a[l - 1]) == null ? void 0 : u.data.panoIndex);
-      }).map((d) => d.data.panoIndex).forEach((d) => {
+        return p.data.panoIndex !== ((u = o[f - 1]) == null ? void 0 : u.data.panoIndex);
+      }).map((p) => p.data.panoIndex).forEach((p) => {
         var u, v;
-        const l = (u = this.five.work.observers[d]) == null ? void 0 : u.floorIndex;
-        if (l !== void 0)
-          if (p === l) {
+        const f = (u = this.five.work.observers[p]) == null ? void 0 : u.floorIndex;
+        if (f !== void 0)
+          if (d === f) {
             const c = s.length - 1;
-            s[c] = [...(v = s[c]) != null ? v : [], d];
+            s[c] = [...(v = s[c]) != null ? v : [], p];
           } else {
-            p = l;
+            d = f;
             const c = s.length;
-            s[c] = [d];
+            s[c] = [p];
           }
-      }), !this.GuideLine && ((o = this.config) == null ? void 0 : o.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = $(this.five, this.config)), (m = this.GuideLine) == null || m.load({ routes: s.map((d) => ({ panoIndexList: d })), config: n.guildPluginOptions }), t ? this.setState(t, { 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(`${b} loaded`, n), this.hooks.emit("dataLoaded", n);
+      }), !this.GuideLine && ((a = this.config) == null ? void 0 : a.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = M(this.five, this.config)), (m = this.GuideLine) == null || m.load({ routes: s.map((p) => ({ panoIndexList: p })), 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);
     });
   }
-  /**
-   * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
-   */
-  play(e) {
-    this.setState({ playing: !0 }, e);
-  }
   /**
    * @description If playing, first pause, then play from keyframes index/id
    * @param {number} options.index play from keyframes index
    * @param {string} options.id play from keyframes id
    */
-  playFrom(e) {
-    const { index: t, id: r, userAction: i } = e;
-    this.state.playing && this.setState({ playing: !1 }, { userAction: i }), this.setState({ playing: !0 }, { userAction: i, playFromIndex: t, playFromId: r });
+  playFrom(t) {
+    const { index: i, id: r, userAction: e } = t;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: e }), this.setState({ playing: !0 }, { userAction: e, playFromIndex: i, playFromId: r });
   }
   /**
    * @description Play from first keyframe
    */
-  playFromStart(e) {
-    return this.playFrom(x(g({}, e), { index: 0 }));
-  }
-  /**
-   * @description Pause
-   */
-  pause(e) {
-    this.setState({ playing: !1 }, e);
-  }
-  /**
-   * @description Show guide line
-   */
-  show(e) {
-    return y(this, null, function* () {
-      this.setState({ visible: !0 }, e);
-    });
-  }
-  /**
-   * @description Hide guide line
-   */
-  hide(e) {
-    return y(this, null, function* () {
-      this.setState({ visible: !1 }, e);
-    });
-  }
-  /**
-   * @description Enable
-   */
-  enable(e) {
-    this.setState({ enabled: !0 }, e);
-  }
-  /**
-   * @description Disable
-   */
-  disable(e) {
-    this.setState({ enabled: !1 }, e);
-  }
-  /**
-   * @description Dispose
-   */
-  dispose() {
-    this.setState({ disposed: !0 });
-  }
-  /**
-   * @description Set state
-   */
-  setState(e, t) {
-    var i;
-    if (this.state.disposed)
-      return D();
-    if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
-      return J();
-    const r = g({}, this.state);
-    this.state = g(g({}, this.state), e), e.disposed !== void 0 && e.disposed !== r.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== r.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== r.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== r.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), V(r, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: r, userAction: (i = t == null ? void 0 : t.userAction) != null ? i : !0 });
+  playFromStart(t) {
+    return this.playFrom(x(g({}, t), { index: 0 }));
   }
   /**
    * @description Format data
    */
-  formatData(e) {
+  formatData(t) {
     return y(this, null, function* () {
-      this.five.work || (yield j(this.five));
-      const t = this.five.work.observers, r = (() => {
-        const i = e;
-        return typeof i == "object" && i !== null && i.version && i.data ? i.data : i;
+      this.five.work || (yield U(this.five));
+      const i = this.five.work.observers, r = (() => {
+        const e = t;
+        return typeof e == "object" && e !== null && e.version && e.data ? e.data : e;
       })();
       if (r.keyframes)
         return {
-          keyframesId: I(),
-          keyframes: r.keyframes.map((i, n) => {
-            var a;
-            const s = r.keyframes[n + 1], p = (() => !s || s.start === void 0 || i.end === void 0 ? 0 : s.start - i.end)();
-            return x(g({ id: (a = i.uuid) != null ? a : I(), moveIndex: n, stay: p, index: n }, i), { guildPluginOptions: r.guildPluginOptions });
+          keyframesId: S(),
+          keyframes: r.keyframes.map((e, n) => {
+            var o;
+            const s = r.keyframes[n + 1], d = (() => !s || s.start === void 0 || e.end === void 0 ? 0 : s.start - e.end)();
+            return x(g({ id: (o = e.uuid) != null ? o : S(), moveIndex: n, stay: d, index: n }, e), { guildPluginOptions: r.guildPluginOptions });
           })
         };
       if (r.panoIndexList) {
-        let i = [];
-        const { moveEffect: n, moveToFirstPanoEffect: s, moveToFirstPanoDuration: p } = r;
-        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = p, r.panoIndexList.forEach((a, o) => {
+        let e = [];
+        const { moveEffect: n, moveToFirstPanoEffect: s, moveToFirstPanoDuration: d } = r;
+        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = d, r.panoIndexList.forEach((o, a) => {
           const m = (() => {
-            var c, P, E, L;
-            const d = r.panoIndexList.slice(o).find((M) => M !== a);
-            if (d === void 0)
+            var c, P, w, b;
+            const p = r.panoIndexList.slice(a).find((F) => F !== o);
+            if (p === void 0)
               return;
-            const l = (c = t[a]) == null ? void 0 : c.position, u = (P = t[d]) == null ? void 0 : P.position;
-            if (!u || !l || ((E = t[a]) == null ? void 0 : E.floorIndex) !== ((L = t[d]) == null ? void 0 : L.floorIndex))
+            const f = (c = i[o]) == null ? void 0 : c.position, u = (P = i[p]) == null ? void 0 : P.position;
+            if (!u || !f || ((w = i[o]) == null ? void 0 : w.floorIndex) !== ((b = i[p]) == null ? void 0 : b.floorIndex))
               return;
-            const v = new R.Vector3().subVectors(u, l);
-            return W(v.normalize());
+            const v = new O.Vector3().subVectors(u, f);
+            return _(v.normalize());
           })();
-          r.moveType === void 0 || r.moveType === "justMove" ? i.push({
-            moveIndex: o,
+          r.moveType === void 0 || r.moveType === "justMove" ? e.push({
+            moveIndex: a,
             stay: r.stay,
-            data: g({ effect: "Move", panoIndex: a, moveEffect: n }, m != null ? m : {})
-          }) : r.moveType === "moveAndRotate" && (i.push({ moveIndex: o, stay: r.stay, data: { effect: "Move", panoIndex: a, moveEffect: n } }), m && i.push({ moveIndex: o, stay: r.stay, data: g({ effect: "Rotate", panoIndex: a }, m) }));
+            data: g({ effect: "Move", panoIndex: o, moveEffect: n }, m != null ? m : {})
+          }) : r.moveType === "moveAndRotate" && (e.push({ moveIndex: a, stay: r.stay, data: { effect: "Move", panoIndex: o, moveEffect: n } }), m && e.push({ moveIndex: a, stay: r.stay, data: g({ effect: "Rotate", panoIndex: o }, m) }));
         }), {
-          keyframesId: I(),
-          keyframes: i.map((a, o) => g({ id: I(), index: o }, a)),
+          keyframesId: S(),
+          keyframes: e.map((o, a) => g({ id: S(), index: a }, o)),
           guildPluginOptions: r.guildPluginOptions,
           useGuildLine: r.useGuildLine
         };
@@ -392,139 +325,147 @@ class mr extends Q {
         throw new Error("format error: data no keyframes or no panoIndexList");
     });
   }
-  handleEnable(e, t = !0) {
-    var r, i;
-    e ? ((r = this.GuideLine) == null || r.enable(), this.hooks.emit("enable", { userAction: t })) : ((i = this.GuideLine) == null || i.disable(), this.changePlayState(!1, { userAction: t }), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
-  }
-  handleVisible(e, t = !0) {
-    var r, i;
-    e ? ((r = this.GuideLine) == null || r.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : ((i = this.GuideLine) == null || i.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
-  }
-  changePlayState(e, t) {
-    this.actionIfStateIsEnabled(
-      () => {
-        var r;
-        return this.hooks.emit("playStateChange", e ? "playing" : "pause", { userAction: (r = t == null ? void 0 : t.userAction) != null ? r : !0 });
-      }
-    ), e ? this.handlePlay(t) : this.handlePause(t), this.state.playing = e;
-  }
   /**
    * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
    * @param {number} options.playFromIndex play from keyframes index
    * @param {string} options.playFromId play from keyframes id
    */
   // eslint-disable-next-line complexity
-  handlePlay(e) {
+  handlePlay(t) {
     return y(this, null, function* () {
-      var l;
-      const { data: t, state: r, privateState: i, hooks: n } = this;
-      if (i.playing || !(t != null && t.keyframes) || (t == null ? void 0 : t.keyframes.length) === 0)
+      var f;
+      const { data: i, state: r, privateState: e, hooks: n } = this;
+      if (e.playing || !(i != null && i.keyframes) || (i == null ? void 0 : i.keyframes.length) === 0)
         return;
-      const s = I();
-      i.playId = s, i.playing = !0, i.broke = !1;
-      const p = t.keyframes, a = this.getPauseData();
-      (e == null ? void 0 : e.notEmitEvent) !== !0 && n.emit("play", { userAction: (l = e == null ? void 0 : e.userAction) != null ? l : !0 });
-      let o = !1;
-      const d = yield (() => y(this, null, function* () {
+      const s = S();
+      e.playId = s, e.playing = !0, e.broke = !1;
+      const d = i.keyframes, o = this.getPauseData();
+      (t == null ? void 0 : t.notEmitEvent) !== !0 && n.emit("play", { userAction: (f = t == null ? void 0 : t.userAction) != null ? f : !0 });
+      let a = !1;
+      const p = yield (() => y(this, null, function* () {
         var u, v;
-        if ((e == null ? void 0 : e.playFromIndex) !== void 0)
-          return e.playFromIndex;
-        if ((e == null ? void 0 : e.playFromId) !== void 0)
-          return (u = this.data) == null ? void 0 : u.keyframes.findIndex((c) => c.id === e.playFromId);
-        if (a != null && a.id) {
-          const c = (v = this.data) == null ? void 0 : v.keyframes.find((P) => P.id === a.id);
-          if (a != null && a.fiveState && (yield this.move(a.fiveState, {
-            moveEffect: i.moveToFirstPanoEffect,
-            duration: i.moveToFirstPanoDuration
+        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 (o != null && o.id) {
+          const c = (v = this.data) == null ? void 0 : v.keyframes.find((P) => P.id === o.id);
+          if (o != null && o.fiveState && (yield this.move(o.fiveState, {
+            moveEffect: e.moveToFirstPanoEffect,
+            duration: e.moveToFirstPanoDuration
           })), c) {
             if (c.data.effect === "Move")
               return c.index;
             if (c.data.effect === "Rotate") {
-              const P = a.duration !== void 0 ? a.duration * (1 - a.playedProgress) : void 0;
-              return yield this.playKeyframe(c, { duration: P }), o = !0, c.index + 1;
+              const P = o.duration !== void 0 ? o.duration * (1 - o.playedProgress) : void 0;
+              return yield this.playKeyframe(c, { duration: P }), a = !0, c.index + 1;
             }
           }
         }
       }))();
       this.clearPauseData();
-      for (const u of p) {
-        if (i.broke || !r.playing || !i.playing || s !== i.playId)
+      for (const u of d) {
+        if (e.broke || !r.playing || !e.playing || s !== e.playId)
           return;
-        if (!(d !== void 0 && u.index < d))
+        if (!(p !== void 0 && u.index < p))
           try {
             n.emit("playIndexChange", u.index, u), yield this.playKeyframe(u, {
-              moveEffect: o === !1 ? i.moveToFirstPanoEffect : void 0,
-              duration: o === !1 && typeof i.moveToFirstPanoDuration == "number" ? i.moveToFirstPanoDuration : void 0
-            }), u.stay && (yield N(u.stay)), o === !1 && (o = !0);
+              moveEffect: a === !1 ? e.moveToFirstPanoEffect : void 0,
+              duration: a === !1 && typeof e.moveToFirstPanoDuration == "number" ? e.moveToFirstPanoDuration : void 0
+            }), u.stay && (yield Q(u.stay)), a === !1 && (a = !0);
           } catch (v) {
             return console.error(v), Promise.resolve("broke");
           }
       }
-      r.playing && s === i.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
+      r.playing && s === e.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
     });
   }
   /**
    * @description: Pause and record pause state
    */
-  handlePause(e) {
+  handlePause(t) {
     var n;
-    const { state: t, privateState: r, hooks: i } = this;
-    t.playing = !1, r.playing !== !1 && (r.playing = !1, (e == null ? void 0 : e.userAction) !== !1 && this.setPauseData(), r.broke || this.forceInteruptUpdateCamera(), (e == null ? void 0 : e.notEmitEvent) !== !0 && i.emit("pause", { userAction: (n = e == null ? void 0 : e.userAction) != null ? n : !0 }));
+    const { state: i, privateState: r, hooks: e } = this;
+    i.playing = !1, r.playing !== !1 && (r.playing = !1, (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), r.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && e.emit("pause", { userAction: (n = t == null ? void 0 : t.userAction) != null ? n : !0 }));
+  }
+  /**
+   * @description: Change play speed
+   */
+  changeSpeed(t, i = !0) {
+    const { state: r, privateState: e, hooks: n } = this, { currentPlayKeyframe: s } = e;
+    if (n.emit("speedChange", t, { userAction: i }), r.playing && s)
+      try {
+        const d = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, o = this.playKeyframe(s.keyframe, { duration: d });
+        e.currentPlayQueue.push(o);
+      } catch (d) {
+      }
+  }
+  /**
+   * @description Get ratate progress
+   */
+  getProgress() {
+    return this.five.controller.cameraMotion.progress;
+  }
+  /**
+   * @description Set pause data
+   */
+  setPauseData() {
+    var t, i, r, e;
+    if ((t = this.data) != null && t.keyframesId)
+      return V.set((i = this.data) == null ? void 0 : i.keyframesId, {
+        id: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.keyframe.id,
+        fiveState: this.five.getCurrentState(),
+        duration: (e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.originDuration,
+        playedProgress: this.getProgress()
+      });
+  }
+  /**
+   * @description: Restore state that before loaded
+   */
+  clear() {
+    this.clearPauseData(), this.privateState.currentPlayKeyframe = null;
   }
   /**
    * @description Play single keyframe
    */
-  playKeyframe(e, t) {
+  playKeyframe(t, i) {
     return y(this, null, function* () {
-      var i;
+      var e;
       const { privateState: r } = this;
-      return ((i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id) !== e.id && (this.privateState.currentPlayKeyframe = { keyframe: e }), r.currentPlayQueue.push(this.getPlayPromise(e, t)), this.actionPromiseQueue();
+      return ((e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), r.currentPlayQueue.push(this.getPlayPromise(t, i)), this.actionPromiseQueue();
     });
   }
-  /**
-   * @description: listen interupted by five gesture
-   */
-  addInterruptListener(e) {
-    const t = () => {
-      this.privateState.modeChanging || e();
-    }, r = (i) => {
-      i !== "mouseMove" && e();
-    };
-    return this.five.once("gesture", r), this.five.once("wantsChangeMode", t), () => {
-      this.five.off("gesture", r), this.five.once("wantsChangeMode", t);
-    };
-  }
   /**
    * @description: getPlayPromise
    */
   getPlayPromise(r) {
-    return y(this, arguments, function* (e, t = {}) {
+    return y(this, arguments, function* (t, i = {}) {
       var n;
-      const i = e.data;
-      if (t.duration = (n = t.duration) != null ? n : e.start !== void 0 && e.end !== void 0 ? e.end - e.start : void 0, !!i)
-        return new Promise((s, p) => {
-          let a = !1;
+      const e = t.data;
+      if (i.duration = (n = i.duration) != null ? n : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!e)
+        return new Promise((s, d) => {
+          let o = !1;
           this.addInterruptListener(() => {
-            if (!a)
-              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), a = !0, p(new Error("play is interupted"));
+            if (!o)
+              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), o = !0, d(new Error("play is interupted"));
           });
           try {
-            if (a)
+            if (o)
               return;
-            const o = () => {
-              s(), a = !0;
+            const a = () => {
+              s(), o = !0;
             };
-            switch (i.effect) {
+            switch (e.effect) {
               case "Move":
-                this.move(i, t).then(o);
+                this.move(e, i).then(a);
                 break;
               case "Rotate":
-                this.rotate(i, t).then(o);
+                this.rotate(e, i).then(a);
                 break;
               default:
-                this.rotate(i, t).then(o);
+                this.rotate(e, i).then(a);
             }
-          } catch (o) {
+          } catch (a) {
           }
         });
     });
@@ -534,30 +475,30 @@ class mr extends Q {
    */
   actionPromiseQueue() {
     return y(this, null, function* () {
-      const { privateState: e } = this;
-      return new Promise((t, r) => {
-        if (e.currentPlayQueue.length === 0) {
-          t();
+      const { privateState: t } = this;
+      return new Promise((i, r) => {
+        if (t.currentPlayQueue.length === 0) {
+          i();
           return;
         }
-        const i = e.currentPlayQueue.shift();
-        if (!i) {
-          t();
+        const e = t.currentPlayQueue.shift();
+        if (!e) {
+          i();
           return;
         }
-        i.then(t, r);
-      }).then(() => e.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
+        e.then(i, r);
+      }).then(() => t.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
     });
   }
   /**
    * @description Action move keyframe
    */
-  move(e, t) {
+  move(t, i) {
     return y(this, null, function* () {
-      if (e.mode && e.mode !== this.five.currentMode)
-        yield this.changeMode(e);
-      else if (e.panoIndex !== this.five.panoIndex)
-        yield this.changePano(e, t);
+      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();
     });
@@ -565,168 +506,92 @@ class mr extends Q {
   /**
    * @description Action rotate keyframe
    */
-  rotate(e, t) {
+  rotate(t, i) {
     return y(this, null, function* () {
-      if (e.mode && e.mode !== this.five.currentMode)
-        yield this.changeMode({ mode: e.mode, panoIndex: e.panoIndex });
-      else if (e.panoIndex && e.panoIndex !== this.five.panoIndex)
-        return yield this.changePano(e, t);
-      yield this.updateCamera(e, t);
+      if (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);
     });
   }
   /**
    * @description Update five camera
    */
   updateCamera(r) {
-    return y(this, arguments, function* (e, t = {}) {
-      const { five: i, privateState: n, state: s } = this, p = (() => {
-        var l, u;
-        const m = (l = s.config) == null ? void 0 : l.speedConfig, d = (u = e.rotateSpeed) != null ? u : m == null ? void 0 : m.rotateSpeed;
+    return y(this, arguments, function* (t, i = {}) {
+      const { five: e, privateState: n, state: s } = this, d = (() => {
+        var f, u;
+        const m = (f = s.config) == null ? void 0 : f.speedConfig, p = (u = t.rotateSpeed) != null ? u : m == null ? void 0 : m.rotateSpeed;
         if ((m == null ? void 0 : m.rotateSpeedUnit) === void 0)
-          return d;
-        if (d !== void 0)
-          return m.rotateSpeedUnit === "rad/ms" ? d : d / 1e3;
-      })(), a = (() => {
-        if (t.duration)
-          return t.duration;
-        if (p) {
+          return p;
+        if (p !== void 0)
+          return m.rotateSpeedUnit === "rad/ms" ? p : p / 1e3;
+      })(), o = (() => {
+        if (i.duration)
+          return i.duration;
+        if (d) {
           const m = this.five.getCurrentState();
-          return O(m, e) / p;
+          return A(m, t) / d;
         }
         return 800;
       })();
-      n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = a);
-      const o = this.getSpeededDuration(a);
+      n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = o);
+      const a = this.getSpeededDuration(o);
       return new Promise((m) => {
-        _(() => i.updateCamera(e, o)), setTimeout(() => m(), o);
+        G(() => e.updateCamera(t, a)), setTimeout(() => m(), a);
       });
     });
   }
   /**
    * @description: Change five pano
    */
-  changePano(e, t) {
+  changePano(t, i) {
     return y(this, null, function* () {
-      const { five: r, privateState: i, state: n } = this;
-      if (typeof e.panoIndex != "number" || e.panoIndex === r.panoIndex)
+      const { five: r, privateState: e, state: n } = this;
+      if (typeof t.panoIndex != "number" || t.panoIndex === r.panoIndex)
         return;
       const s = r.getCurrentState().mode !== "Panorama";
       s && (this.privateState.modeChanging = !0);
-      const p = (() => {
-        var d, l;
-        const o = (d = n.config) == null ? void 0 : d.speedConfig, m = (l = e.moveSpeed) != null ? l : o == null ? void 0 : o.moveSpeed;
-        if ((o == null ? void 0 : o.moveSpeedUnit) === void 0)
+      const d = (() => {
+        var p, f;
+        const a = (p = n.config) == null ? void 0 : p.speedConfig, m = (f = t.moveSpeed) != null ? f : a == null ? void 0 : a.moveSpeed;
+        if ((a == null ? void 0 : a.moveSpeedUnit) === void 0)
           return m;
         if (m !== void 0)
-          return o.moveSpeedUnit === "m/ms" ? m : m / 1e3;
-      })(), a = (() => {
-        if (t != null && t.duration)
-          return t.duration;
-        if (p && typeof r.panoIndex == "number" && typeof e.panoIndex == "number") {
-          const o = r.work.observers[r.panoIndex].position, m = r.work.observers[e.panoIndex].position;
-          return o.distanceTo(m) / p;
+          return a.moveSpeedUnit === "m/ms" ? m : m / 1e3;
+      })(), o = (() => {
+        if (i != null && i.duration)
+          return i.duration;
+        if (d && typeof r.panoIndex == "number" && typeof t.panoIndex == "number") {
+          const a = r.work.observers[r.panoIndex].position, m = r.work.observers[t.panoIndex].position;
+          return a.distanceTo(m) / d;
         }
         return 800;
       })();
-      i.currentPlayKeyframe && (i.currentPlayKeyframe.originDuration = a), yield new Promise((o) => {
-        var m, d, l;
-        r.moveToPano(e.panoIndex, {
-          latitude: e.latitude,
-          longitude: e.longitude,
-          fov: e.fov,
-          duration: this.getSpeededDuration(a),
-          effect: (l = (d = t == null ? void 0 : t.moveEffect) != null ? d : (m = this.state.config) == null ? void 0 : m.moveEffect) != null ? l : e.moveEffect,
-          moveCancelCallback: () => o(),
-          moveEndCallback: () => o()
-        }), s && r.once("panoArrived", () => o());
+      e.currentPlayKeyframe && (e.currentPlayKeyframe.originDuration = o), yield new Promise((a) => {
+        var m, p, f;
+        r.moveToPano(t.panoIndex, {
+          latitude: t.latitude,
+          longitude: t.longitude,
+          fov: t.fov,
+          duration: this.getSpeededDuration(o),
+          effect: (f = (p = i == null ? void 0 : i.moveEffect) != null ? p : (m = this.state.config) == null ? void 0 : m.moveEffect) != null ? f : t.moveEffect,
+          moveCancelCallback: () => a(),
+          moveEndCallback: () => a()
+        }), s && r.once("panoArrived", () => a());
       }), s && (this.privateState.modeChanging = !1);
     });
   }
-  /**
-   * @description: Change play speed
-   */
-  changeSpeed(e, t = !0) {
-    const { state: r, privateState: i, hooks: n } = this, { currentPlayKeyframe: s } = i;
-    if (n.emit("speedChange", e, { userAction: t }), r.playing && s)
-      try {
-        const p = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, a = this.playKeyframe(s.keyframe, { duration: p });
-        i.currentPlayQueue.push(a);
-      } catch (p) {
-      }
-  }
-  /**
-   * @description Get duration by speed
-   */
-  getSpeededDuration(e) {
-    return e / this.state.speed;
-  }
-  /**
-   * @description Get ratate progress
-   */
-  getProgress() {
-    return this.five.controller.cameraMotion.progress;
-  }
   /**
    * @description Change five mode
    */
-  changeMode(e, t) {
+  changeMode(t, i) {
     return y(this, null, function* () {
-      e.mode && e.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(e.mode, e, t), this.privateState.modeChanging = !1);
+      t.mode && t.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(t.mode, t, i), this.privateState.modeChanging = !1);
     });
   }
-  /**
-   * @description Force interupt five updateCamera
-   */
-  forceInteruptUpdateCamera() {
-    this.five.updateCamera({}, 0);
-  }
-  getPauseData() {
-    var e, t;
-    if ((e = this.data) != null && e.keyframesId)
-      return w.get((t = this.data) == null ? void 0 : t.keyframesId);
-  }
-  /**
-   * @description Set pause data
-   */
-  setPauseData() {
-    var e, t, r, i;
-    if ((e = this.data) != null && e.keyframesId)
-      return w.set((t = this.data) == null ? void 0 : t.keyframesId, {
-        id: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.keyframe.id,
-        fiveState: this.five.getCurrentState(),
-        duration: (i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.originDuration,
-        playedProgress: this.getProgress()
-      });
-  }
-  /**
-   * @description Clear pause data
-   */
-  clearPauseData() {
-    var e, t;
-    if ((e = this.data) != null && e.keyframesId)
-      return w.delete((t = this.data) == null ? void 0 : t.keyframesId);
-  }
-  /**
-   * @description: Restore state that before loaded
-   */
-  clear() {
-    this.clearPauseData(), this.privateState.currentPlayKeyframe = null;
-  }
-  // TODO
-  handleDispose() {
-    var e;
-    this.setState({ playing: !1 }), this.clearPauseData(), this.clear(), (e = this.GuideLine) == null || e.dispose(), this.GuideLine = void 0;
-  }
-  /**
-   * @description Action function if plugin is enable
-   */
-  actionIfStateIsEnabled(e, t) {
-    if (this.state.enabled)
-      return e();
-    t != null && t.warnLog && H();
-  }
 }
 export {
-  mr as default,
-  nr as pluginFlag
+  er as default
 };