@realsee/dnalogel 2.0.4 → 2.0.5--alpha.1

package/libs/CSS3DRenderPlugin/utils/centerPoint.d.ts

@@ -0,0 +1,2 @@
+import { Vector3 } from 'three';
+export declare function centerPoint(...args: Vector3[]): Vector3;

package/libs/CSS3DRenderPlugin/utils/centerPoint.js

@@ -0,0 +1,10 @@
+import { Vector3 as r } from "three";
+function c(...t) {
+  const e = new r();
+  return t.forEach((n) => {
+    e.add(n);
+  }), e.divideScalar(t.length), e;
+}
+export {
+  c as centerPoint
+};

package/libs/CSS3DRenderPlugin/utils/evenNumber.d.ts

@@ -0,0 +1,3 @@
+export declare function evenNumber(num: number, config?: {
+    smaller?: boolean;
+}): number;

package/libs/CSS3DRenderPlugin/utils/evenNumber.js

@@ -0,0 +1,7 @@
+function t(u, r) {
+  const e = Math.round(u);
+  return e % 2 === 0 ? e : e + Number(r != null && r.smaller ? -1 : 1);
+}
+export {
+  t as evenNumber
+};

package/libs/CSS3DRenderPlugin/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './centerPoint';
+export * from './evenNumber';
+export * from './random';
+export * from './positionToVector3';

package/libs/CSS3DRenderPlugin/utils/index.js

@@ -0,0 +1,13 @@
+import { centerPoint as e } from "./centerPoint.js";
+import { evenNumber as n } from "./evenNumber.js";
+import { random as p } from "./random.js";
+import { anyPositionToVector3 as c, arrayPositionToVector3 as f, positionToVector3 as x } from "./positionToVector3.js";
+import "three";
+export {
+  c as anyPositionToVector3,
+  f as arrayPositionToVector3,
+  e as centerPoint,
+  n as evenNumber,
+  x as positionToVector3,
+  p as random
+};

package/libs/CSS3DRenderPlugin/utils/positionToVector3.d.ts

@@ -0,0 +1,13 @@
+import { Vector3 } from 'three';
+export declare type AnyPosition = Vector3 | [number, number, number] | {
+    x: number;
+    y: number;
+    z: number;
+};
+export declare const positionToVector3: ({ x, y, z }: {
+    x: number;
+    y: number;
+    z: number;
+}) => Vector3;
+export declare const arrayPositionToVector3: ([x, y, z]: [number, number, number]) => Vector3;
+export declare const anyPositionToVector3: (position: AnyPosition) => Vector3;

package/libs/CSS3DRenderPlugin/utils/positionToVector3.js

@@ -0,0 +1,7 @@
+import { Vector3 as t } from "three";
+const n = ({ x: r, y: e, z: o }) => new t(r, e, o), c = ([r, e, o]) => new t(r, e, o), s = (r) => r instanceof t ? r : Array.isArray(r) ? c(r) : n(r);
+export {
+  s as anyPositionToVector3,
+  c as arrayPositionToVector3,
+  n as positionToVector3
+};

package/libs/CSS3DRenderPlugin/utils/random.d.ts

@@ -0,0 +1 @@
+export declare function random(): string;

package/libs/CSS3DRenderPlugin/utils/random.js

@@ -0,0 +1,6 @@
+function n() {
+  return Math.random().toString(36).slice(-6);
+}
+export {
+  n as random
+};

package/libs/ModelTVVideoPlugin/Plugin.d.ts

@@ -1,4 +1,4 @@
 import type { FivePlugin } from '@realsee/five';
-import type { ModelTVVideoPluginExportType, ModelTVVideoPluginParameterType } from "./typings";
+import type { ModelTVVideoPluginExportType, ModelTVVideoPluginParameterType } from './typings';
 export declare const ModelTVVideoPlugin: FivePlugin<ModelTVVideoPluginParameterType, ModelTVVideoPluginExportType>;
 export default ModelTVVideoPlugin;

package/libs/ModelTVVideoPlugin/Plugin.js

@@ -1,167 +1,157 @@
-import * as u from "three";
-import { parseModelTVVideoPoints as V } from "./utils/parseData.js";
+import * as d from "three";
+import { parseModelTVVideoPoints as z } from "./utils/parseData.js";
+import { CSS3DRenderPlugin as I } from "../CSS3DRenderPlugin/index.js";
 import "./typings.js";
-const F = (d, { videoElement: y }) => {
-  const r = {
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/evenNumber.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+const q = (s, { videoElement: E }) => {
+  const t = {
     videoMeshes: [],
     videoTextureEnabled: !1,
     videoSource: "",
     rectPoints: [],
     enabled: !1,
-    videoElement: y
-  }, l = (e) => {
-    r.videoTexture && (r.videoTexture.image.muted = e, r.videoTexture.image.play());
-  }, f = () => r.videoTexture ? r.videoTexture.image.muted : !0, h = () => {
-    if (r.enabled || !r.videoTexture)
+    videoElement: E
+  }, f = I(s), y = /* @__PURE__ */ new Map(), M = (e) => {
+    t.videoTexture && (t.videoTexture.image.muted = e);
+  }, A = () => t.videoTexture ? t.videoTexture.image.muted : !0, T = () => {
+    if (t.enabled || !t.videoTexture)
       return;
-    r.enabled = !0, r.videoMeshes = T(), r.videoMeshes.forEach((o) => d.scene.add(o));
+    t.enabled = !0, t.videoMeshes = R(), t.videoMeshes.forEach((n) => s.scene.add(n));
     const e = () => {
-      if (!r.videoTexture)
+      if (!t.videoTexture)
         return;
-      const o = () => {
+      const n = () => {
         var i;
-        !r.videoTexture || ((i = r.videoTexture) == null || i.image.removeEventListener("timeupdate", o), r.videoTextureEnabled = !0, r.videoMeshes.forEach((n) => {
-          n.material.map !== r.videoTexture && (n.material.map = r.videoTexture);
-        }), d.needsRender = !0);
+        !t.videoTexture || ((i = t.videoTexture) == null || i.image.removeEventListener("timeupdate", n), t.videoTextureEnabled = !0, t.videoMeshes.forEach((o) => {
+          o.material.map !== t.videoTexture && (o.material.map = t.videoTexture);
+        }), s.needsRender = !0);
       };
-      r.videoTexture.image.addEventListener("timeupdate", o), r.videoTexture && r.videoMeshes.length && r.videoTexture.image.play();
+      t.videoTexture.image.addEventListener("timeupdate", n), t.videoTexture && t.videoMeshes.length && (t.videoTexture.image.play(), t.videoTexture.image.onplay = () => {
+        f.hide();
+      }, t.videoTexture.image.onpause = () => {
+        f.show();
+      }, t.videoTexture.image.onclick = () => {
+        t.videoTexture.image.muted = !1, t.videoTexture.image.play();
+      });
     };
-    if (d.model.loaded)
+    if (s.model.loaded)
       e();
     else
-      return d.once("modelLoaded", () => e());
-  }, b = () => {
-    !r.enabled || (r.enabled = !1, r.videoMeshes.forEach((e) => {
-      e.geometry.dispose(), e.material.dispose(), d.scene.remove(e), r.videoTexture && r.videoTexture.image.pause();
-    }), r.videoMeshes = [], d.needsRender = !0);
-  }, T = () => r.rectPoints.map((e, o) => {
-    const i = new u.BufferGeometry(), n = 128, t = [];
-    t.push(e[0].x, e[0].y, e[0].z);
-    for (let a = 1; a < n; a++)
-      t.push(
-        e[0].x + (e[1].x - e[0].x) * a / n,
-        e[0].y + (e[1].y - e[0].y) * a / n,
-        e[0].z + (e[1].z - e[0].z) * a / n
+      return s.once("modelLoaded", () => e());
+  }, g = () => {
+    !t.enabled || (t.enabled = !1, t.videoMeshes.forEach((e) => {
+      e.geometry.dispose(), e.material.dispose(), s.scene.remove(e), t.videoTexture && t.videoTexture.image.pause();
+    }), t.videoMeshes = [], s.needsRender = !0);
+  }, R = () => t.rectPoints.map((e, n) => {
+    const i = new d.BufferGeometry(), o = 128, a = [];
+    a.push(...e[0].toArray());
+    for (let r = 1; r < o; r++)
+      a.push(
+        e[0].x + (e[1].x - e[0].x) * r / o,
+        e[0].y + (e[1].y - e[0].y) * r / o,
+        e[0].z + (e[1].z - e[0].z) * r / o
       );
-    t.push(e[1].x, e[1].y, e[1].z), t.push(e[2].x, e[2].y, e[2].z);
-    for (let a = 1; a < n; a++)
-      t.push(
-        e[2].x + (e[3].x - e[2].x) * a / n,
-        e[2].y + (e[3].y - e[2].y) * a / n,
-        e[2].z + (e[3].z - e[2].z) * a / n
+    a.push(...e[1].toArray()), a.push(...e[2].toArray());
+    for (let r = 1; r < o; r++)
+      a.push(
+        e[2].x + (e[3].x - e[2].x) * r / o,
+        e[2].y + (e[3].y - e[2].y) * r / o,
+        e[2].z + (e[3].z - e[2].z) * r / o
       );
-    t.push(e[3].x, e[3].y, e[3].z);
-    const s = [];
-    s.push(0, 1);
-    for (let a = 1; a < n; a++)
-      s.push(0, 1 - a / n);
-    s.push(0, 0), s.push(1, 0);
-    for (let a = 1; a < n; a++)
-      s.push(1, a / n);
-    s.push(1, 1);
+    a.push(...e[3].toArray());
     const c = [];
-    for (let a = 0; a < n; a++)
-      c.push(a, a + 1, n * 2 - a, a, n * 2 - a, n * 2 + 1 - a);
-    i.setAttribute("position", new u.BufferAttribute(new Float32Array(t), 3)), i.setAttribute("uv", new u.BufferAttribute(new Float32Array(s), 2)), i.setIndex(new u.BufferAttribute(new Uint32Array(c), 1));
-    const x = new u.MeshBasicMaterial({
-      map: r.videoTextureEnabled ? r.videoTexture : r.imageTexture,
-      side: u.DoubleSide
-    }), m = new u.Mesh(i, x);
-    return m.renderOrder = 1, m.name = `ModelTVVideoPlugin-${o}-${performance.now()}`, m;
-  }), g = (e) => {
-    const o = new u.TextureLoader().load(e);
-    return o.minFilter = u.LinearFilter, o.magFilter = u.LinearFilter, o.format = u.RGBFormat, o;
-  }, w = (e, o) => new Promise((i, n) => {
-    const t = new XMLHttpRequest();
-    t.onreadystatechange = () => {
-      if (t.readyState == 4)
-        if (t.status == 200) {
-          const s = window.URL || window.webkitURL;
-          o = o || document.createElement("video"), o.crossOrigin = "anonymous", o.autoplay = !0, o.muted = !0, o.loop = !0, o.playsInline = !0, o.src = s.createObjectURL(t.response);
-          const c = new u.VideoTexture(o);
-          c.minFilter = u.LinearFilter, c.magFilter = u.LinearFilter, c.format = u.RGBFormat, i(Object.assign(c, { videoSource: e }));
+    c.push(0, 1);
+    for (let r = 1; r < o; r++)
+      c.push(0, 1 - r / o);
+    c.push(0, 0), c.push(1, 0);
+    for (let r = 1; r < o; r++)
+      c.push(1, r / o);
+    c.push(1, 1);
+    const u = [];
+    for (let r = 0; r < o; r++)
+      u.push(r, r + 1, o * 2 - r, r, o * 2 - r, o * 2 + 1 - r);
+    i.setAttribute("position", new d.BufferAttribute(new Float32Array(a), 3)), i.setAttribute("uv", new d.BufferAttribute(new Float32Array(c), 2)), i.setIndex(new d.BufferAttribute(new Uint32Array(u), 1));
+    const l = new d.AxesHelper(10);
+    s.scene.add(l);
+    const m = new d.MeshBasicMaterial({
+      map: t.videoTextureEnabled ? t.videoTexture : t.imageTexture,
+      side: d.DoubleSide
+    }), x = new d.Mesh(i, m);
+    x.renderOrder = 1, x.name = `ModelTVVideoPlugin-${n}-${performance.now()}`;
+    const S = [e[1], e[2], e[3], e[0]], p = f.create3DDomContainer(S);
+    if (p != null && p.container) {
+      const r = document.createElement("div");
+      r.classList.add("play-icon"), r.style.width = "100%", r.style.height = "100%", r.style.display = "flex", r.style.justifyContent = "center", r.style.alignItems = "center", r.style.pointerEvents = "none", p.container.appendChild(r);
+      const h = document.createElement("img");
+      h.src = "//vrlab-static.ljcdn.com/release/web/play.2ada5b6f.png", h.style.width = "200px", h.style.pointerEvents = "auto", h.onclick = () => {
+        t.videoTexture.image.muted = !1, t.videoTexture.image.play();
+      }, r.appendChild(h), y.set(x, p);
+    }
+    return x;
+  }), F = (e) => {
+    const n = new d.TextureLoader().load(e);
+    return n.minFilter = d.LinearFilter, n.magFilter = d.LinearFilter, n.format = d.RGBFormat, n;
+  }, L = (e, n) => new Promise((i, o) => {
+    const a = new XMLHttpRequest();
+    a.onreadystatechange = () => {
+      if (a.readyState == 4)
+        if (a.status == 200) {
+          const c = window.URL || window.webkitURL;
+          n = n || document.createElement("video"), n.crossOrigin = "anonymous", n.muted = !0, n.loop = !0, n.playsInline = !0, n.src = c.createObjectURL(a.response);
+          const u = new d.VideoTexture(n);
+          u.minFilter = d.LinearFilter, u.magFilter = d.LinearFilter, u.format = d.RGBFormat, i(Object.assign(u, { videoSource: e }));
         } else
-          n(new Error("Video download Error: " + t.status));
-    }, t.onerror = (s) => n(s), t.open("GET", e), t.responseType = "blob", t.send();
-  }), v = async (e, o) => {
-    const { video_src: i, video_poster_src: n, points: t } = e;
-    r.videoSource = i, r.rectPoints = V(t).map((s) => s.map(({ x: c, y: x, z: m }) => new u.Vector3(c, x, m))), r.imageTexture = g(n), o && (r.videoElement = o), r.videoTexture = await w(r.videoSource, r.videoElement), r.enabled = !!e.enable, r.enabled && h();
-  }, M = () => {
-    b(), r.videoTexture = void 0, d.off("modeChange", () => l(!0)), d.off("wantsTapGesture", (e) => {
-      if (!r.enabled)
-        return;
-      const [o] = e.intersectObjects(d.scene.children, !0);
-      if (!!o && /^video/.test(o.object.name))
-        return r.videoTexture && l(!r.videoTexture.image.muted), !1;
-    }), d.off("panoArrived", () => {
-      if (!r.enabled || f())
-        return;
-      const e = d.camera.position;
-      r.rectPoints.find((i) => {
-        const n = i.reduce(
-          (t, s) => new u.Vector3(
-            t.x + s.x / i.length,
-            t.y + s.y / i.length,
-            t.z + s.z / i.length
-          ),
-          new u.Vector3()
-        );
-        return i.map(
-          (t) => new u.Vector3(
-            (t.x + n.x) / 2,
-            (t.y + n.y) / 2,
-            (t.z + n.z) / 2
-          )
-        ).filter((t) => {
-          t = t.clone().sub(e).normalize();
-          const s = new u.Raycaster(e, t), [c] = s.intersectObjects(d.scene.children, !0);
-          return !!c && /^video/.test(c.object.name);
+          o(new Error("Video download Error: " + a.status));
+    }, a.onerror = (c) => o(c), a.open("GET", e), a.responseType = "blob", a.send();
+  }), P = async (e, n) => {
+    const { video_src: i, video_poster_src: o, points: a } = e;
+    t.videoSource = i, t.rectPoints = z(a).map((c) => c.map(({ x: u, y: l, z: m }) => new d.Vector3(u, l, m))), t.imageTexture = F(o), n && (t.videoElement = n), t.videoTexture = await L(t.videoSource, t.videoElement), t.enabled = !!e.enable, t.enabled && T();
+  }, v = (e) => {
+    if (!t.enabled)
+      return;
+    const n = t.videoMeshes;
+    if (!(!n || e.intersectObjects(n).length === 0))
+      return t.videoTexture && (t.videoTexture.image.paused || t.videoTexture.image.pause()), !1;
+  }, b = (e) => {
+    e === "Floorplan" ? f.hide() : f.show();
+  }, w = () => {
+    if (!t.enabled)
+      return;
+    const e = s.camera.position;
+    if (y.forEach((n, i) => {
+      const o = n.css3DObject.position.clone(), a = o.clone().sub(e).normalize(), c = new d.Raycaster(e, a), u = s.model.intersectRaycaster(c)[0], l = o.distanceTo(e), m = 0.01;
+      u && u.distance + m < l ? n.hide() : n.show();
+    }), !A()) {
+      const n = t.rectPoints.find((i) => {
+        const o = i[0].clone().add(i[1]).add(i[2]).add(i[3]).divideScalar(4);
+        return i.map((a) => a.clone().add(o).divideScalar(2)).filter((a) => {
+          const c = a.distanceTo(e), u = new d.Raycaster(e, a.clone().sub(e).normalize()), l = s.model.intersectRaycaster(u)[0], m = 0.01;
+          return !(l && l.distance + m < c);
         }).length >= 2;
-      }) || l(!0);
-    }), d.off("renderFrame", () => {
-      r.videoMeshes.forEach((e) => {
+      });
+      (!n || n.length === 0) && M(!0);
+    }
+  }, V = () => {
+    g(), t.videoTexture = void 0, s.off("modeChange", b), s.off("wantsTapGesture", v), s.off("panoArrived", w), s.off("renderFrame", () => {
+      t.videoMeshes.forEach((e) => {
         e && (e.needsRender = !0);
       });
     });
   };
-  return d.on("modeChange", () => l(!0)), d.on("wantsTapGesture", (e) => {
-    if (!r.enabled)
-      return;
-    const o = d.scene.children.filter((n) => /^ModelTVVideoPlugin/.test(n.name));
-    if (!(!o || e.intersectObjects(o).length === 0))
-      return r.videoTexture && l(!r.videoTexture.image.muted), !1;
-  }), d.on("panoArrived", () => {
-    if (!r.enabled || f())
-      return;
-    const e = d.camera.position;
-    r.rectPoints.find((i) => {
-      const n = i.reduce(
-        (t, s) => new u.Vector3(
-          t.x + s.x / i.length,
-          t.y + s.y / i.length,
-          t.z + s.z / i.length
-        ),
-        new u.Vector3()
-      );
-      return i.map(
-        (t) => new u.Vector3(
-          (t.x + n.x) / 2,
-          (t.y + n.y) / 2,
-          (t.z + n.z) / 2
-        )
-      ).filter((t) => {
-        t = t.clone().sub(e).normalize();
-        const s = new u.Raycaster(e, t), [c] = s.intersectObjects(d.scene.children, !0);
-        return !!c && /^video/.test(c.object.name);
-      }).length >= 2;
-    }) || l(!0);
-  }), d.on("renderFrame", () => {
-    r.videoMeshes.forEach((e) => {
+  return s.on("modeChange", b), s.on("wantsTapGesture", v), s.on("panoArrived", w), s.on("renderFrame", () => {
+    t.videoMeshes.forEach((e) => {
       e && (e.needsRender = !0);
     });
-  }), Object.assign(window, { $state: r }), { enable: h, disable: b, load: v, dispose: M };
+  }), { enable: T, disable: g, load: P, dispose: V, state: t, css3DRenderPlugin: f };
 };
 export {
-  F as ModelTVVideoPlugin,
-  F as default
+  q as ModelTVVideoPlugin,
+  q as default
 };

package/libs/ModelTVVideoPlugin/index.js

@@ -1,10 +1,19 @@
 import "./Plugin.js";
-import { ModelTVVideoPlugin as m, ModelTVVideoPlugin as t } from "./Plugin.js";
-import { DIRECTION as p } from "./typings.js";
+import { ModelTVVideoPlugin as M, ModelTVVideoPlugin as P } from "./Plugin.js";
+import { DIRECTION as x } from "./typings.js";
 import "three";
 import "./utils/parseData.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/evenNumber.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
 export {
-  p as DIRECTION,
-  m as ModelTVVideoPlugin,
-  t as default
+  x as DIRECTION,
+  M as ModelTVVideoPlugin,
+  P as default
 };

package/libs/ModelTVVideoPlugin/typings.js

@@ -1,4 +1,3 @@
-import "three";
 var o = /* @__PURE__ */ ((t) => (t.TOP_LEFT = "topLeft", t.TOP_RIGHT = "topRight", t.BOTTOM_LEFT = "bottomLeft", t.BOTTOM_RIGHT = "bottomRight", t))(o || {});
 export {
   o as DIRECTION

package/libs/ModelTVVideoPlugin/utils/parseData.d.ts

@@ -1,2 +1,2 @@
-import { DIRECTION, Point } from "../typings";
+import { DIRECTION, Point } from '../typings';
 export declare function parseModelTVVideoPoints(points: Point[][] | Record<DIRECTION, Point>[]): Point[][];

package/libs/ModelTVVideoPlugin/utils/parseData.js

@@ -1,16 +1,20 @@
 import { DIRECTION as e } from "../typings.js";
-import "three";
-function u(r) {
+function f(r) {
   if (r.length === 0)
     return [];
   if (Array.isArray(r[0]))
     return r;
-  let t = [];
-  return r.map((T) => {
-    const O = [T[e.TOP_LEFT], T[e.BOTTOM_LEFT], T[e.BOTTOM_RIGHT], T[e.TOP_RIGHT]];
-    t.push(O);
-  }), t;
+  let O = [];
+  return r.forEach((T) => {
+    const n = [
+      T[e.TOP_LEFT],
+      T[e.BOTTOM_LEFT],
+      T[e.BOTTOM_RIGHT],
+      T[e.TOP_RIGHT]
+    ];
+    O.push(n);
+  }), O;
 }
 export {
-  u as parseModelTVVideoPoints
+  f as parseModelTVVideoPoints
 };

package/libs/PanoCompassPlugin/Controller.js

@@ -6,19 +6,22 @@ import { Five as M } from "@realsee/five";
 import { Controller as b } from "../base/BasePluginWithData.js";
 import { getRoomInfoInstance as D } from "./getRoomInfoInstance.js";
 import { loadTexture as u } from "../shared-utils/three/loadTexture.js";
-import { CSS3DRenderPlugin as w } from "../CSS3DRenderPlugin/Plugin.js";
+import { CSS3DRenderPlugin as w } from "../CSS3DRenderPlugin/index.js";
 import { tweenProgress as P } from "../shared-utils/animationFrame/BetterTween.js";
 import "../base/BasePlugin.js";
 import "./Assets/roomInfoIcon.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../shared-utils/math/evenNumber.js";
-import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/transformPositionToVector3.js";
-import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/evenNumber.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
 import "@tweenjs/tween.js";
 import "../shared-utils/animationFrame/index.js";
 const p = { userAction: !0 };
-class L extends b {
+class J extends b {
   constructor(e, t) {
     super(e);
     i(this, "state", {
@@ -68,18 +71,18 @@ class L extends b {
       e !== this.five.panoIndex && ((t = this.compassMeshTween) == null || t.dispose(), (s = this.compassMesh) == null || s.material.setValues({ opacity: 0 }));
     });
     i(this, "onFivePanoArrived", (e) => {
-      var s, o, r, c, l, f, d;
+      var s, o, r, m, l, f, d;
       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 = P(1e3).onUpdate(({ progress: v }) => {
-        var m;
-        (m = this.compassMesh) == null || m.material.setValues({ opacity: v }), this.five.needsRender = !0;
+      if (this.compassMesh && (this.compassMesh.position.copy(t.clone().setY(t.y + 0.01)), this.compassMesh.material.opacity === 0 && ((m = this.compassMeshTween) == null || m.dispose(), this.compassMeshTween = P(1e3).onUpdate(({ progress: v }) => {
+        var c;
+        (c = this.compassMesh) == null || c.material.setValues({ opacity: v }), this.five.needsRender = !0;
       }).play())), this.entryDoorMesh) {
-        const m = new n.Vector3(
+        const c = new n.Vector3(
           this.data.entrance.position.x,
           this.data.entrance.position.y,
           this.data.entrance.position.z
-        ).clone().setY(t.y).sub(t).normalize(), I = t.clone().add(m.clone().multiplyScalar(0.7)).setY(t.y + 0.01);
-        this.entryDoorMesh.rotation.z = new n.Vector3(0, 0, -1).angleTo(m), this.entryDoorMesh.position.copy(I), ((l = this.data) == null ? void 0 : l.room_observers[e].room.type) === 1 ? (f = this.entryDoorMesh) == null || f.material.setValues({ opacity: 1 }) : (d = this.entryDoorMesh) == null || d.material.setValues({ opacity: 0 });
+        ).clone().setY(t.y).sub(t).normalize(), I = t.clone().add(c.clone().multiplyScalar(0.7)).setY(t.y + 0.01);
+        this.entryDoorMesh.rotation.z = new n.Vector3(0, 0, -1).angleTo(c), this.entryDoorMesh.position.copy(I), ((l = this.data) == null ? void 0 : l.room_observers[e].room.type) === 1 ? (f = this.entryDoorMesh) == null || f.material.setValues({ opacity: 1 }) : (d = this.entryDoorMesh) == null || d.material.setValues({ opacity: 0 });
       }
       this.roomInfoInstance && this.roomInfoWrapperInstance && (this.roomInfoWrapperInstance.css3DObject.position.copy(
         t.clone().setY(t.y + 0.01)
@@ -164,10 +167,10 @@ class L extends b {
     return e.version && e.data ? Promise.resolve(e.data) : Promise.resolve(e);
   }
   async init() {
-    var s, o, r, c;
+    var s, o, r, m;
     const e = (o = (s = this.data) == null ? void 0 : s.north_rad) != null ? o : null;
     this._clearCompassIfNeed(), e !== null && (this.compassMesh = await 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 = (m = (r = this.data) == null ? void 0 : r.entrance) != null ? m : null;
     this._clearEntryDoorIfNeed(), t !== null && (this.entryDoorMesh = await this.loadEntryDoorMesh(), this.roomInfoWrapperInstance = this.loadRoomInfo(), this.roomInfoInstance = D(), 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;
   }
   async loadCompassMesh() {
@@ -199,5 +202,5 @@ class L extends b {
   }
 }
 export {
-  L as PanoCompassController
+  J as PanoCompassController
 };

package/libs/PanoCompassPlugin/index.js

@@ -6,17 +6,20 @@ import "../base/BasePlugin.js";
 import "./getRoomInfoInstance.js";
 import "./Assets/roomInfoIcon.js";
 import "../shared-utils/three/loadTexture.js";
-import "../CSS3DRenderPlugin/Plugin.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../shared-utils/math/evenNumber.js";
-import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/transformPositionToVector3.js";
-import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/evenNumber.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "@tweenjs/tween.js";
 import "../shared-utils/animationFrame/index.js";
-const b = (o, r) => new t(o, r);
+const k = (o, r) => new t(o, r);
 export {
-  b as PanoCompassPlugin,
-  b as default
+  k as PanoCompassPlugin,
+  k as default
 };

package/libs/PanoDoorLabelPlugin/BaseController.js

@@ -1,15 +1,15 @@
 var n = Object.defineProperty;
-var o = (s, t, e) => t in s ? n(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var i = (s, t, e) => (o(s, typeof t != "symbol" ? t + "" : t, e), e);
-import { Five as h } from "@realsee/five";
+var h = (s, t, e) => t in s ? n(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => (h(s, typeof t != "symbol" ? t + "" : t, e), e);
+import { Five as o } from "@realsee/five";
 import { Controller as l } from "../base/BasePlugin.js";
-class c extends l {
+class p extends l {
   constructor(e) {
     super(e);
     i(this, "state");
     i(this, "container");
     i(this, "enabled");
-    this.five = e, this.five.once("dispose", this.dispose), this.enabled = !0, this.state = this.initState(), console.log("base controller");
+    this.five = e, this.five.once("dispose", this.dispose), this.enabled = !0, this.state = this.initState();
   }
   enable(e) {
     this.enabled = !0, this.updateState({ ...e, userAction: !0 });
@@ -35,7 +35,7 @@ class c extends l {
     this.state = { ...this.state, ...e, ...a }, this.stateChangedCallback(r, a);
   }
   get visible() {
-    return this.five.state.mode === h.Mode.Panorama;
+    return this.five.state.mode === o.Mode.Panorama;
   }
   appendTo(e) {
     !this.enabled || (this.container = e, this.render());
@@ -45,5 +45,5 @@ class c extends l {
   }
 }
 export {
-  c as BasePanoPluginController
+  p as BasePanoPluginController
 };