@realsee/dnalogel 2.1.0 → 2.1.2-alpha.0

package/libs/PanoSpatialTagPlugin/Components/tag.js

@@ -1,17 +1,17 @@
-import { S as C, i as I, s as M, a as j, e as d, o as k, b as u, q as c, I as p, c as q, p as g, K as L, n as D, g as O, F as A, R as E, P as G, G as K } from "../../index.164f1850.js";
-import { currentTarget as R } from "../store.js";
-import "../../index.ad783a2f.js";
-function U(n) {
-  j(n, "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)}}");
+import { SvelteComponent as F, init as M, safe_not_equal as j, append_styles as I, element as d, space as k, attr as u, set_style as c, toggle_class as p, insert as L, append as g, listen as O, noop as D, detach as q, binding_callbacks as A } from "svelte/internal";
+import { onMount as E, afterUpdate as U, onDestroy as B } from "svelte";
+import { currentTarget as G } from "../store.js";
+function J(n) {
+  I(n, "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 B(n) {
+function K(n) {
   let a, i, h, s, f, S, T, b, z, r, _, o, P, v, w;
   return {
     c() {
       a = d("div"), i = d("div"), h = k(), s = d("div"), f = d("i"), S = k(), T = d("i"), b = k(), z = d("i"), r = k(), _ = d("div"), o = d("div"), u(i, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1i5h9zh"), c(i, "transform", "translate(" + n[7] / 2 * n[3] * 3 + "px, " + n[8] / 2 * (n[1] ? -1 : 1) * n[3] * 3 + "px) scale(" + 1 / n[3] + ")"), u(f, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1i5h9zh"), c(f, "width", n[4] + "rem"), u(T, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1i5h9zh"), u(z, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1i5h9zh"), u(s, "class", "PanoSpatialTagPlugin__tag-line svelte-1i5h9zh"), u(o, "class", "PanoSpatialTagPlugin__tag-content svelte-1i5h9zh"), u(_, "class", "PanoSpatialTagPlugin__tag-animate svelte-1i5h9zh"), c(_, "transform", "scale(" + n[3] * 3 + ")"), u(a, "id", P = "PanoSpatialTagPlugin__" + n[0]), c(a, "height", 20 * n[5] + "rem"), u(a, "class", "svelte-1i5h9zh"), p(a, "PanoSpatialTagPlugin__tag-x", !0), p(a, "PanoSpatialTagPlugin__tag-upside-down", n[1]), p(a, "PanoSpatialTagPlugin__tag-show", n[10]), p(a, "PanoSpatialTagPlugin__tag-hide", n[10] === !1 || n[6]);
     },
     m(e, l) {
-      q(e, a, l), g(a, i), g(a, h), g(a, s), g(s, f), g(s, S), g(s, T), g(s, b), g(s, z), g(a, r), g(a, _), g(_, o), o.innerHTML = n[2], n[16](o), v || (w = L(o, "click", n[11]), v = !0);
+      L(e, a, l), g(a, i), g(a, h), g(a, s), g(s, f), g(s, S), g(s, T), g(s, b), g(s, z), g(a, r), g(a, _), g(_, o), o.innerHTML = n[2], n[16](o), v || (w = O(o, "click", n[11]), v = !0);
     },
     p(e, [l]) {
       l & 394 && c(i, "transform", "translate(" + e[7] / 2 * e[3] * 3 + "px, " + e[8] / 2 * (e[1] ? -1 : 1) * e[3] * 3 + "px) scale(" + 1 / e[3] + ")"), l & 16 && c(f, "width", e[4] + "rem"), l & 4 && (o.innerHTML = e[2]), l & 8 && c(_, "transform", "scale(" + e[3] * 3 + ")"), l & 1 && P !== (P = "PanoSpatialTagPlugin__" + e[0]) && u(a, "id", P), l & 32 && c(a, "height", 20 * e[5] + "rem"), l & 2 && p(a, "PanoSpatialTagPlugin__tag-upside-down", e[1]), l & 1024 && p(a, "PanoSpatialTagPlugin__tag-show", e[10]), l & 1088 && p(a, "PanoSpatialTagPlugin__tag-hide", e[10] === !1 || e[6]);
@@ -19,11 +19,11 @@ function B(n) {
     i: D,
     o: D,
     d(e) {
-      e && O(a), n[16](null), v = !1, w();
+      e && q(a), n[16](null), v = !1, w();
     }
   };
 }
-function J(n, a, i) {
+function Q(n, a, i) {
   let { id: h } = a, { upsideDown: s } = a, { content: f } = a, { contentZoom: S } = a, { lineWidthZoom: T } = a, { lineHeightZoom: b } = a, { destroying: z = !1 } = a, { folded: r } = a, { dispose: _ } = a, { events: o } = a, { hooks: P } = a, v = 0, w = 0, e, l, y = setTimeout(
     () => {
       r || i(10, l = !0), y = void 0;
@@ -48,10 +48,10 @@ function J(n, a, i) {
       }), m = m.parentNode;
     }
   };
-  A(() => {
+  E(() => {
     P.emit("initTag", { id: h });
   });
-  const F = R.subscribe((t) => {
+  const N = G.subscribe((t) => {
     if (t === null)
       return;
     const [Y, m] = t.split("-PanoSpatialTagPlugin-");
@@ -62,13 +62,13 @@ function J(n, a, i) {
       1500
     )));
   });
-  E(() => {
+  U(() => {
     i(7, v = e.offsetWidth), i(8, w = e.offsetHeight), !y && i(10, l = !r);
-  }), G(() => {
-    P.emit("destroyTag", { id: h }), F(), _();
+  }), B(() => {
+    P.emit("destroyTag", { id: h }), N(), _();
   });
-  function N(t) {
-    K[t ? "unshift" : "push"](() => {
+  function C(t) {
+    A[t ? "unshift" : "push"](() => {
       e = t, i(9, e);
     });
   }
@@ -91,17 +91,17 @@ function J(n, a, i) {
     _,
     o,
     P,
-    N
+    C
   ];
 }
-class x extends C {
+class x extends F {
   constructor(a) {
-    super(), I(
+    super(), M(
       this,
       a,
-      J,
-      B,
-      M,
+      Q,
+      K,
+      j,
       {
         id: 0,
         upsideDown: 1,
@@ -115,7 +115,7 @@ class x extends C {
         events: 14,
         hooks: 15
       },
-      U
+      J
     );
   }
 }

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -5,21 +5,10 @@ import Me from "./Components/origins.js";
 import Pe from "./Components/tag.js";
 import { pluginStyle as xe } from "./style.js";
 import Ee from "../shared-utils/tinyEJSrender.js";
-import "../CSS3DRenderPlugin/Controller.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../shared-utils/Subscribe.js";
-import "../CSS3DRenderPlugin/utils/evenNumber.js";
-import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
-import "../CSS3DRenderPlugin/utils/centerPoint.js";
-import "../index.164f1850.js";
-import "./store.js";
-import "../index.ad783a2f.js";
-const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", Ue = (n, s) => {
+const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", Re = (t, s) => {
   var k, z, q, B, G, J, K, Q;
   let j = s == null ? void 0 : s.container, y = 1.4;
-  const ee = (k = s == null ? void 0 : s.wait) != null ? k : 200, oe = (z = s == null ? void 0 : s.maxNumberOnScreen) != null ? z : 3, I = (q = s == null ? void 0 : s.minRad) != null ? q : Math.PI / 4, L = (B = s == null ? void 0 : s.nearTolerance) != null ? B : 100, te = (G = s == null ? void 0 : s.upsideHeight) != null ? G : 1.6, A = (J = s == null ? void 0 : s.minDistance) != null ? J : 1.2, u = (K = s == null ? void 0 : s.maxDistance) != null ? K : 3.5, C = Te(n), S = document.createElement("div");
+  const ee = (k = s == null ? void 0 : s.wait) != null ? k : 200, oe = (z = s == null ? void 0 : s.maxNumberOnScreen) != null ? z : 3, I = (q = s == null ? void 0 : s.minRad) != null ? q : Math.PI / 4, L = (B = s == null ? void 0 : s.nearTolerance) != null ? B : 100, ne = (G = s == null ? void 0 : s.upsideHeight) != null ? G : 1.6, A = (J = s == null ? void 0 : s.minDistance) != null ? J : 1.2, u = (K = s == null ? void 0 : s.maxDistance) != null ? K : 3.5, C = Te(t), S = document.createElement("div");
   S.classList.add("PanoSpatialTagPlugin"), Object.assign(S.style, xe);
   const V = new we();
   let Z = new Image();
@@ -44,28 +33,28 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
   }, H = (o, r) => {
     if (e.tags.length === 0)
       return;
-    const p = r.longitude - n.state.longitude, t = n.camera.clone();
-    t.position.copy(r.offset), t.rotateOnWorldAxis(new a.Vector3(0, 1, 0), p), t.updateProjectionMatrix(), t.updateMatrixWorld(!0);
-    const g = new a.Frustum(), P = new a.Matrix4();
+    const p = r.longitude - t.state.longitude, n = t.camera.clone();
+    n.position.copy(r.offset), n.rotateOnWorldAxis(new a.Vector3(0, 1, 0), p), n.updateProjectionMatrix(), n.updateMatrixWorld(!0);
+    const m = new a.Frustum(), P = new a.Matrix4();
     P.multiplyMatrices(
-      t.projectionMatrix,
-      t.matrixWorldInverse
-    ), g.setFromProjectionMatrix(P), e.tags.forEach((i) => {
-      const $ = t.position.clone().setY(y).distanceTo(i.position);
-      if ($ < A || $ > u || !g.containsPoint(i.position))
+      n.projectionMatrix,
+      n.matrixWorldInverse
+    ), m.setFromProjectionMatrix(P), e.tags.forEach((i) => {
+      const $ = n.position.clone().setY(y).distanceTo(i.position);
+      if ($ < A || $ > u || !m.containsPoint(i.position))
         return i.destroying = !0;
-      const x = i.position.clone().sub(t.position).setY(0);
+      const x = i.position.clone().sub(n.position).setY(0);
       if (x.angleTo(i.normal) > Math.PI / 2 - I && x.angleTo(i.normal) < Math.PI / 2 + I)
         return i.destroying = !0;
     }), e.tags.forEach((i) => {
       i.destroying ? i.app.$set({
-        contentZoom: 0.1 + t.position.distanceTo(i.position) / u,
-        lineWidthZoom: 0.38 * (0.01 + t.position.distanceTo(i.position) / u),
+        contentZoom: 0.1 + n.position.distanceTo(i.position) / u,
+        lineWidthZoom: 0.38 * (0.01 + n.position.distanceTo(i.position) / u),
         destroying: i.destroying
       }) : i.app.$set({
-        lineWidthZoom: 0.38 * (0.01 + t.position.distanceTo(i.position) / u),
-        lineHeightZoom: 0.4 + (t.position.distanceTo(i.position) - A) / u * 0.6,
-        contentZoom: 0.1 + t.position.distanceTo(i.position) / u
+        lineWidthZoom: 0.38 * (0.01 + n.position.distanceTo(i.position) / u),
+        lineHeightZoom: 0.4 + (n.position.distanceTo(i.position) - A) / u * 0.6,
+        contentZoom: 0.1 + n.position.distanceTo(i.position) / u
       });
     }), setTimeout(() => {
       e.tags.forEach((i) => {
@@ -79,45 +68,45 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
   }, T = () => {
     if (e.forbidden || !e.enabled)
       return;
-    const o = n.camera, r = o.getWorldDirection(new a.Vector3());
+    const o = t.camera, r = o.getWorldDirection(new a.Vector3());
     e.origins = e.tags.map((p) => {
-      const t = p.position.clone().project(o), g = p.position.clone().sub(o.position).setY(0).angleTo(r.setY(0)) < Math.PI / 2;
+      const n = p.position.clone().project(o), m = p.position.clone().sub(o.position).setY(0).angleTo(r.setY(0)) < Math.PI / 2;
       return {
         id: p.id,
-        front: g,
-        left: (t.x + 1) / 2 * 100,
-        top: (-t.y + 1) / 2 * 100,
+        front: m,
+        left: (n.x + 1) / 2 * 100,
+        top: (-n.y + 1) / 2 * 100,
         destroying: p.destroying
       };
     }), Y.$set({ origins: e.origins });
   }, M = () => {
     e.forbidden || !e.enabled || (e.timeoutId && clearTimeout(e.timeoutId), e.timeoutId = setTimeout(() => {
       e.timeoutId = void 0;
-      const o = ne();
+      const o = te();
       o.length && (e.tags = e.tags.concat(o), T());
     }, ee));
-  }, ne = () => {
-    const { clientWidth: o, clientHeight: r } = n.getElement(), p = [], t = n.camera, g = new a.Frustum(), P = new a.Matrix4(), i = t.getWorldDirection(new a.Vector3());
+  }, te = () => {
+    const { clientWidth: o, clientHeight: r } = t.getElement(), p = [], n = t.camera, m = new a.Frustum(), P = new a.Matrix4(), i = n.getWorldDirection(new a.Vector3());
     P.multiplyMatrices(
-      t.projectionMatrix,
-      t.matrixWorldInverse
-    ), g.setFromProjectionMatrix(P);
+      n.projectionMatrix,
+      n.matrixWorldInverse
+    ), m.setFromProjectionMatrix(P);
     const $ = e.tags.filter(
-      (d) => g.containsPoint(d.position) && !d.destroying
+      (d) => m.containsPoint(d.position) && !d.destroying
     ).length, x = e.points.reduce((d, f) => {
       if (e.tags.find((l) => f.id === l.id && !l.destroying))
         return d;
-      const m = t.position.clone().setY(y).distanceTo(f.position);
-      if (m < A || m > u || !g.containsPoint(f.position))
+      const g = n.position.clone().setY(y).distanceTo(f.position);
+      if (g < A || g > u || !m.containsPoint(f.position))
         return d;
-      const E = f.position.clone().sub(t.position).setY(0);
+      const E = f.position.clone().sub(n.position).setY(0);
       if (E.angleTo(f.normal) > Math.PI / 2 - I && E.angleTo(f.normal) < Math.PI / 2 + I)
         return d;
-      const w = f.position.clone().project(t);
+      const w = f.position.clone().project(n);
       if (!e.tags.every((l) => {
-        if (l.position.clone().sub(t.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
+        if (l.position.clone().sub(n.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
           return !0;
-        const b = l.position.clone().project(t);
+        const b = l.position.clone().project(n);
         return Math.sqrt(
           Math.pow((w.x - b.x) / 2 * o, 2) + Math.pow((w.y - b.y) / 2 * r, 2)
         ) > L;
@@ -129,7 +118,7 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
         normal: f.normal,
         replacement: f.replacement,
         weight: f.weight,
-        distance: m
+        distance: g
       };
       let c;
       for (let l = 0, b = d.length; l < b; l++) {
@@ -146,44 +135,44 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
       return c !== void 0 ? d.splice(c, 0, h) : d.push(h), d;
     }, []);
     for (let d = 0, f = x.length; d < f && !($ + p.length >= oe); d++) {
-      const m = x[d];
-      if (p.find((c) => m.id === c.id))
+      const g = x[d];
+      if (p.find((c) => g.id === c.id))
         continue;
-      const E = m.position.clone().project(t);
+      const E = g.position.clone().project(n);
       if (!e.tags.concat(p).every((c) => {
-        if (c.position.clone().sub(t.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
+        if (c.position.clone().sub(n.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
           return !0;
-        const l = c.position.clone().project(t);
+        const l = c.position.clone().project(n);
         return Math.sqrt(
           Math.pow((E.x - l.x) / 2 * o, 2) + Math.pow((E.y - l.y) / 2 * r, 2)
         ) > L;
       }))
         continue;
       const w = new a.Raycaster(
-        t.position.clone().setY(y),
-        m.position.clone().sub(t.position.clone().setY(y)).normalize(),
+        n.position.clone().setY(y),
+        g.position.clone().sub(n.position.clone().setY(y)).normalize(),
         0,
-        m.distance + v
-      ), [h] = e.intersectObjects ? w.intersectObjects(e.intersectObjects, !0) : n.model.bvhs.loaded ? n.model.intersectRaycaster(w) : w.intersectObjects(n.model.children, !0);
-      if (!!h && m.distance - h.distance < v) {
-        const { position: c, normal: l, id: b, replacement: O } = m, fe = new a.Plane().setFromNormalAndCoplanarPoint(l, c), X = c.clone().sub(t.position).cross(new a.Vector3(0, 1, 0)).setLength(D), ue = [
+        g.distance + v
+      ), [h] = e.intersectObjects ? w.intersectObjects(e.intersectObjects, !0) : t.model.bvhs.loaded ? t.model.intersectRaycaster(w) : w.intersectObjects(t.model.children, !0);
+      if (!!h && g.distance - h.distance < v) {
+        const { position: c, normal: l, id: b, replacement: O } = g, fe = new a.Plane().setFromNormalAndCoplanarPoint(l, c), X = c.clone().sub(n.position).cross(new a.Vector3(0, 1, 0)).setLength(D), ue = [
           c.clone(),
           c.clone().add(X),
           c.clone().add(new a.Vector3(0, D, 0)).add(X),
           c.clone().add(new a.Vector3(0, D, 0))
-        ].map((be) => fe.projectPoint(be, new a.Vector3())), { container: me, dispose: ge } = C.create3DDomContainer(ue) || {}, he = new Pe({
-          target: me,
+        ].map((be) => fe.projectPoint(be, new a.Vector3())), { container: ge, dispose: me } = C.create3DDomContainer(ue) || {}, he = new Pe({
+          target: ge,
           props: {
             id: b,
             content: e.render(e.template, O),
-            lineWidthZoom: 0.38 * (0.01 + t.position.distanceTo(c) / u),
-            lineHeightZoom: 0.4 + (t.position.distanceTo(c) - A) / u * 0.6,
-            contentZoom: 0.1 + t.position.distanceTo(c) / u,
-            upsideDown: c.y > te,
+            lineWidthZoom: 0.38 * (0.01 + n.position.distanceTo(c) / u),
+            lineHeightZoom: 0.4 + (n.position.distanceTo(c) - A) / u * 0.6,
+            contentZoom: 0.1 + n.position.distanceTo(c) / u,
+            upsideDown: c.y > ne,
             folded: e.folded,
             events: e.events,
             hooks: V,
-            dispose: ge
+            dispose: me
           }
         });
         p.push({
@@ -197,13 +186,13 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
     return p;
   }, ie = (o) => {
     e.points = o.points.map((r) => {
-      var p, t;
+      var p, n;
       return {
         id: r.id,
         position: new a.Vector3().fromArray(r.position),
         normal: new a.Vector3().fromArray(r.normal),
         replacement: (p = r.replacement) != null ? p : {},
-        weight: (t = r.weight) != null ? t : -1
+        weight: (n = r.weight) != null ? n : -1
       };
     }), o.render && (e.render = o.render), o.template && (e.template = o.template), o.events && (e.events = o.events), o.enabled === !1 && (e.enabled = o.enabled), o.folded === !0 && (e.folded = o.folded);
   }, se = (o) => {
@@ -231,15 +220,15 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
       r.id === o && r.app.$set({ folded: !0 });
     });
   }, U = () => {
-    n.once("renderFrame", T);
+    t.once("renderFrame", T);
   }, R = () => {
-    j || (j = n.getElement().parentElement), j && j.appendChild(S), e.forbidden = !1, y = n.model.bounding.getCenter(new a.Vector3()).y, M(), n.on("panoWillArrive", H), n.on("panoArrived", F), n.on("modeChange", N), n.on("cameraUpdate", _);
+    j || (j = t.getElement().parentElement), j && j.appendChild(S), e.forbidden = !1, y = t.model.bounding.getCenter(new a.Vector3()).y, M(), t.on("panoWillArrive", H), t.on("panoArrived", F), t.on("modeChange", N), t.on("cameraUpdate", _);
   }, W = () => {
     Z = null, C.disposeAll(), Y.$destroy(), e.tags.forEach((o) => {
       o.app.$destroy(), o = null;
-    }), e.origins = [], e.tags = [], n.off("modelLoaded", R), n.off("renderFrame", T), n.off("panoWillArrive", H), n.off("panoArrived", F), n.off("modeChange", N), n.off("cameraUpdate", _), n.off("dispose", W), window.removeEventListener("resize", U, !1);
+    }), e.origins = [], e.tags = [], t.off("modelLoaded", R), t.off("renderFrame", T), t.off("panoWillArrive", H), t.off("panoArrived", F), t.off("modeChange", N), t.off("cameraUpdate", _), t.off("dispose", W), window.removeEventListener("resize", U, !1);
   };
-  return window.addEventListener("resize", U, !1), (Q = n == null ? void 0 : n.model) != null && Q.loaded ? R() : n.once("modelLoaded", R), n.on("dispose", W), {
+  return window.addEventListener("resize", U, !1), (Q = t == null ? void 0 : t.model) != null && Q.loaded ? R() : t.once("modelLoaded", R), t.on("dispose", W), {
     load: ie,
     setIntersectObjects: se,
     unfoldAll: de,
@@ -253,6 +242,6 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
   };
 };
 export {
-  Ue as PanoSpatialTagPlugin,
-  Ue as default
+  Re as PanoSpatialTagPlugin,
+  Re as default
 };

package/libs/PanoSpatialTagPlugin/store.d.ts

@@ -1 +1 @@
-export declare const currentTarget: import("svelte/store").Writable<null>;
+export declare const currentTarget: import("svelte/store").Writable<any>;

package/libs/PanoSpatialTagPlugin/store.js

@@ -1,5 +1,4 @@
-import { w as r } from "../index.ad783a2f.js";
-import "../index.164f1850.js";
+import { writable as r } from "svelte/store";
 const e = r(null);
 export {
   e as currentTarget

package/libs/PanoTagPlugin/Components/Common/Arrow.js

@@ -1,14 +1,14 @@
-import { S as p, i as D, s as S, a as z, r as A, c as y, f as d, t as _, d as I, g as k, e as q, j as R, o as j, b as c, q as C, m as K, p as v, K as M, z as N, M as O, T, k as U, h as B, U as E } from "../../../index.164f1850.js";
-import { f as w } from "../../../index.dca207cb.js";
-import { Image_Arrow as F } from "../../Assets/Icon.js";
-import { a as b } from "../../../index.6a0eead1.js";
-import G from "./Shadow.js";
-function H(a) {
-  z(a, "svelte-1ogmlqq", ".arrow.svelte-1ogmlqq{width:100%;height:100%;background-size:100%;transition:transform 400ms ease-in-out;cursor:pointer;pointer-events:auto}.arrow-wrapper.svelte-1ogmlqq{position:relative;width:100%;height:100%}.arrow.left.svelte-1ogmlqq{transform:rotate(0deg)}.arrow.right.svelte-1ogmlqq{transform:rotate(-180deg)}.arrow.top.svelte-1ogmlqq{transform:rotate(90deg)}.arrow.bottom.svelte-1ogmlqq{transform:rotate(-90deg)}");
+import { SvelteComponent as p, init as D, safe_not_equal as A, append_styles as I, empty as R, insert as y, transition_in as d, group_outros as S, transition_out as _, check_outros as z, detach as k, element as v, create_component as C, space as N, attr as c, set_style as O, mount_component as j, append as q, listen as B, add_render_callback as E, create_in_transition as F, create_out_transition as G, destroy_component as H, bubble as J } from "svelte/internal";
+import { fade as w } from "svelte/transition";
+import { Image_Arrow as K } from "../../Assets/Icon.js";
+import { cubicInOut as b } from "svelte/easing";
+import L from "./Shadow.js";
+function M(i) {
+  I(i, "svelte-1ogmlqq", ".arrow.svelte-1ogmlqq{width:100%;height:100%;background-size:100%;transition:transform 400ms ease-in-out;cursor:pointer;pointer-events:auto}.arrow-wrapper.svelte-1ogmlqq{position:relative;width:100%;height:100%}.arrow.left.svelte-1ogmlqq{transform:rotate(0deg)}.arrow.right.svelte-1ogmlqq{transform:rotate(-180deg)}.arrow.top.svelte-1ogmlqq{transform:rotate(90deg)}.arrow.bottom.svelte-1ogmlqq{transform:rotate(-90deg)}");
 }
-function h(a) {
-  let r, i, e, t, n, u, l, f, o, g;
-  return i = new G({
+function h(i) {
+  let r, o, e, t, l, u, s, f, n, g;
+  return o = new L({
     props: {
       center: !0,
       blurRadius: 9,
@@ -16,77 +16,77 @@ function h(a) {
     }
   }), {
     c() {
-      r = q("div"), R(i.$$.fragment), e = j(), t = q("div"), c(t, "class", n = "arrow " + a[0] + " svelte-1ogmlqq"), C(t, "background-image", "url(" + F + ")"), c(r, "class", "arrow-wrapper svelte-1ogmlqq");
+      r = v("div"), C(o.$$.fragment), e = N(), t = v("div"), c(t, "class", l = "arrow " + i[0] + " svelte-1ogmlqq"), O(t, "background-image", "url(" + K + ")"), c(r, "class", "arrow-wrapper svelte-1ogmlqq");
     },
-    m(s, m) {
-      y(s, r, m), K(i, r, null), v(r, e), v(r, t), f = !0, o || (g = M(t, "click", a[5]), o = !0);
+    m(a, m) {
+      y(a, r, m), j(o, r, null), q(r, e), q(r, t), f = !0, n || (g = B(t, "click", i[5]), n = !0);
     },
-    p(s, m) {
-      a = s, (!f || m & 1 && n !== (n = "arrow " + a[0] + " svelte-1ogmlqq")) && c(t, "class", n);
+    p(a, m) {
+      i = a, (!f || m & 1 && l !== (l = "arrow " + i[0] + " svelte-1ogmlqq")) && c(t, "class", l);
     },
-    i(s) {
-      f || (d(i.$$.fragment, s), s && N(() => {
-        l && l.end(1), u = O(t, w, {
-          duration: a[2],
-          delay: a[3],
+    i(a) {
+      f || (d(o.$$.fragment, a), a && E(() => {
+        s && s.end(1), u = F(t, w, {
+          duration: i[2],
+          delay: i[3],
           easing: b
         }), u.start();
       }), f = !0);
     },
-    o(s) {
-      _(i.$$.fragment, s), u && u.invalidate(), s && (l = T(t, w, {
-        duration: a[2],
-        delay: a[4],
+    o(a) {
+      _(o.$$.fragment, a), u && u.invalidate(), a && (s = G(t, w, {
+        duration: i[2],
+        delay: i[4],
         easing: b
       })), f = !1;
     },
-    d(s) {
-      s && k(r), U(i), s && l && l.end(), o = !1, g();
+    d(a) {
+      a && k(r), H(o), a && s && s.end(), n = !1, g();
     }
   };
 }
-function J(a) {
-  let r, i, e = a[1] && h(a);
+function P(i) {
+  let r, o, e = i[1] && h(i);
   return {
     c() {
-      e && e.c(), r = A();
+      e && e.c(), r = R();
     },
-    m(t, n) {
-      e && e.m(t, n), y(t, r, n), i = !0;
+    m(t, l) {
+      e && e.m(t, l), y(t, r, l), o = !0;
     },
-    p(t, [n]) {
-      t[1] ? e ? (e.p(t, n), n & 2 && d(e, 1)) : (e = h(t), e.c(), d(e, 1), e.m(r.parentNode, r)) : e && (B(), _(e, 1, 1, () => {
+    p(t, [l]) {
+      t[1] ? e ? (e.p(t, l), l & 2 && d(e, 1)) : (e = h(t), e.c(), d(e, 1), e.m(r.parentNode, r)) : e && (S(), _(e, 1, 1, () => {
         e = null;
-      }), I());
+      }), z());
     },
     i(t) {
-      i || (d(e), i = !0);
+      o || (d(e), o = !0);
     },
     o(t) {
-      _(e), i = !1;
+      _(e), o = !1;
     },
     d(t) {
       e && e.d(t), t && k(r);
     }
   };
 }
-function L(a, r, i) {
-  let { direction: e = "right" } = r, { visible: t = !0 } = r, { duration: n = 0 } = r, { inDelay: u = 0 } = r, { outDelay: l = 0 } = r;
-  function f(o) {
-    E.call(this, a, o);
+function Q(i, r, o) {
+  let { direction: e = "right" } = r, { visible: t = !0 } = r, { duration: l = 0 } = r, { inDelay: u = 0 } = r, { outDelay: s = 0 } = r;
+  function f(n) {
+    J.call(this, i, n);
   }
-  return a.$$set = (o) => {
-    "direction" in o && i(0, e = o.direction), "visible" in o && i(1, t = o.visible), "duration" in o && i(2, n = o.duration), "inDelay" in o && i(3, u = o.inDelay), "outDelay" in o && i(4, l = o.outDelay);
-  }, [e, t, n, u, l, f];
+  return i.$$set = (n) => {
+    "direction" in n && o(0, e = n.direction), "visible" in n && o(1, t = n.visible), "duration" in n && o(2, l = n.duration), "inDelay" in n && o(3, u = n.inDelay), "outDelay" in n && o(4, s = n.outDelay);
+  }, [e, t, l, u, s, f];
 }
 class Y extends p {
   constructor(r) {
     super(), D(
       this,
       r,
-      L,
-      J,
-      S,
+      Q,
+      P,
+      A,
       {
         direction: 0,
         visible: 1,
@@ -94,7 +94,7 @@ class Y extends p {
         inDelay: 3,
         outDelay: 4
       },
-      H
+      M
     );
   }
 }