@realsee/dnalogel 2.1.0 → 2.1.2-alpha.0

package/libs/PanoCompassPlugin/Controller.js

@@ -1,26 +1,40 @@
-var y = Object.defineProperty;
-var g = (h, a, e) => a in h ? y(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e;
-var i = (h, a, e) => (g(h, typeof a != "symbol" ? a + "" : a, e), e);
-import * as n from "three";
-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/index.js";
-import { tweenProgress as P } from "../shared-utils/animationFrame/index.js";
-import "../base/BasePlugin.js";
-import "../shared-utils/Subscribe.js";
-import "./Assets/roomInfoIcon.js";
-import "../CSS3DRenderPlugin/Controller.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../CSS3DRenderPlugin/utils/evenNumber.js";
-import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
-import "../CSS3DRenderPlugin/utils/centerPoint.js";
-import "../tween.esm.bad2b2b4.js";
-const p = { userAction: !0 };
-class z extends b {
+var D = Object.defineProperty;
+var g = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var u = (h, n, e) => n in h ? D(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e, l = (h, n) => {
+  for (var e in n || (n = {}))
+    w.call(n, e) && u(h, e, n[e]);
+  if (g)
+    for (var e of g(n))
+      P.call(n, e) && u(h, e, n[e]);
+  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 = (c) => {
+    try {
+      m(e.next(c));
+    } catch (p) {
+      s(p);
+    }
+  }, r = (c) => {
+    try {
+      m(e.throw(c));
+    } catch (p) {
+      s(p);
+    }
+  }, m = (c) => c.done ? t(c.value) : Promise.resolve(c.value).then(o, r);
+  m((e = e.apply(h, n)).next());
+});
+import * as a from "three";
+import { Five as C } from "@realsee/five";
+import { Controller as A } from "../base/BasePluginWithData.js";
+import { getRoomInfoInstance as _ } from "./getRoomInfoInstance.js";
+import { loadTexture as M } from "../shared-utils/three/loadTexture.js";
+import { CSS3DRenderPlugin as F } from "../CSS3DRenderPlugin/index.js";
+import { tweenProgress as W } from "../shared-utils/animationFrame/BetterTween.js";
+const v = { userAction: !0 };
+class x extends A {
   constructor(e, t) {
     super(e);
     i(this, "state", {
@@ -32,7 +46,7 @@ class z extends b {
       }
     });
     i(this, "data");
-    i(this, "group", new n.Group());
+    i(this, "group", new a.Group());
     i(this, "roomInfoInstance");
     i(this, "roomInfoWrapperInstance");
     i(this, "compassMeshTween");
@@ -70,18 +84,18 @@ class z 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, c, 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 = 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 = W(1e3).onUpdate(({ progress: y }) => {
+        var f;
+        (f = this.compassMesh) == null || f.material.setValues({ opacity: y }), this.five.needsRender = !0;
       }).play())), this.entryDoorMesh) {
-        const m = new n.Vector3(
+        const f = new a.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(), 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), ((c = this.data) == null ? void 0 : c.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.roomInfoInstance && this.roomInfoWrapperInstance && (this.roomInfoWrapperInstance.css3DObject.position.copy(
         t.clone().setY(t.y + 0.01)
@@ -97,7 +111,7 @@ class z extends b {
     i(this, "onFiveModeChange", (e, t, s, o, r) => {
       e !== t && this.setState(
         {
-          visible: e === M.Mode.Panorama
+          visible: e === C.Mode.Panorama
         },
         { userAction: r }
       );
@@ -105,13 +119,10 @@ class z extends b {
     this.five.scene.add(this.group), this.five.once("dispose", this.dispose), this.setState({
       visible: !0,
       enabled: !0,
-      config: {
-        ...this.state.config,
-        ...t || {}
-      }
+      config: l(l({}, this.state.config), t || {})
     });
   }
-  enable(e = p) {
+  enable(e = v) {
     this.setState(
       {
         enabled: !0
@@ -119,7 +130,7 @@ class z extends b {
       e
     );
   }
-  disable(e = p) {
+  disable(e = v) {
     this.setState(
       {
         enabled: !1
@@ -127,7 +138,7 @@ class z extends b {
       e
     );
   }
-  show(e = p) {
+  show(e = v) {
     if (!!this.state.enabled)
       return this.setState(
         {
@@ -136,7 +147,7 @@ class z extends b {
         e
       ), Promise.resolve();
   }
-  hide(e = p) {
+  hide(e = v) {
     if (!!this.state.enabled)
       return this.setState(
         {
@@ -151,55 +162,63 @@ class z extends b {
     this.state = {
       visible: (o = e.visible) != null ? o : s.visible,
       enabled: (r = e.enabled) != null ? r : s.enabled,
-      config: { ...s.config, ...e.config || {} }
+      config: l(l({}, s.config), e.config || {})
     }, this.hooks.emit("stateChange", {
       state: this.state,
       prevState: s,
       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();
   }
-  async load(e, t, s = !0) {
-    const o = await this.formatData(e);
-    JSON.stringify(this.data) !== JSON.stringify(o) && (this.hooks.emit("dataChange", o, this.data), this.data = { ...o }, this.init(), t && this.setState(t, { userAction: s }), this.hooks.emit("dataLoaded", this.data));
+  load(e, t, s = !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));
+    });
   }
   formatData(e) {
     return e.version && e.data ? Promise.resolve(e.data) : Promise.resolve(e);
   }
-  async init() {
-    var s, o, r, c;
-    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;
-    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;
+  init() {
+    return d(this, null, function* () {
+      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 = yield this.loadCompassMesh(), this.compassMesh.rotateX(-Math.PI / 2), this.compassMesh.rotateZ(e - Math.PI / 2), this.group.add(this.compassMesh));
+      const t = (m = (r = this.data) == null ? void 0 : r.entrance) != null ? m : 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;
+    });
   }
-  async loadCompassMesh() {
-    const e = this.state.config.compassImageUrl, t = await u(e), s = new n.CircleGeometry(0.7, 32), o = new n.MeshBasicMaterial({
-      map: t,
-      transparent: !0,
-      opacity: 0,
-      depthTest: !1
-    }), r = new n.Mesh(s, o);
-    return r.name = "pano-compass-mesh", r;
+  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({
+        map: t,
+        transparent: !0,
+        opacity: 0,
+        depthTest: !1
+      }), r = new a.Mesh(s, o);
+      return r.name = "pano-compass-mesh", r;
+    });
   }
-  async loadEntryDoorMesh() {
-    const e = this.state.config.entryDoorImageUrl, t = await u(e), s = new n.PlaneGeometry(0.2, 0.16), o = new n.MeshBasicMaterial({
-      map: t,
-      transparent: !0,
-      opacity: 0.8,
-      depthTest: !1
-    }), r = new n.Mesh(s, o);
-    return r.name = "pano-compass-entry-door", 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({
+        map: t,
+        transparent: !0,
+        opacity: 0.8,
+        depthTest: !1
+      }), r = new a.Mesh(s, o);
+      return r.name = "pano-compass-entry-door", r;
+    });
   }
   loadRoomInfo() {
     const e = [
-      new n.Vector3(-0.7, 0, -0.7),
-      new n.Vector3(0.7, 0, -0.7),
-      new n.Vector3(0.7, 0, 0.7),
-      new n.Vector3(-0.7, 0, 0.7)
+      new a.Vector3(-0.7, 0, -0.7),
+      new a.Vector3(0.7, 0, -0.7),
+      new a.Vector3(0.7, 0, 0.7),
+      new a.Vector3(-0.7, 0, 0.7)
     ];
-    return w(this.five).create3DDomContainer(e);
+    return F(this.five).create3DDomContainer(e);
   }
 }
 export {
-  z as PanoCompassController
+  x as PanoCompassController
 };

package/libs/PanoCompassPlugin/index.js

@@ -1,24 +1,6 @@
-import { PanoCompassController as t } from "./Controller.js";
-import "three";
-import "@realsee/five";
-import "../base/BasePluginWithData.js";
-import "../base/BasePlugin.js";
-import "../shared-utils/Subscribe.js";
-import "./getRoomInfoInstance.js";
-import "./Assets/roomInfoIcon.js";
-import "../shared-utils/three/loadTexture.js";
-import "../CSS3DRenderPlugin/index.js";
-import "../CSS3DRenderPlugin/Controller.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../CSS3DRenderPlugin/utils/evenNumber.js";
-import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
-import "../CSS3DRenderPlugin/utils/centerPoint.js";
-import "../shared-utils/animationFrame/index.js";
-import "../tween.esm.bad2b2b4.js";
-const j = (o, r) => new t(o, r);
+import { PanoCompassController as n } from "./Controller.js";
+const r = (o, a) => new n(o, a);
 export {
-  j as PanoCompassPlugin,
-  j as default
+  r as PanoCompassPlugin,
+  r as default
 };

package/libs/PanoCursorRaycasterPlugin/index.js

@@ -1,19 +1,18 @@
 import { Group as g, Vector3 as r, Raycaster as C } from "three";
 import m from "../shared-utils/createLine/index.js";
-import "@realsee/five/line";
-const O = (e) => {
+const R = (e) => {
   const a = {
     intersection: null,
     disposers: []
-  }, p = (t) => {
+  }, l = (t) => {
     a.intersection = t;
-  }, l = () => {
+  }, p = () => {
     a.intersection = null;
   };
   e.on("modelLoaded", () => {
-    e.on("intersectionOnModelUpdate", p), e.on("intersectionHidden", l);
+    e.on("intersectionOnModelUpdate", l), e.on("intersectionHidden", p);
   }), e.on("dispose", () => {
-    e.off("intersectionOnModelUpdate", p), e.off("intersectionHidden", l);
+    e.off("intersectionOnModelUpdate", l), e.off("intersectionHidden", p);
   });
   const P = (t, c = 2, o = 0.1) => {
     const s = c / 2, n = x(t, o), i = new g();
@@ -47,7 +46,7 @@ const O = (e) => {
     return !(i && i.distance + c < s);
   }, z = () => a.intersection, w = () => {
     var t, c;
-    (c = (t = a.disposers) == null ? void 0 : t.forEach) == null || c.call(t, (o) => o == null ? void 0 : o()), e.off("intersectionOnModelUpdate", p), e.off("intersectionHidden", l);
+    (c = (t = a.disposers) == null ? void 0 : t.forEach) == null || c.call(t, (o) => o == null ? void 0 : o()), e.off("intersectionOnModelUpdate", l), e.off("intersectionHidden", p);
   }, H = w, x = (t, c) => {
     const o = t.clone();
     return e.camera.position.clone().sub(o).setLength(c).add(o);
@@ -55,6 +54,6 @@ const O = (e) => {
   return { intersection: z, pointAxesHelper: P, movePointTowardsCamera: x, destroy: w, dispose: H, canSeePoint: h };
 };
 export {
-  O as PanoCursorRaycasterPlugin,
-  O as default
+  R as PanoCursorRaycasterPlugin,
+  R as default
 };

package/libs/PanoDoorLabelPlugin/BaseController.js

@@ -1,50 +1,59 @@
-var n = Object.defineProperty;
-var h = (s, e, t) => e in s ? n(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var i = (s, e, t) => (h(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { Five as o } from "@realsee/five";
-import { Controller as l } from "../base/BasePlugin.js";
-import "../shared-utils/Subscribe.js";
-class v extends l {
-  constructor(t) {
-    super(t);
-    i(this, "state");
-    i(this, "container");
-    i(this, "enabled");
-    this.five = t, this.five.once("dispose", this.dispose), this.enabled = !0, this.state = this.initState();
-  }
-  enable(t) {
-    this.enabled = !0, this.updateState({ ...t, userAction: !0 });
-  }
-  disable(t) {
-    this.enabled = !1, this.updateState({ ...t, userAction: !0 });
-  }
-  show(t) {
+var d = Object.defineProperty, u = Object.defineProperties;
+var b = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var n = (s, t, e) => t in s ? d(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, i = (s, t) => {
+  for (var e in t || (t = {}))
+    p.call(t, e) && n(s, e, t[e]);
+  if (o)
+    for (var e of o(t))
+      v.call(t, e) && n(s, e, t[e]);
+  return s;
+}, a = (s, t) => u(s, b(t));
+var r = (s, t, e) => (n(s, typeof t != "symbol" ? t + "" : t, e), e);
+import { Five as c } from "@realsee/five";
+import { Controller as f } from "../base/BasePlugin.js";
+class C extends f {
+  constructor(e) {
+    super(e);
+    r(this, "state");
+    r(this, "container");
+    r(this, "enabled");
+    this.five = e, this.five.once("dispose", this.dispose), this.enabled = !0, this.state = this.initState();
+  }
+  enable(e) {
+    this.enabled = !0, this.updateState(a(i({}, e), { userAction: !0 }));
+  }
+  disable(e) {
+    this.enabled = !1, this.updateState(a(i({}, e), { userAction: !0 }));
+  }
+  show(e) {
     if (!!this.state.enabled)
-      return this.setState({ ...this.state, visible: !0 }, t), Promise.resolve();
+      return this.setState(a(i({}, this.state), { visible: !0 }), e), Promise.resolve();
   }
-  hide(t) {
+  hide(e) {
     if (!!this.state.enabled)
-      return this.setState({ ...this.state, visible: !1 }, t), Promise.resolve();
+      return this.setState(a(i({}, this.state), { visible: !1 }), e), Promise.resolve();
   }
   dispose() {
     this.container.remove();
   }
-  setState(t, a) {
+  setState(e, h) {
     if (!this.enabled)
       return;
-    const r = { ...this.state };
-    this.state = { ...this.state, ...t, ...a }, this.stateChangedCallback(r, a);
+    const l = i({}, this.state);
+    this.state = i(i(i({}, this.state), e), h), this.stateChangedCallback(l, h);
   }
   get visible() {
-    return this.five.state.mode === o.Mode.Panorama;
+    return this.five.state.mode === c.Mode.Panorama;
   }
-  appendTo(t) {
-    !this.enabled || (this.container = t, this.render());
+  appendTo(e) {
+    !this.enabled || (this.container = e, this.render());
   }
-  updateState(t) {
-    this.setState({ ...this.state, enabled: this.enabled, visible: this.visible }, t);
+  updateState(e) {
+    this.setState(a(i({}, this.state), { enabled: this.enabled, visible: this.visible }), e);
   }
 }
 export {
-  v as BasePanoPluginController
+  C as BasePanoPluginController
 };