@realsee/dnalogel 3.6.0-dev.0 → 3.6.0

package/libs/CruisePlugin/Controller.js

@@ -0,0 +1,760 @@
+var T = Object.defineProperty, K = Object.defineProperties;
+var A = Object.getOwnPropertyDescriptors;
+var F = Object.getOwnPropertySymbols;
+var O = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var L = (c, l, e) => l in c ? T(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e, P = (c, l) => {
+  for (var e in l || (l = {}))
+    O.call(l, e) && L(c, e, l[e]);
+  if (F)
+    for (var e of F(l))
+      U.call(l, e) && L(c, e, l[e]);
+  return c;
+}, C = (c, l) => K(c, A(l));
+var I = (c, l, e) => (L(c, typeof l != "symbol" ? l + "" : l, e), e);
+var v = (c, l, e) => new Promise((t, r) => {
+  var i = (d) => {
+    try {
+      s(e.next(d));
+    } catch (a) {
+      r(a);
+    }
+  }, n = (d) => {
+    try {
+      s(e.throw(d));
+    } catch (a) {
+      r(a);
+    }
+  }, s = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(i, n);
+  s((e = e.apply(c, l)).next());
+});
+import { Controller as V } from "../base/BasePluginWithData.js";
+import { GuideLinePlugin as $ } from "../GuideLinePlugin/index.js";
+import { uuid as w } from "../shared-utils/uuid.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";
+import * as j from "three";
+import H from "./utils/linerValue.js";
+import { sleep as J } from "./utils/sleep.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/Subscribe.js";
+import "hammerjs";
+import "@realsee/five";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../shared-utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
+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 "../GuideLinePlugin/GuideLineItem/index.js";
+import "../GuideLinePlugin/GuideLineModeItem/index.js";
+import "../shared-utils/log.js";
+import "../GuideLinePlugin/utils/createLineGeometry.js";
+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 "../vendor/object-assign-deep/objectAssignDeep.js";
+import "../PanoTagPlugin/utils/addDebugPoints.js";
+import "../PanoTagPlugin/utils/tag/tagCheck.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/typings/tag/TagConfig.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 "../shared-utils/device.js";
+import "../PanoTagPlugin/utils/model/mediaPlane.js";
+import "../shared-utils/three/Quadrangle.js";
+import "../shared-utils/math/pointIsRectangle.js";
+import "../shared-utils/three/loadVideoTexture.js";
+import "../PanoTagPlugin/Assets/Icon.js";
+import "../shared-utils/three/getPositionsByObjectFit.js";
+import "../shared-utils/three/FragmentTransparencyMaterial.js";
+import "../shared-utils/three/getNormal.js";
+import "../shared-utils/five/FiveDomEvents.js";
+import "../shared-utils/five/calculateThreeMouse.js";
+import "../PanoTagPlugin/utils/tag/adaptConfig.js";
+import "../shared-utils/typescript/entries.js";
+import "../shared-utils/url/getUrl.js";
+import "../shared-utils/five/transformPosition.js";
+import "../shared-utils/five/getFloorIndex.js";
+import "../shared-utils/safeObj.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/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/PanoramaTag.js";
+import "../PanoTagPlugin/Components/Tag/CustomTag.js";
+import "../vendor/classnames/index.js";
+import "../PanoTagPlugin/Components/Common/TagPoint.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../shared-utils/three/GLTFLoader.js";
+import "@realsee/five/gltf-loader";
+import "../shared-utils/five/fiveModelLoad.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}`, sr = (c) => `${x}--${c}`, D = () => {
+  console.error(`${x} is disposed`);
+}, W = () => {
+  console.warn(`${x} is disabled`);
+}, q = () => {
+  console.error(`${x} is disabled`);
+}, E = /* @__PURE__ */ new Map();
+class z extends V {
+  constructor(e, t) {
+    super(e, t);
+    I(this, "state", {
+      visible: !0,
+      enabled: !0,
+      disposed: !1,
+      playing: !1,
+      speed: 1,
+      config: {
+        speedConfig: {
+          rotateSpeed: 1e-3,
+          rotateSpeedUnit: "rad/ms",
+          moveSpeed: 2e-3,
+          moveSpeedUnit: "m/ms"
+        }
+      }
+    });
+    I(this, "data");
+    I(this, "config");
+    I(this, "privateState", {
+      playing: !1,
+      currentPlayQueue: [],
+      currentPlayKeyframe: null,
+      broke: !1,
+      disposers: [],
+      modeChanging: !1
+    });
+    I(this, "GuideLine");
+    this.config = t, Object.assign(window, { [`__${G}_DEBUG__`]: this });
+    const r = this.setFiveLinearUpdateCamera.bind(this), i = this.setFiveOriginUpdateCamera.bind(this);
+    this.hooks.on("play", r), this.hooks.on("broke", i), this.hooks.on("end", i), this.hooks.on("pause", i), this.privateState.disposers.push(() => {
+      this.hooks.off("play", r), this.hooks.off("broke", i), this.hooks.off("end", i), this.hooks.off("pause", i);
+    });
+  }
+  /**
+   * @description Load Data and State
+   */
+  load(e, t, r) {
+    return v(this, null, function* () {
+      var o, m, f, u, h, g;
+      if (this.state.disposed)
+        return D();
+      this.privateState.fiveOriginGetProgress || (m = (o = this.five.controller) == null ? void 0 : o.cameraMotion) != null && m.getProgress || (yield this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (u = (f = this.five.controller) == null ? void 0 : f.cameraMotion) == null ? void 0 : u.getProgress), 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 = [], d;
+      const a = this.data.keyframes.filter((p) => p.data.panoIndex !== void 0);
+      a.filter((p, y) => {
+        var S;
+        return p.data.panoIndex !== ((S = a[y - 1]) == null ? void 0 : S.data.panoIndex);
+      }).map((p) => p.data.panoIndex).forEach((p) => {
+        var S, k;
+        const y = (S = this.five.work.observers[p]) == null ? void 0 : S.floorIndex;
+        if (y !== void 0)
+          if (d === y) {
+            const b = s.length - 1;
+            s[b] = [...(k = s[b]) != null ? k : [], p];
+          } else {
+            d = y;
+            const b = s.length;
+            s[b] = [p];
+          }
+      }), !this.GuideLine && ((h = this.config) == null ? void 0 : h.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = $(this.five, this.config)), (g = this.GuideLine) == null || g.load({ routes: s.map((p) => ({ panoIndexList: p })), 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(`${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: r, userAction: i } = e;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: i }), this.setState({ playing: !0 }, { userAction: i, playFromIndex: t, playFromId: r });
+  }
+  /**
+   * @description Play from first keyframe
+   */
+  playFromStart(e) {
+    return this.playFrom(C(P({}, 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 i;
+    if (this.state.disposed)
+      return D();
+    if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
+      return q();
+    const r = P({}, this.state);
+    this.state = P(P({}, 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), R(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 });
+  }
+  /**
+   * @description Format data
+   */
+  formatData(e) {
+    return v(this, null, function* () {
+      this.five.work || (yield this.waitFiveLoaded());
+      const t = this.five.work.observers, r = (() => {
+        const i = e;
+        return typeof i == "object" && i !== null && i.version && i.data ? i.data : i;
+      })();
+      if (r.keyframes)
+        return {
+          keyframesId: w(),
+          keyframes: r.keyframes.map((i, n) => {
+            var a;
+            const s = r.keyframes[n + 1], d = (() => !s || s.start === void 0 || i.end === void 0 ? 0 : s.start - i.end)();
+            return C(P({ id: (a = i.uuid) != null ? a : w(), moveIndex: n, stay: d, index: n }, i), { guildPluginOptions: r.guildPluginOptions });
+          })
+        };
+      if (r.panoIndexList) {
+        let i = [];
+        const { moveEffect: n, moveToFirstPanoEffect: s, moveToFirstPanoDuration: d } = r;
+        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = d, r.panoIndexList.forEach((a, o) => {
+          const m = (() => {
+            var p, y, S, k;
+            const f = r.panoIndexList.slice(o).find((b) => b !== a);
+            if (f === void 0)
+              return;
+            const u = (p = t[a]) == null ? void 0 : p.position, h = (y = t[f]) == null ? void 0 : y.position;
+            if (!h || !u || ((S = t[a]) == null ? void 0 : S.floorIndex) !== ((k = t[f]) == null ? void 0 : k.floorIndex))
+              return;
+            const g = new j.Vector3().subVectors(h, u);
+            return N(g.normalize());
+          })();
+          r.moveType === void 0 || r.moveType === "justMove" ? i.push({
+            moveIndex: o,
+            stay: r.stay,
+            data: P({ 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: P({ effect: "Rotate", panoIndex: a }, m) }));
+        }), {
+          keyframesId: w(),
+          keyframes: i.map((a, o) => P({ id: w(), index: o }, a)),
+          guildPluginOptions: r.guildPluginOptions,
+          useGuildLine: r.useGuildLine
+        };
+      } else
+        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) {
+    return v(this, null, function* () {
+      var u;
+      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)
+        return;
+      const s = w();
+      i.playId = s, i.playing = !0, i.broke = !1;
+      const d = 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 f = yield (() => v(this, null, function* () {
+        var h, g;
+        if ((e == null ? void 0 : e.playFromIndex) !== void 0)
+          return e.playFromIndex;
+        if ((e == null ? void 0 : e.playFromId) !== void 0)
+          return (h = this.data) == null ? void 0 : h.keyframes.findIndex((p) => p.id === e.playFromId);
+        if (a != null && a.keyframeId) {
+          const p = (g = this.data) == null ? void 0 : g.keyframes.find((y) => y.id === a.keyframeId);
+          if (a != null && a.fiveState && (yield this.move(a.fiveState, {
+            moveEffect: i.moveToFirstPanoEffect,
+            duration: i.moveToFirstPanoDuration
+          })), p) {
+            if (p.data.effect === "Move")
+              return p.index;
+            if (p.data.effect === "Rotate") {
+              const y = a.duration !== void 0 ? a.duration * (1 - a.playedProgress) : void 0;
+              return yield this.playKeyframe(p, { duration: y }), o = !0, p.index + 1;
+            }
+          }
+        }
+      }))();
+      this.clearPauseData();
+      for (const h of d) {
+        if (i.broke || !r.playing || !i.playing || s !== i.playId)
+          return;
+        if (!(f !== void 0 && h.index < f))
+          try {
+            n.emit("playIndexChange", h.index, h), yield this.playKeyframe(h, {
+              moveEffect: o === !1 ? i.moveToFirstPanoEffect : void 0,
+              duration: o === !1 && typeof i.moveToFirstPanoDuration == "number" ? i.moveToFirstPanoDuration : void 0
+            }), h.stay && (yield J(h.stay)), o === !1 && (o = !0);
+          } catch (g) {
+            return console.error(g), Promise.resolve("broke");
+          }
+      }
+      r.playing && s === i.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
+    });
+  }
+  /**
+   * @description: Pause and record pause state
+   */
+  handlePause(e) {
+    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 }));
+  }
+  /**
+   * @description Play single keyframe
+   */
+  playKeyframe(e, t) {
+    return v(this, null, function* () {
+      var i;
+      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();
+    });
+  }
+  /**
+   * @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 v(this, arguments, function* (e, t = {}) {
+      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, d) => {
+          let a = !1;
+          this.addInterruptListener(() => {
+            if (!a)
+              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), a = !0, d(new Error("play is interupted"));
+          });
+          try {
+            if (a)
+              return;
+            const o = () => {
+              s(), a = !0;
+            };
+            switch (i.effect) {
+              case "Move":
+                this.move(i, t).then(o);
+                break;
+              case "Rotate":
+                this.rotate(i, t).then(o);
+                break;
+              default:
+                this.rotate(i, t).then(o);
+            }
+          } catch (o) {
+          }
+        });
+    });
+  }
+  /**
+   * @description Action promise queue in sequence
+   */
+  actionPromiseQueue() {
+    return v(this, null, function* () {
+      const { privateState: e } = this;
+      return new Promise((t, r) => {
+        if (e.currentPlayQueue.length === 0) {
+          t();
+          return;
+        }
+        const i = e.currentPlayQueue.shift();
+        if (!i) {
+          t();
+          return;
+        }
+        i.then(t, r);
+      }).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)
+        yield this.changeMode(e);
+      else if (e.panoIndex !== this.five.panoIndex)
+        yield this.changePano(e, t);
+      else
+        return Promise.resolve();
+    });
+  }
+  /**
+   * @description Action rotate keyframe
+   */
+  rotate(e, t) {
+    return v(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);
+    });
+  }
+  /**
+   * @description Update five camera
+   */
+  updateCamera(r) {
+    return v(this, arguments, function* (e, t = {}) {
+      const { five: i, privateState: n, state: s } = this, d = (() => {
+        var u, h;
+        const m = (u = s.config) == null ? void 0 : u.speedConfig, f = (h = e.rotateSpeed) != null ? h : m == null ? void 0 : m.rotateSpeed;
+        if ((m == null ? void 0 : m.rotateSpeedUnit) === void 0)
+          return f;
+        if (f !== void 0)
+          return m.rotateSpeedUnit === "rad/ms" ? f : f / 1e3;
+      })(), a = (() => {
+        if (t.duration)
+          return t.duration;
+        if (d) {
+          const m = this.five.getCurrentState();
+          return Q(m, e) / d;
+        }
+        return 800;
+      })();
+      n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = a);
+      const o = this.getSpeededDuration(a);
+      return new Promise((m) => {
+        _(() => i.updateCamera(e, o)), setTimeout(() => m(), o);
+      });
+    });
+  }
+  /**
+   * @description: Change five pano
+   */
+  changePano(e, t) {
+    return v(this, null, function* () {
+      const { five: r, privateState: i, state: n } = this;
+      if (typeof e.panoIndex != "number" || e.panoIndex === r.panoIndex)
+        return;
+      const s = r.getCurrentState().mode !== "Panorama";
+      s && (this.privateState.modeChanging = !0);
+      const d = (() => {
+        var f, u;
+        const o = (f = n.config) == null ? void 0 : f.speedConfig, m = (u = e.moveSpeed) != null ? u : o == null ? void 0 : o.moveSpeed;
+        if ((o == null ? void 0 : o.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 (d && 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) / d;
+        }
+        return 800;
+      })();
+      i.currentPlayKeyframe && (i.currentPlayKeyframe.originDuration = a), yield new Promise((o) => {
+        var m, f, u;
+        r.moveToPano(e.panoIndex, {
+          latitude: e.latitude,
+          longitude: e.longitude,
+          fov: e.fov,
+          duration: this.getSpeededDuration(a),
+          effect: (u = (f = t == null ? void 0 : t.moveEffect) != null ? f : (m = this.state.config) == null ? void 0 : m.moveEffect) != null ? u : e.moveEffect,
+          moveCancelCallback: () => o(),
+          moveEndCallback: () => o()
+        }), s && r.once("panoArrived", () => o());
+      }), 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 d = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, a = this.playKeyframe(s.keyframe, { duration: d });
+        i.currentPlayQueue.push(a);
+      } catch (d) {
+      }
+  }
+  /**
+   * @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 E.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 E.set((t = this.data) == null ? void 0 : t.keyframesId, {
+        keyframeId: (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 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((r) => r == null ? void 0 : r());
+  }
+  /**
+   * @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) => {
+        if (this.five.work) {
+          e();
+          return;
+        }
+        this.five.once("loaded", () => {
+          e();
+        });
+      });
+    });
+  }
+  setFiveLinearUpdateCamera() {
+    this.privateState.fiveOriginGetProgress && (this.five.controller.cameraMotion.getProgress = (e) => {
+      const t = this.five.controller.cameraMotion, r = e - t.startTime;
+      return r < 0 ? 0 : r >= t.duration ? 1 : 1 - H(1, t.startVelocity, t.duration, r);
+    });
+  }
+  setFiveOriginUpdateCamera() {
+    this.privateState.fiveOriginGetProgress && (this.five.controller.cameraMotion.getProgress = this.privateState.fiveOriginGetProgress);
+  }
+}
+I(z, "PluginVersion", M);
+export {
+  z as default,
+  sr as pluginFlag
+};