@realsee/dnalogel 2.16.0-1 → 2.16.0-11

package/libs/PanoRulerProPlugin/RulerItems.js

@@ -6,8 +6,7 @@ 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";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/isTruelyObject.js";
 function J(p, r, i) {
   const t = p.slice();
@@ -16,7 +15,10 @@ function J(p, r, i) {
 function K(p) {
   let r, i;
   return r = new dt({
-    props: { rulerItemProp: p[12] }
+    props: { rulerItemProp: (
+      /*itemData*/
+      p[12]
+    ) }
   }), {
     c() {
       at(r.$$.fragment);
@@ -26,7 +28,9 @@ function K(p) {
     },
     p(t, e) {
       const w = {};
-      e & 1 && (w.rulerItemProp = t[12]), r.$set(w);
+      e & /*rulerItemProp*/
+      1 && (w.rulerItemProp = /*itemData*/
+      t[12]), r.$set(w);
     },
     i(t) {
       i || (C(r.$$.fragment, t), i = !0);
@@ -40,64 +44,69 @@ function K(p) {
   };
 }
 function pt(p) {
-  let r, i, t = p[0], e = [];
-  for (let n = 0; n < t.length; n += 1)
-    e[n] = K(J(p, t, n));
-  const w = (n) => k(e[n], 1, 1, () => {
-    e[n] = null;
+  let r, i, t = (
+    /*rulerItemProp*/
+    p[0]
+  ), e = [];
+  for (let o = 0; o < t.length; o += 1)
+    e[o] = K(J(p, t, o));
+  const w = (o) => k(e[o], 1, 1, () => {
+    e[o] = null;
   });
   return {
     c() {
       r = $("div");
-      for (let n = 0; n < e.length; n += 1)
-        e[n].c();
-    },
-    m(n, a) {
-      tt(n, r, a);
       for (let o = 0; o < e.length; o += 1)
-        e[o].m(r, null);
+        e[o].c();
+    },
+    m(o, a) {
+      tt(o, r, a);
+      for (let n = 0; n < e.length; n += 1)
+        e[n] && e[n].m(r, null);
       i = !0;
     },
-    p(n, [a]) {
-      if (a & 1) {
-        t = n[0];
-        let o;
-        for (o = 0; o < t.length; o += 1) {
-          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));
+    p(o, [a]) {
+      if (a & /*rulerItemProp*/
+      1) {
+        t = /*rulerItemProp*/
+        o[0];
+        let n;
+        for (n = 0; n < t.length; n += 1) {
+          const A = J(o, t, n);
+          e[n] ? (e[n].p(A, a), C(e[n], 1)) : (e[n] = K(A), e[n].c(), C(e[n], 1), e[n].m(r, null));
         }
-        for (lt(), o = t.length; o < e.length; o += 1)
-          w(o);
+        for (lt(), n = t.length; n < e.length; n += 1)
+          w(n);
         et();
       }
     },
-    i(n) {
+    i(o) {
       if (!i) {
         for (let a = 0; a < t.length; a += 1)
           C(e[a]);
         i = !0;
       }
     },
-    o(n) {
+    o(o) {
       e = e.filter(Boolean);
       for (let a = 0; a < e.length; a += 1)
         k(e[a]);
       i = !1;
     },
-    d(n) {
-      n && nt(r), ot(e, n);
+    d(o) {
+      o && nt(r), ot(e, o);
     }
   };
 }
 function gt(p, r, i) {
   var B, G, H, U;
-  let { five: t } = r, { rulerDatas: e } = r, { options: w } = r, n = [];
-  const a = ((G = (B = t.getElement()) == null ? void 0 : B.parentElement) == null ? void 0 : G.clientWidth) || 0, o = ((U = (H = t.getElement()) == null ? void 0 : H.parentElement) == null ? void 0 : U.clientHeight) || 0, A = (c, l) => {
+  let { five: t } = r, { rulerDatas: e } = r, { options: w } = r, o = [];
+  const a = ((G = (B = t.getElement()) == null ? void 0 : B.parentElement) == null ? void 0 : G.clientWidth) || 0, n = ((U = (H = t.getElement()) == null ? void 0 : H.parentElement) == null ? void 0 : U.clientHeight) || 0, A = (c, l) => {
     const f = [
       [{ x: 0, y: 0 }, { x: a, y: 0 }],
-      [{ x: 0, y: 0 }, { x: 0, y: o }],
-      [{ x: a, y: 0 }, { x: a, y: o }],
-      [{ x: 0, y: o }, { x: a, y: o }]
+      [{ x: 0, y: 0 }, { x: 0, y: n }],
+      [{ x: a, y: 0 }, { x: a, y: n }],
+      [{ x: 0, y: n }, { x: a, y: n }]
     ], u = [];
     for (let h = 0; h < f.length; h++) {
       const g = ut([c, l], [f[h][0], f[h][1]], !0);
@@ -105,7 +114,7 @@ function gt(p, r, i) {
     }
     return u.length === 0 ? !1 : u;
   }, j = (c, l) => {
-    const f = c.clone().project(t.camera), u = (f.x + 1) / 2 * a, h = (-f.y + 1) / 2 * o, g = l.clone().project(t.camera), L = (g.x + 1) / 2 * a, y = (-g.y + 1) / 2 * o, s = Math.sqrt(Math.pow(L - u, 2) + Math.pow(y - h, 2));
+    const f = c.clone().project(t.camera), u = (f.x + 1) / 2 * a, h = (-f.y + 1) / 2 * n, g = l.clone().project(t.camera), L = (g.x + 1) / 2 * a, y = (-g.y + 1) / 2 * n, s = Math.sqrt(Math.pow(L - u, 2) + Math.pow(y - h, 2));
     return {
       startLeft: u,
       startTop: h,
@@ -138,9 +147,9 @@ function gt(p, r, i) {
   }, _ = () => {
     const c = t.panoIndex, l = e.find((s) => s.panoIndex === c);
     if (!l)
-      return i(0, n = []);
+      return i(0, o = []);
     if (t.currentMode !== ft.Mode.Panorama)
-      return i(0, n = []);
+      return i(0, o = []);
     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));
       return d - x;
@@ -162,7 +171,7 @@ function gt(p, r, i) {
         labelElement: w.distanceText(P)
       };
     });
-    i(0, n = y);
+    i(0, o = y);
   }, 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());
@@ -170,13 +179,13 @@ function gt(p, r, i) {
     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];
+  }, [o, t, e, w];
 }
-class Ft extends Q {
+class Lt extends Q {
   constructor(r) {
     super(), X(this, r, gt, pt, Z, { five: 1, rulerDatas: 2, options: 3 });
   }
 }
 export {
-  Ft as default
+  Lt as default
 };

package/libs/PanoRulerProPlugin/index.js

@@ -3,16 +3,15 @@ import "./RulerItems.js";
 import "../vendor/svelte/internal/index.js";
 import "@realsee/five";
 import "../shared-utils/animationFrame/index.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/math/planimetry.js";
 import "../shared-utils/throttle.js";
 import "three";
 import "./RulerItem.js";
-const g = (r, o) => new t(r, o);
+const d = (r, o) => new t(r, o);
 export {
-  g as PanoRulerProPlugin,
-  g as default
+  d as PanoRulerProPlugin,
+  d as default
 };

package/libs/PanoSpatialTagPlugin/Components/origins.js

@@ -9,19 +9,53 @@ function _(n, t, o) {
   return e[3] = t[o], e;
 }
 function m(n) {
-  let t, o = `${n[3].top}%`, e = `${n[3].left}%`, a, l;
+  let t, o = `${/*origin*/
+  n[3].top}%`, e = `${/*origin*/
+  n[3].left}%`, a, l;
   function i() {
-    return n[2](n[3]);
+    return (
+      /*click_handler*/
+      n[2](
+        /*origin*/
+        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", o), g(t, "left", e), g(t, "visibility", n[3].front ? "visible" : "hidden");
+      t = T("i"), b(t, "class", "svelte-19zi46m"), f(t, "PanoSpatialTagPlugin__tag-origin", !0), f(
+        t,
+        "PanoSpatialTagPlugin__tag-origin-destroy",
+        /*origin*/
+        n[3].destroying
+      ), g(t, "top", o), g(t, "left", e), g(
+        t,
+        "visibility",
+        /*origin*/
+        n[3].front ? "visible" : "hidden"
+      );
     },
     m(r, s) {
       p(r, t, s), a || (l = k(t, "click", i), a = !0);
     },
     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");
+      n = r, s & /*origins*/
+      1 && f(
+        t,
+        "PanoSpatialTagPlugin__tag-origin-destroy",
+        /*origin*/
+        n[3].destroying
+      ), s & /*origins*/
+      1 && o !== (o = `${/*origin*/
+      n[3].top}%`) && g(t, "top", o), s & /*origins*/
+      1 && e !== (e = `${/*origin*/
+      n[3].left}%`) && g(t, "left", e), s & /*origins*/
+      1 && g(
+        t,
+        "visibility",
+        /*origin*/
+        n[3].front ? "visible" : "hidden"
+      );
     },
     d(r) {
       r && u(t), a = !1, l();
@@ -29,7 +63,10 @@ function m(n) {
   };
 }
 function $(n) {
-  let t, o = n[0], e = [];
+  let t, o = (
+    /*origins*/
+    n[0]
+  ), e = [];
   for (let a = 0; a < o.length; a += 1)
     e[a] = m(_(n, o, a));
   return {
@@ -40,12 +77,14 @@ function $(n) {
     },
     m(a, l) {
       for (let i = 0; i < e.length; i += 1)
-        e[i].m(a, l);
+        e[i] && e[i].m(a, l);
       p(a, t, l);
     },
     p(a, [l]) {
-      if (l & 3) {
-        o = a[0];
+      if (l & /*origins, handleClick*/
+      3) {
+        o = /*origins*/
+        a[0];
         let i;
         for (i = 0; i < o.length; i += 1) {
           const r = _(a, o, i);

package/libs/PanoSpatialTagPlugin/Components/tag.js

@@ -8,13 +8,89 @@ 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]);
+      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(" + /*contentWidth*/
+      n[7] / 2 * /*contentZoom*/
+      n[3] * 3 + "px, " + /*contentHeight*/
+      n[8] / 2 * /*upsideDown*/
+      (n[1] ? -1 : 1) * /*contentZoom*/
+      n[3] * 3 + "px) scale(" + 1 / /*contentZoom*/
+      n[3] + ")"), u(f, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1i5h9zh"), c(
+        f,
+        "width",
+        /*lineWidthZoom*/
+        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(" + /*contentZoom*/
+      n[3] * 3 + ")"), u(a, "id", P = "PanoSpatialTagPlugin__" + /*id*/
+      n[0]), c(a, "height", 20 * /*lineHeightZoom*/
+      n[5] + "rem"), u(a, "class", "svelte-1i5h9zh"), p(a, "PanoSpatialTagPlugin__tag-x", !0), p(
+        a,
+        "PanoSpatialTagPlugin__tag-upside-down",
+        /*upsideDown*/
+        n[1]
+      ), p(
+        a,
+        "PanoSpatialTagPlugin__tag-show",
+        /*show*/
+        n[10]
+      ), p(
+        a,
+        "PanoSpatialTagPlugin__tag-hide",
+        /*show*/
+        n[10] === !1 || /*destroying*/
+        n[6]
+      );
     },
     m(e, l) {
-      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);
+      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 = /*content*/
+      n[2], n[16](o), v || (w = O(
+        o,
+        "click",
+        /*handleClickContent*/
+        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]);
+      l & /*contentWidth, contentZoom, contentHeight, upsideDown*/
+      394 && c(i, "transform", "translate(" + /*contentWidth*/
+      e[7] / 2 * /*contentZoom*/
+      e[3] * 3 + "px, " + /*contentHeight*/
+      e[8] / 2 * /*upsideDown*/
+      (e[1] ? -1 : 1) * /*contentZoom*/
+      e[3] * 3 + "px) scale(" + 1 / /*contentZoom*/
+      e[3] + ")"), l & /*lineWidthZoom*/
+      16 && c(
+        f,
+        "width",
+        /*lineWidthZoom*/
+        e[4] + "rem"
+      ), l & /*content*/
+      4 && (o.innerHTML = /*content*/
+      e[2]), l & /*contentZoom*/
+      8 && c(_, "transform", "scale(" + /*contentZoom*/
+      e[3] * 3 + ")"), l & /*id*/
+      1 && P !== (P = "PanoSpatialTagPlugin__" + /*id*/
+      e[0]) && u(a, "id", P), l & /*lineHeightZoom*/
+      32 && c(a, "height", 20 * /*lineHeightZoom*/
+      e[5] + "rem"), l & /*upsideDown*/
+      2 && p(
+        a,
+        "PanoSpatialTagPlugin__tag-upside-down",
+        /*upsideDown*/
+        e[1]
+      ), l & /*show*/
+      1024 && p(
+        a,
+        "PanoSpatialTagPlugin__tag-show",
+        /*show*/
+        e[10]
+      ), l & /*show, destroying*/
+      1088 && p(
+        a,
+        "PanoSpatialTagPlugin__tag-hide",
+        /*show*/
+        e[10] === !1 || /*destroying*/
+        e[6]
+      );
     },
     i: D,
     o: D,

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -22,14 +22,12 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "hammerjs";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "../vendor/svelte/internal/index.js";
 import "./store.js";
 import "../vendor/svelte/store/index.js";
-const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", to = (n, s) => {
+const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", eo = (n, 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, f = (K = s == null ? void 0 : s.maxDistance) != null ? K : 3.5, C = Te(n), S = document.createElement("div");
@@ -178,7 +176,7 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
         0,
         u.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 && u.distance - h.distance < v) {
+      if (h && u.distance - h.distance < v) {
         const { position: c, normal: l, id: b, replacement: O } = u, me = new a.Plane().setFromNormalAndCoplanarPoint(l, c), X = c.clone().sub(t.position).cross(new a.Vector3(0, 1, 0)).setLength(D), fe = [
           c.clone(),
           c.clone().add(X),
@@ -266,6 +264,6 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
   };
 };
 export {
-  to as PanoSpatialTagPlugin,
-  to as default
+  eo as PanoSpatialTagPlugin,
+  eo as default
 };

package/libs/PanoSpatialTagPlugin/index.js

@@ -1,5 +1,4 @@
-import "./Plugin.js";
-import { PanoSpatialTagPlugin as G, PanoSpatialTagPlugin as H } from "./Plugin.js";
+import { PanoSpatialTagPlugin as t } from "./Plugin.js";
 import "three";
 import "@realsee/five";
 import "../CSS3DRenderPlugin/index.js";
@@ -20,10 +19,8 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "hammerjs";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "./Components/origins.js";
 import "../vendor/svelte/internal/index.js";
 import "./store.js";
@@ -32,6 +29,6 @@ import "./Components/tag.js";
 import "./style.js";
 import "../shared-utils/tinyEJSrender.js";
 export {
-  G as PanoSpatialTagPlugin,
-  H as default
+  t as PanoSpatialTagPlugin,
+  t as default
 };

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

@@ -7,7 +7,7 @@ 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(i) {
-  let r, o, e, t, l, u, s, f, n, g;
+  let r, o, e, t, l, f, s, u, n, g;
   return o = new L({
     props: {
       center: !0,
@@ -16,29 +16,49 @@ function h(i) {
     }
   }), {
     c() {
-      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");
+      r = v("div"), z(o.$$.fragment), e = C(), t = v("div"), c(t, "class", l = "arrow " + /*direction*/
+      i[0] + " svelte-1ogmlqq"), N(t, "background-image", "url(" + K + ")"), c(r, "class", "arrow-wrapper svelte-1ogmlqq");
     },
     m(a, m) {
-      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);
+      y(a, r, m), O(o, r, null), q(r, e), q(r, t), u = !0, n || (g = j(
+        t,
+        "click",
+        /*click_handler*/
+        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, (!u || m & /*direction*/
+      1 && l !== (l = "arrow " + /*direction*/
+      i[0] + " svelte-1ogmlqq")) && c(t, "class", l);
     },
     i(a) {
-      f || (d(o.$$.fragment, a), a && B(() => {
-        s && s.end(1), u = E(t, w, {
-          duration: i[2],
-          delay: i[3],
+      u || (d(o.$$.fragment, a), a && B(() => {
+        u && (s && s.end(1), f = E(t, w, {
+          duration: (
+            /*duration*/
+            i[2]
+          ),
+          delay: (
+            /*inDelay*/
+            i[3]
+          ),
           easing: b
-        }), u.start();
-      }), f = !0);
+        }), f.start());
+      }), u = !0);
     },
     o(a) {
-      _(o.$$.fragment, a), u && u.invalidate(), a && (s = F(t, w, {
-        duration: i[2],
-        delay: i[4],
+      _(o.$$.fragment, a), f && f.invalidate(), a && (s = F(t, w, {
+        duration: (
+          /*duration*/
+          i[2]
+        ),
+        delay: (
+          /*outDelay*/
+          i[4]
+        ),
         easing: b
-      })), f = !1;
+      })), u = !1;
     },
     d(a) {
       a && k(r), G(o), a && s && s.end(), n = !1, g();
@@ -46,7 +66,10 @@ function h(i) {
   };
 }
 function P(i) {
-  let r, o, e = i[1] && h(i);
+  let r, o, e = (
+    /*visible*/
+    i[1] && h(i)
+  );
   return {
     c() {
       e && e.c(), r = R();
@@ -55,7 +78,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 && (H(), _(e, 1, 1, () => {
+      /*visible*/
+      t[1] ? e ? (e.p(t, l), l & /*visible*/
+      2 && d(e, 1)) : (e = h(t), e.c(), d(e, 1), e.m(r.parentNode, r)) : e && (H(), _(e, 1, 1, () => {
         e = null;
       }), S());
     },
@@ -71,13 +96,13 @@ function P(i) {
   };
 }
 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) {
+  let { direction: e = "right" } = r, { visible: t = !0 } = r, { duration: l = 0 } = r, { inDelay: f = 0 } = r, { outDelay: s = 0 } = r;
+  function u(n) {
     J.call(this, i, n);
   }
   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];
+    "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, f = n.inDelay), "outDelay" in n && o(4, s = n.outDelay);
+  }, [e, t, l, f, s, u];
 }
 class Y extends p {
   constructor(r) {

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

@@ -17,23 +17,57 @@ function K(o) {
 }
 function O(o) {
   let n, t, c, m;
-  const r = o[8].default, u = P(r, o, o[7], null);
+  const r = (
+    /*#slots*/
+    o[8].default
+  ), u = P(
+    r,
+    o,
+    /*$$scope*/
+    o[7],
+    null
+  );
   return {
     c() {
-      n = R("div"), u && u.c(), y(n, "class", "audio svelte-13e7hxv"), y(n, "style", o[0]);
+      n = R("div"), u && u.c(), y(n, "class", "audio svelte-13e7hxv"), y(
+        n,
+        "style",
+        /*style*/
+        o[0]
+      );
     },
     m(a, i) {
-      q(a, n, i), u && u.m(n, null), t = !0, c || (m = D(n, "click", L(o[1])), c = !0);
+      q(a, n, i), u && u.m(n, null), t = !0, c || (m = D(n, "click", L(
+        /*onClick*/
+        o[1]
+      )), c = !0);
     },
     p(a, [i]) {
-      u && u.p && (!t || i & 128) && M(
+      u && u.p && (!t || i & /*$$scope*/
+      128) && M(
         u,
         r,
         a,
+        /*$$scope*/
         a[7],
-        t ? z(r, a[7], i, null) : j(a[7]),
+        t ? z(
+          r,
+          /*$$scope*/
+          a[7],
+          i,
+          null
+        ) : j(
+          /*$$scope*/
+          a[7]
+        ),
         null
-      ), (!t || i & 1) && y(n, "style", a[0]);
+      ), (!t || i & /*style*/
+      1) && y(
+        n,
+        "style",
+        /*style*/
+        a[0]
+      );
     },
     i(a) {
       t || (B(u, a), t = !0);
@@ -105,7 +139,7 @@ function Q(o, n, t) {
     s !== e && (f || e == null || e.pause());
   });
   function k(s) {
-    !e || (p.emit("click", d({
+    e && (p.emit("click", d({
       event: s,
       target: "AudioTagPlayIcon",
       audioInstance: e
@@ -118,7 +152,11 @@ function Q(o, n, t) {
   return o.$$set = (s) => {
     "url" in s && t(2, r = s.url), "enable" in s && t(3, u = s.enable), "style" in s && t(0, a = s.style), "hooksInfo" in s && t(4, i = s.hooksInfo), "$$scope" in s && t(7, m = s.$$scope);
   }, o.$$.update = () => {
-    o.$$.dirty & 4 && (r || l("duration", 0)), o.$$.dirty & 36 && (e == null || e.dispose(), t(5, e = new J(r)), l("audioRef", e), setTimeout(() => l("audioRef", e), 200), b()), o.$$.dirty & 40 && (u || e == null || e.pause()), o.$$.dirty & 72 && l(u && !f ? "play" : "pause");
+    o.$$.dirty & /*url*/
+    4 && (r || l("duration", 0)), o.$$.dirty & /*audio, url*/
+    36 && (e == null || e.dispose(), t(5, e = new J(r)), l("audioRef", e), setTimeout(() => l("audioRef", e), 200), b()), o.$$.dirty & /*enable, audio*/
+    40 && (u || e == null || e.pause()), o.$$.dirty & /*enable, audioPaused*/
+    72 && l(u && !f ? "play" : "pause");
   }, [a, k, r, u, i, e, f, m, c];
 }
 class Y extends E {