@realsee/dnalogel 2.1.2-alpha.0 → 2.1.2-alpha.10

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-	<a href="https://realsee.js.org/"><img src="https://vrlab-public.ljcdn.com/common/file/web/ea031fa5-ad82-46b3-86c8-7b20ec1e635a.jpg" width="60" /></a>
+ <a href="https://realsee.js.org/"><img src="https://vrlab-public.ljcdn.com/common/file/web/ea031fa5-ad82-46b3-86c8-7b20ec1e635a.jpg" width="60" /></a>
 </p>
 
 <p align="center">
@@ -19,7 +19,7 @@
 # 👀 Overview
 
 @realsee/dnalogel 将 [如视(realsee.com)](https://realsee.com) **VR 看房** 常用能力沉淀，并以 `Five Plugins` 形式进行抽象。
-结合[如视 VR 看房 SDK Five](https://open-platform.realsee.com/developer/docs/front/3d-space/get-started/rendering-engine/) 
+结合[如视 VR 看房 SDK Five](https://open-platform.realsee.com/developer/docs/front/3d-space/get-started/rendering-engine/)
 与 [如视开放 API](https://open-platform.realsee.com/developer/open/api/#/) ,可以制作出丰富多彩的三维空间应用。不论是经过线上环境千锤百炼的刚需功能，还是灵感一现的炫酷尝试，所有已经落地的功能我们均毫无保留的开源至github [realsee-developer/dnalogel](https://github.com/realsee-developer/dnalogel) 。
 
 # 🔨 Usage
@@ -34,15 +34,6 @@ npm install @realsee/dnalogel
 yarn add @realsee/dnalogel
 ```
 
-2.x 版本依赖 `svelte`， 使用时请同时安装:
-```bash
-npm install svelte 
-```
-
-```bash
-yarn add svelte 
-```
-
 **2、插件注册**
 
 ```js
@@ -80,7 +71,6 @@ five.plugins.PluginName.dispose()
 我们为每个插件书写了简单的效果示例，您可点击预览：
 [@realsee/dnalogel showcase](https://realsee.js.org/dnalogel/)
 
-
 # 🧾 Lists
 
 - 🔌 ModelViewPlugin：模型小窗插件
@@ -97,4 +87,5 @@ five.plugins.PluginName.dispose()
 - 其他插件持续更新中...
 
 # License
+
 [TERMS](https://github.com/realsee-developer/dnalogel/blob/main/plugins/TERMS.txt)

package/dist/CSS3DRenderPlugin/index..js

@@ -0,0 +1,88 @@
+var y = Object.defineProperty, S = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var h = (i, n, e) => n in i ? y(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e, m = (i, n) => {
+  for (var e in n || (n = {}))
+    D.call(n, e) && h(i, e, n[e]);
+  if (R)
+    for (var e of R(n))
+      F.call(n, e) && h(i, e, n[e]);
+  return i;
+}, v = (i, n) => S(i, P(n));
+var l = (i, n, e) => (h(i, typeof n != "symbol" ? n + "" : n, e), e);
+import { CSS3DRender as w } from "../chunks/es/CSS3DRender.5652510e.es.js";
+import "three";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../chunks/es/Subscribe.c73e0f91.es.js";
+const x = "v2.0.1", C = `CSS3DRenderPlugin@${x}`;
+class $ extends w {
+  constructor(e) {
+    super();
+    l(this, "five");
+    l(this, "behindFiveContainer");
+    l(this, "staticPrefix", "//vrlab-static.ljcdn.com");
+    l(this, "create3DDomContainer", (e, t) => {
+      if (this.state.disposed)
+        return;
+      const s = (() => {
+        var E;
+        (t == null ? void 0 : t.dpr) !== void 0 && console.warn(`${C}: please use "config.devicePixelRatio" replace "config.dpr"`);
+        const a = {
+          ratio: 216e-5,
+          devicePixelRatio: (E = t == null ? void 0 : t.dpr) != null ? E : 1,
+          mode: "front",
+          autoRender: !0
+        };
+        return Object.assign(a, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
+      })(), o = this.five.getElement();
+      if (!o) {
+        console.error(`${C}: five.getElement() is ${o}`);
+        return;
+      }
+      const { autoRender: d, mode: r } = s, p = r === "front" ? o.parentElement : s.behindFiveContainer;
+      this.setContainer(p || document.body, "front");
+      const f = this.getBehindFiveElement();
+      f && this.setContainer(f, "behind"), this.appendToElement(p || document.body, r);
+      const u = this.create3DElement(this.five.camera, e, v(m({}, s), { autoRender: !1 }));
+      if (!u)
+        return;
+      const c = u.render, b = () => {
+        var a;
+        r === "front" && c(), r === "behind" && ((a = this.five.model) != null && a.loaded ? c() : this.five.once("modelLoaded", () => c()));
+      };
+      return d && b(), v(m({}, u), { render: d ? void 0 : b });
+    });
+    this.five = e;
+  }
+  disposeAll() {
+    return this.dispose();
+  }
+  setState(...e) {
+    const t = super.setState(...e);
+    return this.five.needsRender = !0, t;
+  }
+  getBehindFiveElement() {
+    var r;
+    const { behindFiveContainer: e } = this;
+    if (e)
+      return e;
+    const t = document.createElement("div");
+    t.style.position = "absolute", t.style.pointerEvents = "none", t.style.top = "0", t.style.left = "0", t.style.width = "100%", t.style.height = "100%", this.behindFiveContainer = t;
+    const s = this.five.getElement();
+    if (!s)
+      return;
+    const o = (r = s == null ? void 0 : s.style.position) != null ? r : getComputedStyle(s);
+    (!o || o === "static") && console.warn(
+      "if you want to use css3DRenderPlugin behind mode, five element position is static, please set position to relative or absolute"
+    );
+    const d = s == null ? void 0 : s.parentElement;
+    if (d)
+      return d.insertBefore(t, s), t;
+  }
+}
+const L = (i) => new $(i);
+export {
+  L as CSS3DRenderPlugin,
+  L as default
+};

package/dist/CSS3DRenderPlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var y=Object.defineProperty,D=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var h=(i,n,e)=>n in i?y(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,v=(i,n)=>{for(var e in n||(n={}))j.call(n,e)&&h(i,e,n[e]);if(R)for(var e of R(n))F.call(n,e)&&h(i,e,n[e]);return i},m=(i,n)=>D(i,P(n));var l=(i,n,e)=>(h(i,typeof n!="symbol"?n+"":n,e),e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("../chunks/cjs/CSS3DRender.15349564.cjs.js");require("three");require("three/examples/jsm/renderers/CSS3DRenderer");require("../chunks/cjs/Subscribe.5398d5c6.cjs.js");const x="v2.0.1",C=`CSS3DRenderPlugin@${x}`;class g extends w.CSS3DRender{constructor(e){super();l(this,"five");l(this,"behindFiveContainer");l(this,"staticPrefix","//vrlab-static.ljcdn.com");l(this,"create3DDomContainer",(e,t)=>{if(this.state.disposed)return;const s=(()=>{var b;(t==null?void 0:t.dpr)!==void 0&&console.warn(`${C}: please use "config.devicePixelRatio" replace "config.dpr"`);const a={ratio:.00216,devicePixelRatio:(b=t==null?void 0:t.dpr)!=null?b:1,mode:"front",autoRender:!0};return Object.assign(a,t,(t==null?void 0:t.mode)==="behind"?{scene:this.five.scene}:void 0)})(),o=this.five.getElement();if(!o){console.error(`${C}: five.getElement() is ${o}`);return}const{autoRender:d,mode:r}=s,p=r==="front"?o.parentElement:s.behindFiveContainer;this.setContainer(p||document.body,"front");const f=this.getBehindFiveElement();f&&this.setContainer(f,"behind"),this.appendToElement(p||document.body,r);const u=this.create3DElement(this.five.camera,e,m(v({},s),{autoRender:!1}));if(!u)return;const c=u.render,S=()=>{var a;r==="front"&&c(),r==="behind"&&((a=this.five.model)!=null&&a.loaded?c():this.five.once("modelLoaded",()=>c()))};return d&&S(),m(v({},u),{render:d?void 0:S})});this.five=e}disposeAll(){return this.dispose()}setState(...e){const t=super.setState(...e);return this.five.needsRender=!0,t}getBehindFiveElement(){var r;const{behindFiveContainer:e}=this;if(e)return e;const t=document.createElement("div");t.style.position="absolute",t.style.pointerEvents="none",t.style.top="0",t.style.left="0",t.style.width="100%",t.style.height="100%",this.behindFiveContainer=t;const s=this.five.getElement();if(!s)return;const o=(r=s==null?void 0:s.style.position)!=null?r:getComputedStyle(s);(!o||o==="static")&&console.warn("if you want to use css3DRenderPlugin behind mode, five element position is static, please set position to relative or absolute");const d=s==null?void 0:s.parentElement;if(d)return d.insertBefore(t,s),t}}const E=i=>new g(i);exports.CSS3DRenderPlugin=E;exports.default=E;

package/dist/CameraMovementPlugin/index..js

@@ -0,0 +1,11 @@
+import "../chunks/es/CameraMovementPlugin.4a7c3e46.es.js";
+import { CameraMovementEffect as n, CameraMovementPlugin as f, Rotation as p, CameraMovementPlugin as l } from "../chunks/es/CameraMovementPlugin.4a7c3e46.es.js";
+import "@realsee/five";
+import "@tweenjs/tween.js";
+import "../chunks/es/index.b8fdb59b.es.js";
+export {
+  n as CameraMovementEffect,
+  f as CameraMovementPlugin,
+  p as Rotation,
+  l as default
+};

package/dist/CameraMovementPlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../chunks/cjs/CameraMovementPlugin.2b342576.cjs.js");require("@realsee/five");require("@tweenjs/tween.js");require("../chunks/cjs/index.7d2010ce.cjs.js");exports.CameraMovementEffect=e.CameraMovementEffect;exports.CameraMovementPlugin=e.CameraMovementPlugin;exports.Rotation=e.Rotation;exports.default=e.CameraMovementPlugin;

package/dist/CruisePlugin/index..js

@@ -0,0 +1,527 @@
+var A = Object.defineProperty, V = Object.defineProperties;
+var O = Object.getOwnPropertyDescriptors;
+var M = Object.getOwnPropertySymbols;
+var Q = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var C = (s, d, e) => d in s ? A(s, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[d] = e, P = (s, d) => {
+  for (var e in d || (d = {}))
+    Q.call(d, e) && C(s, e, d[e]);
+  if (M)
+    for (var e of M(d))
+      R.call(d, e) && C(s, e, d[e]);
+  return s;
+}, L = (s, d) => V(s, O(d));
+var S = (s, d, e) => (C(s, typeof d != "symbol" ? d + "" : d, e), e);
+var y = (s, d, e) => new Promise((t, i) => {
+  var a = (n) => {
+    try {
+      o(e.next(n));
+    } catch (r) {
+      i(r);
+    }
+  }, h = (n) => {
+    try {
+      o(e.throw(n));
+    } catch (r) {
+      i(r);
+    }
+  }, o = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(a, h);
+  o((e = e.apply(s, d)).next());
+});
+import { Controller as _ } from "../chunks/es/BasePluginWithData.4bf4e649.es.js";
+import { GuideLinePlugin as $ } from "../GuideLinePlugin/index..js";
+import { uuid as k } from "../chunks/es/uuid.676cb2c8.es.js";
+import * as G from "three";
+import { equal as N } from "../chunks/es/equal.7db4a6f7.es.js";
+import "../chunks/es/BasePlugin.813e25f7.es.js";
+import "../chunks/es/Subscribe.c73e0f91.es.js";
+import "polyline-normals";
+import "../chunks/es/isNil.212842d9.es.js";
+function F(s) {
+  const d = Math.abs(Math.cos(s.latitude));
+  return new G.Vector3(
+    -Math.sin(s.longitude) * d,
+    -Math.sin(s.latitude),
+    -Math.cos(s.longitude) * d
+  );
+}
+function j(s, d) {
+  const e = F(s), t = F(d);
+  return e.angleTo(t);
+}
+const H = (s) => y(void 0, null, function* () {
+  try {
+    s().then(() => {
+    }, () => {
+    }).catch(() => {
+    });
+  } catch (d) {
+  }
+}), w = Math.PI * 2;
+function J(s) {
+  return s >= 0 && s < w ? s : (s % w + w) % w;
+}
+function q(s) {
+  return {
+    longitude: J(-Math.atan2(s.x, -s.z)),
+    latitude: -Math.asin(s.y / 1)
+  };
+}
+function z(s, d, e, t) {
+  const i = -s / e, a = s;
+  return i * t + a;
+}
+function B(s) {
+  return new Promise((d) => {
+    setTimeout(() => {
+      d();
+    }, s);
+  });
+}
+const K = "v1.0.6", T = "CruisePlugin", x = `${T}@${K}`, D = () => {
+  console.error(`${x} is disposed`);
+}, W = () => {
+  console.warn(`${x} is disabled`);
+}, X = () => {
+  console.error(`${x} is disabled`);
+}, E = /* @__PURE__ */ new Map();
+class U extends _ {
+  constructor(e, t) {
+    super(e, t);
+    S(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"
+        }
+      }
+    });
+    S(this, "data");
+    S(this, "config");
+    S(this, "privateState", {
+      playing: !1,
+      currentPlayQueue: [],
+      currentPlayKeyframe: null,
+      broke: !1,
+      disposers: [],
+      modeChanging: !1
+    });
+    S(this, "GuideLine");
+    this.config = t, Object.assign(window, { [`__${T}_DEBUG__`]: this });
+    const i = this.setFiveLinearUpdateCamera.bind(this), a = this.setFiveOriginUpdateCamera.bind(this);
+    this.hooks.on("play", i), this.hooks.on("broke", a), this.hooks.on("end", a), this.hooks.on("pause", a), this.privateState.disposers.push(() => {
+      this.hooks.off("play", i), this.hooks.off("broke", a), this.hooks.off("end", a), this.hooks.off("pause", a);
+    });
+  }
+  load(e, t, i) {
+    return y(this, null, function* () {
+      var f, g, l, c, m;
+      if (this.state.disposed)
+        return D();
+      this.privateState.fiveOriginGetProgress || (g = (f = this.five.controller) == null ? void 0 : f.cameraMotion) != null && g.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 a = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, h = yield this.formatData(e);
+      this.data = h, this.hooks.emit("dataChange", h, a);
+      let o = [], n;
+      const r = this.data.keyframes.filter((u) => u.data.panoIndex !== void 0);
+      r.filter((u, v) => {
+        var p;
+        return u.data.panoIndex !== ((p = r[v - 1]) == null ? void 0 : p.data.panoIndex);
+      }).map((u) => u.data.panoIndex).forEach((u) => {
+        var p, b;
+        const v = (p = this.five.work.observers[u]) == null ? void 0 : p.floorIndex;
+        if (v !== void 0)
+          if (n === v) {
+            const I = o.length - 1;
+            o[I] = [...(b = o[I]) != null ? b : [], u];
+          } else {
+            n = v;
+            const I = o.length;
+            o[I] = [u];
+          }
+      }), this.GuideLine || (this.GuideLine = $(this.five, this.config)), (m = this.GuideLine) == null || m.load({ routes: o.map((u) => ({ panoIndexList: u })) }), 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.log(`${x} loaded`, h), this.hooks.emit("dataLoaded", h);
+    });
+  }
+  play(e) {
+    this.setState({ playing: !0 }, e);
+  }
+  playFrom(e) {
+    const { index: t, id: i, userAction: a } = e;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: a }), this.setState({ playing: !0 }, { userAction: a, playFromIndex: t, playFromId: i });
+  }
+  playFromStart(e) {
+    return this.playFrom(L(P({}, e), { index: 0 }));
+  }
+  pause(e) {
+    this.setState({ playing: !1 }, e);
+  }
+  show(e) {
+    return y(this, null, function* () {
+      this.setState({ visible: !0 }, e);
+    });
+  }
+  hide(e) {
+    return y(this, null, function* () {
+      this.setState({ visible: !1 }, e);
+    });
+  }
+  enable(e) {
+    this.setState({ enabled: !0 }, e);
+  }
+  disable(e) {
+    this.setState({ enabled: !1 }, e);
+  }
+  dispose() {
+    this.setState({ disposed: !0 });
+  }
+  setState(e, t) {
+    var a;
+    if (this.state.disposed)
+      return D();
+    if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
+      return X();
+    const i = P({}, this.state);
+    this.state = P(P({}, 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), N(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (a = t == null ? void 0 : t.userAction) != null ? a : !0 });
+  }
+  formatData(e) {
+    return y(this, null, function* () {
+      this.five.work || (yield this.waitFiveLoaded());
+      const t = this.five.work.observers, i = (() => {
+        const a = e;
+        return typeof a == "object" && a !== null && a.version && a.data ? a.data : a;
+      })();
+      if (i.keyframes)
+        return {
+          keyframesId: k(),
+          keyframes: i.keyframes.map((a, h) => {
+            var r;
+            const o = i.keyframes[h + 1], n = (() => !o || o.start === void 0 || a.end === void 0 ? 0 : o.start - a.end)();
+            return P({ id: (r = a.uuid) != null ? r : k(), moveIndex: h, stay: n, index: h }, a);
+          })
+        };
+      if (i.panoIndexList) {
+        let a = [];
+        const { moveEffect: h, moveToFirstPanoEffect: o } = i;
+        return this.privateState.moveToFirstPanoEffect = o, i.panoIndexList.forEach((n, r) => {
+          const f = (() => {
+            var u, v, p, b;
+            const g = i.panoIndexList.slice(r).find((I) => I !== n);
+            if (g === void 0)
+              return;
+            const l = (u = t[n]) == null ? void 0 : u.position, c = (v = t[g]) == null ? void 0 : v.position;
+            if (!c || !l || ((p = t[n]) == null ? void 0 : p.floorIndex) !== ((b = t[g]) == null ? void 0 : b.floorIndex))
+              return;
+            const m = new G.Vector3().subVectors(c, l);
+            return q(m);
+          })();
+          i.moveType === void 0 || i.moveType === "justMove" ? a.push({
+            moveIndex: r,
+            stay: i.stay,
+            data: P({ effect: "Move", panoIndex: n, moveEffect: h }, f != null ? f : {})
+          }) : i.moveType === "moveAndRotate" && (a.push({ moveIndex: r, stay: i.stay, data: { effect: "Move", panoIndex: n, moveEffect: h } }), f && a.push({ moveIndex: r, stay: i.stay, data: P({ effect: "Rotate", panoIndex: n }, f) }));
+        }), { keyframesId: k(), keyframes: a.map((n, r) => P({ id: k(), index: r }, n)) };
+      } else
+        throw new Error("format error: data no keyframes or no panoIndexList");
+    });
+  }
+  handleEnable(e, t = !0) {
+    var i, a;
+    e ? ((i = this.GuideLine) == null || i.enable(), this.hooks.emit("enable", { userAction: t })) : ((a = this.GuideLine) == null || a.disable(), this.changePlayState(!1, { userAction: t }), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
+  }
+  handleVisible(e, t = !0) {
+    var i, a;
+    e ? ((i = this.GuideLine) == null || i.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : ((a = this.GuideLine) == null || a.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
+  }
+  changePlayState(e, t) {
+    this.actionIfStateIsEnabled(
+      () => {
+        var i;
+        return this.hooks.emit("playStateChange", e ? "playing" : "pause", { userAction: (i = t == null ? void 0 : t.userAction) != null ? i : !0 });
+      }
+    ), e ? this.handlePlay(t) : this.handlePause(t), this.state.playing = e;
+  }
+  handlePlay(e) {
+    return y(this, null, function* () {
+      var c;
+      const { data: t, state: i, privateState: a, hooks: h } = this;
+      if (a.playing || !(t != null && t.keyframes) || (t == null ? void 0 : t.keyframes.length) === 0)
+        return;
+      const o = k();
+      a.playId = o, a.playing = !0, a.broke = !1;
+      const n = t.keyframes, r = this.getPauseData();
+      (e == null ? void 0 : e.notEmitEvent) !== !0 && h.emit("play", { userAction: (c = e == null ? void 0 : e.userAction) != null ? c : !0 });
+      let f = !1;
+      const l = yield (() => y(this, null, function* () {
+        var m, u;
+        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((v) => v.id === e.playFromId);
+        if (r != null && r.keyframeId) {
+          const v = (u = this.data) == null ? void 0 : u.keyframes.find((p) => p.id === r.keyframeId);
+          if (r != null && r.fiveState && (yield this.move(r.fiveState, { moveEffect: a.moveToFirstPanoEffect })), v) {
+            if (v.data.effect === "Move")
+              return v.index;
+            if (v.data.effect === "Rotate") {
+              const p = r.duration !== void 0 ? r.duration * (1 - r.playedProgress) : void 0;
+              return yield this.playKeyframe(v, { duration: p }), f = !0, v.index + 1;
+            }
+          }
+        }
+      }))();
+      this.clearPauseData();
+      for (const m of n) {
+        if (a.broke || !i.playing || !a.playing || o !== a.playId)
+          return;
+        if (!(l !== void 0 && m.index < l))
+          try {
+            h.emit("playIndexChange", m.index, m), yield this.playKeyframe(m, {
+              moveEffect: f === !1 ? a.moveToFirstPanoEffect : void 0,
+              duration: 800
+            }), m.stay && (yield B(m.stay)), f === !1 && (f = !0);
+          } catch (u) {
+            return Promise.resolve("broke");
+          }
+      }
+      i.playing && o === a.playId && (this.setState({ playing: !1 }, { userAction: !1 }), h.emit("end"), this.clearPauseData());
+    });
+  }
+  handlePause(e) {
+    var h;
+    const { state: t, privateState: i, hooks: a } = this;
+    t.playing = !1, i.playing !== !1 && (i.playing = !1, this.setPauseData(), i.broke || this.forceInteruptUpdateCamera(), (e == null ? void 0 : e.notEmitEvent) !== !0 && a.emit("pause", { userAction: (h = e == null ? void 0 : e.userAction) != null ? h : !0 }));
+  }
+  playKeyframe(e, t) {
+    return y(this, null, function* () {
+      var a;
+      const { privateState: i } = this;
+      return ((a = this.privateState.currentPlayKeyframe) == null ? void 0 : a.keyframe.id) !== e.id && (this.privateState.currentPlayKeyframe = { keyframe: e }), i.currentPlayQueue.push(this.getPlayPromise(e, t)), this.actionPromiseQueue();
+    });
+  }
+  addInterruptListener(e) {
+    const t = () => {
+      this.privateState.modeChanging || e();
+    }, i = e;
+    return this.five.once("gesture", i), this.five.once("wantsChangeMode", t), () => {
+      this.five.off("gesture", i), this.five.once("wantsChangeMode", t);
+    };
+  }
+  getPlayPromise(e, t) {
+    return y(this, null, function* () {
+      var a;
+      const i = e.data;
+      if ((a = t == null ? void 0 : t.duration) != null || e.start !== void 0 && e.end !== void 0 && e.end - e.start, !!i)
+        return new Promise((h, o) => {
+          let n = !1;
+          this.addInterruptListener(() => {
+            if (!n)
+              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), n = !0, o(new Error("play is interupted"));
+          });
+          try {
+            if (n)
+              return;
+            const r = () => {
+              h(), n = !0;
+            };
+            switch (i.effect) {
+              case "Move":
+                this.move(i, t).then(r);
+                break;
+              case "Rotate":
+                this.rotate(i, t).then(r);
+                break;
+              default:
+                this.rotate(i, t).then(r);
+            }
+          } catch (r) {
+          }
+        });
+    });
+  }
+  actionPromiseQueue() {
+    return y(this, null, function* () {
+      const { privateState: e } = this;
+      return new Promise((t, i) => {
+        if (e.currentPlayQueue.length === 0) {
+          t();
+          return;
+        }
+        const a = e.currentPlayQueue.shift();
+        if (!a) {
+          t();
+          return;
+        }
+        a.then(t, i);
+      }).then(() => e.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
+    });
+  }
+  move(e, t) {
+    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);
+      else
+        return Promise.resolve();
+    });
+  }
+  rotate(e, t) {
+    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 == null ? void 0 : t.duration);
+    });
+  }
+  updateCamera(e, t = 800) {
+    return y(this, null, function* () {
+      const { five: i, privateState: a, state: h } = this;
+      let o = t;
+      const n = (() => {
+        var l, c;
+        const f = (l = h.config) == null ? void 0 : l.speedConfig, g = (c = e.rotateSpeed) != null ? c : f == null ? void 0 : f.rotateSpeed;
+        if ((f == null ? void 0 : f.rotateSpeedUnit) === void 0)
+          return g;
+        if (g !== void 0)
+          return f.rotateSpeedUnit === "rad/ms" ? g : g / 1e3;
+      })();
+      if (n) {
+        const f = this.five.getCurrentState();
+        o = j(f, e) / n;
+      }
+      a.currentPlayKeyframe && (a.currentPlayKeyframe.originDuration = o);
+      const r = this.getSpeededDuration(o);
+      return new Promise((f) => {
+        H(() => i.updateCamera(e, r)), setTimeout(() => f(), r);
+      });
+    });
+  }
+  changePano(e, t) {
+    return y(this, null, function* () {
+      var g;
+      const { five: i, privateState: a, state: h } = this;
+      if (typeof e.panoIndex != "number" || e.panoIndex === i.panoIndex)
+        return;
+      i.getCurrentState().mode;
+      const o = i.getCurrentState().mode !== "Panorama";
+      o && (this.privateState.modeChanging = !0);
+      let n = (g = t == null ? void 0 : t.duration) != null ? g : 800;
+      const r = (() => {
+        var m, u;
+        const l = (m = h.config) == null ? void 0 : m.speedConfig, c = (u = e.moveSpeed) != null ? u : l == null ? void 0 : l.moveSpeed;
+        if ((l == null ? void 0 : l.moveSpeedUnit) === void 0)
+          return c;
+        if (c !== void 0)
+          return l.moveSpeedUnit === "m/ms" ? c : c / 1e3;
+      })();
+      if (r && typeof i.panoIndex == "number" && typeof e.panoIndex == "number") {
+        const l = i.work.observers[i.panoIndex].position, c = i.work.observers[e.panoIndex].position;
+        n = l.distanceTo(c) / r;
+      }
+      a.currentPlayKeyframe && (a.currentPlayKeyframe.originDuration = n);
+      const f = this.getSpeededDuration(n);
+      yield new Promise((l) => {
+        var c, m, u;
+        i.moveToPano(e.panoIndex, {
+          latitude: e.latitude,
+          longitude: e.longitude,
+          fov: e.fov,
+          duration: f,
+          effect: (u = (m = t == null ? void 0 : t.moveEffect) != null ? m : (c = this.state.config) == null ? void 0 : c.moveEffect) != null ? u : e.moveEffect,
+          moveCancelCallback: () => l(),
+          moveEndCallback: () => l()
+        }), o && i.once("panoArrived", () => l());
+      }), o && (this.privateState.modeChanging = !1);
+    });
+  }
+  changeSpeed(e, t = !0) {
+    const { state: i, privateState: a, hooks: h } = this, { currentPlayKeyframe: o } = a;
+    if (h.emit("speedChange", e, { userAction: t }), i.playing && o)
+      try {
+        const n = o.originDuration !== void 0 ? o.originDuration * (1 - this.getProgress()) : void 0, r = this.playKeyframe(o.keyframe, { duration: n });
+        a.currentPlayQueue.push(r);
+      } catch (n) {
+      }
+  }
+  getSpeededDuration(e) {
+    return e / this.state.speed;
+  }
+  getProgress() {
+    return this.five.controller.cameraMotion.progress;
+  }
+  changeMode(e, t) {
+    return y(this, null, function* () {
+      e.mode && e.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, console.log("this.privateState.modeChanging", this.privateState.modeChanging), yield this.five.changeMode(e.mode, e, t), this.privateState.modeChanging = !1);
+    });
+  }
+  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);
+  }
+  setPauseData() {
+    var e, t, i, a;
+    if ((e = this.data) != null && e.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: (a = this.privateState.currentPlayKeyframe) == null ? void 0 : a.originDuration,
+        playedProgress: this.getProgress()
+      });
+  }
+  clearPauseData() {
+    var e, t;
+    if ((e = this.data) != null && e.keyframesId)
+      return E.delete((t = this.data) == null ? void 0 : t.keyframesId);
+  }
+  clear() {
+    this.clearPauseData(), this.privateState.currentPlayKeyframe = null;
+  }
+  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());
+  }
+  actionIfStateIsEnabled(e, t) {
+    if (this.state.enabled)
+      return e();
+    t != null && t.warnLog && W();
+  }
+  waitFiveLoaded() {
+    return y(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, i = e - t.startTime;
+      return i < 0 ? 0 : i >= t.duration ? 1 : 1 - z(1, t.startVelocity, t.duration, i);
+    });
+  }
+  setFiveOriginUpdateCamera() {
+    !this.privateState.fiveOriginGetProgress || (this.five.controller.cameraMotion.getProgress = this.privateState.fiveOriginGetProgress);
+  }
+}
+S(U, "PluginVersion", K);
+const oe = (s) => new U(s);
+export {
+  oe as CruisePlugin,
+  U as CruisePluginController,
+  oe as default
+};