@realsee/dnalogel 2.2.4 → 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 "../vendor/svelte/internal/index.js";
+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/PanoSpatialTagPlugin/Components/origins.js

@@ -4,73 +4,73 @@ 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/index.js

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

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

@@ -36,7 +36,7 @@ function L(t) {
       ], m = !0);
     },
     p(s, _) {
-      t = s, (!a || _ & 8 && !D(u.src, f = t[3])) && h(u, "src", f), _ & 64 && d !== (d = t[6]) && u[d ? "pause" : "play"](), _ & 64 && M(e, "paused", t[6]);
+      t = s, (!a || _ & 8 && !D(u.src, f = t[3])) && h(u, "src", f), _ & 64 && d !== (d = t[6]) && u[d ? "pause" : "play"](), (!a || _ & 64) && M(e, "paused", t[6]);
     },
     i(s) {
       a || (v(i.$$.fragment, s), s && W(() => {

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

@@ -1,17 +1,17 @@
 var z = (a, n, i) => new Promise((e, t) => {
-  var l = (r) => {
+  var o = (r) => {
     try {
       u(i.next(r));
     } catch (m) {
       t(m);
     }
-  }, o = (r) => {
+  }, l = (r) => {
     try {
       u(i.throw(r));
     } catch (m) {
       t(m);
     }
-  }, u = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(l, o);
+  }, u = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(o, l);
   u((i = i.apply(a, n)).next());
 });
 import { SvelteComponent as te, init as ne, safe_not_equal as ie, append_styles as ae, empty as Z, insert as w, transition_in as _, transition_out as p, check_outros as D, detach as I, getContext as G, element as le, attr as oe, toggle_class as J, group_outros as j, add_render_callback as re, create_in_transition as fe, identity as K, create_out_transition as ue, create_component as C, mount_component as L, destroy_component as P, destroy_each as se, space as de } from "../../../vendor/svelte/internal/index.js";
@@ -41,7 +41,7 @@ function W(a, n, i) {
   return e[23] = n[i], e;
 }
 function X(a) {
-  let n, i, e, t, l, o;
+  let n, i, e, t, o, l;
   const u = [he, ge], r = [];
   function m(s, g) {
     return s[13] ? 0 : 1;
@@ -51,35 +51,35 @@ function X(a) {
       n = le("div"), e.c(), oe(n, "class", "media svelte-ai0lv9"), J(n, "unfolded", a[4]);
     },
     m(s, g) {
-      w(s, n, g), r[i].m(n, null), o = !0;
+      w(s, n, g), r[i].m(n, null), l = !0;
     },
     p(s, g) {
       a = s;
       let b = i;
       i = m(a), i === b ? r[i].p(a, g) : (j(), p(r[b], 1, 1, () => {
         r[b] = null;
-      }), D(), e = r[i], e ? e.p(a, g) : (e = r[i] = u[i](a), e.c()), _(e, 1), e.m(n, null)), g & 16 && J(n, "unfolded", a[4]);
+      }), D(), e = r[i], e ? e.p(a, g) : (e = r[i] = u[i](a), e.c()), _(e, 1), e.m(n, null)), (!l || g & 16) && J(n, "unfolded", a[4]);
     },
     i(s) {
-      o || (_(e), s && re(() => {
-        l && l.end(1), t = fe(n, Q, a[5] ? {
+      l || (_(e), s && re(() => {
+        o && o.end(1), t = fe(n, Q, a[5] ? {
           y: 4,
           duration: a[3],
           delay: a[1],
           easing: K
         } : void 0), t.start();
-      }), o = !0);
+      }), l = !0);
     },
     o(s) {
-      p(e), t && t.invalidate(), s && (l = ue(n, Q, a[5] ? {
+      p(e), t && t.invalidate(), s && (o = ue(n, Q, a[5] ? {
         y: 4,
         duration: a[3],
         delay: a[2],
         easing: K
-      } : void 0)), o = !1;
+      } : void 0)), l = !1;
     },
     d(s) {
-      s && I(n), r[i].d(), s && l && l.end();
+      s && I(n), r[i].d(), s && o && o.end();
     }
   };
 }
@@ -100,8 +100,8 @@ function ge(a) {
       L(n, e, t), i = !0;
     },
     p(e, t) {
-      const l = {};
-      t & 1 && (l.media = e[0][0]), t & 256 && (l.objectFit = e[8]), t & 64 && (l.playButtonIfNeed = e[6]), t & 128 && (l.canPlay = e[7]), n.$set(l);
+      const o = {};
+      t & 1 && (o.media = e[0][0]), t & 256 && (o.objectFit = e[8]), t & 64 && (o.playButtonIfNeed = e[6]), t & 128 && (o.canPlay = e[7]), n.$set(o);
     },
     i(e) {
       i || (_(n.$$.fragment, e), i = !0);
@@ -138,12 +138,12 @@ function he(a) {
       L(n, e, t), i = !0;
     },
     p(e, t) {
-      const l = {};
-      t & 16384 && (l.autoplay = e[14] ? R({
+      const o = {};
+      t & 16384 && (o.autoplay = e[14] ? R({
         delay: 4e3,
         stopOnLastSlide: !1,
         disableOnInteraction: !1
-      }) : !1), t & 67111360 && (l.$$scope = { dirty: t, ctx: e }), n.$set(l);
+      }) : !1), t & 67111360 && (o.$$scope = { dirty: t, ctx: e }), n.$set(o);
     },
     i(e) {
       i || (_(n.$$.fragment, e), i = !0);
@@ -169,12 +169,12 @@ function be(a) {
     c() {
       C(n.$$.fragment), i = de();
     },
-    m(t, l) {
-      L(n, t, l), w(t, i, l), e = !0;
+    m(t, o) {
+      L(n, t, o), w(t, i, o), e = !0;
     },
-    p(t, l) {
-      const o = {};
-      l & 2048 && (o.media = t[23]), l & 256 && (o.objectFit = t[8]), l & 64 && (o.playButtonIfNeed = t[6]), l & 128 && (o.canPlay = t[7]), n.$set(o);
+    p(t, o) {
+      const l = {};
+      o & 2048 && (l.media = t[23]), o & 256 && (l.objectFit = t[8]), o & 64 && (l.playButtonIfNeed = t[6]), o & 128 && (l.canPlay = t[7]), n.$set(l);
     },
     i(t) {
       e || (_(n.$$.fragment, t), e = !0);
@@ -202,8 +202,8 @@ function Y(a) {
       L(n, e, t), i = !0;
     },
     p(e, t) {
-      const l = {};
-      t & 67111360 && (l.$$scope = { dirty: t, ctx: e }), n.$set(l);
+      const o = {};
+      t & 67111360 && (o.$$scope = { dirty: t, ctx: e }), n.$set(o);
     },
     i(e) {
       i || (_(n.$$.fragment, e), i = !0);
@@ -218,50 +218,50 @@ function Y(a) {
 }
 function ve(a) {
   let n, i, e = a[11], t = [];
-  for (let o = 0; o < e.length; o += 1)
-    t[o] = Y(W(a, e, o));
-  const l = (o) => p(t[o], 1, 1, () => {
-    t[o] = null;
+  for (let l = 0; l < e.length; l += 1)
+    t[l] = Y(W(a, e, l));
+  const o = (l) => p(t[l], 1, 1, () => {
+    t[l] = null;
   });
   return {
     c() {
-      for (let o = 0; o < t.length; o += 1)
-        t[o].c();
+      for (let l = 0; l < t.length; l += 1)
+        t[l].c();
       n = Z();
     },
-    m(o, u) {
+    m(l, u) {
       for (let r = 0; r < t.length; r += 1)
-        t[r].m(o, u);
-      w(o, n, u), i = !0;
+        t[r].m(l, u);
+      w(l, n, u), i = !0;
     },
-    p(o, u) {
+    p(l, u) {
       if (u & 2496) {
-        e = o[11];
+        e = l[11];
         let r;
         for (r = 0; r < e.length; r += 1) {
-          const m = W(o, e, r);
+          const m = W(l, e, r);
           t[r] ? (t[r].p(m, u), _(t[r], 1)) : (t[r] = Y(m), t[r].c(), _(t[r], 1), t[r].m(n.parentNode, n));
         }
         for (j(), r = e.length; r < t.length; r += 1)
-          l(r);
+          o(r);
         D();
       }
     },
-    i(o) {
+    i(l) {
       if (!i) {
         for (let u = 0; u < e.length; u += 1)
           _(t[u]);
         i = !0;
       }
     },
-    o(o) {
+    o(l) {
       t = t.filter(Boolean);
       for (let u = 0; u < t.length; u += 1)
         p(t[u]);
       i = !1;
     },
-    d(o) {
-      se(t, o), o && I(n);
+    d(l) {
+      se(t, l), l && I(n);
     }
   };
 }
@@ -271,11 +271,11 @@ function ke(a) {
     c() {
       e && e.c(), n = Z();
     },
-    m(t, l) {
-      e && e.m(t, l), w(t, n, l), i = !0;
+    m(t, o) {
+      e && e.m(t, o), w(t, n, o), i = !0;
     },
-    p(t, [l]) {
-      t[4] ? e ? (e.p(t, l), l & 16 && _(e, 1)) : (e = X(t), e.c(), _(e, 1), e.m(n.parentNode, n)) : e && (j(), p(e, 1, 1, () => {
+    p(t, [o]) {
+      t[4] ? e ? (e.p(t, o), o & 16 && _(e, 1)) : (e = X(t), e.c(), _(e, 1), e.m(n.parentNode, n)) : e && (j(), p(e, 1, 1, () => {
         e = null;
       }), D());
     },
@@ -291,14 +291,14 @@ function ke(a) {
   };
 }
 function we(a, n, i) {
-  let e, t, l, { tag: o } = n, { mediaData: u } = n, { inDelay: r = 0 } = n, { outDelay: m = 0 } = n, { duration: s = 0 } = n, { unfolded: g = !0 } = n, { animation: b = !0 } = n, { playButtonIfNeed: F = "small" } = n, { canPlay: V = !0 } = n, { objectFit: q = "cover" } = n, { enableCarousel: E = !0 } = n, { autoplayConfig: k = { autoplay: !0, autoplayVideo: !1 } } = n;
+  let e, t, o, { tag: l } = n, { mediaData: u } = n, { inDelay: r = 0 } = n, { outDelay: m = 0 } = n, { duration: s = 0 } = n, { unfolded: g = !0 } = n, { animation: b = !0 } = n, { playButtonIfNeed: F = "small" } = n, { canPlay: V = !0 } = n, { objectFit: q = "cover" } = n, { enableCarousel: E = !0 } = n, { autoplayConfig: k = { autoplay: !0, autoplayVideo: !1 } } = n;
   const O = G("mediaStore"), M = G("hooks");
   let h;
   function B(f) {
     !e || !h || (O.set({ currentMediaUrl: this.src }), M.emit("playStateChange", {
       event: f,
       state: "playing",
-      tag: o,
+      tag: l,
       mediaInstance: this
     }), h.autoplay.stop());
   }
@@ -306,7 +306,7 @@ function we(a, n, i) {
     !e || !h || (M.emit("playStateChange", {
       event: f,
       state: "paused",
-      tag: o,
+      tag: l,
       mediaInstance: this
     }), h.autoplay.running || h.autoplay.start());
   }
@@ -315,7 +315,7 @@ function we(a, n, i) {
     i(10, h = f.detail[0]);
   }, ee = (f) => z(this, null, function* () {
     var H, T, U;
-    if (!l || !k.autoplayVideo)
+    if (!o || !k.autoplayVideo)
       return;
     const y = f.detail[0];
     if (!y)
@@ -336,9 +336,9 @@ function we(a, n, i) {
     }
   });
   return a.$$set = (f) => {
-    "tag" in f && i(17, o = f.tag), "mediaData" in f && i(0, u = f.mediaData), "inDelay" in f && i(1, r = f.inDelay), "outDelay" in f && i(2, m = f.outDelay), "duration" in f && i(3, s = f.duration), "unfolded" in f && i(4, g = f.unfolded), "animation" in f && i(5, b = f.animation), "playButtonIfNeed" in f && i(6, F = f.playButtonIfNeed), "canPlay" in f && i(7, V = f.canPlay), "objectFit" in f && i(8, q = f.objectFit), "enableCarousel" in f && i(18, E = f.enableCarousel), "autoplayConfig" in f && i(9, k = f.autoplayConfig);
+    "tag" in f && i(17, l = f.tag), "mediaData" in f && i(0, u = f.mediaData), "inDelay" in f && i(1, r = f.inDelay), "outDelay" in f && i(2, m = f.outDelay), "duration" in f && i(3, s = f.duration), "unfolded" in f && i(4, g = f.unfolded), "animation" in f && i(5, b = f.animation), "playButtonIfNeed" in f && i(6, F = f.playButtonIfNeed), "canPlay" in f && i(7, V = f.canPlay), "objectFit" in f && i(8, q = f.objectFit), "enableCarousel" in f && i(18, E = f.enableCarousel), "autoplayConfig" in f && i(9, k = f.autoplayConfig);
   }, a.$$.update = () => {
-    a.$$.dirty & 262145 && i(13, e = E && (u == null ? void 0 : u.length) > 1), a.$$.dirty & 1 && i(11, t = u), a.$$.dirty & 2560 && i(14, l = t.length > 1 && k.autoplay), a.$$.dirty & 1024 && h && h.slides.forEach((f) => {
+    a.$$.dirty & 262145 && i(13, e = E && (u == null ? void 0 : u.length) > 1), a.$$.dirty & 1 && i(11, t = u), a.$$.dirty & 2560 && i(14, o = t.length > 1 && k.autoplay), a.$$.dirty & 1024 && h && h.slides.forEach((f) => {
       const y = f.querySelector("video");
       y && O.subscribe(({ currentMediaUrl: v }) => {
         v !== y.src && y.pause();
@@ -359,10 +359,10 @@ function we(a, n, i) {
     t,
     S,
     e,
-    l,
+    o,
     B,
     N,
-    o,
+    l,
     E,
     $,
     ee

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

@@ -31,7 +31,7 @@ function w(l, t) {
     key: l,
     first: null,
     c() {
-      i = H("div"), D(o.$$.fragment), U(i, "class", "text svelte-1fuzm7v"), k(i, "transform", t[7], !1), this.first = i;
+      i = H("div"), D(o.$$.fragment), U(i, "class", "text svelte-1fuzm7v"), k(i, "transform", t[7]), this.first = i;
     },
     m(f, m) {
       h(f, i, m), x(o, i, null), t[10](i), r = !0;
@@ -39,7 +39,7 @@ function w(l, t) {
     p(f, m) {
       t = f;
       const u = {};
-      m & 1 && (u.unfolded = t[0]), m & 2 && (u.content = t[12]), m & 32 && (u.outDelay = t[5]), o.$set(u), m & 128 && k(i, "transform", t[7], !1);
+      m & 1 && (u.unfolded = t[0]), m & 2 && (u.content = t[12]), m & 32 && (u.outDelay = t[5]), o.$set(u), m & 128 && k(i, "transform", t[7]);
     },
     i(f) {
       r || (_(o.$$.fragment, f), r = !0);