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

package/dist/PanoDoorLabelPlugin/index..js

@@ -0,0 +1,340 @@
+var E = Object.defineProperty, O = Object.defineProperties;
+var H = Object.getOwnPropertyDescriptors;
+var M = Object.getOwnPropertySymbols;
+var W = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var k = (t, i, e) => i in t ? E(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, m = (t, i) => {
+  for (var e in i || (i = {}))
+    W.call(i, e) && k(t, e, i[e]);
+  if (M)
+    for (var e of M(i))
+      B.call(i, e) && k(t, e, i[e]);
+  return t;
+}, L = (t, i) => O(t, H(i));
+var u = (t, i, e) => (k(t, typeof i != "symbol" ? i + "" : i, e), e);
+import { Vector3 as z, Raycaster as R, Quaternion as j, Euler as _ } from "three";
+import { Five as F } from "@realsee/five";
+import { Controller as q } from "../chunks/es/BasePlugin.813e25f7.es.js";
+import { SvelteComponent as N, init as U, safe_not_equal as G, append_styles as Q, element as x, space as X, attr as D, null_to_empty as T, insert as Y, append as I, listen as Z, noop as A, detach as J, binding_callbacks as K } from "svelte/internal";
+import S from "classnames";
+import "../chunks/es/Subscribe.c73e0f91.es.js";
+class $ extends q {
+  constructor(e) {
+    super(e);
+    u(this, "state");
+    u(this, "container");
+    u(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(L(m({}, e), { userAction: !0 }));
+  }
+  disable(e) {
+    this.enabled = !1, this.updateState(L(m({}, e), { userAction: !0 }));
+  }
+  show(e) {
+    if (!!this.state.enabled)
+      return this.setState(L(m({}, this.state), { visible: !0 }), e), Promise.resolve();
+  }
+  hide(e) {
+    if (!!this.state.enabled)
+      return this.setState(L(m({}, this.state), { visible: !1 }), e), Promise.resolve();
+  }
+  dispose() {
+    this.container.remove();
+  }
+  setState(e, o) {
+    if (!this.enabled)
+      return;
+    const s = m({}, this.state);
+    this.state = m(m(m({}, this.state), e), o), this.stateChangedCallback(s, o);
+  }
+  get visible() {
+    return this.five.state.mode === F.Mode.Panorama;
+  }
+  appendTo(e) {
+    !this.enabled || (this.container = e, this.render());
+  }
+  updateState(e) {
+    this.setState(L(m({}, this.state), { enabled: this.enabled, visible: this.visible }), e);
+  }
+}
+function ee(t) {
+  Q(t, "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)}');
+}
+function te(t) {
+  let i, e, o, s, c, d, r, l;
+  return {
+    c() {
+      i = x("div"), e = x("div"), o = x("span"), o.textContent = `${t[8]}`, s = X(), c = x("i"), D(o, "class", "plugin-DoorLabelPlugin-txt svelte-wpy7pz"), D(c, "class", "plugin-DoorLabelPlugin-icon svelte-wpy7pz"), D(e, "class", d = T(S("plugin-DoorLabelPlugin-cnt", t[0].toward)) + " svelte-wpy7pz"), D(e, "style", `transform: ${t[6] || "initial"};pointer-events: ${t[5] ? "auto" : "none"};opacity: ${t[5] ? 1 : 0}`), D(e, "data-camera-toward", t[7]), D(i, "style", `left: ${t[3] || 0}%;top: ${t[4] || 0}%;opacity: ${t[5] ? 1 : 0}`), D(i, "class", "plugin-DoorLabelPlugin-item svelte-wpy7pz");
+    },
+    m(p, n) {
+      Y(p, i, n), I(i, e), I(e, o), I(e, s), I(e, c), t[10](i), r || (l = Z(e, "click", t[9]), r = !0);
+    },
+    p(p, [n]) {
+      n & 1 && d !== (d = T(S("plugin-DoorLabelPlugin-cnt", p[0].toward)) + " svelte-wpy7pz") && D(e, "class", d);
+    },
+    i: A,
+    o: A,
+    d(p) {
+      p && J(i), t[10](null), r = !1, l();
+    }
+  };
+}
+function ie(t, i, e) {
+  let { props: o } = i, { onClick: s } = i, c, { left: d, top: r, inSight: l, transform: p, panoIndex: n, cameraToward: a, name: h } = o, g = 0;
+  const v = () => {
+    if (!d || !r || !l || !c)
+      return;
+    const f = c.current.clientWidth / window.innerWidth * 100, b = c.current.clientHeight / window.innerHeight * 100;
+    if (d <= f / 2 || d >= 100 - f / 2 || r <= b / 2 || r >= 100 - b / 2)
+      return;
+    n !== g && (console.log("panoDoorLabelPlugin", n, "\u89E6\u53D1\u57CB\u70B9"), g = n);
+  }, P = (f) => {
+    s && s();
+  };
+  function w(f) {
+    K[f ? "unshift" : "push"](() => {
+      c = f, e(2, c);
+    });
+  }
+  return t.$$set = (f) => {
+    "props" in f && e(0, o = f.props), "onClick" in f && e(1, s = f.onClick);
+  }, v(), [
+    o,
+    s,
+    c,
+    d,
+    r,
+    l,
+    p,
+    a,
+    h,
+    P,
+    w
+  ];
+}
+class oe extends N {
+  constructor(i) {
+    super(), U(this, i, ie, te, G, { props: 0, onClick: 1 }, ee);
+  }
+}
+function ne(t, i) {
+  const e = Math.abs(t.top + t.height / 2 - i.top - i.height / 2), o = Math.abs(t.left + t.width / 2 - i.left - i.width / 2), s = (t.height + i.height) / 2, c = (t.width + i.width) / 2;
+  return !(e > s && o > c);
+}
+function se(t) {
+  const { camera: i } = t, e = i.getWorldDirection(new z());
+  let o = Math.atan(e.z / e.x) * 180 / Math.PI, s = "";
+  return e.x < 0 && (o += 180), o < 0 && (o += 360), o > 315 || o <= 45 ? s = "right" : o > 45 && o <= 135 ? s = "back" : o > 135 && o <= 225 ? s = "left" : o > 225 && o <= 315 && (s = "forward"), s;
+}
+function re(t, i) {
+  return Math.sqrt(Math.pow(t.z - i.z, 2) + Math.pow(t.x - i.x, 2));
+}
+function ae(t) {
+  const i = Math.PI / 4;
+  return t > -i && t <= i ? "left" : t > i * 3 || t <= -i * 3 ? "right" : t > -i * 3 && t <= -i ? "forward" : t > i && t <= i * 3 ? "back" : "";
+}
+const le = { userAction: !0 };
+class ce extends $ {
+  constructor(e) {
+    super(e);
+    u(this, "MinVisibledistance", 1.8);
+    u(this, "MaxVisibledistance", 5);
+    u(this, "OffsetHeight", -1.3);
+    u(this, "rooms");
+    u(this, "floorplanServerData");
+    u(this, "doorLabelItems");
+    u(this, "visibleLabelMap", /* @__PURE__ */ new Map());
+    u(this, "labelItems", []);
+    u(this, "doorLabels");
+    u(this, "roomObservers");
+    u(this, "loadData", (e, o) => {
+      o && (this.MaxVisibledistance = o.MaxVisibledistance, this.MinVisibledistance = o.MinVisibledistance, this.OffsetHeight = o.OffsetHeight), this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((s) => {
+        s.$destroy();
+      }), this.labelItems = [], this.doorLabels = [], this.doorLabelItems = [], this.floorplanServerData = e, this.five.once("panoArrived", () => {
+        console.log("doorplugin", "panoArrived"), this.initData();
+      });
+    });
+    u(this, "initRoomObservers", () => {
+      var c, d;
+      const e = this.floorplanServerData.computed_data.floor_datas || [], s = (((d = (c = this.five) == null ? void 0 : c.work) == null ? void 0 : d.observers) || []).map((r) => {
+        const l = r.panoIndex, p = r.floorIndex, n = e == null ? void 0 : e.find((a) => a.floor_index === p);
+        if (n) {
+          const a = n.rooms.find((h) => h.observer_indexs.includes(l));
+          if (a)
+            return { panoIndex: l, floorIndex: p, name: a.name };
+        }
+      }).filter(Boolean);
+      this.roomObservers = s;
+    });
+    u(this, "hideAllLabels", () => {
+      this.labelItems.forEach((e) => {
+        e.visible = !1, e.inSight = !1;
+      }), this.render();
+    });
+    u(this, "fixDoorVisibleAndPosition", () => {
+      this.initRoomObservers();
+      const { panoIndex: e } = this.five;
+      if (!this.visible || this.five.model.empty || e === null || !this.roomObservers.find((r) => r.panoIndex === e))
+        return;
+      const o = this.roomObservers.find((r) => r.panoIndex === e), c = this.five.work.observers.find((r) => r.panoIndex === e).position.clone(), d = (() => {
+        if (this.visibleLabelMap.has(e))
+          return this.visibleLabelMap.get(e);
+        {
+          const r = [];
+          return this.doorLabels.forEach((l, p) => {
+            if (l.roomName === o.name)
+              return;
+            const n = l.position.clone(), a = n.distanceTo(c);
+            if (a < this.MinVisibledistance || a > this.MaxVisibledistance)
+              return;
+            const h = new R(), g = n.clone().sub(c).normalize();
+            h.set(c, g);
+            const [v] = this.five.model.intersectRaycaster(h);
+            v && v.distance + 0.1 < a || r.push(p);
+          }), this.visibleLabelMap.set(e, r), r;
+        }
+      })();
+      this.labelItems.forEach((r, l) => {
+        r.visible = d.includes(l);
+      }), this.fixDoorPosition();
+    });
+    u(this, "fixDoorPosition", () => {
+      const { panoIndex: e, camera: o } = this.five;
+      if (e === null)
+        return;
+      if (this.five.currentMode !== "Panorama")
+        return this.hideAllLabels();
+      const s = this.five.getElement(), c = s.clientWidth, d = s.clientHeight, r = o.getWorldDirection(new z()), l = [], p = [...this.labelItems];
+      if (p.forEach((n, a) => {
+        if (n.visible) {
+          const h = o.position.distanceTo(n.position), g = n.position.clone().add(new z(0, this.OffsetHeight, 0)), P = g.clone().sub(o.position).normalize().angleTo(r), w = g.clone().project(o), f = (w.x + 1) / 2.2 * 100, b = (-w.y + 1) / 2.2 * 100, y = f >= 0 && f <= 100 && b >= 0 && b <= 100 && h > this.MinVisibledistance && h <= this.MaxVisibledistance;
+          n.left = f, n.top = b, n.inSight = y && P < Math.PI / 2, n.cameraToward = se(this.five), y ? l.push({ disFromCameraToLabel: h, left: f, top: b, index: a }) : n.transform = "translate(-50%, -50%)";
+        } else
+          n.inSight = !1;
+      }), l.length > 1) {
+        let n = 0;
+        l.sort((a, h) => h.disFromCameraToLabel - a.disFromCameraToLabel);
+        for (let a = 1; a < l.length; a++) {
+          const { index: h, left: g, top: v } = l[a - 1], { index: P, left: w, top: f } = l[a], b = this.container.children[h], y = this.container.children[P];
+          if (!b || !y)
+            return;
+          const C = {
+            left: c * g / 100,
+            top: d * v / 100,
+            width: b.children[0].clientWidth,
+            height: b.children[0].clientHeight
+          }, V = {
+            left: c * w / 100,
+            top: d * f / 100,
+            width: y.children[0].clientWidth,
+            height: y.children[0].clientHeight
+          };
+          ne(C, V) && (n++, p[h].transform = `translate(-50%, ${(n - 1) * 100 - 50}%)`, p[P].transform = `translate(-50%, ${n * 100 - 50}%)`);
+        }
+      }
+      this.labelItems = p, this.render();
+    });
+    u(this, "onClick", (e, o) => {
+      if (!this.roomObservers)
+        return;
+      const { work: s } = this.five;
+      let c, d, r = 1 / 0;
+      for (let l = 0; l < s.observers.length; l++) {
+        if (this.roomObservers[l].name !== e)
+          continue;
+        const n = s.observers[l].standingPosition, a = o.distanceTo(n);
+        a < r && (c = l, d = n.clone().sub(o).normalize(), r = a);
+      }
+      if (d !== null && c !== null) {
+        const l = {};
+        if (r > 0) {
+          const n = new z(0, 0, -1), a = d.clone(), h = new j();
+          h.setFromUnitVectors(n, a);
+          const g = new _();
+          g.setFromQuaternion(h, "YXZ"), l.longitude = g.y;
+        }
+        this.five.emit("wantsToMoveToPano", c, {}, !0) || this.five.moveToPano(c, { longitude: l.longitude });
+      }
+    });
+    u(this, "initData", () => {
+      var c;
+      this.doorLabels = [];
+      const e = this.five.panoIndex, o = this.floorplanServerData.computed_data.observers[e].floor_index, s = o !== void 0 && ((c = this.floorplanServerData.computed_data.floor_datas[o]) == null ? void 0 : c.rooms);
+      this.rooms = s, this.rooms && this.rooms.length > 0 && this.rooms.forEach((d) => {
+        var p;
+        const r = (p = this.floorplanServerData.computed_data.doors) == null ? void 0 : p.filter((n) => !!(n && n.name === d.name)), l = this.five.work.observers.filter((n, a) => !!d.observer_indexs.find((h) => h === a));
+        r && r.forEach((n) => {
+          const a = n.position;
+          let h = 1 / 0, g;
+          l.forEach((P) => {
+            const w = P.standingPosition, f = {
+              x: w.x,
+              y: w.y,
+              z: w.z
+            }, b = re(a, f);
+            b < h && (h = b, g = f);
+          }), g && (a.y = g.y + 0.01);
+          const v = new z(a.x, a.y, a.z);
+          v.add(new z(-0.2, 1.8, 0).applyEuler(new _(0, n.rad, 0))), this.doorLabels.push({
+            roomName: d.name,
+            name: n.name,
+            position: v,
+            toward: ae(n.rad)
+          });
+        });
+      }), this.labelItems = this.doorLabels.map((d) => L(m({}, d), {
+        left: 0,
+        top: 0,
+        visible: !1,
+        inSight: !1,
+        transform: "",
+        cameraToward: ""
+      })), console.log("doorplugin", "labelItems", this.labelItems), this.five.on("wantsToMoveToPano", this.hideAllLabels), this.five.on("modelLoaded", this.fixDoorVisibleAndPosition), this.five.on("panoArrived", this.fixDoorVisibleAndPosition), this.five.on("initAnimationEnded", this.fixDoorPosition), this.five.on("cameraUpdate", this.fixDoorPosition), this.five.on("mouseWheel", this.fixDoorPosition), this.five.on("pinchGesture", this.fixDoorPosition), this.fixDoorVisibleAndPosition();
+    });
+  }
+  stateChangedCallback(e, o) {
+    if (this.hooks.hasListener("stateChange")) {
+      const s = {
+        state: this.state,
+        prevState: e,
+        userAction: o ? o.userAction : le.userAction
+      };
+      this.hooks.emit("stateChange", s);
+    }
+  }
+  render() {
+    if (!this.enabled) {
+      this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((e) => {
+        e == null || e.$destroy();
+      }), this.doorLabels = void 0;
+      return;
+    }
+    this.doorLabelItems && this.doorLabelItems.forEach((e) => {
+      e.$destroy();
+    }), this.doorLabelItems = [], this.labelItems.forEach((e) => {
+      this.doorLabelItems.push(
+        new oe({
+          target: this.container,
+          props: {
+            props: e,
+            onClick: () => {
+              this.onClick(e.name, e.position);
+            }
+          }
+        })
+      );
+    });
+  }
+  initState() {
+    return { enabled: !0, visible: !0 };
+  }
+  dispose() {
+    this.five && (this.five.off("wantsToMoveToPano", this.hideAllLabels), this.five.off("modelLoaded", this.fixDoorVisibleAndPosition), this.five.off("panoArrived", this.fixDoorVisibleAndPosition), this.five.off("initAnimationEnded", this.fixDoorPosition), this.five.off("cameraUpdate", this.fixDoorPosition), this.five.off("mouseWheel", this.fixDoorPosition), this.five.off("pinchGesture", this.fixDoorPosition), super.dispose());
+  }
+}
+const me = (t) => new ce(t);
+export {
+  me as PanoDoorLabelPlugin,
+  me as default
+};

package/dist/PanoDoorLabelPlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var S=Object.defineProperty,T=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var x=(t,i,e)=>i in t?S(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e,v=(t,i)=>{for(var e in i||(i={}))C.call(i,e)&&x(t,e,i[e]);if(I)for(var e of I(i))E.call(i,e)&&x(t,e,i[e]);return t},z=(t,i)=>T(t,A(i));var g=(t,i,e)=>(x(t,typeof i!="symbol"?i+"":i,e),e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("three"),O=require("@realsee/five"),j=require("../chunks/cjs/BasePlugin.57e5204f.cjs.js"),d=require("svelte/internal"),H=require("classnames");require("../chunks/cjs/Subscribe.5398d5c6.cjs.js");const W=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},k=W(H);class q extends j.Controller{constructor(e){super(e);g(this,"state");g(this,"container");g(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(z(v({},e),{userAction:!0}))}disable(e){this.enabled=!1,this.updateState(z(v({},e),{userAction:!0}))}show(e){if(!!this.state.enabled)return this.setState(z(v({},this.state),{visible:!0}),e),Promise.resolve()}hide(e){if(!!this.state.enabled)return this.setState(z(v({},this.state),{visible:!1}),e),Promise.resolve()}dispose(){this.container.remove()}setState(e,o){if(!this.enabled)return;const s=v({},this.state);this.state=v(v(v({},this.state),e),o),this.stateChangedCallback(s,o)}get visible(){return this.five.state.mode===O.Five.Mode.Panorama}appendTo(e){!this.enabled||(this.container=e,this.render())}updateState(e){this.setState(z(v({},this.state),{enabled:this.enabled,visible:this.visible}),e)}}function B(t){d.append_styles(t,"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)}')}function R(t){let i,e,o,s,c,h,r,l;return{c(){i=d.element("div"),e=d.element("div"),o=d.element("span"),o.textContent=`${t[8]}`,s=d.space(),c=d.element("i"),d.attr(o,"class","plugin-DoorLabelPlugin-txt svelte-wpy7pz"),d.attr(c,"class","plugin-DoorLabelPlugin-icon svelte-wpy7pz"),d.attr(e,"class",h=d.null_to_empty(k.default("plugin-DoorLabelPlugin-cnt",t[0].toward))+" svelte-wpy7pz"),d.attr(e,"style",`transform: ${t[6]||"initial"};pointer-events: ${t[5]?"auto":"none"};opacity: ${t[5]?1:0}`),d.attr(e,"data-camera-toward",t[7]),d.attr(i,"style",`left: ${t[3]||0}%;top: ${t[4]||0}%;opacity: ${t[5]?1:0}`),d.attr(i,"class","plugin-DoorLabelPlugin-item svelte-wpy7pz")},m(u,n){d.insert(u,i,n),d.append(i,e),d.append(e,o),d.append(e,s),d.append(e,c),t[10](i),r||(l=d.listen(e,"click",t[9]),r=!0)},p(u,[n]){n&1&&h!==(h=d.null_to_empty(k.default("plugin-DoorLabelPlugin-cnt",u[0].toward))+" svelte-wpy7pz")&&d.attr(e,"class",h)},i:d.noop,o:d.noop,d(u){u&&d.detach(i),t[10](null),r=!1,l()}}}function F(t,i,e){let{props:o}=i,{onClick:s}=i,c,{left:h,top:r,inSight:l,transform:u,panoIndex:n,cameraToward:a,name:p}=o,b=0;const w=()=>{if(!h||!r||!l||!c)return;const f=c.current.clientWidth/window.innerWidth*100,m=c.current.clientHeight/window.innerHeight*100;if(h<=f/2||h>=100-f/2||r<=m/2||r>=100-m/2)return;n!==b&&(console.log("panoDoorLabelPlugin",n,"\u89E6\u53D1\u57CB\u70B9"),b=n)},D=f=>{s&&s()};function P(f){d.binding_callbacks[f?"unshift":"push"](()=>{c=f,e(2,c)})}return t.$$set=f=>{"props"in f&&e(0,o=f.props),"onClick"in f&&e(1,s=f.onClick)},w(),[o,s,c,h,r,l,u,a,p,D,P]}class N extends d.SvelteComponent{constructor(i){super(),d.init(this,i,F,R,d.safe_not_equal,{props:0,onClick:1},B)}}function U(t,i){const e=Math.abs(t.top+t.height/2-i.top-i.height/2),o=Math.abs(t.left+t.width/2-i.left-i.width/2),s=(t.height+i.height)/2,c=(t.width+i.width)/2;return!(e>s&&o>c)}function G(t){const{camera:i}=t,e=i.getWorldDirection(new y.Vector3);let o=Math.atan(e.z/e.x)*180/Math.PI,s="";return e.x<0&&(o+=180),o<0&&(o+=360),o>315||o<=45?s="right":o>45&&o<=135?s="back":o>135&&o<=225?s="left":o>225&&o<=315&&(s="forward"),s}function Q(t,i){return Math.sqrt(Math.pow(t.z-i.z,2)+Math.pow(t.x-i.x,2))}function X(t){const i=Math.PI/4;return t>-i&&t<=i?"left":t>i*3||t<=-i*3?"right":t>-i*3&&t<=-i?"forward":t>i&&t<=i*3?"back":""}const Y={userAction:!0};class Z extends q{constructor(e){super(e);g(this,"MinVisibledistance",1.8);g(this,"MaxVisibledistance",5);g(this,"OffsetHeight",-1.3);g(this,"rooms");g(this,"floorplanServerData");g(this,"doorLabelItems");g(this,"visibleLabelMap",new Map);g(this,"labelItems",[]);g(this,"doorLabels");g(this,"roomObservers");g(this,"loadData",(e,o)=>{o&&(this.MaxVisibledistance=o.MaxVisibledistance,this.MinVisibledistance=o.MinVisibledistance,this.OffsetHeight=o.OffsetHeight),this.doorLabelItems&&this.doorLabelItems.length>0&&this.doorLabelItems.forEach(s=>{s.$destroy()}),this.labelItems=[],this.doorLabels=[],this.doorLabelItems=[],this.floorplanServerData=e,this.five.once("panoArrived",()=>{console.log("doorplugin","panoArrived"),this.initData()})});g(this,"initRoomObservers",()=>{var c,h;const e=this.floorplanServerData.computed_data.floor_datas||[],s=(((h=(c=this.five)==null?void 0:c.work)==null?void 0:h.observers)||[]).map(r=>{const l=r.panoIndex,u=r.floorIndex,n=e==null?void 0:e.find(a=>a.floor_index===u);if(n){const a=n.rooms.find(p=>p.observer_indexs.includes(l));if(a)return{panoIndex:l,floorIndex:u,name:a.name}}}).filter(Boolean);this.roomObservers=s});g(this,"hideAllLabels",()=>{this.labelItems.forEach(e=>{e.visible=!1,e.inSight=!1}),this.render()});g(this,"fixDoorVisibleAndPosition",()=>{this.initRoomObservers();const{panoIndex:e}=this.five;if(!this.visible||this.five.model.empty||e===null||!this.roomObservers.find(r=>r.panoIndex===e))return;const o=this.roomObservers.find(r=>r.panoIndex===e),c=this.five.work.observers.find(r=>r.panoIndex===e).position.clone(),h=(()=>{if(this.visibleLabelMap.has(e))return this.visibleLabelMap.get(e);{const r=[];return this.doorLabels.forEach((l,u)=>{if(l.roomName===o.name)return;const n=l.position.clone(),a=n.distanceTo(c);if(a<this.MinVisibledistance||a>this.MaxVisibledistance)return;const p=new y.Raycaster,b=n.clone().sub(c).normalize();p.set(c,b);const[w]=this.five.model.intersectRaycaster(p);w&&w.distance+.1<a||r.push(u)}),this.visibleLabelMap.set(e,r),r}})();this.labelItems.forEach((r,l)=>{r.visible=h.includes(l)}),this.fixDoorPosition()});g(this,"fixDoorPosition",()=>{const{panoIndex:e,camera:o}=this.five;if(e===null)return;if(this.five.currentMode!=="Panorama")return this.hideAllLabels();const s=this.five.getElement(),c=s.clientWidth,h=s.clientHeight,r=o.getWorldDirection(new y.Vector3),l=[],u=[...this.labelItems];if(u.forEach((n,a)=>{if(n.visible){const p=o.position.distanceTo(n.position),b=n.position.clone().add(new y.Vector3(0,this.OffsetHeight,0)),D=b.clone().sub(o.position).normalize().angleTo(r),P=b.clone().project(o),f=(P.x+1)/2.2*100,m=(-P.y+1)/2.2*100,L=f>=0&&f<=100&&m>=0&&m<=100&&p>this.MinVisibledistance&&p<=this.MaxVisibledistance;n.left=f,n.top=m,n.inSight=L&&D<Math.PI/2,n.cameraToward=G(this.five),L?l.push({disFromCameraToLabel:p,left:f,top:m,index:a}):n.transform="translate(-50%, -50%)"}else n.inSight=!1}),l.length>1){let n=0;l.sort((a,p)=>p.disFromCameraToLabel-a.disFromCameraToLabel);for(let a=1;a<l.length;a++){const{index:p,left:b,top:w}=l[a-1],{index:D,left:P,top:f}=l[a],m=this.container.children[p],L=this.container.children[D];if(!m||!L)return;const M={left:c*b/100,top:h*w/100,width:m.children[0].clientWidth,height:m.children[0].clientHeight},V={left:c*P/100,top:h*f/100,width:L.children[0].clientWidth,height:L.children[0].clientHeight};U(M,V)&&(n++,u[p].transform=`translate(-50%, ${(n-1)*100-50}%)`,u[D].transform=`translate(-50%, ${n*100-50}%)`)}}this.labelItems=u,this.render()});g(this,"onClick",(e,o)=>{if(!this.roomObservers)return;const{work:s}=this.five;let c,h,r=1/0;for(let l=0;l<s.observers.length;l++){if(this.roomObservers[l].name!==e)continue;const n=s.observers[l].standingPosition,a=o.distanceTo(n);a<r&&(c=l,h=n.clone().sub(o).normalize(),r=a)}if(h!==null&&c!==null){const l={};if(r>0){const n=new y.Vector3(0,0,-1),a=h.clone(),p=new y.Quaternion;p.setFromUnitVectors(n,a);const b=new y.Euler;b.setFromQuaternion(p,"YXZ"),l.longitude=b.y}this.five.emit("wantsToMoveToPano",c,{},!0)||this.five.moveToPano(c,{longitude:l.longitude})}});g(this,"initData",()=>{var c;this.doorLabels=[];const e=this.five.panoIndex,o=this.floorplanServerData.computed_data.observers[e].floor_index,s=o!==void 0&&((c=this.floorplanServerData.computed_data.floor_datas[o])==null?void 0:c.rooms);this.rooms=s,this.rooms&&this.rooms.length>0&&this.rooms.forEach(h=>{var u;const r=(u=this.floorplanServerData.computed_data.doors)==null?void 0:u.filter(n=>!!(n&&n.name===h.name)),l=this.five.work.observers.filter((n,a)=>!!h.observer_indexs.find(p=>p===a));r&&r.forEach(n=>{const a=n.position;let p=1/0,b;l.forEach(D=>{const P=D.standingPosition,f={x:P.x,y:P.y,z:P.z},m=Q(a,f);m<p&&(p=m,b=f)}),b&&(a.y=b.y+.01);const w=new y.Vector3(a.x,a.y,a.z);w.add(new y.Vector3(-.2,1.8,0).applyEuler(new y.Euler(0,n.rad,0))),this.doorLabels.push({roomName:h.name,name:n.name,position:w,toward:X(n.rad)})})}),this.labelItems=this.doorLabels.map(h=>z(v({},h),{left:0,top:0,visible:!1,inSight:!1,transform:"",cameraToward:""})),console.log("doorplugin","labelItems",this.labelItems),this.five.on("wantsToMoveToPano",this.hideAllLabels),this.five.on("modelLoaded",this.fixDoorVisibleAndPosition),this.five.on("panoArrived",this.fixDoorVisibleAndPosition),this.five.on("initAnimationEnded",this.fixDoorPosition),this.five.on("cameraUpdate",this.fixDoorPosition),this.five.on("mouseWheel",this.fixDoorPosition),this.five.on("pinchGesture",this.fixDoorPosition),this.fixDoorVisibleAndPosition()})}stateChangedCallback(e,o){if(this.hooks.hasListener("stateChange")){const s={state:this.state,prevState:e,userAction:o?o.userAction:Y.userAction};this.hooks.emit("stateChange",s)}}render(){if(!this.enabled){this.doorLabelItems&&this.doorLabelItems.length>0&&this.doorLabelItems.forEach(e=>{e==null||e.$destroy()}),this.doorLabels=void 0;return}this.doorLabelItems&&this.doorLabelItems.forEach(e=>{e.$destroy()}),this.doorLabelItems=[],this.labelItems.forEach(e=>{this.doorLabelItems.push(new N({target:this.container,props:{props:e,onClick:()=>{this.onClick(e.name,e.position)}}}))})}initState(){return{enabled:!0,visible:!0}}dispose(){this.five&&(this.five.off("wantsToMoveToPano",this.hideAllLabels),this.five.off("modelLoaded",this.fixDoorVisibleAndPosition),this.five.off("panoArrived",this.fixDoorVisibleAndPosition),this.five.off("initAnimationEnded",this.fixDoorPosition),this.five.off("cameraUpdate",this.fixDoorPosition),this.five.off("mouseWheel",this.fixDoorPosition),this.five.off("pinchGesture",this.fixDoorPosition),super.dispose())}}const _=t=>new Z(t);exports.PanoDoorLabelPlugin=_;exports.default=_;

package/dist/PanoMeasurePlugin/index..js

@@ -0,0 +1,15 @@
+import { Magnifier as f, PanoMeasurePlugin as g, PanoMeasurePlugin as l } from "../chunks/es/index.f74f4851.es.js";
+import "hammerjs";
+import "three";
+import "@realsee/five";
+import "../chunks/es/uuid.676cb2c8.es.js";
+import "@realsee/five/line";
+import "../chunks/es/throttle.db66bac3.es.js";
+import "../chunks/es/filter.97ec06c4.es.js";
+import "@tweenjs/tween.js";
+import "../chunks/es/index.b8fdb59b.es.js";
+export {
+  f as Magnifier,
+  g as PanoMeasurePlugin,
+  l as default
+};

package/dist/PanoMeasurePlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../chunks/cjs/index.686e84d1.cjs.js");require("hammerjs");require("three");require("@realsee/five");require("../chunks/cjs/uuid.29ed9c88.cjs.js");require("@realsee/five/line");require("../chunks/cjs/throttle.86c209eb.cjs.js");require("../chunks/cjs/filter.cf9ebbb3.cjs.js");require("@tweenjs/tween.js");require("../chunks/cjs/index.7d2010ce.cjs.js");exports.Magnifier=e.Magnifier;exports.PanoMeasurePlugin=e.PanoMeasurePlugin;exports.default=e.PanoMeasurePlugin;

package/dist/PanoRulerPlugin/index..js

@@ -0,0 +1,9 @@
+import "../chunks/es/Plugin.f4cf895f.es.js";
+import { PanoRulerPlugin as t, PanoRulerPlugin as P } from "../chunks/es/Plugin.f4cf895f.es.js";
+import "@realsee/five";
+import "three";
+import "../chunks/es/planimetry.b0b4a28d.es.js";
+export {
+  t as PanoRulerPlugin,
+  P as default
+};

package/dist/PanoRulerPlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../chunks/cjs/Plugin.609da4aa.cjs.js");require("@realsee/five");require("three");require("../chunks/cjs/planimetry.7fce816a.cjs.js");exports.PanoRulerPlugin=e.PanoRulerPlugin;exports.default=e.PanoRulerPlugin;