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

package/dist/chunks/es/Plugin.ae4ee6f8.es.js

@@ -0,0 +1,82 @@
+var G = (r, t, e) => new Promise((x, c) => {
+  var j = (o) => {
+    try {
+      i(e.next(o));
+    } catch (a) {
+      c(a);
+    }
+  }, E = (o) => {
+    try {
+      i(e.throw(o));
+    } catch (a) {
+      c(a);
+    }
+  }, i = (o) => o.done ? x(o.value) : Promise.resolve(o.value).then(j, E);
+  i((e = e.apply(r, t)).next());
+});
+import * as q from "three";
+import { CanvasTexture as v, Vector3 as B, MeshBasicMaterial as _, AnimationMixer as $ } from "three";
+import { FBXLoader as k } from "three/examples/jsm/loaders/FBXLoader";
+import { transfromToMeshBasicMaterial as H } from "./transfromToMeshBasicMaterial.849ee069.es.js";
+function L(r, t) {
+  var a, h, A, d, F;
+  const e = (a = t == null ? void 0 : t.size) != null ? a : 512, x = (h = t == null ? void 0 : t.fontSize) != null ? h : e * (35 / 256) * 1.2, c = (A = t == null ? void 0 : t.backgroundColor) != null ? A : "rgba(0,0,0,0)", j = (d = t == null ? void 0 : t.fontColor) != null ? d : "#fff", E = (F = t == null ? void 0 : t.textAlign) != null ? F : "center", i = document.createElement("canvas");
+  i.setAttribute("width", e + ""), i.setAttribute("height", e + "");
+  const o = i.getContext("2d");
+  return o.fillStyle = c, o.fillRect(0, 0, e, e), o.font = `${x}px "\u5FAE\u8F6F\u96C5\u9ED1"`, o.textAlign = E, o.fillStyle = j, o.fillText(r, e / 2, e * 0.7), new v(i);
+}
+const U = ({ x: r, y: t, z: e }) => new B(r, t, e), K = (r, t) => {
+  var w, z, S;
+  const e = {}, x = (w = t.animationEnabled) != null ? w : !0, c = (z = t.position) != null ? z : void 0, j = (S = t.rad) != null ? S : void 0, E = t.fbx_url || "//vrlab-image4.ljcdn.com/release/web/entryDoorMini/Anim_Door1.fbx", i = [], o = (n) => G(void 0, null, function* () {
+    var C, p, y, D, M, f, P;
+    const m = (C = n == null ? void 0 : n.position) != null ? C : c;
+    if (!m)
+      return Promise.reject("ModelEntryDoorGuidePlugin.load(): position is undefined");
+    const l = U(m), s = (p = n == null ? void 0 : n.rad) != null ? p : j, T = (y = n == null ? void 0 : n.fbx_url) != null ? y : E;
+    if (e.rad = s, s === void 0)
+      return Promise.reject(`ModelEntryDoorGuidePlugin.load(): rad is ${s}`);
+    const u = yield new k().loadAsync(T);
+    u.position.copy(l), u.rotation.z = s, u.scale.set(0.8, 0.8, 0.8), H(u, { transparent: !0, side: q.DoubleSide });
+    const b = (P = (f = (M = (D = u.children) == null ? void 0 : D[0]) == null ? void 0 : M.children) == null ? void 0 : f[3]) == null ? void 0 : P.clone();
+    return b ? (b.material = new _({ transparent: !0, map: L("\u5165\u6237\u95E8") }), b.renderOrder = 3, u.children[0].add(b), e.object = u, !0) : Promise.reject(`ModelEntryDoorGuidePlugin.load(): textMesh is ${b}`);
+  }), a = () => {
+    if (e.animation)
+      return;
+    if (!e.object)
+      return console.error("ModelEntryDoorGuidePlugin.initAnimation(): state.object is ", e.object);
+    const n = 1, m = new $(e.object);
+    i.push(m);
+    const l = m.clipAction(e.object.animations[0]);
+    l.timeScale = n;
+    let s;
+    const T = () => {
+      let p = 0, y = 0;
+      const D = 1e3 / 30, M = (f) => {
+        p = requestAnimationFrame(M);
+        const P = f - y;
+        P < D || (y = f, i.forEach((R) => R.update(P / 1e3)), r.needsRender = !0);
+      };
+      return p = requestAnimationFrame(M), () => {
+        cancelAnimationFrame(p);
+      };
+    }, C = { play: () => {
+      s || (l.play(), s = T(), requestAnimationFrame(() => {
+        e.object && e.object.rotation.z !== e.rad && (e.object.rotation.z = e.rad);
+      }));
+    }, stop: () => {
+      l.stop(), s == null || s(), s = void 0;
+    } };
+    e.animation = C;
+  }, h = (n) => {
+    var l;
+    if (!e.object)
+      return console.error("ModelEntryDoorGuidePlugin.enable(): object is ", e.object);
+    ((l = n == null ? void 0 : n.animationEnable) != null ? l : x) && (e.animation || a(), e.animation.play()), r.scene.add(e.object), r.needsRender = !0;
+  }, A = () => {
+    !e.object || (e.animation && e.animation.stop(), r.scene.remove(e.object), r.needsRender = !0);
+  }, d = (n) => n === "Floorplan" ? h() : A();
+  return { load: o, enable: (n) => (e.enabled || (e.enabled = !0, d(r.currentMode), r.on("modeChange", d), h(n)), !0), disable: () => (e.enabled && (e.enabled = !1, A(), r.off("modeChange", d)), !0) };
+};
+export {
+  K as ModelEntryDoorGuidePlugin
+};

package/dist/chunks/es/Plugin.dd11e0ad.es.js

@@ -0,0 +1,180 @@
+var L = (o, h, e) => new Promise((l, x) => {
+  var M = (m) => {
+    try {
+      y(e.next(m));
+    } catch (g) {
+      x(g);
+    }
+  }, E = (m) => {
+    try {
+      y(e.throw(m));
+    } catch (g) {
+      x(g);
+    }
+  }, y = (m) => m.done ? l(m.value) : Promise.resolve(m.value).then(M, E);
+  y((e = e.apply(o, h)).next());
+});
+import * as d from "three";
+import { CSS3DRenderPlugin as _ } from "../../CSS3DRenderPlugin/index..js";
+var b = /* @__PURE__ */ ((o) => (o.TOP_LEFT = "topLeft", o.TOP_RIGHT = "topRight", o.BOTTOM_LEFT = "bottomLeft", o.BOTTOM_RIGHT = "bottomRight", o))(b || {});
+function S(o) {
+  if (o.length === 0)
+    return [];
+  if (Array.isArray(o[0]))
+    return o;
+  let h = [];
+  return o.forEach((e) => {
+    const l = [
+      e[b.TOP_LEFT],
+      e[b.BOTTOM_LEFT],
+      e[b.BOTTOM_RIGHT],
+      e[b.TOP_RIGHT]
+    ];
+    h.push(l);
+  }), h;
+}
+const j = (o, { videoElement: h }) => {
+  const e = {
+    videoMeshes: [],
+    videoTextureEnabled: !1,
+    videoSource: "",
+    rectPoints: [],
+    enabled: !1,
+    videoElement: h
+  }, l = _(o), x = /* @__PURE__ */ new Map(), M = (t) => {
+    e.videoTexture && (e.videoTexture.image.muted = t);
+  }, E = () => e.videoTexture ? e.videoTexture.image.muted : !0, y = () => {
+    if (e.enabled || !e.videoTexture)
+      return;
+    e.enabled = !0, e.videoMeshes = g(), e.videoMeshes.forEach((n) => o.scene.add(n));
+    const t = () => {
+      if (!e.videoTexture)
+        return;
+      const n = () => {
+        var i;
+        !e.videoTexture || ((i = e.videoTexture) == null || i.image.removeEventListener("timeupdate", n), e.videoTextureEnabled = !0, e.videoMeshes.forEach((a) => {
+          a.material.map !== e.videoTexture && (a.material.map = e.videoTexture);
+        }), o.needsRender = !0);
+      };
+      e.videoTexture.image.addEventListener("timeupdate", n), e.videoTexture && e.videoMeshes.length && (e.videoTexture.image.play(), e.videoTexture.image.onplay = () => {
+        l.hide();
+      }, e.videoTexture.image.onpause = () => {
+        l.show();
+      }, e.videoTexture.image.onclick = () => {
+        e.videoTexture.image.muted = !1, e.videoTexture.image.play();
+      });
+    };
+    if (o.model.loaded)
+      t();
+    else
+      return o.once("modelLoaded", () => t());
+  }, m = () => {
+    !e.enabled || (e.enabled = !1, e.videoMeshes.forEach((t) => {
+      t.geometry.dispose(), t.material.dispose(), o.scene.remove(t), e.videoTexture && e.videoTexture.image.pause();
+    }), e.videoMeshes = [], o.needsRender = !0);
+  }, g = () => e.rectPoints.map((t, n) => {
+    const i = new d.BufferGeometry(), a = 128, s = [];
+    s.push(...t[0].toArray());
+    for (let r = 1; r < a; r++)
+      s.push(
+        t[0].x + (t[1].x - t[0].x) * r / a,
+        t[0].y + (t[1].y - t[0].y) * r / a,
+        t[0].z + (t[1].z - t[0].z) * r / a
+      );
+    s.push(...t[1].toArray()), s.push(...t[2].toArray());
+    for (let r = 1; r < a; r++)
+      s.push(
+        t[2].x + (t[3].x - t[2].x) * r / a,
+        t[2].y + (t[3].y - t[2].y) * r / a,
+        t[2].z + (t[3].z - t[2].z) * r / a
+      );
+    s.push(...t[3].toArray());
+    const c = [];
+    c.push(0, 1);
+    for (let r = 1; r < a; r++)
+      c.push(0, 1 - r / a);
+    c.push(0, 0), c.push(1, 0);
+    for (let r = 1; r < a; r++)
+      c.push(1, r / a);
+    c.push(1, 1);
+    const u = [];
+    for (let r = 0; r < a; r++)
+      u.push(r, r + 1, a * 2 - r, r, a * 2 - r, a * 2 + 1 - r);
+    i.setAttribute("position", new d.BufferAttribute(new Float32Array(s), 3)), i.setAttribute("uv", new d.BufferAttribute(new Float32Array(c), 2)), i.setIndex(new d.BufferAttribute(new Uint32Array(u), 1));
+    const T = new d.AxesHelper(10);
+    o.scene.add(T);
+    const f = new d.MeshBasicMaterial({
+      map: e.videoTextureEnabled ? e.videoTexture : e.imageTexture,
+      side: d.DoubleSide
+    }), w = new d.Mesh(i, f);
+    w.renderOrder = 1, w.name = `ModelTVVideoPlugin-${n}-${performance.now()}`;
+    const G = [t[1], t[2], t[3], t[0]], v = l.create3DDomContainer(G);
+    if (v != null && v.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", v.container.appendChild(r);
+      const p = document.createElement("img");
+      p.src = "//vrlab-static.ljcdn.com/release/web/play.2ada5b6f.png", p.style.width = "200px", p.style.pointerEvents = "auto", p.onclick = () => {
+        e.videoTexture.image.muted = !1, e.videoTexture.image.play();
+      }, r.appendChild(p), x.set(w, v);
+    }
+    return w;
+  }), P = (t) => {
+    const n = new d.TextureLoader().load(t);
+    return n.minFilter = d.LinearFilter, n.magFilter = d.LinearFilter, n.format = d.RGBFormat, n;
+  }, O = (t, n) => new Promise((i, a) => {
+    const s = new XMLHttpRequest();
+    s.onreadystatechange = () => {
+      if (s.readyState == 4)
+        if (s.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(s.response);
+          const u = new d.VideoTexture(n);
+          u.minFilter = d.LinearFilter, u.magFilter = d.LinearFilter, u.format = d.RGBFormat, i(Object.assign(u, { videoSource: t }));
+        } else
+          a(new Error("Video download Error: " + s.status));
+    }, s.onerror = (c) => a(c), s.open("GET", t), s.responseType = "blob", s.send();
+  }), V = (t, n) => L(void 0, null, function* () {
+    const { video_src: i, video_poster_src: a, points: s } = t;
+    e.videoSource = i, e.rectPoints = S(s).map((c) => c.map(({ x: u, y: T, z: f }) => new d.Vector3(u, T, f))), e.imageTexture = P(a), n && (e.videoElement = n), e.videoTexture = yield O(e.videoSource, e.videoElement), e.enabled = !!t.enable, e.enabled && y();
+  }), A = (t) => {
+    if (!e.enabled)
+      return;
+    const n = e.videoMeshes;
+    if (!(!n || t.intersectObjects(n).length === 0))
+      return e.videoTexture && (e.videoTexture.image.paused || e.videoTexture.image.pause()), !1;
+  }, R = (t) => {
+    t === "Floorplan" ? l.hide() : l.show();
+  }, F = () => {
+    if (!e.enabled)
+      return;
+    const t = o.camera.position;
+    if (x.forEach((n, i) => {
+      const a = n.css3DObject.position.clone(), s = a.clone().sub(t).normalize(), c = new d.Raycaster(t, s), u = o.model.intersectRaycaster(c)[0], T = a.distanceTo(t), f = 0.01;
+      u && u.distance + f < T ? n.hide() : n.show();
+    }), !E()) {
+      const n = e.rectPoints.find((i) => {
+        const a = i[0].clone().add(i[1]).add(i[2]).add(i[3]).divideScalar(4);
+        return i.map((s) => s.clone().add(a).divideScalar(2)).filter((s) => {
+          const c = s.distanceTo(t), u = new d.Raycaster(t, s.clone().sub(t).normalize()), T = o.model.intersectRaycaster(u)[0], f = 0.01;
+          return !(T && T.distance + f < c);
+        }).length >= 2;
+      });
+      (!n || n.length === 0) && M(!0);
+    }
+  }, B = () => {
+    m(), e.videoTexture = void 0, o.off("modeChange", R), o.off("wantsTapGesture", A), o.off("panoArrived", F), o.off("renderFrame", () => {
+      e.videoMeshes.forEach((t) => {
+        t && (t.needsRender = !0);
+      });
+    });
+  };
+  return o.on("modeChange", R), o.on("wantsTapGesture", A), o.on("panoArrived", F), o.on("renderFrame", () => {
+    e.videoMeshes.forEach((t) => {
+      t && (t.needsRender = !0);
+    });
+  }), { enable: y, disable: m, load: V, dispose: B, state: e, css3DRenderPlugin: l };
+};
+export {
+  b as DIRECTION,
+  j as ModelTVVideoPlugin
+};

package/dist/chunks/es/Plugin.f4cf895f.es.js

@@ -0,0 +1,355 @@
+var oe = Object.defineProperty;
+var G = Object.getOwnPropertySymbols;
+var re = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
+var J = (t, n, e) => n in t ? oe(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, B = (t, n) => {
+  for (var e in n || (n = {}))
+    re.call(n, e) && J(t, e, n[e]);
+  if (G)
+    for (var e of G(n))
+      ie.call(n, e) && J(t, e, n[e]);
+  return t;
+};
+var Q = (t, n, e) => new Promise((k, b) => {
+  var $ = (y) => {
+    try {
+      u(e.next(y));
+    } catch (R) {
+      b(R);
+    }
+  }, l = (y) => {
+    try {
+      u(e.throw(y));
+    } catch (R) {
+      b(R);
+    }
+  }, u = (y) => y.done ? k(y.value) : Promise.resolve(y.value).then($, l);
+  u((e = e.apply(t, n)).next());
+});
+import { Five as se } from "@realsee/five";
+import { Vector3 as q, Raycaster as le } from "three";
+import { intersectionOfLine as ae } from "./planimetry.b0b4a28d.es.js";
+function Z(t, n = 0) {
+  n <= 0 ? requestAnimationFrame(t) : requestAnimationFrame(() => Z(t, n - 1));
+}
+const ce = `<style type="text/css">
+.PanoRulerPlugin-rule-line {
+  position: absolute;
+  transform-origin: left center;
+  width: 0;
+  height: 0.0625rem;
+}
+
+.PanoRulerPlugin-rule-line::after {
+  content: '';
+  position: absolute;
+  left: -0.125rem;
+  top: -0.1rem;
+  width: 0.25rem;
+  height: 0.25rem;
+  border-radius: 50%;
+  background: #FFFFFF;
+  z-index: 1;
+  animation: viewport-rule-point 0.1s 1s;
+  animation-fill-mode: both;
+}
+
+.PanoRulerPlugin-rule-line::before {
+  content: '';
+  position: absolute;
+  right: -0.125rem;
+  top: -0.1rem;
+  width: 0.25rem;
+  height: 0.25rem;
+  border-radius: 50%;
+  background: #FFFFFF;
+  animation: viewport-rule-point 0.1s 1.5s;
+  animation-fill-mode: both;
+}
+
+.PanoRulerPlugin-rule-line em {
+  background: #fff;
+  display: block;
+  height: 100%;
+  animation: viewport-rule-line 0.5s ease 1s;
+  animation-fill-mode: both;
+  box-shadow: 0 0 0.25rem rgb(0 0 0 / 40%);
+}
+
+.PanoRulerPlugin-rule-label {
+  position: absolute;
+  width: 0;
+  height: 0;
+  top: 0.0625rem;
+}
+
+.PanoRulerPlugin-rule-label-name {
+  position: absolute;
+  padding: 0.1875rem 0.375rem;
+  background: rgba(195,195,195,0.30);
+  backdrop-filter: blur(0.25rem);
+  -webkit-backdrop-filter: blur(0.25rem);
+  border-radius: 6.25rem;
+  border: 0.0625rem solid rgba(255,255,255,0.6);
+  white-space: nowrap;
+  overflow: hidden;
+  color: #FFFFFF;
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1;
+  -webkit-animation: viewport-rule-label 0.25s ease 1s;
+  animation: viewport-rule-label 0.25s ease 1s;
+  animation-fill-mode: both;
+  box-shadow: inset 0 0 0.625rem 0 rgba(255,255,255,0.30);
+}
+
+@keyframes viewport-rule-line {
+  0% { width: 0% }
+  100% { width: 100% }
+}
+
+@keyframes viewport-rule-label {
+  0% { opacity: 0; transform: scaleX(0); }
+  100% { opacity: 1; transform: translate(-50%, -50%) scaleX(1); }
+}
+
+@keyframes viewport-rule-point {
+  0% { transform: scaleX(0); }
+  100% { transform: scaleX(1); }
+}
+</style>
+`, ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)), de = (t, n) => {
+  const e = {}, k = new le(), b = n.work;
+  if (!b)
+    return e;
+  const $ = t.observers;
+  b.observers.forEach((l, u) => {
+    const { standingPosition: y } = l, R = new q(y.x, y.y, y.z);
+    k.set(R, new q(0, 1, 0));
+    const [E] = n.model.intersectRaycaster(k), C = E ? E.point.y : 2.7, D = $[u];
+    if (!D)
+      return e;
+    const I = t.rooms[D].name;
+    e[I] === void 0 ? e[I] = {
+      __roof: [C],
+      __floor: [R.y]
+    } : (e[I].__roof.push(C), e[I].__floor.push(R.y));
+  });
+  for (const l in e) {
+    const u = e[l];
+    u.__roof.sort(), u.__floor.sort(), u.floor = u.__floor[~~(u.__floor.length / 2)], u.roof = u.__roof[u.__roof.length - 1];
+  }
+  return e;
+}, ye = (t, n) => {
+  const e = {
+    enable: !1,
+    loaded: !1,
+    options: n.options || {
+      distanceText: (i) => `${i.toFixed(1)}m`
+    }
+  }, k = (i, a) => {
+    const c = `
+      <div class="PanoRulerPlugin-rule-line">
+        <em></em>
+        <div class="PanoRulerPlugin-rule-label">
+          <div class="PanoRulerPlugin-rule-label-name">${e.options.distanceText(a)}</div>
+        </div>
+      </div>
+    `, o = document.createElement("div");
+    return o.setAttribute("class", "PanoRulerPlugin-rule"), o.setAttribute("data-name", i), o.setAttribute("style", "display: none"), o.innerHTML = c, o;
+  }, b = document.createElement("div");
+  b.setAttribute(
+    "style",
+    "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;"
+  );
+  const $ = document.createElement("div");
+  $.innerHTML = ce, b.appendChild($);
+  const l = {}, u = (i, a) => {
+    if (e.loaded)
+      throw new Error("\u6807\u5C3A\u88AB\u91CD\u590D\u521D\u59CB\u5316\uFF01");
+    const c = de(i, t), o = t.work;
+    if (!o)
+      return !1;
+    for (const s in a) {
+      const p = a[s], { standingPosition: h } = o.observers[0], f = p.map(({ x: d, z: m, observers: w }) => {
+        const r = w.length > 0 ? i.rooms[i.observers[w[0]]].name : "", x = c[r] ? c[r].floor : null;
+        let g = 1 / 0, P = {
+          index: 0,
+          x: h.x,
+          y: h.y,
+          z: h.z
+        };
+        w.forEach((L) => {
+          if (!o.observers[L])
+            return;
+          const { standingPosition: j } = o.observers[L], A = {
+            index: L,
+            x: j.x,
+            y: j.y,
+            z: j.z
+          }, M = ue({ x: d, z: m }, A);
+          x ? M < g && Math.abs(A.y - x) < 0.3 && (g = M, P = A) : M < g && (g = M, P = A);
+        });
+        const F = new q(d, P.y, m);
+        Object.assign(F, { observers: w });
+        const _ = c[r] ? c[r].roof : null, S = _ ? new q(d, _, m) : null;
+        return S && Object.assign(S, { observers: w }), { origin: F, vertical: S };
+      });
+      l[s] = {
+        origins: f.map((d) => d.origin),
+        rules: []
+      };
+      for (const { origin: d, vertical: m } of f) {
+        if (!m)
+          continue;
+        const w = k(s, d.distanceTo(m));
+        b.append(w), l[s].rules.push({ vertical: !0, rule: [d, m], $element: w });
+      }
+      for (let d = 0; d < f.length; d++) {
+        let m = d + 1;
+        m >= f.length && (m = 0);
+        const { origin: w } = f[d], { origin: r } = f[m], x = k(s, w.distanceTo(r));
+        b.append(x), l[s].rules.push({ vertical: !1, rule: [w, r], $element: x });
+      }
+    }
+    return e.loaded = !0, !0;
+  }, y = (i, a, c) => Q(void 0, null, function* () {
+    const o = i || n.roomInfo, s = a || n.roomRules;
+    if (!o || !s)
+      throw new Error("\u6807\u5C3A\u6570\u636E\u4F9D\u8D56\u4E0D\u9F50\u5168\uFF01");
+    return e.loaded = !1, e.options = B(B({}, e.options), c || {}), t.model.loaded ? u(o, s) : yield new Promise(
+      (p) => t.once("modelLoaded", () => p(u(o, s)))
+    );
+  });
+  n.roomInfo && n.roomRules && y(n.roomInfo, n.roomRules);
+  const R = (i, a, c, o) => {
+    const s = [
+      [
+        { x: 0, y: 0 },
+        { x: c, y: 0 }
+      ],
+      [
+        { x: 0, y: 0 },
+        { x: 0, y: o }
+      ],
+      [
+        { x: c, y: 0 },
+        { x: c, y: o }
+      ],
+      [
+        { x: 0, y: o },
+        { x: c, y: o }
+      ]
+    ], p = [];
+    for (let h = 0; h < s.length; h++) {
+      const f = ae([i, a], [s[h][0], s[h][1]], !0);
+      f && p.push(f);
+    }
+    return p.length === 0 ? !1 : p;
+  }, E = () => {
+    var w;
+    const i = (w = t.getElement()) == null ? void 0 : w.parentElement;
+    if (!i || !e.loaded || Object.keys(l).length <= 0)
+      return;
+    const { panoIndex: a, camera: c, currentMode: o } = t;
+    if (a === void 0)
+      return;
+    let s;
+    for (const r in l)
+      r.split(",").indexOf(a.toString()) >= 0 && (s = r);
+    if (!s) {
+      for (const r in l)
+        for (const { $element: x } of l[r].rules)
+          x.style.display = "none";
+      return;
+    }
+    const p = c.position, h = c.getWorldDirection(new q()), f = i.clientWidth, d = i.clientHeight;
+    if (o !== se.Mode.Panorama) {
+      for (const r in l)
+        for (const { $element: x } of l[r].rules)
+          x.style.display = "none";
+      return;
+    }
+    for (const r in l)
+      for (const { $element: x } of l[r].rules)
+        x.style.display = r === s ? "block" : "none";
+    const [m] = l[s].origins.slice().filter((r) => r.observers.indexOf(a) >= 0).sort((r, x) => {
+      const g = r.clone().setY(0).sub(p).normalize().angleTo(h.clone().setY(0)), P = x.clone().setY(0).sub(p).normalize().angleTo(h.clone().setY(0));
+      return g - P;
+    });
+    for (const { rule: r, vertical: x, $element: g } of l[s].rules) {
+      const [P, F] = r, _ = g.querySelector(".PanoRulerPlugin-rule-line");
+      if (!_)
+        return;
+      if (!m) {
+        g.style.display = "none";
+        continue;
+      }
+      if (P !== m && F !== m) {
+        g.style.display = "none";
+        continue;
+      }
+      if (P.distanceTo(F) < 0.3) {
+        g.style.display = "none";
+        continue;
+      }
+      if (P.observers.indexOf(a) === -1 || F.observers.indexOf(a) === -1) {
+        g.style.display = "none";
+        continue;
+      }
+      if (P.clone().sub(p).normalize().angleTo(h) > Math.PI / 2) {
+        g.style.display = "none";
+        continue;
+      }
+      if (F.clone().sub(p).normalize().angleTo(h) > Math.PI / 2) {
+        g.style.display = "none";
+        continue;
+      }
+      const U = P.distanceTo(F);
+      if (F.clone().sub(F.clone().sub(P).divide(new q(2, 2, 2))).distanceTo(p) / U > 8) {
+        g.style.display = "none";
+        continue;
+      }
+      const A = P.clone().project(c), M = (A.x + 1) / 2 * f, z = (-A.y + 1) / 2 * d, K = F.clone().project(c), Y = (K.x + 1) / 2 * f, N = (-K.y + 1) / 2 * d, T = Math.sqrt(Math.pow(Y - M, 2) + Math.pow(N - z, 2));
+      let H = T, O = 50;
+      const v = R({ x: ~~M, y: ~~z }, {
+        x: ~~Y,
+        y: ~~N
+      }, f, d);
+      if (v && v.length === 1 && (m === P ? (H = Math.sqrt(Math.pow(v[0].x - M, 2) + Math.pow(v[0].y - z, 2)), O = H / T * 50) : m === F && (H = Math.sqrt(Math.pow(v[0].x - Y, 2) + Math.pow(v[0].y - N, 2)), O = 100 - H / T * 50)), v && v.length === 2) {
+        const W = {
+          x: (v[0].x + v[1].x) / 2,
+          y: (v[0].y + v[1].y) / 2
+        };
+        O = Math.sqrt(
+          Math.pow(W.x - M, 2) + Math.pow(W.y - z, 2)
+        ) / T * 100;
+      }
+      const ne = (Math.PI / 2 - Math.atan2(Y - M, z - N)) / Math.PI * 180, V = _.querySelector(".PanoRulerPlugin-rule-label"), X = V.children[0].clientWidth;
+      X >= T || X / 2 >= O / 100 * T || X / 2 >= (1 - O / 100) * T ? _.style.display = "none" : (_.style.display = "block", _.style.width = T + "px", _.style.left = M + "px", _.style.top = z + "px", _.style.transform = `rotate(${-ne}deg)`, V.style.left = `${O}%`);
+    }
+  }, C = () => Z(E), D = () => {
+    var i, a;
+    return e.loaded ? (e.enable || (b.setAttribute("class", "PanoRulerPlugin" + (e.options.className ? " " + e.options.className : "")), (a = (i = t.getElement()) == null ? void 0 : i.parentElement) == null || a.append(b), E(), t.on("modeChange", E), t.on("cameraUpdate", C), e.enable = !0), !0) : !1;
+  }, I = () => (e.enable && (t.off("modeChange", E), t.off("cameraUpdate", C), b && b.remove(), e.enable = !1), !0);
+  function ee(i) {
+    if (i.distanceText && i.distanceText !== e.options.distanceText) {
+      const a = i.distanceText;
+      e.options.distanceText = a, Object.values(l).forEach((c) => {
+        c.rules.forEach((o) => {
+          const [s, p] = o.rule, h = s.distanceTo(p), f = o.$element.querySelector(".PanoRulerPlugin-rule-label-name");
+          !f || (f.innerText = a(h));
+        });
+      });
+    }
+  }
+  return {
+    enable: D,
+    disable: I,
+    load: y,
+    state: e,
+    changeConfigs: ee
+  };
+};
+export {
+  ye as PanoRulerPlugin
+};

package/dist/chunks/es/Subscribe.c73e0f91.es.js

@@ -0,0 +1,50 @@
+function v(f) {
+  return typeof Symbol == "undefined" ? `$Symbol<${f}>$` : Symbol(f);
+}
+const i = v("$$EVENT$$");
+function r(f) {
+  return f[i] || (f[i] = {}), f[i];
+}
+function d(f) {
+  f[i] || delete f[i];
+}
+class E {
+  hasListener(t) {
+    const e = r(this);
+    return Boolean((e == null ? void 0 : e[t]) && e[t].length > 0);
+  }
+  on(t, e, o) {
+    const s = r(this);
+    return s[t] || (s[t] = []), s[t].push([e, o || !1]), () => this.off(t, e);
+  }
+  once(t, e) {
+    return this.on(t, e, !0);
+  }
+  off(t, e) {
+    if (t === void 0) {
+      d(this);
+      return;
+    }
+    const o = r(this);
+    if (o[t] || (o[t] = []), e === void 0) {
+      o[t].length = 0;
+      return;
+    }
+    let s = 0;
+    for (; s < o[t].length && o[t][s][0] !== e; s++)
+      ;
+    s < o[t].length && o[t].splice(s, 1);
+  }
+  emit(t, ...e) {
+    let o = !1;
+    const l = r(this)[t] || [];
+    for (let u of l.slice()) {
+      const [n, c = !1] = u, h = n(...e);
+      c && this.off(t, n), h === !1 && (o = !0);
+    }
+    return o;
+  }
+}
+export {
+  E as Subscribe
+};