@realsee/dnalogel 2.2.7 → 2.3.0

package/libs/Object3DHelperPlugin/Controller.js

@@ -1,42 +1,45 @@
-var E = Object.defineProperty;
-var S = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var f = (o, i, e) => i in o ? E(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e, c = (o, i) => {
-  for (var e in i || (i = {}))
-    M.call(i, e) && f(o, e, i[e]);
-  if (S)
-    for (var e of S(i))
-      O.call(i, e) && f(o, e, i[e]);
-  return o;
+var O = Object.defineProperty;
+var w = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var b = (i, s, e) => s in i ? O(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, f = (i, s) => {
+  for (var e in s || (s = {}))
+    M.call(s, e) && b(i, e, s[e]);
+  if (w)
+    for (var e of w(s))
+      E.call(s, e) && b(i, e, s[e]);
+  return i;
 };
-var h = (o, i, e) => (f(o, typeof i != "symbol" ? i + "" : i, e), e);
-var b = (o, i, e) => new Promise((t, r) => {
-  var l = (s) => {
+var p = (i, s, e) => (b(i, typeof s != "symbol" ? s + "" : s, e), e);
+var u = (i, s, e) => new Promise((r, t) => {
+  var l = (n) => {
     try {
-      a(e.next(s));
-    } catch (p) {
-      r(p);
+      d(e.next(n));
+    } catch (h) {
+      t(h);
     }
-  }, m = (s) => {
+  }, c = (n) => {
     try {
-      a(e.throw(s));
-    } catch (p) {
-      r(p);
+      d(e.throw(n));
+    } catch (h) {
+      t(h);
     }
-  }, a = (s) => s.done ? t(s.value) : Promise.resolve(s.value).then(l, m);
-  a((e = e.apply(o, i)).next());
+  }, d = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(l, c);
+  d((e = e.apply(i, s)).next());
 });
-import { Controller as D } from "../base/BasePlugin.js";
+import { Controller as R } from "../base/BasePlugin.js";
 import "three";
-import { MoveHelper as y } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
-import { RotateHelper as I } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
-import { RectangleScaleHelper as k } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
+import { MoveHelper as j } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import { RotateHelper as P } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
+import { RectangleScaleHelper as y } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
 import "../shared-utils/Object3DHelper/Helper/OutlineHelper.js";
 import { MoveController as F } from "../shared-utils/Object3DHelper/Controller/MoveController.js";
-import { ControllerWrapper as u } from "./FiveControllerWrapper.js";
-import { Object3DHelper as P } from "../shared-utils/Object3DHelper/index.js";
-import { RotateController as $ } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
-import { CSS3DScaleController as j } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import { ControllerWrapper as v } from "./FiveControllerWrapper.js";
+import { Object3DHelper as I } from "../shared-utils/Object3DHelper/index.js";
+import { RotateController as k } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
+import { CSS3DScaleController as B } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import { CSS3DRender as L } from "../CSS3DRenderPlugin/CSS3DRender.js";
+import { fiveModelLoaded as $ } from "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import { generateBehindFiveElement as W } from "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
 import "../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
@@ -45,46 +48,53 @@ import "../shared-utils/Object3DHelper/Constants/color.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
 import "../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
-import "../CSS3DRenderPlugin/utils/evenNumber.js";
-import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
-import "../CSS3DRenderPlugin/utils/centerPoint.js";
 import "../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
 import "../shared-utils/Object3DHelper/Base/BaseController.js";
 import "../shared-utils/Object3DHelper/utils/threex/domevents/index.js";
 import "../shared-utils/isNil.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
 import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
 import "../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
 import "../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
-const g = "v1.0.0", v = "Object3DHelperPlugin", H = `${v}@${g}`, L = () => {
-  console.error(`${H} is disposed`);
-}, _ = () => {
-  console.warn(`${H} is disabled`);
-}, B = () => {
-  console.error(`${H} is disabled`);
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+const g = "v1.0.0", H = "Object3DHelperPlugin", C = `${H}@${g}`, _ = () => {
+  console.error(`${C} is disposed`);
+}, G = () => {
+  console.warn(`${C} is disabled`);
+}, N = () => {
+  console.error(`${C} is disabled`);
 };
-class ue extends D {
+class je extends R {
   constructor(e) {
     super(e);
-    h(this, "version", g);
-    h(this, "name", v);
-    h(this, "state", {
+    p(this, "version", g);
+    p(this, "name", H);
+    p(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1
     });
-    h(this, "objectHelperMap", /* @__PURE__ */ new Map());
-    this.five = e, console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${v.toUpperCase()}_DEBUG__`]: this });
+    p(this, "objectHelperMap", /* @__PURE__ */ new Map());
+    p(this, "css3DObjectParentMap", /* @__PURE__ */ new Map());
+    p(this, "css3DRender");
+    this.five = e, this.css3DRender = new L(this.five.scene), console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${H.toUpperCase()}_DEBUG__`]: this });
   }
   show(e) {
-    return b(this, null, function* () {
+    return u(this, null, function* () {
       this.setState({ visible: !0 }, e);
     });
   }
   hide(e) {
-    return b(this, null, function* () {
+    return u(this, null, function* () {
       this.setState({ visible: !1 }, e);
     });
   }
@@ -97,70 +107,80 @@ class ue extends D {
   dispose() {
     this.setState({ disposed: !0 });
   }
-  setState(e, t) {
+  setState(e, r) {
     if (this.state.disposed)
-      return L();
+      return _();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
-      return B();
-    const r = c({}, this.state);
-    this.state = c(c({}, 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), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: r });
+      return N();
+    const t = f({}, this.state);
+    this.state = f(f({}, this.state), e), e.disposed !== void 0 && e.disposed !== t.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== t.visible && this.handleVisible(e.visible), e.enabled !== void 0 && e.enabled !== t.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: t });
   }
   getObject3DHelper(e) {
     return this.objectHelperMap.get(e);
   }
-  addObject3DHelper(e, t = {}) {
-    var C;
+  addObject3DHelper(e, r = {}) {
+    var S;
     if (!e)
       return console.error("Object3D is undefined");
     if (this.objectHelperMap.has(e)) {
       console.warn(`Object3DHelperPlugin: object3D ${e.name} is already has helper`);
       return;
     }
-    const r = new P();
-    this.objectHelperMap.set(e, r);
-    const l = (C = this.five.getElement()) == null ? void 0 : C.parentElement, m = this.five.camera, { moveHelper: a = !0, rotateHelper: s = !0, scaleHelper: p = !0 } = t;
-    if (a) {
-      const n = new y(e), d = new u(this.five, F, e, n);
-      r.addControllers({ moveController: d.helperController });
+    const t = new I();
+    this.objectHelperMap.set(e, t);
+    const l = (S = this.five.getElement()) == null ? void 0 : S.parentElement, c = this.five.camera, { moveHelper: d = !0, rotateHelper: n = !0, scaleHelper: h = !0 } = r;
+    if (d) {
+      const o = new j(e), a = new v(this.five, F, e, o);
+      t.addControllers({ moveController: a.helperController });
     }
-    if (s) {
-      let n;
-      l && m && (n = { container: l });
-      const d = new I(e, n), w = new u(this.five, $, e, d);
-      r.addControllers({ rotateController: w.helperController });
+    if (n) {
+      let o;
+      l && c && (o = { container: l });
+      const a = new P(e, o), m = new v(this.five, k, e, a);
+      t.addControllers({ rotateController: m.helperController });
     }
-    if (p && l) {
-      const n = new k(e, l, m, this.five.scene), d = new u(this.five, j, e, n);
-      r.addControllers({ scaleController: d.helperController });
+    if (h && l) {
+      const o = new y(e, l, c, this.five.scene), a = new v(this.five, B, e, o);
+      t.addControllers({ scaleController: a.helperController });
     }
-    e.isCSS3DObjectPlus && e.changeMode("behind", this.five.scene);
+    e.isCSS3DObjectPlus && $(this.five).then(() => {
+      var m, D;
+      const o = e, a = (m = this.css3DRender.behindModeCSS3DRenderer.wrapper) != null ? m : W(this.five);
+      a && (this.css3DObjectParentMap.set(o, o.parent), o.removeFromParent(), this.css3DRender.behindModeCSS3DRenderer.setWrapper(a), (D = this.css3DRender.getBehindCSS3DObjectGroup()) == null || D.add(o), this.css3DRender.render(this.five.camera));
+    });
   }
   removeObject3DHelper(e) {
-    const t = this.objectHelperMap.get(e);
-    !t || (e.isCSS3DObjectPlus && e.changeMode("front"), this.objectHelperMap.delete(e), t.dispose());
+    const r = this.objectHelperMap.get(e);
+    if (!!r) {
+      if (e.isCSS3DObjectPlus) {
+        const t = e, l = this.css3DObjectParentMap.get(t);
+        l == null || l.add(t), this.css3DRender.render(this.five.camera);
+      }
+      this.objectHelperMap.delete(e), r.dispose();
+    }
   }
-  handleEnable(e, t = !0) {
-    e ? (this.everyHelperDo((r) => r.enable()), this.hooks.emit("enable", { userAction: t })) : (this.everyHelperDo((r) => r.disable()), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
+  handleEnable(e, r = !0) {
+    e ? (this.everyHelperDo((t) => t.enable()), this.hooks.emit("enable", { userAction: r })) : (this.everyHelperDo((t) => t.disable()), this.hooks.emit("disable", { userAction: r })), this.state.enabled = e;
   }
-  handleVisible(e, t = !0) {
-    e ? (this.everyHelperDo((r) => r.show()), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : (this.everyHelperDo((r) => r.hide()), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
+  handleVisible(e, r = !0) {
+    e ? (this.everyHelperDo((t) => t.show()), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: r }))) : (this.everyHelperDo((t) => t.hide()), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: r }))), this.state.visible = e;
   }
   handleDispose() {
     this.everyHelperDo((e) => e.dispose());
   }
   everyHelperDo(e) {
-    this.objectHelperMap.forEach((t) => {
-      t && e(t);
+    this.objectHelperMap.forEach((r) => {
+      r && e(r);
     });
   }
-  actionIfStateIsEnabled(e, t) {
+  actionIfStateIsEnabled(e, r) {
     if (this.state.enabled)
       return e();
-    t != null && t.warnLog && _();
+    r != null && r.warnLog && G();
   }
 }
 export {
-  ue as Object3DHelperController,
-  H as PLUGIN,
+  je as Object3DHelperController,
+  C as PLUGIN,
   g as VERSION
 };

package/libs/Object3DHelperPlugin/index.js

@@ -1,5 +1,5 @@
 import { Object3DHelperController as o } from "./Controller.js";
-import { Object3DHelperController as y, PLUGIN as z, VERSION as A } from "./Controller.js";
+import { Object3DHelperController as Q, PLUGIN as T, VERSION as W } from "./Controller.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "three";
@@ -8,17 +8,23 @@ import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
 import "../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
 import "../shared-utils/Object3DHelper/utils/direction.js";
 import "../shared-utils/Object3DHelper/Constants/color.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/Object3DHelper/Helper/OutlineHelper.js";
 import "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
 import "../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
 import "../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
 import "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
-import "../CSS3DRenderPlugin/utils/evenNumber.js";
-import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
-import "../CSS3DRenderPlugin/utils/centerPoint.js";
 import "../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
 import "../shared-utils/Object3DHelper/Controller/MoveController.js";
 import "../shared-utils/Object3DHelper/Base/BaseController.js";
@@ -32,11 +38,13 @@ import "../shared-utils/Object3DHelper/Controller/RotateController.js";
 import "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
 import "../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
 import "../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
-const k = (r) => new o(r);
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+const J = (r) => new o(r);
 export {
-  y as Object3DHelperController,
-  k as Object3DHelperPlugin,
-  z as PLUGIN,
-  A as VERSION,
-  k as default
+  Q as Object3DHelperController,
+  J as Object3DHelperPlugin,
+  T as PLUGIN,
+  W as VERSION,
+  J as default
 };

package/libs/PanoCompassPlugin/Controller.js

@@ -10,21 +10,21 @@ var u = (h, n, e) => n in h ? D(h, n, { enumerable: !0, configurable: !0, writab
   return h;
 };
 var i = (h, n, e) => (u(h, typeof n != "symbol" ? n + "" : n, e), e);
-var d = (h, n, e) => new Promise((t, s) => {
-  var o = (m) => {
+var d = (h, n, e) => new Promise((t, o) => {
+  var s = (m) => {
     try {
-      c(e.next(m));
-    } catch (p) {
-      s(p);
+      p(e.next(m));
+    } catch (c) {
+      o(c);
     }
   }, r = (m) => {
     try {
-      c(e.throw(m));
-    } catch (p) {
-      s(p);
+      p(e.throw(m));
+    } catch (c) {
+      o(c);
     }
-  }, c = (m) => m.done ? t(m.value) : Promise.resolve(m.value).then(o, r);
-  c((e = e.apply(h, n)).next());
+  }, p = (m) => m.done ? t(m.value) : Promise.resolve(m.value).then(s, r);
+  p((e = e.apply(h, n)).next());
 });
 import * as a from "three";
 import { Five as C } from "@realsee/five";
@@ -38,15 +38,23 @@ import "../shared-utils/Subscribe.js";
 import "./Assets/roomInfoIcon.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../CSS3DRenderPlugin/utils/evenNumber.js";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@tweenjs/tween.js";
 import "../shared-utils/animationFrame/index.js";
 const v = { userAction: !0 };
-class Z extends A {
+class se extends A {
   constructor(e, t) {
     super(e);
     i(this, "state", {
@@ -65,8 +73,8 @@ class Z extends A {
     i(this, "compassMesh");
     i(this, "entryDoorMesh");
     i(this, "dispose", () => {
-      var e, t, s, o;
-      this.five.scene.remove(this.group), this.group.remove(...this.group.children), (t = (e = this.compassMesh) == null ? void 0 : e.material.map) == null || t.dispose(), (o = (s = this.entryDoorMesh) == null ? void 0 : s.material.map) == null || o.dispose(), this.five.off("dispose", this.dispose), this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.off("cameraDirectionUpdate", this.onFiveCameraDirectionUpdate);
+      var e, t, o, s;
+      this.five.scene.remove(this.group), this.group.remove(...this.group.children), (t = (e = this.compassMesh) == null ? void 0 : e.material.map) == null || t.dispose(), (s = (o = this.entryDoorMesh) == null ? void 0 : o.material.map) == null || s.dispose(), this.five.off("dispose", this.dispose), this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.off("cameraDirectionUpdate", this.onFiveCameraDirectionUpdate);
     });
     i(this, "_addEventListener", () => {
       this.five.on("panoArrived", this.onFivePanoArrived), this.five.on("panoWillArrive", this.onFivePanoWillArrive), this.five.on("modeChange", this.onFiveModeChange), this.five.on("cameraDirectionUpdate", this.onFiveCameraDirectionUpdate);
@@ -92,13 +100,13 @@ class Z extends A {
       this.entryDoorMesh && (this.group.remove(this.entryDoorMesh), (e = this.entryDoorMesh.material.map) == null || e.dispose(), this.entryDoorMesh = null), this.roomInfoInstance && (this.roomInfoInstance.dispose(), this.roomInfoInstance = null), this.roomInfoWrapperInstance && (this.roomInfoWrapperInstance.dispose(), this.roomInfoWrapperInstance = null);
     });
     i(this, "onFivePanoWillArrive", (e) => {
-      var t, s;
-      e !== this.five.panoIndex && ((t = this.compassMeshTween) == null || t.dispose(), (s = this.compassMesh) == null || s.material.setValues({ opacity: 0 }));
+      var t, o;
+      e !== this.five.panoIndex && ((t = this.compassMeshTween) == null || t.dispose(), (o = this.compassMesh) == null || o.material.setValues({ opacity: 0 }));
     });
     i(this, "onFivePanoArrived", (e) => {
-      var s, o, r, c, m, p, I;
-      const t = (r = (o = (s = this.five.work) == null ? void 0 : s.observers) == null ? void 0 : o[e]) == null ? void 0 : r.standingPosition;
-      if (this.compassMesh && (this.compassMesh.position.copy(t.clone().setY(t.y + 0.01)), this.compassMesh.material.opacity === 0 && ((c = this.compassMeshTween) == null || c.dispose(), this.compassMeshTween = W(1e3).onUpdate(({ progress: y }) => {
+      var o, s, r, p, m, c, I;
+      const t = (r = (s = (o = this.five.work) == null ? void 0 : o.observers) == null ? void 0 : s[e]) == null ? void 0 : r.standingPosition;
+      if (this.compassMesh && (this.compassMesh.position.copy(t.clone().setY(t.y + 0.01)), this.compassMesh.material.opacity === 0 && ((p = this.compassMeshTween) == null || p.dispose(), this.compassMeshTween = W(1e3).onUpdate(({ progress: y }) => {
         var f;
         (f = this.compassMesh) == null || f.material.setValues({ opacity: y }), this.five.needsRender = !0;
       }).play())), this.entryDoorMesh) {
@@ -107,7 +115,7 @@ class Z extends A {
           this.data.entrance.position.y,
           this.data.entrance.position.z
         ).clone().setY(t.y).sub(t).normalize(), b = t.clone().add(f.clone().multiplyScalar(0.7)).setY(t.y + 0.01);
-        this.entryDoorMesh.rotation.z = new a.Vector3(0, 0, -1).angleTo(f), this.entryDoorMesh.position.copy(b), ((m = this.data) == null ? void 0 : m.room_observers[e].room.type) === 1 ? (p = this.entryDoorMesh) == null || p.material.setValues({ opacity: 1 }) : (I = this.entryDoorMesh) == null || I.material.setValues({ opacity: 0 });
+        this.entryDoorMesh.rotation.z = new a.Vector3(0, 0, -1).angleTo(f), this.entryDoorMesh.position.copy(b), ((m = this.data) == null ? void 0 : m.room_observers[e].room.type) === 1 ? (c = this.entryDoorMesh) == null || c.material.setValues({ opacity: 1 }) : (I = this.entryDoorMesh) == null || I.material.setValues({ opacity: 0 });
       }
       this.roomInfoInstance && this.roomInfoWrapperInstance && (this.roomInfoWrapperInstance.css3DObject.position.copy(
         t.clone().setY(t.y + 0.01)
@@ -117,10 +125,10 @@ class Z extends A {
       longitude: e,
       latitude: t
     }) => {
-      var s, o;
-      !this.roomInfoWrapperInstance || (this.roomInfoWrapperInstance.css3DObject.rotation.z = e, t > 0.66 && this.five.getCurrentState().mode === "Panorama" ? (s = this.roomInfoInstance) == null || s.show() : (o = this.roomInfoInstance) == null || o.hide());
+      var o, s;
+      !this.roomInfoWrapperInstance || (this.roomInfoWrapperInstance.css3DObject.rotation.z = e, t > 0.66 && this.five.getCurrentState().mode === "Panorama" ? (o = this.roomInfoInstance) == null || o.show() : (s = this.roomInfoInstance) == null || s.hide());
     });
-    i(this, "onFiveModeChange", (e, t, s, o, r) => {
+    i(this, "onFiveModeChange", (e, t, o, s, r) => {
       e !== t && this.setState(
         {
           visible: e === C.Mode.Panorama
@@ -169,22 +177,22 @@ class Z extends A {
       ), Promise.resolve();
   }
   setState(e, t = { userAction: !0 }) {
-    var o, r;
-    const s = JSON.parse(JSON.stringify(this.state));
+    var s, r;
+    const o = JSON.parse(JSON.stringify(this.state));
     this.state = {
-      visible: (o = e.visible) != null ? o : s.visible,
-      enabled: (r = e.enabled) != null ? r : s.enabled,
-      config: l(l({}, s.config), e.config || {})
+      visible: (s = e.visible) != null ? s : o.visible,
+      enabled: (r = e.enabled) != null ? r : o.enabled,
+      config: l(l({}, o.config), e.config || {})
     }, this.hooks.emit("stateChange", {
       state: this.state,
-      prevState: s,
+      prevState: o,
       userAction: t.userAction
     }), e.enabled === !0 && (this._enable(), this.hooks.emit("enable", t)), e.enabled === !1 && (this._disable(), this.hooks.emit("disable", t)), e.visible === !1 && (this._toggleVisible(), this.hooks.emit("hide", t)), e.visible === !0 && (this._toggleVisible(), this.hooks.emit("show", t)), e.config && this.init();
   }
-  load(e, t, s = !0) {
+  load(e, t, o = !0) {
     return d(this, null, function* () {
-      const o = yield this.formatData(e);
-      JSON.stringify(this.data) !== JSON.stringify(o) && (this.hooks.emit("dataChange", o, this.data), this.data = l({}, o), this.init(), t && this.setState(t, { userAction: s }), this.hooks.emit("dataLoaded", this.data));
+      const s = yield this.formatData(e);
+      JSON.stringify(this.data) !== JSON.stringify(s) && (this.hooks.emit("dataChange", s, this.data), this.data = l({}, s), this.init(), t && this.setState(t, { userAction: o }), this.hooks.emit("dataLoaded", this.data));
     });
   }
   formatData(e) {
@@ -192,32 +200,32 @@ class Z extends A {
   }
   init() {
     return d(this, null, function* () {
-      var s, o, r, c;
-      const e = (o = (s = this.data) == null ? void 0 : s.north_rad) != null ? o : null;
+      var o, s, r, p;
+      const e = (s = (o = this.data) == null ? void 0 : o.north_rad) != null ? s : null;
       this._clearCompassIfNeed(), e !== null && (this.compassMesh = yield this.loadCompassMesh(), this.compassMesh.rotateX(-Math.PI / 2), this.compassMesh.rotateZ(e - Math.PI / 2), this.group.add(this.compassMesh));
-      const t = (c = (r = this.data) == null ? void 0 : r.entrance) != null ? c : null;
+      const t = (p = (r = this.data) == null ? void 0 : r.entrance) != null ? p : null;
       this._clearEntryDoorIfNeed(), t !== null && (this.entryDoorMesh = yield this.loadEntryDoorMesh(), this.roomInfoWrapperInstance = this.loadRoomInfo(), this.roomInfoInstance = _(), this.entryDoorMesh.rotateX(-Math.PI / 2), this.roomInfoWrapperInstance && this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container), this.group.add(this.entryDoorMesh)), this.onFivePanoArrived(this.five.panoIndex || 0), this.five.needsRender = !0;
     });
   }
   loadCompassMesh() {
     return d(this, null, function* () {
-      const e = this.state.config.compassImageUrl, t = yield M(e), s = new a.CircleGeometry(0.7, 32), o = new a.MeshBasicMaterial({
+      const e = this.state.config.compassImageUrl, t = yield M(e), o = new a.CircleGeometry(0.7, 32), s = new a.MeshBasicMaterial({
         map: t,
         transparent: !0,
         opacity: 0,
         depthTest: !1
-      }), r = new a.Mesh(s, o);
+      }), r = new a.Mesh(o, s);
       return r.name = "pano-compass-mesh", r;
     });
   }
   loadEntryDoorMesh() {
     return d(this, null, function* () {
-      const e = this.state.config.entryDoorImageUrl, t = yield M(e), s = new a.PlaneGeometry(0.2, 0.16), o = new a.MeshBasicMaterial({
+      const e = this.state.config.entryDoorImageUrl, t = yield M(e), o = new a.PlaneGeometry(0.2, 0.16), s = new a.MeshBasicMaterial({
         map: t,
         transparent: !0,
         opacity: 0.8,
         depthTest: !1
-      }), r = new a.Mesh(s, o);
+      }), r = new a.Mesh(o, s);
       return r.name = "pano-compass-entry-door", r;
     });
   }
@@ -232,5 +240,5 @@ class Z extends A {
   }
 }
 export {
-  Z as PanoCompassController
+  se as PanoCompassController
 };

package/libs/PanoCompassPlugin/index.js

@@ -10,16 +10,24 @@ import "../shared-utils/three/loadTexture.js";
 import "../CSS3DRenderPlugin/index.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../CSS3DRenderPlugin/utils/evenNumber.js";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "@tweenjs/tween.js";
 import "../shared-utils/animationFrame/index.js";
-const k = (o, r) => new t(o, r);
+const E = (o, r) => new t(o, r);
 export {
-  k as PanoCompassPlugin,
-  k as default
+  E as PanoCompassPlugin,
+  E as default
 };