@realsee/dnalogel 2.2.3 → 2.2.5-alpha.0

package/libs/Object3DHelperPlugin/Controller.js

@@ -1,61 +1,66 @@
-var E = Object.defineProperty;
-var S = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var b = (i, s, e) => s in i ? E(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, f = (i, s) => {
+var O = Object.defineProperty;
+var w = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var m = (i, s, e) => s in i ? O(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, b = (i, s) => {
   for (var e in s || (s = {}))
-    M.call(s, e) && b(i, e, s[e]);
-  if (S)
-    for (var e of S(s))
-      O.call(s, e) && b(i, e, s[e]);
+    M.call(s, e) && m(i, e, s[e]);
+  if (w)
+    for (var e of w(s))
+      E.call(s, e) && m(i, e, s[e]);
   return i;
 };
-var h = (i, s, e) => (b(i, typeof s != "symbol" ? s + "" : s, e), e);
-var u = (i, s, e) => new Promise((t, r) => {
-  var l = (o) => {
+var d = (i, s, e) => (m(i, typeof s != "symbol" ? s + "" : s, e), e);
+var u = (i, s, e) => new Promise((r, t) => {
+  var l = (n) => {
     try {
-      a(e.next(o));
-    } catch (p) {
-      r(p);
+      p(e.next(n));
+    } catch (h) {
+      t(h);
     }
-  }, c = (o) => {
+  }, c = (n) => {
     try {
-      a(e.throw(o));
-    } catch (p) {
-      r(p);
+      p(e.throw(n));
+    } catch (h) {
+      t(h);
     }
-  }, a = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(l, c);
-  a((e = e.apply(i, s)).next());
+  }, p = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(l, c);
+  p((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 m } 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";
-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 { 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";
+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 K extends D {
+class re extends R {
   constructor(e) {
     super(e);
-    h(this, "version", g);
-    h(this, "name", v);
-    h(this, "state", {
+    d(this, "version", g);
+    d(this, "name", H);
+    d(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 });
+    d(this, "objectHelperMap", /* @__PURE__ */ new Map());
+    d(this, "css3DObjectParentMap", /* @__PURE__ */ new Map());
+    d(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 u(this, null, function* () {
@@ -76,70 +81,80 @@ class K 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 = f({}, this.state);
-    this.state = f(f({}, 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 = b({}, this.state);
+    this.state = b(b({}, 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, c = this.five.camera, { moveHelper: a = !0, rotateHelper: o = !0, scaleHelper: p = !0 } = t;
-    if (a) {
-      const n = new y(e), d = new m(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: p = !0, rotateHelper: n = !0, scaleHelper: h = !0 } = r;
+    if (p) {
+      const o = new j(e), a = new v(this.five, F, e, o);
+      t.addControllers({ moveController: a.helperController });
     }
-    if (o) {
-      let n;
-      l && c && (n = { container: l });
-      const d = new I(e, n), w = new m(this.five, $, e, d);
-      r.addControllers({ rotateController: w.helperController });
+    if (n) {
+      let o;
+      l && c && (o = { container: l });
+      const a = new P(e, o), f = new v(this.five, k, e, a);
+      t.addControllers({ rotateController: f.helperController });
     }
-    if (p && l) {
-      const n = new k(e, l, c, this.five.scene), d = new m(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 f, D;
+      const o = e, a = (f = this.css3DRender.behindModeCSS3DRenderer.wrapper) != null ? f : 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 {
-  K as Object3DHelperController,
-  H as PLUGIN,
+  re as Object3DHelperController,
+  C as PLUGIN,
   g as VERSION
 };

package/libs/PanoDoorLabelPlugin/Controller.js

@@ -2,15 +2,15 @@ var $ = Object.defineProperty, B = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
 var C = Object.getOwnPropertySymbols;
 var G = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
-var E = (b, a, e) => a in b ? $(b, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : b[a] = e, H = (b, a) => {
+var T = (v, a, e) => a in v ? $(v, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[a] = e, H = (v, a) => {
   for (var e in a || (a = {}))
-    G.call(a, e) && E(b, e, a[e]);
+    G.call(a, e) && T(v, e, a[e]);
   if (C)
     for (var e of C(a))
-      N.call(a, e) && E(b, e, a[e]);
-  return b;
-}, W = (b, a) => B(b, U(a));
-var r = (b, a, e) => (E(b, typeof a != "symbol" ? a + "" : a, e), e);
+      N.call(a, e) && T(v, e, a[e]);
+  return v;
+}, W = (v, a) => B(v, U(a));
+var r = (v, a, e) => (T(v, typeof a != "symbol" ? a + "" : a, e), e);
 import { Raycaster as Q, Vector3 as V, Quaternion as j, Euler as z } from "three";
 import { BasePanoPluginController as q } from "./BaseController.js";
 import X from "./DoorLabelItem.js";
@@ -30,23 +30,23 @@ class re extends q {
     r(this, "doorLabels");
     r(this, "roomObservers");
     r(this, "loadData", (e, n) => {
-      n && (this.MaxVisibledistance = n.MaxVisibledistance, this.MinVisibledistance = n.MinVisibledistance, this.OffsetHeight = n.OffsetHeight), this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((f) => {
-        f.$destroy();
-      }), this.labelItems = [], this.doorLabels = [], this.doorLabelItems = [], this.floorplanServerData = e, this.five.once("panoArrived", () => {
-        console.log("doorplugin", "panoArrived"), this.initData();
+      n && (this.MaxVisibledistance = n.MaxVisibledistance, this.MinVisibledistance = n.MinVisibledistance, this.OffsetHeight = n.OffsetHeight), this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((d) => {
+        d.$destroy();
+      }), this.labelItems = [], this.doorLabels = [], this.doorLabelItems = [], this.floorplanServerData = e, typeof this.five.ready == "function" ? this.five.ready().then(() => this.initData()) : this.five.once("panoArrived", () => {
+        this.initData();
       });
     });
     r(this, "initRoomObservers", () => {
       var l, h;
-      const e = this.floorplanServerData.computed_data.floor_datas || [], f = (((h = (l = this.five) == null ? void 0 : l.work) == null ? void 0 : h.observers) || []).map((o) => {
-        const i = o.panoIndex, d = o.floorIndex, s = e == null ? void 0 : e.find((t) => t.floor_index === d);
-        if (s) {
-          const t = s.rooms.find((c) => c.observer_indexs.includes(i));
+      const e = this.floorplanServerData.computed_data.floor_datas || [], d = (((h = (l = this.five) == null ? void 0 : l.work) == null ? void 0 : h.observers) || []).map((o) => {
+        const s = o.panoIndex, f = o.floorIndex, i = e == null ? void 0 : e.find((t) => t.floor_index === f);
+        if (i) {
+          const t = i.rooms.find((c) => c.observer_indexs.includes(s));
           if (t)
-            return { panoIndex: i, floorIndex: d, name: t.name };
+            return { panoIndex: s, floorIndex: f, name: t.name };
         }
       }).filter(Boolean);
-      this.roomObservers = f;
+      this.roomObservers = d;
     });
     r(this, "hideAllLabels", () => {
       this.labelItems.forEach((e) => {
@@ -63,106 +63,105 @@ class re extends q {
           return this.visibleLabelMap.get(e);
         {
           const o = [];
-          return this.doorLabels.forEach((i, d) => {
-            if (i.roomName === n.name)
+          return this.doorLabels.forEach((s, f) => {
+            if (s.roomName === n.name)
               return;
-            const s = i.position.clone(), t = s.distanceTo(l);
+            const i = s.position.clone(), t = i.distanceTo(l);
             if (t < this.MinVisibledistance || t > this.MaxVisibledistance)
               return;
-            const c = new Q(), v = s.clone().sub(l).normalize();
-            c.set(l, v);
+            const c = new Q(), b = i.clone().sub(l).normalize();
+            c.set(l, b);
             const [p] = this.five.model.intersectRaycaster(c);
-            p && p.distance + 0.1 < t || o.push(d);
+            p && p.distance + 0.1 < t || o.push(f);
           }), this.visibleLabelMap.set(e, o), o;
         }
       })();
-      this.labelItems.forEach((o, i) => {
-        o.visible = h.includes(i);
+      this.labelItems.forEach((o, s) => {
+        o.visible = h.includes(s);
       }), this.fixDoorPosition();
     });
     r(this, "fixDoorPosition", () => {
-      var s, t, c, v, p, A, I, w, L, O, _, S;
+      var i, t, c, b, p, y, g, w, L, E, _, S;
       const { panoIndex: e, camera: n } = this.five;
       if (e === null)
         return;
       if (this.five.currentMode !== "Panorama")
         return this.hideAllLabels();
-      const f = this.five.getElement(), l = f.clientWidth, h = f.clientHeight, o = n.getWorldDirection(new V()), i = [], d = [...this.labelItems];
-      if (d.forEach((m, u) => {
+      const d = this.five.getElement(), l = d.clientWidth, h = d.clientHeight, o = n.getWorldDirection(new V()), s = [], f = [...this.labelItems];
+      if (f.forEach((m, u) => {
         if (m.visible) {
-          const x = n.position.distanceTo(m.position), M = m.position.clone().add(new V(0, this.OffsetHeight, 0)), T = M.clone().sub(n.position).normalize().angleTo(o), y = M.clone().project(n), P = (y.x + 1) / 2.2 * 100, g = (-y.y + 1) / 2.2 * 100, D = P >= 0 && P <= 100 && g >= 0 && g <= 100 && x > this.MinVisibledistance && x <= this.MaxVisibledistance;
-          m.left = P, m.top = g, m.inSight = D && T < Math.PI / 2, m.cameraToward = Y(this.five), D ? i.push({ disFromCameraToLabel: x, left: P, top: g, index: u }) : m.transform = "translate(-50%, -50%)";
+          const x = n.position.distanceTo(m.position), M = m.position.clone().add(new V(0, this.OffsetHeight, 0)), A = M.clone().sub(n.position).normalize().angleTo(o), O = M.clone().project(n), P = (O.x + 1) / 2.2 * 100, I = (-O.y + 1) / 2.2 * 100, D = P >= 0 && P <= 100 && I >= 0 && I <= 100 && x > this.MinVisibledistance && x <= this.MaxVisibledistance;
+          m.left = P, m.top = I, m.inSight = D && A < Math.PI / 2, m.cameraToward = Y(this.five), D ? s.push({ disFromCameraToLabel: x, left: P, top: I, index: u }) : m.transform = "translate(-50%, -50%)";
         } else
           m.inSight = !1;
-      }), i.length > 1) {
+      }), s.length > 1) {
         let m = 0;
-        i.sort((u, x) => x.disFromCameraToLabel - u.disFromCameraToLabel);
-        for (let u = 1; u < i.length; u++) {
-          const { index: x, left: M, top: k } = i[u - 1], { index: T, left: y, top: P } = i[u], g = this.container.children[x], D = this.container.children[T];
-          if (!g || !D)
+        s.sort((u, x) => x.disFromCameraToLabel - u.disFromCameraToLabel);
+        for (let u = 1; u < s.length; u++) {
+          const { index: x, left: M, top: k } = s[u - 1], { index: A, left: O, top: P } = s[u], I = this.container.children[x], D = this.container.children[A];
+          if (!I || !D)
             return;
           const R = {
             left: l * M / 100,
             top: h * k / 100,
-            width: (c = (t = (s = g.children) == null ? void 0 : s[0]) == null ? void 0 : t.clientWidth) != null ? c : 0,
-            height: (A = (p = (v = g.children) == null ? void 0 : v[0]) == null ? void 0 : p.clientHeight) != null ? A : 0
+            width: (c = (t = (i = I.children) == null ? void 0 : i[0]) == null ? void 0 : t.clientWidth) != null ? c : 0,
+            height: (y = (p = (b = I.children) == null ? void 0 : b[0]) == null ? void 0 : p.clientHeight) != null ? y : 0
           }, F = {
-            left: l * y / 100,
+            left: l * O / 100,
             top: h * P / 100,
-            width: (L = (w = (I = D.children) == null ? void 0 : I[0]) == null ? void 0 : w.clientWidth) != null ? L : 0,
-            height: (S = (_ = (O = D.children) == null ? void 0 : O[0]) == null ? void 0 : _.clientHeight) != null ? S : 0
+            width: (L = (w = (g = D.children) == null ? void 0 : g[0]) == null ? void 0 : w.clientWidth) != null ? L : 0,
+            height: (S = (_ = (E = D.children) == null ? void 0 : E[0]) == null ? void 0 : _.clientHeight) != null ? S : 0
           };
-          Z(R, F) && (m++, d[x].transform = `translate(-50%, ${(m - 1) * 100 - 50}%)`, d[T].transform = `translate(-50%, ${m * 100 - 50}%)`);
+          Z(R, F) && (m++, f[x].transform = `translate(-50%, ${(m - 1) * 100 - 50}%)`, f[A].transform = `translate(-50%, ${m * 100 - 50}%)`);
         }
       }
-      this.labelItems = d, this.render();
+      this.labelItems = f, this.render();
     });
     r(this, "onClick", (e, n) => {
       if (!this.roomObservers)
         return;
-      const { work: f } = this.five;
+      const { work: d } = this.five;
       let l, h, o = 1 / 0;
-      for (let i = 0; i < f.observers.length; i++) {
-        if (this.roomObservers[i].name !== e)
-          continue;
-        const s = f.observers[i].standingPosition, t = n.distanceTo(s);
-        t < o && (l = i, h = s.clone().sub(n).normalize(), o = t);
-      }
+      for (const s of d.observers)
+        if (this.roomObservers.find((i) => i.panoIndex === s.panoIndex && i.name === e)) {
+          const i = s.standingPosition, t = n.distanceTo(i);
+          t < o && (l = s.panoIndex, h = i.clone().sub(n).normalize(), o = t);
+        }
       if (h !== null && l !== null) {
-        const i = {};
+        const s = {};
         if (o > 0) {
-          const s = new V(0, 0, -1), t = h.clone(), c = new j();
-          c.setFromUnitVectors(s, t);
-          const v = new z();
-          v.setFromQuaternion(c, "YXZ"), i.longitude = v.y;
+          const i = new V(0, 0, -1), t = h.clone(), c = new j();
+          c.setFromUnitVectors(i, t);
+          const b = new z();
+          b.setFromQuaternion(c, "YXZ"), s.longitude = b.y;
         }
-        this.five.emit("wantsToMoveToPano", l, {}, !0) || this.five.moveToPano(l, { longitude: i.longitude });
+        this.five.emit("wantsToMoveToPano", l, {}, !0) || this.five.moveToPano(l, { longitude: s.longitude });
       }
     });
     r(this, "initData", () => {
       var l;
       this.doorLabels = [];
-      const e = this.five.panoIndex, n = this.floorplanServerData.computed_data.observers[e].floor_index, f = n !== void 0 && ((l = this.floorplanServerData.computed_data.floor_datas[n]) == null ? void 0 : l.rooms);
-      this.rooms = f, this.rooms && this.rooms.length > 0 && this.rooms.forEach((h) => {
-        var d;
-        const o = (d = this.floorplanServerData.computed_data.doors) == null ? void 0 : d.filter((s) => !!(s && s.name === h.name)), i = this.five.work.observers.filter((s, t) => !!h.observer_indexs.find((c) => c === t));
-        o && o.forEach((s) => {
-          const t = s.position;
-          let c = 1 / 0, v;
-          i.forEach((A) => {
-            const I = A.standingPosition, w = {
-              x: I.x,
-              y: I.y,
-              z: I.z
+      const e = this.five.panoIndex, n = this.floorplanServerData.computed_data.observers[e].floor_index, d = n !== void 0 && ((l = this.floorplanServerData.computed_data.floor_datas[n]) == null ? void 0 : l.rooms);
+      this.rooms = d, this.rooms && this.rooms.length > 0 && this.rooms.forEach((h) => {
+        var f;
+        const o = (f = this.floorplanServerData.computed_data.doors) == null ? void 0 : f.filter((i) => !!(i && i.name === h.name)), s = this.five.work.observers.filter((i, t) => !!h.observer_indexs.find((c) => c === t));
+        o && o.forEach((i) => {
+          const t = i.position;
+          let c = 1 / 0, b;
+          s.forEach((y) => {
+            const g = y.standingPosition, w = {
+              x: g.x,
+              y: g.y,
+              z: g.z
             }, L = J(t, w);
-            L < c && (c = L, v = w);
-          }), v && (t.y = v.y + 0.01);
+            L < c && (c = L, b = w);
+          }), b && (t.y = b.y + 0.01);
           const p = new V(t.x, t.y, t.z);
-          p.add(new V(-0.2, 1.8, 0).applyEuler(new z(0, s.rad, 0))), this.doorLabels.push({
+          p.add(new V(-0.2, 1.8, 0).applyEuler(new z(0, i.rad, 0))), this.doorLabels.push({
             roomName: h.name,
-            name: s.name,
+            name: i.name,
             position: p,
-            toward: K(s.rad)
+            toward: K(i.rad)
           });
         });
       }), this.labelItems = this.doorLabels.map((h) => W(H({}, h), {
@@ -177,12 +176,12 @@ class re extends q {
   }
   stateChangedCallback(e, n) {
     if (this.hooks.hasListener("stateChange")) {
-      const f = {
+      const d = {
         state: this.state,
         prevState: e,
         userAction: n ? n.userAction : ee.userAction
       };
-      this.hooks.emit("stateChange", f);
+      this.hooks.emit("stateChange", d);
     }
   }
   render() {

package/libs/PanoDoorLabelPlugin/DoorLabelItem.js

@@ -1,4 +1,4 @@
-import { SvelteComponent as k, init as _, safe_not_equal as C, append_styles as I, element as d, space as j, attr as p, null_to_empty as v, insert as B, append as b, listen as x, noop as f, detach as H, binding_callbacks as S } from "svelte/internal";
+import { SvelteComponent as k, init as _, safe_not_equal as C, append_styles as I, element as d, space as j, attr as p, null_to_empty as v, insert as B, append as b, listen as x, noop as f, detach as H, binding_callbacks as S } from "../vendor/svelte/internal/index.js";
 import y from "classnames";
 function W(e) {
   I(e, "svelte-wpy7pz", '.plugin-DoorLabelPlugin-item.svelte-wpy7pz.svelte-wpy7pz{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.75rem;padding:0.375rem;white-space:nowrap;font-size:0.75rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz::after{content:"";display:block;position:absolute;top:-0.0625rem;left:-0.0625rem;bottom:-0.0625rem;right:-0.0625rem;border-radius:0.125rem;border:0.0625rem solid rgba(0, 0, 0, 0);-o-border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-wpy7pz.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg") no-repeat;background-size:100%;display:inline-block;width:0.625rem;height:0.625rem;margin-left:0.25rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}');