@realsee/dnalogel 2.2.3 → 2.2.5-alpha.0

package/libs/PanoRulerProPlugin/RulerItem.js

@@ -1,122 +1,112 @@
-import { SvelteComponent as R, init as W, safe_not_equal as H, append_styles as M, element as c, space as z, text as N, attr as d, add_render_callback as j, set_style as r, insert as P, append as g, add_resize_listener as B, set_data as S, noop as G, detach as w, destroy_each as V, null_to_empty as Z } from "svelte/internal";
+import { SvelteComponent as R, init as W, safe_not_equal as H, append_styles as M, element as c, space as z, text as N, attr as d, add_render_callback as j, set_style as a, insert as P, append as g, add_resize_listener as B, set_data as S, noop as G, detach as w, destroy_each as V, null_to_empty as Z } from "../vendor/svelte/internal/index.js";
 function J(i) {
   M(i, "svelte-1h27ktp", ".PanoRulerPlugin-rule-line.svelte-1h27ktp.svelte-1h27ktp{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-1h27ktp.svelte-1h27ktp::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-1h27ktp-viewport-rule-point 0.1s 1s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-1h27ktp.svelte-1h27ktp::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-1h27ktp-viewport-rule-point 0.1s 1.5s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-1h27ktp em.svelte-1h27ktp{display:block;height:0.0625rem;animation:svelte-1h27ktp-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-1h27ktp.svelte-1h27ktp{display:flex;height:0.0625rem;animation:svelte-1h27ktp-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;align-items:center}.em-solid.svelte-1h27ktp.svelte-1h27ktp{height:100%;background:#ffffff}.em-dotted.svelte-1h27ktp.svelte-1h27ktp{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-1h27ktp.svelte-1h27ktp{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-1h27ktp.svelte-1h27ktp{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);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;animation:svelte-1h27ktp-viewport-rule-label 0.25s ease 1s;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@keyframes svelte-1h27ktp-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-1h27ktp-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-1h27ktp-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
 }
-function y(i, e, s) {
-  const t = i.slice();
-  return t[6] = e[s], t;
+function y(i, e, n) {
+  const l = i.slice();
+  return l[6] = e[n], l;
 }
 function D(i) {
-  let e, s = i[0].children, t = [];
-  for (let l = 0; l < s.length; l += 1)
-    t[l] = X(y(i, s, l));
+  let e, n = i[0].children, l = [];
+  for (let t = 0; t < n.length; t += 1)
+    l[t] = X(y(i, n, t));
   return {
     c() {
       e = c("div");
-      for (let l = 0; l < t.length; l += 1)
-        t[l].c();
+      for (let t = 0; t < l.length; t += 1)
+        l[t].c();
       d(e, "class", "rule-mixed-line svelte-1h27ktp");
     },
-    m(l, n) {
-      P(l, e, n);
-      for (let a = 0; a < t.length; a += 1)
-        t[a].m(e, null);
+    m(t, o) {
+      P(t, e, o);
+      for (let s = 0; s < l.length; s += 1)
+        l[s].m(e, null);
     },
-    p(l, n) {
-      if (n & 9) {
-        s = l[0].children;
-        let a;
-        for (a = 0; a < s.length; a += 1) {
-          const p = y(l, s, a);
-          t[a] ? t[a].p(p, n) : (t[a] = X(p), t[a].c(), t[a].m(e, null));
+    p(t, o) {
+      if (o & 9) {
+        n = t[0].children;
+        let s;
+        for (s = 0; s < n.length; s += 1) {
+          const p = y(t, n, s);
+          l[s] ? l[s].p(p, o) : (l[s] = X(p), l[s].c(), l[s].m(e, null));
         }
-        for (; a < t.length; a += 1)
-          t[a].d(1);
-        t.length = s.length;
+        for (; s < l.length; s += 1)
+          l[s].d(1);
+        l.length = n.length;
       }
     },
-    d(l) {
-      l && w(e), V(t, l);
+    d(t) {
+      t && w(e), V(l, t);
     }
   };
 }
 function A(i) {
-  let e, s;
+  let e, n;
   return {
     c() {
-      e = c("em"), d(e, "class", s = Z(i[0].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp"), d(e, "style", i[3]);
+      e = c("em"), d(e, "class", n = Z(i[0].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp"), d(e, "style", i[3]);
     },
-    m(t, l) {
-      P(t, e, l);
+    m(l, t) {
+      P(l, e, t);
     },
-    p(t, l) {
-      l & 1 && s !== (s = Z(t[0].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", s), l & 8 && d(e, "style", t[3]);
+    p(l, t) {
+      t & 1 && n !== (n = Z(l[0].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", n), t & 8 && d(e, "style", l[3]);
     },
-    d(t) {
-      t && w(e);
+    d(l) {
+      l && w(e);
     }
   };
 }
 function X(i) {
-  let e, s, t = `${i[6].width}px`;
+  let e, n, l = `${i[6].width}px`;
   return {
     c() {
-      e = c("div"), d(e, "class", s = Z(i[6].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp"), d(e, "style", i[3]), r(e, "width", t, !1);
+      e = c("div"), d(e, "class", n = Z(i[6].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp"), d(e, "style", i[3]), a(e, "width", l);
     },
-    m(l, n) {
-      P(l, e, n);
+    m(t, o) {
+      P(t, e, o);
     },
-    p(l, n) {
-      n & 1 && s !== (s = Z(l[6].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", s), n & 8 && d(e, "style", l[3]), n & 1 && t !== (t = `${l[6].width}px`) && r(e, "width", t, !1);
+    p(t, o) {
+      o & 1 && n !== (n = Z(t[6].state ? "em-solid" : "em-dotted") + " svelte-1h27ktp") && d(e, "class", n), o & 8 && d(e, "style", t[3]), o & 1 && l !== (l = `${t[6].width}px`) && a(e, "width", l);
     },
-    d(l) {
-      l && w(e);
+    d(t) {
+      t && w(e);
     }
   };
 }
 function C(i) {
-  let e, s, t, l, n = i[0].labelElement + "", a, p, u = `${i[0].labelOffset}%`, f = `${i[0].width}px`, v = `${i[0].left}px`, b = `${i[0].top}px`, I = `rotate(${i[0].rotateDeg}deg)`;
-  function _(o, m) {
-    return o[0].children.length === 0 ? A : D;
+  let e, n, l, t, o = i[0].labelElement + "", s, p, f = `${i[0].labelOffset}%`, u = `${i[0].width}px`, v = `${i[0].left}px`, b = `${i[0].top}px`, I = `rotate(${i[0].rotateDeg}deg)`;
+  function _(r, m) {
+    return r[0].children.length === 0 ? A : D;
   }
   let k = _(i), h = k(i);
   return {
     c() {
-      e = c("div"), h.c(), s = z(), t = c("div"), l = c("div"), a = N(n), d(l, "class", "PanoRulerPlugin-rule-label-name svelte-1h27ktp"), j(() => i[4].call(l)), d(t, "class", "PanoRulerPlugin-rule-label svelte-1h27ktp"), r(t, "left", u, !1), d(e, "class", "PanoRulerPlugin-rule-line svelte-1h27ktp"), r(e, "width", f, !1), r(e, "left", v, !1), r(e, "top", b, !1), r(e, "transform", I, !1), r(
-        e,
-        "display",
-        i[0].visible && i[2] ? "block" : "none",
-        !1
-      );
+      e = c("div"), h.c(), n = z(), l = c("div"), t = c("div"), s = N(o), d(t, "class", "PanoRulerPlugin-rule-label-name svelte-1h27ktp"), j(() => i[4].call(t)), d(l, "class", "PanoRulerPlugin-rule-label svelte-1h27ktp"), a(l, "left", f), d(e, "class", "PanoRulerPlugin-rule-line svelte-1h27ktp"), a(e, "width", u), a(e, "left", v), a(e, "top", b), a(e, "transform", I), a(e, "display", i[0].visible && i[2] ? "block" : "none");
     },
-    m(o, m) {
-      P(o, e, m), h.m(e, null), g(e, s), g(e, t), g(t, l), g(l, a), p = B(l, i[4].bind(l));
+    m(r, m) {
+      P(r, e, m), h.m(e, null), g(e, n), g(e, l), g(l, t), g(t, s), p = B(t, i[4].bind(t));
     },
-    p(o, [m]) {
-      k === (k = _(o)) && h ? h.p(o, m) : (h.d(1), h = k(o), h && (h.c(), h.m(e, s))), m & 1 && n !== (n = o[0].labelElement + "") && S(a, n), m & 1 && u !== (u = `${o[0].labelOffset}%`) && r(t, "left", u, !1), m & 1 && f !== (f = `${o[0].width}px`) && r(e, "width", f, !1), m & 1 && v !== (v = `${o[0].left}px`) && r(e, "left", v, !1), m & 1 && b !== (b = `${o[0].top}px`) && r(e, "top", b, !1), m & 1 && I !== (I = `rotate(${o[0].rotateDeg}deg)`) && r(e, "transform", I, !1), m & 5 && r(
-        e,
-        "display",
-        o[0].visible && o[2] ? "block" : "none",
-        !1
-      );
+    p(r, [m]) {
+      k === (k = _(r)) && h ? h.p(r, m) : (h.d(1), h = k(r), h && (h.c(), h.m(e, n))), m & 1 && o !== (o = r[0].labelElement + "") && S(s, o), m & 1 && f !== (f = `${r[0].labelOffset}%`) && a(l, "left", f), m & 1 && u !== (u = `${r[0].width}px`) && a(e, "width", u), m & 1 && v !== (v = `${r[0].left}px`) && a(e, "left", v), m & 1 && b !== (b = `${r[0].top}px`) && a(e, "top", b), m & 1 && I !== (I = `rotate(${r[0].rotateDeg}deg)`) && a(e, "transform", I), m & 5 && a(e, "display", r[0].visible && r[2] ? "block" : "none");
     },
     i: G,
     o: G,
-    d(o) {
-      o && w(e), h.d(), p();
+    d(r) {
+      r && w(e), h.d(), p();
     }
   };
 }
-function Y(i, e, s) {
-  let t, { rulerItemProp: l } = e, n = !0, a, p = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=";
-  function u() {
-    a = this.offsetWidth, s(1, a);
+function Y(i, e, n) {
+  let l, { rulerItemProp: t } = e, o = !0, s, p = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=";
+  function f() {
+    s = this.offsetWidth, n(1, s);
   }
-  return i.$$set = (f) => {
-    "rulerItemProp" in f && s(0, l = f.rulerItemProp);
+  return i.$$set = (u) => {
+    "rulerItemProp" in u && n(0, t = u.rulerItemProp);
   }, i.$$.update = () => {
-    i.$$.dirty & 3 && (a >= l.width || a / 2 >= l.labelOffset / 100 * l.width || a / 2 >= (1 - l.labelOffset / 100) * l.width ? s(2, n = !1) : s(2, n = !0));
-  }, s(3, t = `--background-image: url(${p})`), [l, a, n, t, u];
+    i.$$.dirty & 3 && (s >= t.width || s / 2 >= t.labelOffset / 100 * t.width || s / 2 >= (1 - t.labelOffset / 100) * t.width ? n(2, o = !1) : n(2, o = !0));
+  }, n(3, l = `--background-image: url(${p})`), [t, s, o, l, f];
 }
 class U extends R {
   constructor(e) {

package/libs/PanoRulerProPlugin/RulerItems.js

@@ -1,10 +1,9 @@
-import { SvelteComponent as Q, init as X, safe_not_equal as Z, element as $, insert as tt, transition_in as C, group_outros as et, check_outros as nt, transition_out as k, detach as ot, destroy_each as rt, create_component as st, mount_component as at, destroy_component as ct } from "svelte/internal";
-import { Five as it } from "@realsee/five";
-import { nextFrame as lt } from "../shared-utils/animationFrame/index.js";
+import { SvelteComponent as Q, init as X, safe_not_equal as Z, element as $, insert as tt, transition_in as C, check_outros as et, transition_out as k, detach as nt, destroy_each as ot, onMount as rt, onDestroy as st, create_component as at, mount_component as ct, destroy_component as it, group_outros as lt } from "../vendor/svelte/internal/index.js";
+import { Five as ft } from "@realsee/five";
+import { nextFrame as mt } from "../shared-utils/animationFrame/index.js";
 import { equal as z } from "../shared-utils/equal.js";
-import { intersectionOfLine as ft } from "../shared-utils/math/planimetry.js";
-import { throttle as mt } from "../shared-utils/throttle.js";
-import { onMount as ut, onDestroy as ht } from "svelte";
+import { intersectionOfLine as ut } from "../shared-utils/math/planimetry.js";
+import { throttle as ht } from "../shared-utils/throttle.js";
 import { Vector3 as M } from "three";
 import dt from "./RulerItem.js";
 import "../shared-utils/animationFrame/BetterTween.js";
@@ -20,10 +19,10 @@ function K(p) {
     props: { rulerItemProp: p[12] }
   }), {
     c() {
-      st(r.$$.fragment);
+      at(r.$$.fragment);
     },
     m(t, e) {
-      at(r, t, e), i = !0;
+      ct(r, t, e), i = !0;
     },
     p(t, e) {
       const w = {};
@@ -36,7 +35,7 @@ function K(p) {
       k(r.$$.fragment, t), i = !1;
     },
     d(t) {
-      ct(r, t);
+      it(r, t);
     }
   };
 }
@@ -67,9 +66,9 @@ function pt(p) {
           const A = J(n, t, o);
           e[o] ? (e[o].p(A, a), C(e[o], 1)) : (e[o] = K(A), e[o].c(), C(e[o], 1), e[o].m(r, null));
         }
-        for (et(), o = t.length; o < e.length; o += 1)
+        for (lt(), o = t.length; o < e.length; o += 1)
           w(o);
-        nt();
+        et();
       }
     },
     i(n) {
@@ -86,7 +85,7 @@ function pt(p) {
       i = !1;
     },
     d(n) {
-      n && ot(r), rt(e, n);
+      n && nt(r), ot(e, n);
     }
   };
 }
@@ -101,7 +100,7 @@ function gt(p, r, i) {
       [{ x: 0, y: o }, { x: a, y: o }]
     ], u = [];
     for (let h = 0; h < f.length; h++) {
-      const g = ft([c, l], [f[h][0], f[h][1]], !0);
+      const g = ut([c, l], [f[h][0], f[h][1]], !0);
       g && u.push(g);
     }
     return u.length === 0 ? !1 : u;
@@ -140,7 +139,7 @@ function gt(p, r, i) {
     const c = t.panoIndex, l = e.find((s) => s.panoIndex === c);
     if (!l)
       return i(0, n = []);
-    if (t.currentMode !== it.Mode.Panorama)
+    if (t.currentMode !== ft.Mode.Panorama)
       return i(0, n = []);
     const f = t.camera.position, u = t.camera.getWorldDirection(new M()), h = l.lines.map((s) => new M(s.start[0], -s.start[1], -s.start[2])), g = l.lines.map((s) => new M(s.end[0], -s.end[1], -s.end[2])), [L] = h.concat(g).sort((s, T) => {
       const d = s.clone().setY(0).sub(f).normalize().angleTo(u.clone().setY(0)), x = T.clone().setY(0).sub(f).normalize().angleTo(u.clone().setY(0));
@@ -164,20 +163,20 @@ function gt(p, r, i) {
       };
     });
     i(0, n = y);
-  }, E = () => lt(_), R = mt(_, 80);
-  return ut(() => {
+  }, E = () => mt(_), R = ht(_, 80);
+  return rt(() => {
     _(), t.on("panoArrived", _), t.on("modeChange", _), t.on("cameraDirectionUpdate", E), t.on("movingToPano", E), t.on("mouseWheel", () => R()), t.on("pinchGesture", () => R());
-  }), ht(() => {
+  }), st(() => {
     t.off("panoArrived", _), t.off("modeChange", _), t.off("cameraDirectionUpdate", E), t.off("movingToPano", E), t.off("mouseWheel", () => R()), t.off("pinchGesture", () => R());
   }), p.$$set = (c) => {
     "five" in c && i(1, t = c.five), "rulerDatas" in c && i(2, e = c.rulerDatas), "options" in c && i(3, w = c.options);
   }, [n, t, e, w];
 }
-class vt extends Q {
+class Ft extends Q {
   constructor(r) {
     super(), X(this, r, gt, pt, Z, { five: 1, rulerDatas: 2, options: 3 });
   }
 }
 export {
-  vt as default
+  Ft as default
 };

package/libs/PanoSpatialTagPlugin/Components/origins.js

@@ -1,76 +1,76 @@
-import { SvelteComponent as d, init as h, safe_not_equal as P, append_styles as y, empty as v, insert as p, noop as c, destroy_each as S, detach as u, element as T, attr as b, toggle_class as f, set_style as g, listen as k } from "svelte/internal";
+import { SvelteComponent as d, init as h, safe_not_equal as P, append_styles as y, empty as v, insert as p, noop as c, destroy_each as S, detach as u, element as T, attr as b, toggle_class as f, set_style as g, listen as k } from "../../vendor/svelte/internal/index.js";
 import { currentTarget as z } from "../store.js";
-import "svelte/store";
+import "../../vendor/svelte/store/index.js";
 function w(n) {
   y(n, "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 _(n, t, l) {
+function _(n, t, o) {
   const e = n.slice();
-  return e[3] = t[l], e;
+  return e[3] = t[o], e;
 }
 function m(n) {
-  let t, l = `${n[3].top}%`, e = `${n[3].left}%`, i, o;
-  function a() {
+  let t, o = `${n[3].top}%`, e = `${n[3].left}%`, a, l;
+  function i() {
     return n[2](n[3]);
   }
   return {
     c() {
-      t = T("i"), b(t, "class", "svelte-19zi46m"), f(t, "PanoSpatialTagPlugin__tag-origin", !0), f(t, "PanoSpatialTagPlugin__tag-origin-destroy", n[3].destroying), g(t, "top", l, !1), g(t, "left", e, !1), g(t, "visibility", n[3].front ? "visible" : "hidden", !1);
+      t = T("i"), b(t, "class", "svelte-19zi46m"), f(t, "PanoSpatialTagPlugin__tag-origin", !0), f(t, "PanoSpatialTagPlugin__tag-origin-destroy", n[3].destroying), g(t, "top", o), g(t, "left", e), g(t, "visibility", n[3].front ? "visible" : "hidden");
     },
-    m(s, r) {
-      p(s, t, r), i || (o = k(t, "click", a), i = !0);
+    m(r, s) {
+      p(r, t, s), a || (l = k(t, "click", i), a = !0);
     },
-    p(s, r) {
-      n = s, r & 1 && f(t, "PanoSpatialTagPlugin__tag-origin-destroy", n[3].destroying), r & 1 && l !== (l = `${n[3].top}%`) && g(t, "top", l, !1), r & 1 && e !== (e = `${n[3].left}%`) && g(t, "left", e, !1), r & 1 && g(t, "visibility", n[3].front ? "visible" : "hidden", !1);
+    p(r, s) {
+      n = r, s & 1 && f(t, "PanoSpatialTagPlugin__tag-origin-destroy", n[3].destroying), s & 1 && o !== (o = `${n[3].top}%`) && g(t, "top", o), s & 1 && e !== (e = `${n[3].left}%`) && g(t, "left", e), s & 1 && g(t, "visibility", n[3].front ? "visible" : "hidden");
     },
-    d(s) {
-      s && u(t), i = !1, o();
+    d(r) {
+      r && u(t), a = !1, l();
     }
   };
 }
 function $(n) {
-  let t, l = n[0], e = [];
-  for (let i = 0; i < l.length; i += 1)
-    e[i] = m(_(n, l, i));
+  let t, o = n[0], e = [];
+  for (let a = 0; a < o.length; a += 1)
+    e[a] = m(_(n, o, a));
   return {
     c() {
-      for (let i = 0; i < e.length; i += 1)
-        e[i].c();
+      for (let a = 0; a < e.length; a += 1)
+        e[a].c();
       t = v();
     },
-    m(i, o) {
-      for (let a = 0; a < e.length; a += 1)
-        e[a].m(i, o);
-      p(i, t, o);
+    m(a, l) {
+      for (let i = 0; i < e.length; i += 1)
+        e[i].m(a, l);
+      p(a, t, l);
     },
-    p(i, [o]) {
-      if (o & 3) {
-        l = i[0];
-        let a;
-        for (a = 0; a < l.length; a += 1) {
-          const s = _(i, l, a);
-          e[a] ? e[a].p(s, o) : (e[a] = m(s), e[a].c(), e[a].m(t.parentNode, t));
+    p(a, [l]) {
+      if (l & 3) {
+        o = a[0];
+        let i;
+        for (i = 0; i < o.length; i += 1) {
+          const r = _(a, o, i);
+          e[i] ? e[i].p(r, l) : (e[i] = m(r), e[i].c(), e[i].m(t.parentNode, t));
         }
-        for (; a < e.length; a += 1)
-          e[a].d(1);
-        e.length = l.length;
+        for (; i < e.length; i += 1)
+          e[i].d(1);
+        e.length = o.length;
       }
     },
     i: c,
     o: c,
-    d(i) {
-      S(e, i), i && u(t);
+    d(a) {
+      S(e, a), a && u(t);
     }
   };
 }
-function C(n, t, l) {
+function C(n, t, o) {
   let { origins: e } = t;
-  const i = (a) => {
-    z.update(() => `${a}-PanoSpatialTagPlugin-${Date.now()}`);
-  }, o = (a) => i(a.id);
-  return n.$$set = (a) => {
-    "origins" in a && l(0, e = a.origins);
-  }, [e, i, o];
+  const a = (i) => {
+    z.update(() => `${i}-PanoSpatialTagPlugin-${Date.now()}`);
+  }, l = (i) => a(i.id);
+  return n.$$set = (i) => {
+    "origins" in i && o(0, e = i.origins);
+  }, [e, a, l];
 }
 class O extends d {
   constructor(t) {

package/libs/PanoSpatialTagPlugin/Components/tag.js

@@ -1,7 +1,6 @@
-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 { 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, onMount as A, afterUpdate as E, onDestroy as U, binding_callbacks as B } from "../../vendor/svelte/internal/index.js";
 import { currentTarget as G } from "../store.js";
-import "svelte/store";
+import "../../vendor/svelte/store/index.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)}}");
 }
@@ -49,7 +48,7 @@ function Q(n, a, i) {
       }), m = m.parentNode;
     }
   };
-  E(() => {
+  A(() => {
     P.emit("initTag", { id: h });
   });
   const N = G.subscribe((t) => {
@@ -63,13 +62,13 @@ function Q(n, a, i) {
       1500
     )));
   });
-  U(() => {
+  E(() => {
     i(7, v = e.offsetWidth), i(8, w = e.offsetHeight), !y && i(10, l = !r);
-  }), B(() => {
+  }), U(() => {
     P.emit("destroyTag", { id: h }), N(), _();
   });
   function C(t) {
-    A[t ? "unshift" : "push"](() => {
+    B[t ? "unshift" : "push"](() => {
       e = t, i(9, e);
     });
   }
@@ -95,7 +94,7 @@ function Q(n, a, i) {
     C
   ];
 }
-class $ extends F {
+class x extends F {
   constructor(a) {
     super(), M(
       this,
@@ -121,5 +120,5 @@ class $ extends F {
   }
 }
 export {
-  $ as default
+  x as default
 };

package/libs/PanoSpatialTagPlugin/index.js

@@ -1,6 +1,5 @@
 import "three";
 import "@realsee/five";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "svelte/internal";
-import "./store.js";
-import "svelte";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../vendor/svelte/internal/index.js";

package/libs/PanoSpatialTagPlugin/store.js

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

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

@@ -1,7 +1,7 @@
-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 { 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, transition_out as _, check_outros as S, detach as k, element as v, create_component as z, space as C, attr as c, set_style as N, mount_component as O, append as q, listen as j, add_render_callback as B, create_in_transition as E, create_out_transition as F, destroy_component as G, group_outros as H, bubble as J } from "../../../vendor/svelte/internal/index.js";
+import { fade as w } from "../../../vendor/svelte/transition/index.js";
 import { Image_Arrow as K } from "../../Assets/Icon.js";
-import { cubicInOut as b } from "svelte/easing";
+import { cubicInOut as b } from "../../../vendor/svelte/easing/index.js";
 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)}");
@@ -16,17 +16,17 @@ function h(i) {
     }
   }), {
     c() {
-      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");
+      r = v("div"), z(o.$$.fragment), e = C(), t = v("div"), c(t, "class", l = "arrow " + i[0] + " svelte-1ogmlqq"), N(t, "background-image", "url(" + K + ")"), c(r, "class", "arrow-wrapper svelte-1ogmlqq");
     },
     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);
+      y(a, r, m), O(o, r, null), q(r, e), q(r, t), f = !0, n || (g = j(t, "click", i[5]), n = !0);
     },
     p(a, m) {
       i = a, (!f || m & 1 && l !== (l = "arrow " + i[0] + " svelte-1ogmlqq")) && c(t, "class", l);
     },
     i(a) {
-      f || (d(o.$$.fragment, a), a && E(() => {
-        s && s.end(1), u = F(t, w, {
+      f || (d(o.$$.fragment, a), a && B(() => {
+        s && s.end(1), u = E(t, w, {
           duration: i[2],
           delay: i[3],
           easing: b
@@ -34,14 +34,14 @@ function h(i) {
       }), f = !0);
     },
     o(a) {
-      _(o.$$.fragment, a), u && u.invalidate(), a && (s = G(t, w, {
+      _(o.$$.fragment, a), u && u.invalidate(), a && (s = F(t, w, {
         duration: i[2],
         delay: i[4],
         easing: b
       })), f = !1;
     },
     d(a) {
-      a && k(r), H(o), a && s && s.end(), n = !1, g();
+      a && k(r), G(o), a && s && s.end(), n = !1, g();
     }
   };
 }
@@ -55,9 +55,9 @@ function P(i) {
       e && e.m(t, l), y(t, r, l), o = !0;
     },
     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, () => {
+      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 && (H(), _(e, 1, 1, () => {
         e = null;
-      }), z());
+      }), S());
     },
     i(t) {
       o || (d(e), o = !0);