@realsee/dnalogel 2.16.0-1 → 2.16.0-11

package/libs/CruisePlugin/Controller.js

@@ -1,36 +1,36 @@
 var T = Object.defineProperty, K = Object.defineProperties;
 var O = Object.getOwnPropertyDescriptors;
-var L = Object.getOwnPropertySymbols;
+var F = Object.getOwnPropertySymbols;
 var U = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var C = (p, u, e) => u in p ? T(p, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[u] = e, g = (p, u) => {
-  for (var e in u || (u = {}))
-    U.call(u, e) && C(p, e, u[e]);
-  if (L)
-    for (var e of L(u))
-      A.call(u, e) && C(p, e, u[e]);
-  return p;
-}, E = (p, u) => K(p, O(u));
-var I = (p, u, e) => (C(p, typeof u != "symbol" ? u + "" : u, e), e);
-var v = (p, u, e) => new Promise((t, i) => {
-  var r = (f) => {
+var L = (c, l, e) => l in c ? T(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e, g = (c, l) => {
+  for (var e in l || (l = {}))
+    U.call(l, e) && L(c, e, l[e]);
+  if (F)
+    for (var e of F(l))
+      A.call(l, e) && L(c, e, l[e]);
+  return c;
+}, C = (c, l) => K(c, O(l));
+var I = (c, l, e) => (L(c, typeof l != "symbol" ? l + "" : l, e), e);
+var v = (c, l, e) => new Promise((t, i) => {
+  var r = (m) => {
     try {
-      n(e.next(f));
+      s(e.next(m));
     } catch (a) {
       i(a);
     }
-  }, o = (f) => {
+  }, n = (m) => {
     try {
-      n(e.throw(f));
+      s(e.throw(m));
     } catch (a) {
       i(a);
     }
-  }, n = (f) => f.done ? t(f.value) : Promise.resolve(f.value).then(r, o);
-  n((e = e.apply(p, u)).next());
+  }, s = (m) => m.done ? t(m.value) : Promise.resolve(m.value).then(r, n);
+  s((e = e.apply(c, l)).next());
 });
 import { Controller as V } from "../base/BasePluginWithData.js";
-import { GuideLinePlugin as Q } from "../GuideLinePlugin/index.js";
+import { GuideLinePlugin as $ } from "../GuideLinePlugin/index.js";
 import { uuid as w } from "../shared-utils/uuid.js";
-import { coordinatesAngle as $ } from "./utils/coordinatesAngle.js";
+import { coordinatesAngle as Q } from "./utils/coordinatesAngle.js";
 import { safeCall as _ } from "./utils/safeCall.js";
 import { equal as R } from "../shared-utils/equal.js";
 import { vectorToCoordinates as N } from "./utils/vectorToCoordinates.js";
@@ -41,7 +41,7 @@ import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "@realsee/five";
 import "hammerjs";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -56,27 +56,139 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "../GuideLinePlugin/Controller.js";
 import "../GuideLinePlugin/GuideLineItem/index.js";
-import "object-assign-deep";
+import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../GuideLinePlugin/GuideLineModeItem/index.js";
 import "../shared-utils/log.js";
 import "../GuideLinePlugin/utils/createLineGeometry.js";
-import "polyline-normals";
+import "../vendor/polyline-normals/index.js";
+import "../vendor/polyline-miter-util/index.js";
+import "../vendor/gl-vec2/add.js";
+import "../vendor/gl-vec2/set.js";
+import "../vendor/gl-vec2/normalize.js";
+import "../vendor/gl-vec2/subtract.js";
+import "../vendor/gl-vec2/dot.js";
 import "../shared-utils/five/mode.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/three/loadTexture.js";
+import "../PanoTagPlugin/controller/index.js";
+import "../PanoTagPlugin/utils/addDebugPoints.js";
+import "@realsee/five/gltf-loader";
+import "../PanoTagPlugin/utils/tag/tagCheck.js";
+import "../PanoTagPlugin/utils/actionAfterFiveModelLoad.js";
+import "../PanoTagPlugin/utils/debounce.js";
+import "../PanoTagPlugin/utils/throttle.js";
+import "../PanoTagPlugin/utils/resizeObserver.js";
+import "../PanoTagPlugin/utils/tag/format.js";
+import "../shared-utils/audio.js";
+import "../PanoTagPlugin/controller/TagRender.js";
+import "../PanoTagPlugin/controller/TagComputer.js";
+import "../PanoTagPlugin/utils/tagPosition.js";
+import "../PanoTagPlugin/utils/checkRange.js";
+import "../shared-utils/isNil.js";
+import "../PanoTagPlugin/controller/TagUtil.js";
+import "../PanoTagPlugin/tag.config.js";
+import "../PanoTagPlugin/utils/planeNormal.js";
+import "../PanoTagPlugin/utils/normalPositionToPositions.js";
+import "../PanoTagPlugin/controller/TagCache.js";
+import "../vendor/svelte/store/index.js";
+import "../vendor/svelte/internal/index.js";
+import "../PanoTagPlugin/utils/device.js";
+import "../shared-utils/threex/domevents/index.js";
+import "../PanoTagPlugin/Components/TagContainer.js";
+import "../PanoTagPlugin/Components/TagItem.js";
+import "../PanoTagPlugin/Components/Tag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Straight.js";
+import "../vendor/svelte/transition/index.js";
+import "../vendor/svelte/easing/index.js";
+import "../PanoTagPlugin/Components/Common/Shadow.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyMText.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyText.js";
+import "animejs";
+import "../PanoTagPlugin/utils/search.js";
+import "../PanoTagPlugin/utils/constants.js";
+import "../PanoTagPlugin/Components/Common/Arrow.js";
+import "../PanoTagPlugin/Assets/Icon.js";
+import "../PanoTagPlugin/utils/doUtil.js";
+import "../shared-utils/svelte/resizeObserver.js";
+import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js";
+import "../PanoTagPlugin/Components/Common/Text/MText.js";
+import "../PanoTagPlugin/utils/px2rem.js";
+import "../PanoTagPlugin/Components/Tag/ImageTextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Polyline.js";
+import "../PanoTagPlugin/Components/Common/Media.js";
+import "../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import "../vendor/svelte-carousel/src/components/Dots/Dots.js";
+import "../vendor/svelte-carousel/src/components/Dot/Dot.js";
+import "../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
+import "../vendor/svelte-carousel/src/direction.js";
+import "../vendor/svelte-carousel/src/components/Progress/Progress.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/event.js";
+import "../vendor/svelte-carousel/src/utils/event.js";
+import "../vendor/svelte-carousel/src/units.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/event.js";
+import "../vendor/svelte-carousel/src/actions/tappable/tappable.js";
+import "../vendor/svelte-carousel/src/utils/math.js";
+import "../vendor/svelte-carousel/src/actions/tappable/event.js";
+import "../vendor/svelte-carousel/src/utils/page.js";
+import "../vendor/svelte-carousel/src/utils/clones.js";
+import "../vendor/svelte-carousel/src/utils/object.js";
+import "../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
+import "../vendor/easy-reactive/src/simply-reactive.js";
+import "../vendor/lodash.get/index.js";
+import "../_commonjsHelpers.js";
+import "../vendor/lodash.clonedeep/index.js";
+import "../vendor/easy-reactive/src/utils/subscription.js";
+import "../vendor/easy-reactive/src/utils/object.js";
+import "../vendor/lodash.isequal/index.js";
+import "../vendor/easy-reactive/src/utils/watcher.js";
+import "../vendor/svelte-carousel/src/utils/lazy.js";
+import "../vendor/svelte-carousel/src/utils/ProgressManager.js";
+import "../vendor/svelte-carousel/src/utils/interval.js";
+import "../PanoTagPlugin/Components/Common/MediaItem.js";
+import "../PanoTagPlugin/Components/Tag/MarketingTag.js";
+import "../PanoTagPlugin/utils/noTypecheck.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/index.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioTag.js";
+import "../PanoTagPlugin/Components/Common/Audio.js";
+import "../PanoTagPlugin/utils/audio/SharedAudio.js";
+import "../PanoTagPlugin/Components/Common/Icon/audioIcon.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioPlaneTag.js";
+import "../PanoTagPlugin/Components/Tag/MediaPlane.js";
+import "../PanoTagPlugin/Components/Tag/LinkTag.js";
+import "../PanoTagPlugin/Components/Common/Icon/Icon.js";
+import "../PanoTagPlugin/utils/getImageInfo.js";
+import "../PanoTagPlugin/Components/Tag/CustomTag.js";
+import "../vendor/classnames/index.js";
+import "../PanoTagPlugin/Components/Common/TagPoint.js";
+import "../PanoTagPlugin/utils/model/imagePlane.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../shared-utils/three/GLTFLoader.js";
+import "../GuideLinePlugin/Components/Tag.js";
+import "../GuideLinePlugin/utils/index.js";
+import "./Controller.js";
+import "../shared-utils/to.js";
+import "../shared-utils/five/changeMode.js";
+import "../shared-utils/nearlyEqual.js";
 import "./utils/coordinatesToVector.js";
 import "../shared-utils/isTruelyObject.js";
 import "./utils/formatRad.js";
-const M = "v1.0.6", G = "CruisePlugin", x = `${G}@${M}`, Qe = (p) => `${x}--${p}`, D = () => {
+const M = "v1.0.6", G = "CruisePlugin", x = `${G}@${M}`, Ni = (c) => `${x}--${c}`, D = () => {
   console.error(`${x} is disposed`);
 }, W = () => {
   console.warn(`${x} is disabled`);
 }, q = () => {
   console.error(`${x} is disabled`);
-}, F = /* @__PURE__ */ new Map();
+}, E = /* @__PURE__ */ new Map();
 class z extends V {
   constructor(e, t) {
     super(e, t);
@@ -112,66 +224,101 @@ class z extends V {
       this.hooks.off("play", i), this.hooks.off("broke", r), this.hooks.off("end", r), this.hooks.off("pause", r);
     });
   }
+  /**
+   * @description Load Data and State
+   */
   load(e, t, i) {
     return v(this, null, function* () {
-      var s, d, l, c, m, P;
+      var o, d, p, u, h, P;
       if (this.state.disposed)
         return D();
-      this.privateState.fiveOriginGetProgress || (d = (s = this.five.controller) == null ? void 0 : s.cameraMotion) != null && d.getProgress || (yield this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (c = (l = this.five.controller) == null ? void 0 : l.cameraMotion) == null ? void 0 : c.getProgress), this.clear();
-      const r = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, o = yield this.formatData(e);
-      this.data = o, this.hooks.emit("dataChange", o, r);
-      let n = [], f;
-      const a = this.data.keyframes.filter((h) => h.data.panoIndex !== void 0);
-      a.filter((h, y) => {
+      this.privateState.fiveOriginGetProgress || (d = (o = this.five.controller) == null ? void 0 : o.cameraMotion) != null && d.getProgress || (yield this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (u = (p = this.five.controller) == null ? void 0 : p.cameraMotion) == null ? void 0 : u.getProgress), this.clear();
+      const r = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(e);
+      this.data = n, this.hooks.emit("dataChange", n, r);
+      let s = [], m;
+      const a = this.data.keyframes.filter((f) => f.data.panoIndex !== void 0);
+      a.filter((f, y) => {
         var S;
-        return h.data.panoIndex !== ((S = a[y - 1]) == null ? void 0 : S.data.panoIndex);
-      }).map((h) => h.data.panoIndex).forEach((h) => {
+        return f.data.panoIndex !== ((S = a[y - 1]) == null ? void 0 : S.data.panoIndex);
+      }).map((f) => f.data.panoIndex).forEach((f) => {
         var S, k;
-        const y = (S = this.five.work.observers[h]) == null ? void 0 : S.floorIndex;
+        const y = (S = this.five.work.observers[f]) == null ? void 0 : S.floorIndex;
         if (y !== void 0)
-          if (f === y) {
-            const b = n.length - 1;
-            n[b] = [...(k = n[b]) != null ? k : [], h];
+          if (m === y) {
+            const b = s.length - 1;
+            s[b] = [...(k = s[b]) != null ? k : [], f];
           } else {
-            f = y;
-            const b = n.length;
-            n[b] = [h];
+            m = y;
+            const b = s.length;
+            s[b] = [f];
           }
-      }), !this.GuideLine && ((m = this.config) == null ? void 0 : m.useGuideLine) !== !1 && (this.GuideLine = Q(this.five, this.config)), (P = this.GuideLine) == null || P.load({ routes: n.map((h) => ({ panoIndexList: h })), config: o.guildPluginOptions }), this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed), t && this.setState(t, { userAction: i }), console.info(`${x} loaded`, o), this.hooks.emit("dataLoaded", o);
+      }), !this.GuideLine && ((h = this.config) == null ? void 0 : h.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = $(this.five, this.config)), (P = this.GuideLine) == null || P.load({ routes: s.map((f) => ({ panoIndexList: f })), config: n.guildPluginOptions }), this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed), t && this.setState(t, { userAction: i }), console.info(`${x} 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: i, userAction: r } = e;
     this.state.playing && this.setState({ playing: !1 }, { userAction: r }), this.setState({ playing: !0 }, { userAction: r, playFromIndex: t, playFromId: i });
   }
+  /**
+   * @description Play from first keyframe
+   */
   playFromStart(e) {
-    return this.playFrom(E(g({}, e), { index: 0 }));
+    return this.playFrom(C(g({}, e), { index: 0 }));
   }
+  /**
+   * @description Pause
+   */
   pause(e) {
     this.setState({ playing: !1 }, e);
   }
+  /**
+   * @description Show guide line
+   */
   show(e) {
     return v(this, null, function* () {
       this.setState({ visible: !0 }, e);
     });
   }
+  /**
+   * @description Hide guide line
+   */
   hide(e) {
     return v(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 r;
     if (this.state.disposed)
@@ -181,6 +328,9 @@ class z extends V {
     const i = g({}, this.state);
     this.state = g(g({}, this.state), e), e.disposed !== void 0 && e.disposed !== i.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== i.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== i.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== i.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== i.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), R(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (r = t == null ? void 0 : t.userAction) != null ? r : !0 });
   }
+  /**
+   * @description Format data
+   */
   formatData(e) {
     return v(this, null, function* () {
       this.five.work || (yield this.waitFiveLoaded());
@@ -191,36 +341,37 @@ class z extends V {
       if (i.keyframes)
         return {
           keyframesId: w(),
-          keyframes: i.keyframes.map((r, o) => {
+          keyframes: i.keyframes.map((r, n) => {
             var a;
-            const n = i.keyframes[o + 1], f = (() => !n || n.start === void 0 || r.end === void 0 ? 0 : n.start - r.end)();
-            return E(g({ id: (a = r.uuid) != null ? a : w(), moveIndex: o, stay: f, index: o }, r), { guildPluginOptions: i.guildPluginOptions });
+            const s = i.keyframes[n + 1], m = (() => !s || s.start === void 0 || r.end === void 0 ? 0 : s.start - r.end)();
+            return C(g({ id: (a = r.uuid) != null ? a : w(), moveIndex: n, stay: m, index: n }, r), { guildPluginOptions: i.guildPluginOptions });
           })
         };
       if (i.panoIndexList) {
         let r = [];
-        const { moveEffect: o, moveToFirstPanoEffect: n, moveToFirstPanoDuration: f } = i;
-        return this.privateState.moveToFirstPanoEffect = n, this.privateState.moveToFirstPanoDuration = f, i.panoIndexList.forEach((a, s) => {
+        const { moveEffect: n, moveToFirstPanoEffect: s, moveToFirstPanoDuration: m } = i;
+        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = m, i.panoIndexList.forEach((a, o) => {
           const d = (() => {
-            var h, y, S, k;
-            const l = i.panoIndexList.slice(s).find((b) => b !== a);
-            if (l === void 0)
+            var f, y, S, k;
+            const p = i.panoIndexList.slice(o).find((b) => b !== a);
+            if (p === void 0)
               return;
-            const c = (h = t[a]) == null ? void 0 : h.position, m = (y = t[l]) == null ? void 0 : y.position;
-            if (!m || !c || ((S = t[a]) == null ? void 0 : S.floorIndex) !== ((k = t[l]) == null ? void 0 : k.floorIndex))
+            const u = (f = t[a]) == null ? void 0 : f.position, h = (y = t[p]) == null ? void 0 : y.position;
+            if (!h || !u || ((S = t[a]) == null ? void 0 : S.floorIndex) !== ((k = t[p]) == null ? void 0 : k.floorIndex))
               return;
-            const P = new j.Vector3().subVectors(m, c);
+            const P = new j.Vector3().subVectors(h, u);
             return N(P.normalize());
           })();
           i.moveType === void 0 || i.moveType === "justMove" ? r.push({
-            moveIndex: s,
+            moveIndex: o,
             stay: i.stay,
-            data: g({ effect: "Move", panoIndex: a, moveEffect: o }, d != null ? d : {})
-          }) : i.moveType === "moveAndRotate" && (r.push({ moveIndex: s, stay: i.stay, data: { effect: "Move", panoIndex: a, moveEffect: o } }), d && r.push({ moveIndex: s, stay: i.stay, data: g({ effect: "Rotate", panoIndex: a }, d) }));
+            data: g({ effect: "Move", panoIndex: a, moveEffect: n }, d != null ? d : {})
+          }) : i.moveType === "moveAndRotate" && (r.push({ moveIndex: o, stay: i.stay, data: { effect: "Move", panoIndex: a, moveEffect: n } }), d && r.push({ moveIndex: o, stay: i.stay, data: g({ effect: "Rotate", panoIndex: a }, d) }));
         }), {
           keyframesId: w(),
-          keyframes: r.map((a, s) => g({ id: w(), index: s }, a)),
-          guildPluginOptions: i.guildPluginOptions
+          keyframes: r.map((a, o) => g({ id: w(), index: o }, a)),
+          guildPluginOptions: i.guildPluginOptions,
+          useGuildLine: i.useGuildLine
         };
       } else
         throw new Error("format error: data no keyframes or no panoIndexList");
@@ -242,60 +393,72 @@ class z extends V {
       }
     ), 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) {
     return v(this, null, function* () {
-      var c;
-      const { data: t, state: i, privateState: r, hooks: o } = this;
+      var u;
+      const { data: t, state: i, privateState: r, hooks: n } = this;
       if (r.playing || !(t != null && t.keyframes) || (t == null ? void 0 : t.keyframes.length) === 0)
         return;
-      const n = w();
-      r.playId = n, r.playing = !0, r.broke = !1;
-      const f = t.keyframes, a = this.getPauseData();
-      (e == null ? void 0 : e.notEmitEvent) !== !0 && o.emit("play", { userAction: (c = e == null ? void 0 : e.userAction) != null ? c : !0 });
-      let s = !1;
-      const l = yield (() => v(this, null, function* () {
-        var m, P;
+      const s = w();
+      r.playId = s, r.playing = !0, r.broke = !1;
+      const m = t.keyframes, a = this.getPauseData();
+      (e == null ? void 0 : e.notEmitEvent) !== !0 && n.emit("play", { userAction: (u = e == null ? void 0 : e.userAction) != null ? u : !0 });
+      let o = !1;
+      const p = yield (() => v(this, null, function* () {
+        var h, P;
         if ((e == null ? void 0 : e.playFromIndex) !== void 0)
           return e.playFromIndex;
         if ((e == null ? void 0 : e.playFromId) !== void 0)
-          return (m = this.data) == null ? void 0 : m.keyframes.findIndex((h) => h.id === e.playFromId);
+          return (h = this.data) == null ? void 0 : h.keyframes.findIndex((f) => f.id === e.playFromId);
         if (a != null && a.keyframeId) {
-          const h = (P = this.data) == null ? void 0 : P.keyframes.find((y) => y.id === a.keyframeId);
+          const f = (P = this.data) == null ? void 0 : P.keyframes.find((y) => y.id === a.keyframeId);
           if (a != null && a.fiveState && (yield this.move(a.fiveState, {
             moveEffect: r.moveToFirstPanoEffect,
             duration: r.moveToFirstPanoDuration
-          })), h) {
-            if (h.data.effect === "Move")
-              return h.index;
-            if (h.data.effect === "Rotate") {
+          })), f) {
+            if (f.data.effect === "Move")
+              return f.index;
+            if (f.data.effect === "Rotate") {
               const y = a.duration !== void 0 ? a.duration * (1 - a.playedProgress) : void 0;
-              return yield this.playKeyframe(h, { duration: y }), s = !0, h.index + 1;
+              return yield this.playKeyframe(f, { duration: y }), o = !0, f.index + 1;
             }
           }
         }
       }))();
       this.clearPauseData();
-      for (const m of f) {
-        if (r.broke || !i.playing || !r.playing || n !== r.playId)
+      for (const h of m) {
+        if (r.broke || !i.playing || !r.playing || s !== r.playId)
           return;
-        if (!(l !== void 0 && m.index < l))
+        if (!(p !== void 0 && h.index < p))
           try {
-            o.emit("playIndexChange", m.index, m), yield this.playKeyframe(m, {
-              moveEffect: s === !1 ? r.moveToFirstPanoEffect : void 0,
-              duration: s === !1 && typeof r.moveToFirstPanoDuration == "number" ? r.moveToFirstPanoDuration : void 0
-            }), m.stay && (yield J(m.stay)), s === !1 && (s = !0);
+            n.emit("playIndexChange", h.index, h), yield this.playKeyframe(h, {
+              moveEffect: o === !1 ? r.moveToFirstPanoEffect : void 0,
+              duration: o === !1 && typeof r.moveToFirstPanoDuration == "number" ? r.moveToFirstPanoDuration : void 0
+            }), h.stay && (yield J(h.stay)), o === !1 && (o = !0);
           } catch (P) {
             return Promise.resolve("broke");
           }
       }
-      i.playing && n === r.playId && (this.setState({ playing: !1 }, { userAction: !1 }), o.emit("end"), this.clearPauseData());
+      i.playing && s === r.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
     });
   }
+  /**
+   * @description: Pause and record pause state
+   */
   handlePause(e) {
-    var o;
+    var n;
     const { state: t, privateState: i, hooks: r } = this;
-    t.playing = !1, i.playing !== !1 && (i.playing = !1, this.setPauseData(), i.broke || this.forceInteruptUpdateCamera(), (e == null ? void 0 : e.notEmitEvent) !== !0 && r.emit("pause", { userAction: (o = e == null ? void 0 : e.userAction) != null ? o : !0 }));
+    t.playing = !1, i.playing !== !1 && (i.playing = !1, this.setPauseData(), i.broke || this.forceInteruptUpdateCamera(), (e == null ? void 0 : e.notEmitEvent) !== !0 && r.emit("pause", { userAction: (n = e == null ? void 0 : e.userAction) != null ? n : !0 }));
   }
+  /**
+   * @description Play single keyframe
+   */
   playKeyframe(e, t) {
     return v(this, null, function* () {
       var r;
@@ -303,6 +466,9 @@ class z extends V {
       return ((r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.keyframe.id) !== e.id && (this.privateState.currentPlayKeyframe = { keyframe: e }), i.currentPlayQueue.push(this.getPlayPromise(e, t)), this.actionPromiseQueue();
     });
   }
+  /**
+   * @description: listen interupted by five gesture
+   */
   addInterruptListener(e) {
     const t = () => {
       this.privateState.modeChanging || e();
@@ -311,38 +477,44 @@ class z extends V {
       this.five.off("gesture", i), this.five.once("wantsChangeMode", t);
     };
   }
+  /**
+   * @description: getPlayPromise
+   */
   getPlayPromise(i) {
     return v(this, arguments, function* (e, t = {}) {
-      var o;
+      var n;
       const r = e.data;
-      if (t.duration = (o = t.duration) != null ? o : e.start !== void 0 && e.end !== void 0 ? e.end - e.start : void 0, !!r)
-        return new Promise((n, f) => {
+      if (t.duration = (n = t.duration) != null ? n : e.start !== void 0 && e.end !== void 0 ? e.end - e.start : void 0, !!r)
+        return new Promise((s, m) => {
           let a = !1;
           this.addInterruptListener(() => {
             if (!a)
-              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), a = !0, f(new Error("play is interupted"));
+              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), a = !0, m(new Error("play is interupted"));
           });
           try {
             if (a)
               return;
-            const s = () => {
-              n(), a = !0;
+            const o = () => {
+              s(), a = !0;
             };
             switch (r.effect) {
               case "Move":
-                this.move(r, t).then(s);
+                this.move(r, t).then(o);
                 break;
               case "Rotate":
-                this.rotate(r, t).then(s);
+                this.rotate(r, t).then(o);
                 break;
               default:
-                this.rotate(r, t).then(s);
+                this.rotate(r, t).then(o);
             }
-          } catch (s) {
+          } catch (o) {
           }
         });
     });
   }
+  /**
+   * @description Action promise queue in sequence
+   */
   actionPromiseQueue() {
     return v(this, null, function* () {
       const { privateState: e } = this;
@@ -360,6 +532,9 @@ class z extends V {
       }).then(() => e.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
     });
   }
+  /**
+   * @description Action move keyframe
+   */
   move(e, t) {
     return v(this, null, function* () {
       if (e.mode && e.mode !== this.five.currentMode)
@@ -370,6 +545,9 @@ class z extends V {
         return Promise.resolve();
     });
   }
+  /**
+   * @description Action rotate keyframe
+   */
   rotate(e, t) {
     return v(this, null, function* () {
       if (e.mode && e.mode !== this.five.currentMode)
@@ -379,123 +557,160 @@ class z extends V {
       yield this.updateCamera(e, t);
     });
   }
+  /**
+   * @description Update five camera
+   */
   updateCamera(i) {
     return v(this, arguments, function* (e, t = {}) {
-      const { five: r, privateState: o, state: n } = this, f = (() => {
-        var c, m;
-        const d = (c = n.config) == null ? void 0 : c.speedConfig, l = (m = e.rotateSpeed) != null ? m : d == null ? void 0 : d.rotateSpeed;
+      const { five: r, privateState: n, state: s } = this, m = (() => {
+        var u, h;
+        const d = (u = s.config) == null ? void 0 : u.speedConfig, p = (h = e.rotateSpeed) != null ? h : d == null ? void 0 : d.rotateSpeed;
         if ((d == null ? void 0 : d.rotateSpeedUnit) === void 0)
-          return l;
-        if (l !== void 0)
-          return d.rotateSpeedUnit === "rad/ms" ? l : l / 1e3;
+          return p;
+        if (p !== void 0)
+          return d.rotateSpeedUnit === "rad/ms" ? p : p / 1e3;
       })(), a = (() => {
         if (t.duration)
           return t.duration;
-        if (f) {
+        if (m) {
           const d = this.five.getCurrentState();
-          return $(d, e) / f;
+          return Q(d, e) / m;
         }
         return 800;
       })();
-      o.currentPlayKeyframe && (o.currentPlayKeyframe.originDuration = a);
-      const s = this.getSpeededDuration(a);
+      n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = a);
+      const o = this.getSpeededDuration(a);
       return new Promise((d) => {
-        _(() => r.updateCamera(e, s)), setTimeout(() => d(), s);
+        _(() => r.updateCamera(e, o)), setTimeout(() => d(), o);
       });
     });
   }
+  /**
+   * @description: Change five pano
+   */
   changePano(e, t) {
     return v(this, null, function* () {
-      const { five: i, privateState: r, state: o } = this;
+      const { five: i, privateState: r, state: n } = this;
       if (typeof e.panoIndex != "number" || e.panoIndex === i.panoIndex)
         return;
-      const n = i.getCurrentState().mode !== "Panorama";
-      n && (this.privateState.modeChanging = !0);
-      const f = (() => {
-        var l, c;
-        const s = (l = o.config) == null ? void 0 : l.speedConfig, d = (c = e.moveSpeed) != null ? c : s == null ? void 0 : s.moveSpeed;
-        if ((s == null ? void 0 : s.moveSpeedUnit) === void 0)
+      const s = i.getCurrentState().mode !== "Panorama";
+      s && (this.privateState.modeChanging = !0);
+      const m = (() => {
+        var p, u;
+        const o = (p = n.config) == null ? void 0 : p.speedConfig, d = (u = e.moveSpeed) != null ? u : o == null ? void 0 : o.moveSpeed;
+        if ((o == null ? void 0 : o.moveSpeedUnit) === void 0)
           return d;
         if (d !== void 0)
-          return s.moveSpeedUnit === "m/ms" ? d : d / 1e3;
+          return o.moveSpeedUnit === "m/ms" ? d : d / 1e3;
       })(), a = (() => {
         if (t != null && t.duration)
           return t.duration;
-        if (f && typeof i.panoIndex == "number" && typeof e.panoIndex == "number") {
-          const s = i.work.observers[i.panoIndex].position, d = i.work.observers[e.panoIndex].position;
-          return s.distanceTo(d) / f;
+        if (m && typeof i.panoIndex == "number" && typeof e.panoIndex == "number") {
+          const o = i.work.observers[i.panoIndex].position, d = i.work.observers[e.panoIndex].position;
+          return o.distanceTo(d) / m;
         }
         return 800;
       })();
-      r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = a), yield new Promise((s) => {
-        var d, l, c;
+      r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = a), yield new Promise((o) => {
+        var d, p, u;
         i.moveToPano(e.panoIndex, {
           latitude: e.latitude,
           longitude: e.longitude,
           fov: e.fov,
           duration: this.getSpeededDuration(a),
-          effect: (c = (l = t == null ? void 0 : t.moveEffect) != null ? l : (d = this.state.config) == null ? void 0 : d.moveEffect) != null ? c : e.moveEffect,
-          moveCancelCallback: () => s(),
-          moveEndCallback: () => s()
-        }), n && i.once("panoArrived", () => s());
-      }), n && (this.privateState.modeChanging = !1);
+          effect: (u = (p = t == null ? void 0 : t.moveEffect) != null ? p : (d = this.state.config) == null ? void 0 : d.moveEffect) != null ? u : e.moveEffect,
+          moveCancelCallback: () => o(),
+          moveEndCallback: () => o()
+        }), s && i.once("panoArrived", () => o());
+      }), s && (this.privateState.modeChanging = !1);
     });
   }
+  /**
+   * @description: Change play speed
+   */
   changeSpeed(e, t = !0) {
-    const { state: i, privateState: r, hooks: o } = this, { currentPlayKeyframe: n } = r;
-    if (o.emit("speedChange", e, { userAction: t }), i.playing && n)
+    const { state: i, privateState: r, hooks: n } = this, { currentPlayKeyframe: s } = r;
+    if (n.emit("speedChange", e, { userAction: t }), i.playing && s)
       try {
-        const f = n.originDuration !== void 0 ? n.originDuration * (1 - this.getProgress()) : void 0, a = this.playKeyframe(n.keyframe, { duration: f });
+        const m = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, a = this.playKeyframe(s.keyframe, { duration: m });
         r.currentPlayQueue.push(a);
-      } catch (f) {
+      } catch (m) {
       }
   }
+  /**
+   * @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) {
     return v(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);
     });
   }
+  /**
+   * @description Force interupt five updateCamera
+   */
   forceInteruptUpdateCamera() {
     this.five.updateCamera({}, 0);
   }
   getPauseData() {
     var e, t;
     if ((e = this.data) != null && e.keyframesId)
-      return F.get((t = this.data) == null ? void 0 : t.keyframesId);
+      return E.get((t = this.data) == null ? void 0 : t.keyframesId);
   }
+  /**
+   * @description Set pause data
+   */
   setPauseData() {
     var e, t, i, r;
     if ((e = this.data) != null && e.keyframesId)
-      return F.set((t = this.data) == null ? void 0 : t.keyframesId, {
+      return E.set((t = this.data) == null ? void 0 : t.keyframesId, {
         keyframeId: (i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id,
         fiveState: this.five.getCurrentState(),
         duration: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.originDuration,
         playedProgress: this.getProgress()
       });
   }
+  /**
+   * @description Clear pause data
+   */
   clearPauseData() {
     var e, t;
     if ((e = this.data) != null && e.keyframesId)
-      return F.delete((t = this.data) == null ? void 0 : t.keyframesId);
+      return E.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, t;
     this.setState({ playing: !1 }), this.clearPauseData(), this.clear(), (e = this.GuideLine) == null || e.dispose(), this.GuideLine = void 0, (t = this.privateState.disposers) == null || t.forEach((i) => i == null ? void 0 : i());
   }
+  /**
+   * @description Action function if plugin is enable
+   */
   actionIfStateIsEnabled(e, t) {
     if (this.state.enabled)
       return e();
     t != null && t.warnLog && W();
   }
+  /**
+   * @description: Wait for five work ready
+   */
   waitFiveLoaded() {
     return v(this, null, function* () {
       return new Promise((e) => {
@@ -510,17 +725,17 @@ class z extends V {
     });
   }
   setFiveLinearUpdateCamera() {
-    !this.privateState.fiveOriginGetProgress || (this.five.controller.cameraMotion.getProgress = (e) => {
+    this.privateState.fiveOriginGetProgress && (this.five.controller.cameraMotion.getProgress = (e) => {
       const t = this.five.controller.cameraMotion, i = e - t.startTime;
       return i < 0 ? 0 : i >= t.duration ? 1 : 1 - H(1, t.startVelocity, t.duration, i);
     });
   }
   setFiveOriginUpdateCamera() {
-    !this.privateState.fiveOriginGetProgress || (this.five.controller.cameraMotion.getProgress = this.privateState.fiveOriginGetProgress);
+    this.privateState.fiveOriginGetProgress && (this.five.controller.cameraMotion.getProgress = this.privateState.fiveOriginGetProgress);
   }
 }
 I(z, "PluginVersion", M);
 export {
   z as default,
-  Qe as pluginFlag
+  Ni as pluginFlag
 };