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

package/dist/chunks/es/Plugin.435485ed.es.js

@@ -0,0 +1,584 @@
+var Ne = Object.defineProperty;
+var He = (t, e, n) => e in t ? Ne(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var N = (t, e, n) => (He(t, typeof e != "symbol" ? e + "" : e, n), n);
+import * as S from "three";
+import { Subscribe as Ve, Five as Ue } from "@realsee/five";
+import { CSS3DRenderPlugin as qe } from "../../CSS3DRenderPlugin/index..js";
+import { SvelteComponent as ye, init as Ee, safe_not_equal as Me, append_styles as ke, empty as Ge, insert as ae, noop as te, destroy_each as Be, detach as se, element as C, attr as I, toggle_class as D, set_style as E, listen as Le, space as ee, append as A, binding_callbacks as Xe } from "svelte/internal";
+import { writable as Je } from "svelte/store";
+import { onMount as Ke, afterUpdate as Qe, onDestroy as $e } from "svelte";
+const Ae = Je(null);
+function et(t) {
+  ke(t, "svelte-19zi46m", ".PanoSpatialTagPlugin__tag-origin.svelte-19zi46m{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-19zi46m:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-19zi46m{transform:translate(-50%, -50%) scale(0.6);animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
+}
+function _e(t, e, n) {
+  const o = t.slice();
+  return o[3] = e[n], o;
+}
+function Pe(t) {
+  let e, n = `${t[3].top}%`, o = `${t[3].left}%`, a, g;
+  function s() {
+    return t[2](t[3]);
+  }
+  return {
+    c() {
+      e = C("i"), I(e, "class", "svelte-19zi46m"), D(e, "PanoSpatialTagPlugin__tag-origin", !0), D(e, "PanoSpatialTagPlugin__tag-origin-destroy", t[3].destroying), E(e, "top", n, !1), E(e, "left", o, !1), E(e, "visibility", t[3].front ? "visible" : "hidden", !1);
+    },
+    m(f, z) {
+      ae(f, e, z), a || (g = Le(e, "click", s), a = !0);
+    },
+    p(f, z) {
+      t = f, z & 1 && D(e, "PanoSpatialTagPlugin__tag-origin-destroy", t[3].destroying), z & 1 && n !== (n = `${t[3].top}%`) && E(e, "top", n, !1), z & 1 && o !== (o = `${t[3].left}%`) && E(e, "left", o, !1), z & 1 && E(e, "visibility", t[3].front ? "visible" : "hidden", !1);
+    },
+    d(f) {
+      f && se(e), a = !1, g();
+    }
+  };
+}
+function tt(t) {
+  let e, n = t[0], o = [];
+  for (let a = 0; a < n.length; a += 1)
+    o[a] = Pe(_e(t, n, a));
+  return {
+    c() {
+      for (let a = 0; a < o.length; a += 1)
+        o[a].c();
+      e = Ge();
+    },
+    m(a, g) {
+      for (let s = 0; s < o.length; s += 1)
+        o[s].m(a, g);
+      ae(a, e, g);
+    },
+    p(a, [g]) {
+      if (g & 3) {
+        n = a[0];
+        let s;
+        for (s = 0; s < n.length; s += 1) {
+          const f = _e(a, n, s);
+          o[s] ? o[s].p(f, g) : (o[s] = Pe(f), o[s].c(), o[s].m(e.parentNode, e));
+        }
+        for (; s < o.length; s += 1)
+          o[s].d(1);
+        o.length = n.length;
+      }
+    },
+    i: te,
+    o: te,
+    d(a) {
+      Be(o, a), a && se(e);
+    }
+  };
+}
+function nt(t, e, n) {
+  let { origins: o } = e;
+  const a = (s) => {
+    Ae.update(() => `${s}-PanoSpatialTagPlugin-${Date.now()}`);
+  }, g = (s) => a(s.id);
+  return t.$$set = (s) => {
+    "origins" in s && n(0, o = s.origins);
+  }, [o, a, g];
+}
+class it extends ye {
+  constructor(e) {
+    super(), Ee(this, e, nt, tt, Me, { origins: 0 }, et);
+  }
+}
+function ot(t) {
+  ke(t, "svelte-1i5h9zh", ".PanoSpatialTagPlugin__tag-x.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh.svelte-1i5h9zh{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh.svelte-1i5h9zh{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content .svelte-1i5h9zh{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
+}
+function at(t) {
+  let e, n, o, a, g, s, f, z, L, p, M, P, k, R, i;
+  return {
+    c() {
+      e = C("div"), n = C("div"), o = ee(), a = C("div"), g = C("i"), s = ee(), f = C("i"), z = ee(), L = C("i"), p = ee(), M = C("div"), P = C("div"), I(n, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1i5h9zh"), E(n, "transform", "translate(" + t[7] / 2 * t[3] * 3 + "px, " + t[8] / 2 * (t[1] ? -1 : 1) * t[3] * 3 + "px) scale(" + 1 / t[3] + ")"), I(g, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1i5h9zh"), E(g, "width", t[4] + "rem"), I(f, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1i5h9zh"), I(L, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1i5h9zh"), I(a, "class", "PanoSpatialTagPlugin__tag-line svelte-1i5h9zh"), I(P, "class", "PanoSpatialTagPlugin__tag-content svelte-1i5h9zh"), I(M, "class", "PanoSpatialTagPlugin__tag-animate svelte-1i5h9zh"), E(M, "transform", "scale(" + t[3] * 3 + ")"), I(e, "id", k = "PanoSpatialTagPlugin__" + t[0]), E(e, "height", 20 * t[5] + "rem"), I(e, "class", "svelte-1i5h9zh"), D(e, "PanoSpatialTagPlugin__tag-x", !0), D(e, "PanoSpatialTagPlugin__tag-upside-down", t[1]), D(e, "PanoSpatialTagPlugin__tag-show", t[10]), D(e, "PanoSpatialTagPlugin__tag-hide", t[10] === !1 || t[6]);
+    },
+    m(d, _) {
+      ae(d, e, _), A(e, n), A(e, o), A(e, a), A(a, g), A(a, s), A(a, f), A(a, z), A(a, L), A(e, p), A(e, M), A(M, P), P.innerHTML = t[2], t[16](P), R || (i = Le(P, "click", t[11]), R = !0);
+    },
+    p(d, [_]) {
+      _ & 394 && E(n, "transform", "translate(" + d[7] / 2 * d[3] * 3 + "px, " + d[8] / 2 * (d[1] ? -1 : 1) * d[3] * 3 + "px) scale(" + 1 / d[3] + ")"), _ & 16 && E(g, "width", d[4] + "rem"), _ & 4 && (P.innerHTML = d[2]), _ & 8 && E(M, "transform", "scale(" + d[3] * 3 + ")"), _ & 1 && k !== (k = "PanoSpatialTagPlugin__" + d[0]) && I(e, "id", k), _ & 32 && E(e, "height", 20 * d[5] + "rem"), _ & 2 && D(e, "PanoSpatialTagPlugin__tag-upside-down", d[1]), _ & 1024 && D(e, "PanoSpatialTagPlugin__tag-show", d[10]), _ & 1088 && D(e, "PanoSpatialTagPlugin__tag-hide", d[10] === !1 || d[6]);
+    },
+    i: te,
+    o: te,
+    d(d) {
+      d && se(e), t[16](null), R = !1, i();
+    }
+  };
+}
+function st(t, e, n) {
+  let { id: o } = e, { upsideDown: a } = e, { content: g } = e, { contentZoom: s } = e, { lineWidthZoom: f } = e, { lineHeightZoom: z } = e, { destroying: L = !1 } = e, { folded: p } = e, { dispose: M } = e, { events: P } = e, { hooks: k } = e, R = 0, i = 0, d, _, j = setTimeout(
+    () => {
+      p || n(10, _ = !0), j = void 0;
+    },
+    100
+  );
+  const X = (c) => {
+    const V = Object.keys(P);
+    let Y = c.target;
+    for (; Y; ) {
+      const U = Y.getAttribute("class");
+      if (!U) {
+        Y = Y.parentNode;
+        continue;
+      }
+      if (U.includes("PanoSpatialTagPlugin__tag-content")) {
+        Y = null;
+        break;
+      }
+      V.forEach((K) => {
+        U.includes(K) && P[K](o);
+      }), Y = Y.parentNode;
+    }
+  };
+  Ke(() => {
+    k.emit("initTag", { id: o });
+  });
+  const J = Ae.subscribe((c) => {
+    if (c === null)
+      return;
+    const [V, Y] = c.split("-PanoSpatialTagPlugin-");
+    o === V && (k.emit("clickOrigin", { id: o, show: _ }), j || (n(10, _ = p), n(12, p = !p), j = setTimeout(
+      () => {
+        j = void 0;
+      },
+      1500
+    )));
+  });
+  Qe(() => {
+    n(7, R = d.offsetWidth), n(8, i = d.offsetHeight), !j && n(10, _ = !p);
+  }), $e(() => {
+    k.emit("destroyTag", { id: o }), J(), M();
+  });
+  function W(c) {
+    Xe[c ? "unshift" : "push"](() => {
+      d = c, n(9, d);
+    });
+  }
+  return t.$$set = (c) => {
+    "id" in c && n(0, o = c.id), "upsideDown" in c && n(1, a = c.upsideDown), "content" in c && n(2, g = c.content), "contentZoom" in c && n(3, s = c.contentZoom), "lineWidthZoom" in c && n(4, f = c.lineWidthZoom), "lineHeightZoom" in c && n(5, z = c.lineHeightZoom), "destroying" in c && n(6, L = c.destroying), "folded" in c && n(12, p = c.folded), "dispose" in c && n(13, M = c.dispose), "events" in c && n(14, P = c.events), "hooks" in c && n(15, k = c.hooks);
+  }, [
+    o,
+    a,
+    g,
+    s,
+    f,
+    z,
+    L,
+    R,
+    i,
+    d,
+    _,
+    X,
+    p,
+    M,
+    P,
+    k,
+    W
+  ];
+}
+class lt extends ye {
+  constructor(e) {
+    super(), Ee(
+      this,
+      e,
+      st,
+      at,
+      Me,
+      {
+        id: 0,
+        upsideDown: 1,
+        content: 2,
+        contentZoom: 3,
+        lineWidthZoom: 4,
+        lineHeightZoom: 5,
+        destroying: 6,
+        folded: 12,
+        dispose: 13,
+        events: 14,
+        hooks: 15
+      },
+      ot
+    );
+  }
+}
+const rt = {
+  position: "absolute",
+  top: "0px",
+  left: "0px",
+  width: "100%",
+  height: "100%",
+  pointerEvents: "none"
+}, Te = "<", be = ">", Se = "%", we = "locals", ct = "(<%%|%%>|<%=|<%-|<%_|<%#|<%|%>|-%>|_%>)", gt = {
+  "&": "&amp",
+  "<": "&lt",
+  ">": "&gt",
+  '"': "&#34",
+  "'": "&#39"
+}, v = {
+  EVAL: "eval",
+  ESCAPED: "escaped",
+  RAW: "raw",
+  COMMENT: "comment",
+  LITERAL: "literal"
+};
+function ve(t) {
+  return t.replace(/;(\s*$)/, "$1");
+}
+function dt(t, e) {
+  return new ht(t).compileFunction()(e);
+}
+class ht {
+  constructor(e) {
+    N(this, "templateText");
+    N(this, "mode", null);
+    N(this, "truncate", !1);
+    N(this, "currentLine", 1);
+    N(this, "source", "");
+    N(this, "regex", new RegExp(ct));
+    this.templateText = e;
+  }
+  compileFunction() {
+    let e;
+    const n = `  var __output = "";
+  function __append(s) { if (s !== undefined && s !== null) __output += s }
+  with (` + we + ` || {}) {
+`, o = `  }
+  return __output;
+`, a = function(g) {
+      return g == null ? "" : String(g).replace(/[&<>'"]/g, function(s) {
+        return gt[s] || s;
+      });
+    };
+    return this._generateSource(), this.source = n + this.source + o, e = this.source, e = "escapeFn = escapeFn || " + a.toString() + `;
+` + e, new Function(we + ", escapeFn", e);
+  }
+  _generateSource() {
+    this.templateText = this.templateText.replace(/[ \t]*<%_/gm, "<%_").replace(/_%>[ \t]*/gm, "_%>");
+    const e = this._parseTemplateText(), n = Se, o = Te, a = be;
+    e && e.length && e.forEach((g, s) => {
+      let f;
+      if (g.indexOf(o + n) === 0 && g.indexOf(o + n + n) !== 0 && (f = e[s + 2], !(f == n + a || f == "-" + n + a || f == "_" + n + a)))
+        throw new Error('Could not find matching close tag for "' + g + '".');
+      this._scanLine(g);
+    });
+  }
+  _parseTemplateText() {
+    let e = this.templateText;
+    const n = this.regex;
+    let o = n.exec(e);
+    const a = [];
+    let g;
+    for (; o; )
+      g = o.index, g !== 0 && (a.push(e.substring(0, g)), e = e.slice(g)), a.push(o[0]), e = e.slice(o[0].length), o = n.exec(e);
+    return e && a.push(e), a;
+  }
+  _addOutput(e) {
+    if (this.truncate && (e = e.replace(/^(?:\r\n|\r|\n)/, ""), this.truncate = !1), !e)
+      return e;
+    e = e.replace(/\\/g, "\\\\"), e = e.replace(/\n/g, "\\n"), e = e.replace(/\r/g, "\\r"), e = e.replace(/"/g, '\\"'), this.source += '    ; __append("' + e + `")
+`;
+  }
+  _scanLine(e) {
+    const n = Se, o = Te, a = be;
+    switch (e.split(`
+`).length - 1, e) {
+      case o + n:
+      case o + n + "_":
+        this.mode = v.EVAL;
+        break;
+      case o + n + "=":
+        this.mode = v.ESCAPED;
+        break;
+      case o + n + "-":
+        this.mode = v.RAW;
+        break;
+      case o + n + "#":
+        this.mode = v.COMMENT;
+        break;
+      case o + n + n:
+        this.mode = v.LITERAL, this.source += '    ; __append("' + e.replace(o + n + n, o + n) + `")
+`;
+        break;
+      case n + n + a:
+        this.mode = v.LITERAL, this.source += '    ; __append("' + e.replace(n + n + a, n + a) + `")
+`;
+        break;
+      case n + a:
+      case "-" + n + a:
+      case "_" + n + a:
+        this.mode == v.LITERAL && this._addOutput(e), this.mode = null, this.truncate = e.indexOf("-") === 0 || e.indexOf("_") === 0;
+        break;
+      default:
+        if (this.mode) {
+          switch (this.mode) {
+            case v.EVAL:
+            case v.ESCAPED:
+            case v.RAW:
+              e.lastIndexOf("//") > e.lastIndexOf(`
+`) && (e += `
+`);
+          }
+          switch (this.mode) {
+            case v.EVAL:
+              this.source += "    ; " + e + `
+`;
+              break;
+            case v.ESCAPED:
+              this.source += "    ; __append(escapeFn(" + ve(e) + `))
+`;
+              break;
+            case v.RAW:
+              this.source += "    ; __append(" + ve(e) + `)
+`;
+              break;
+            case v.COMMENT:
+              break;
+            case v.LITERAL:
+              this._addOutput(e);
+              break;
+          }
+        } else
+          this._addOutput(e);
+    }
+  }
+}
+const oe = 1e-3, ze = 0.01, ut = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", bt = (t, e) => {
+  var re, ce, ge, de, he, ue, fe, pe;
+  let n = e == null ? void 0 : e.container, o = 1.4;
+  const a = (re = e == null ? void 0 : e.wait) != null ? re : 200, g = (ce = e == null ? void 0 : e.maxNumberOnScreen) != null ? ce : 3, s = (ge = e == null ? void 0 : e.minRad) != null ? ge : Math.PI / 4, f = (de = e == null ? void 0 : e.nearTolerance) != null ? de : 100, z = (he = e == null ? void 0 : e.upsideHeight) != null ? he : 1.6, L = (ue = e == null ? void 0 : e.minDistance) != null ? ue : 1.2, p = (fe = e == null ? void 0 : e.maxDistance) != null ? fe : 3.5, M = qe(t), P = document.createElement("div");
+  P.classList.add("PanoSpatialTagPlugin"), Object.assign(P.style, rt);
+  const k = new Ve();
+  let R = new Image();
+  R.src = ut;
+  const i = {
+    points: [],
+    origins: [],
+    tags: [],
+    template: "",
+    events: {},
+    render: dt,
+    folded: !1,
+    enabled: !0,
+    forbidden: !0
+  }, d = new it({
+    target: P,
+    props: { origins: i.origins }
+  }), _ = (l, u) => {
+    W(), u && c();
+  }, j = () => {
+    i.forbidden && (i.forbidden = !1, c());
+  }, X = (l, u) => {
+    if (i.tags.length === 0)
+      return;
+    const w = u.longitude - t.state.longitude, r = t.camera.clone();
+    r.position.copy(u.offset), r.rotateOnWorldAxis(new S.Vector3(0, 1, 0), w), r.updateProjectionMatrix(), r.updateMatrixWorld(!0);
+    const F = new S.Frustum(), q = new S.Matrix4();
+    q.multiplyMatrices(
+      r.projectionMatrix,
+      r.matrixWorldInverse
+    ), F.setFromProjectionMatrix(q), i.tags.forEach((h) => {
+      const Q = r.position.clone().setY(o).distanceTo(h.position);
+      if (Q < L || Q > p || !F.containsPoint(h.position))
+        return h.destroying = !0;
+      const G = h.position.clone().sub(r.position).setY(0);
+      if (G.angleTo(h.normal) > Math.PI / 2 - s && G.angleTo(h.normal) < Math.PI / 2 + s)
+        return h.destroying = !0;
+    }), i.tags.forEach((h) => {
+      h.destroying ? h.app.$set({
+        contentZoom: 0.1 + r.position.distanceTo(h.position) / p,
+        lineWidthZoom: 0.38 * (0.01 + r.position.distanceTo(h.position) / p),
+        destroying: h.destroying
+      }) : h.app.$set({
+        lineWidthZoom: 0.38 * (0.01 + r.position.distanceTo(h.position) / p),
+        lineHeightZoom: 0.4 + (r.position.distanceTo(h.position) - L) / p * 0.6,
+        contentZoom: 0.1 + r.position.distanceTo(h.position) / p
+      });
+    }), setTimeout(() => {
+      i.tags.forEach((h) => {
+        h.destroying && (h.app.$destroy(), h = null);
+      }), i.tags = i.tags.filter((h) => !h.destroying), W();
+    }, 1900);
+  }, J = (l) => {
+    l !== Ue.Mode.Panorama && !i.forbidden && (d.$set({ origins: [] }), i.tags.forEach((u) => {
+      u.app.$destroy(), u = null;
+    }), i.origins = [], i.tags = [], i.forbidden = !0);
+  }, W = () => {
+    if (i.forbidden || !i.enabled)
+      return;
+    const l = t.camera, u = l.getWorldDirection(new S.Vector3());
+    i.origins = i.tags.map((w) => {
+      const r = w.position.clone().project(l), F = w.position.clone().sub(l.position).setY(0).angleTo(u.setY(0)) < Math.PI / 2;
+      return {
+        id: w.id,
+        front: F,
+        left: (r.x + 1) / 2 * 100,
+        top: (-r.y + 1) / 2 * 100,
+        destroying: w.destroying
+      };
+    }), d.$set({ origins: i.origins });
+  }, c = () => {
+    i.forbidden || !i.enabled || (i.timeoutId && clearTimeout(i.timeoutId), i.timeoutId = setTimeout(() => {
+      i.timeoutId = void 0;
+      const l = V();
+      l.length && (i.tags = i.tags.concat(l), W());
+    }, a));
+  }, V = () => {
+    const { clientWidth: l, clientHeight: u } = t.getElement(), w = [], r = t.camera, F = new S.Frustum(), q = new S.Matrix4(), h = r.getWorldDirection(new S.Vector3());
+    q.multiplyMatrices(
+      r.projectionMatrix,
+      r.matrixWorldInverse
+    ), F.setFromProjectionMatrix(q);
+    const Q = i.tags.filter(
+      (T) => F.containsPoint(T.position) && !T.destroying
+    ).length, G = i.points.reduce((T, y) => {
+      if (i.tags.find((b) => y.id === b.id && !b.destroying))
+        return T;
+      const O = r.position.clone().setY(o).distanceTo(y.position);
+      if (O < L || O > p || !F.containsPoint(y.position))
+        return T;
+      const B = y.position.clone().sub(r.position).setY(0);
+      if (B.angleTo(y.normal) > Math.PI / 2 - s && B.angleTo(y.normal) < Math.PI / 2 + s)
+        return T;
+      const H = y.position.clone().project(r);
+      if (!i.tags.every((b) => {
+        if (b.position.clone().sub(r.position).setY(0).angleTo(h.setY(0)) > Math.PI / 2)
+          return !0;
+        const x = b.position.clone().project(r);
+        return Math.sqrt(
+          Math.pow((H.x - x.x) / 2 * l, 2) + Math.pow((H.y - x.y) / 2 * u, 2)
+        ) > f;
+      }))
+        return T;
+      const Z = {
+        id: y.id,
+        position: y.position,
+        normal: y.normal,
+        replacement: y.replacement,
+        weight: y.weight,
+        distance: O
+      };
+      let m;
+      for (let b = 0, x = T.length; b < x; b++) {
+        const $ = T[b];
+        if (Z.weight > $.weight) {
+          m = b;
+          break;
+        }
+        if (Z.distance < $.distance) {
+          m = b;
+          break;
+        }
+      }
+      return m !== void 0 ? T.splice(m, 0, Z) : T.push(Z), T;
+    }, []);
+    for (let T = 0, y = G.length; T < y && !(Q + w.length >= g); T++) {
+      const O = G[T];
+      if (w.find((m) => O.id === m.id))
+        continue;
+      const B = O.position.clone().project(r);
+      if (!i.tags.concat(w).every((m) => {
+        if (m.position.clone().sub(r.position).setY(0).angleTo(h.setY(0)) > Math.PI / 2)
+          return !0;
+        const b = m.position.clone().project(r);
+        return Math.sqrt(
+          Math.pow((B.x - b.x) / 2 * l, 2) + Math.pow((B.y - b.y) / 2 * u, 2)
+        ) > f;
+      }))
+        continue;
+      const H = new S.Raycaster(
+        r.position.clone().setY(o),
+        O.position.clone().sub(r.position.clone().setY(o)).normalize(),
+        0,
+        O.distance + ze
+      ), [Z] = i.intersectObjects ? H.intersectObjects(i.intersectObjects, !0) : t.model.bvhs.loaded ? t.model.intersectRaycaster(H) : H.intersectObjects(t.model.children, !0);
+      if (!!Z && O.distance - Z.distance < ze) {
+        const { position: m, normal: b, id: x, replacement: $ } = O, Ce = new S.Plane().setFromNormalAndCoplanarPoint(b, m), me = m.clone().sub(r.position).cross(new S.Vector3(0, 1, 0)).setLength(oe), je = [
+          m.clone(),
+          m.clone().add(me),
+          m.clone().add(new S.Vector3(0, oe, 0)).add(me),
+          m.clone().add(new S.Vector3(0, oe, 0))
+        ].map((xe) => Ce.projectPoint(xe, new S.Vector3())), { container: Fe, dispose: We } = M.create3DDomContainer(je) || {}, Ze = new lt({
+          target: Fe,
+          props: {
+            id: x,
+            content: i.render(i.template, $),
+            lineWidthZoom: 0.38 * (0.01 + r.position.distanceTo(m) / p),
+            lineHeightZoom: 0.4 + (r.position.distanceTo(m) - L) / p * 0.6,
+            contentZoom: 0.1 + r.position.distanceTo(m) / p,
+            upsideDown: m.y > z,
+            folded: i.folded,
+            events: i.events,
+            hooks: k,
+            dispose: We
+          }
+        });
+        w.push({
+          position: m,
+          normal: b,
+          id: x,
+          app: Ze
+        });
+      }
+    }
+    return w;
+  }, Y = (l) => {
+    i.points = l.points.map((u) => {
+      var w, r;
+      return {
+        id: u.id,
+        position: new S.Vector3().fromArray(u.position),
+        normal: new S.Vector3().fromArray(u.normal),
+        replacement: (w = u.replacement) != null ? w : {},
+        weight: (r = u.weight) != null ? r : -1
+      };
+    }), l.render && (i.render = l.render), l.template && (i.template = l.template), l.events && (i.events = l.events), l.enabled === !1 && (i.enabled = l.enabled), l.folded === !0 && (i.folded = l.folded);
+  }, U = (l) => {
+    i.intersectObjects = l, c();
+  }, K = () => {
+    i.enabled = !0, c();
+  }, Ie = () => {
+    i.enabled = !1, d.$set({ origins: [] }), i.tags.forEach((l) => {
+      l.app.$destroy(), l = null;
+    }), i.origins = [], i.tags = [];
+  }, Ye = () => {
+    i.folded = !1, i.tags.forEach((l) => {
+      l.app.$set({ folded: i.folded });
+    });
+  }, Oe = () => {
+    i.folded = !0, i.tags.forEach((l) => {
+      l.app.$set({ folded: i.folded });
+    });
+  }, De = (l) => {
+    i.tags.forEach((u) => {
+      u.id === l && u.app.$set({ folded: !1 });
+    });
+  }, Re = (l) => {
+    i.tags.forEach((u) => {
+      u.id === l && u.app.$set({ folded: !0 });
+    });
+  }, le = () => {
+    t.once("renderFrame", W);
+  }, ne = () => {
+    n || (n = t.getElement().parentElement), n && n.appendChild(P), i.forbidden = !1, o = t.model.bounding.getCenter(new S.Vector3()).y, c(), t.on("panoWillArrive", X), t.on("panoArrived", j), t.on("modeChange", J), t.on("cameraUpdate", _);
+  }, ie = () => {
+    R = null, M.disposeAll(), d.$destroy(), i.tags.forEach((l) => {
+      l.app.$destroy(), l = null;
+    }), i.origins = [], i.tags = [], t.off("modelLoaded", ne), t.off("renderFrame", W), t.off("panoWillArrive", X), t.off("panoArrived", j), t.off("modeChange", J), t.off("cameraUpdate", _), t.off("dispose", ie), window.removeEventListener("resize", le, !1);
+  };
+  return window.addEventListener("resize", le, !1), (pe = t == null ? void 0 : t.model) != null && pe.loaded ? ne() : t.once("modelLoaded", ne), t.on("dispose", ie), {
+    load: Y,
+    setIntersectObjects: U,
+    unfoldAll: Ye,
+    foldAll: Oe,
+    unfold: De,
+    fold: Re,
+    enable: K,
+    disable: Ie,
+    hooks: k,
+    dispose: ie
+  };
+};
+export {
+  bt as PanoSpatialTagPlugin
+};

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

@@ -0,0 +1,82 @@
+var F = (t, e, r) => new Promise((s, n) => {
+  var u = (i) => {
+    try {
+      d(r.next(i));
+    } catch (x) {
+      n(x);
+    }
+  }, a = (i) => {
+    try {
+      d(r.throw(i));
+    } catch (x) {
+      n(x);
+    }
+  }, d = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(u, a);
+  d((r = r.apply(t, e)).next());
+});
+import * as f from "three";
+import { FBXLoader as U } from "three/examples/jsm/loaders/FBXLoader";
+import { transfromToMeshBasicMaterial as C } from "./transfromToMeshBasicMaterial.849ee069.es.js";
+const y = (t, e, r) => {
+  const s = new f.Matrix4(), n = new f.Euler(t, e, r, "YXZ");
+  return s.makeRotationFromEuler(n), s;
+}, L = (t, {
+  scale: e,
+  rotation: r,
+  position: s
+}) => {
+  if (e && t.scale.set(e, e, e), r) {
+    const [n, u, a] = r;
+    n && t.applyMatrix4(y(n, 0, 0)), u && t.applyMatrix4(y(0, u, 0)), a && t.applyMatrix4(y(0, 0, a));
+  }
+  return s && t.position.set(s.x, s.y, s.z), t;
+}, T = (t, e) => {
+  var p;
+  const r = e.fbx_url || "//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX", s = (p = e.north_rad) != null ? p : void 0, n = {}, u = (o) => F(void 0, null, function* () {
+    var j;
+    const c = (o == null ? void 0 : o.fbx_url) || r, l = (j = o == null ? void 0 : o.north_rad) != null ? j : s;
+    if (typeof l != "number")
+      throw new Error('"northRad"\u914D\u7F6E\u53C2\u6570\u7F3A\u5931\uFF1A\u672A\u914D\u7F6E\u6307\u5357\u9488\u6307\u5411\uFF01');
+    const b = t.model.bounding, z = b.max.x - b.min.x, g = b.max.z - b.min.z, B = Math.max(z, g), m = yield new U().loadAsync(c);
+    C(m, {
+      transparent: !0,
+      side: f.DoubleSide,
+      blending: f.AdditiveBlending
+    });
+    const R = [0, l - Math.PI / 2, 0], {
+      model: {
+        bounding: {
+          max: { x: h, z: w },
+          min: { x: E, y: M, z: P }
+        }
+      }
+    } = t;
+    n.yBase = M;
+    const A = { x: (h + E) / 2, y: M - 1.6, z: (w + P) / 2 }, D = 45e-4 * B;
+    return L(m, { position: A, rotation: R, scale: D }), n.object = m, !0;
+  }), a = ({ latitude: o }) => {
+    if (!n.object)
+      return;
+    const c = d(o);
+    c && (n.object.position.y = c);
+  }, d = (o) => {
+    if (n.yBase === void 0)
+      return;
+    const c = 0.6;
+    if (o >= Math.PI / 4)
+      return n.yBase - (c + 1.6);
+    const l = o * (4 / Math.PI);
+    return n.yBase - (c * l + 1.6);
+  };
+  return { load: u, disable: () => {
+    !n.object || (t.scene.remove(n.object), t.needsRender = !0, t.off("cameraDirectionUpdate", a));
+  }, enable: () => {
+    if (!n.object)
+      return;
+    const o = d(t.getPose().latitude);
+    o && (n.object.position.y = o), t.scene.add(n.object), t.needsRender = !0, t.on("cameraDirectionUpdate", a);
+  } };
+};
+export {
+  T as ModelChassisCompassPlugin
+};