@realsee/dnalogel 2.15.0-alpha.1 → 2.15.0

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

@@ -1,7 +1,7 @@
-import { SvelteComponent as ie, init as ne, safe_not_equal as ae, append_styles as le, empty as Q, insert as q, transition_in as d, transition_out as g, check_outros as D, detach as w, getContext as A, onMount as oe, onDestroy as re, element as F, attr as G, toggle_class as k, append as me, group_outros as M, add_render_callback as ue, create_in_transition as se, identity as H, create_out_transition as fe, binding_callbacks as E, assign as R, bind as U, create_component as N, mount_component as S, get_spread_update as W, get_spread_object as X, add_flush_callback as Y, destroy_component as L, destroy_each as de } from "../../../vendor/svelte/internal/index.js";
-import { Carousel as ce } from "../../../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
-import { fly as J } from "../../../vendor/svelte/transition/index.js";
-import Z from "./MediaItem.js";
+import { SvelteComponent as ae, init as le, safe_not_equal as oe, append_styles as re, empty as U, insert as q, transition_in as c, transition_out as p, check_outros as D, detach as w, getContext as F, onMount as me, onDestroy as ue, element as G, attr as H, toggle_class as I, append as se, group_outros as M, add_render_callback as fe, create_in_transition as de, identity as J, create_out_transition as ce, binding_callbacks as E, assign as W, bind as X, create_component as S, mount_component as N, get_spread_update as Y, get_spread_object as Z, add_flush_callback as x, destroy_component as j, destroy_each as _e } from "../../../vendor/svelte/internal/index.js";
+import { Carousel as ge } from "../../../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import { fly as K } from "../../../vendor/svelte/transition/index.js";
+import $ from "./MediaItem.js";
 import "../../../vendor/svelte-carousel/src/components/Dots/Dots.js";
 import "../../../vendor/svelte-carousel/src/components/Dot/Dot.js";
 import "../../../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
@@ -32,49 +32,49 @@ import "../../../vendor/svelte-carousel/src/utils/ProgressManager.js";
 import "../../../vendor/svelte-carousel/src/utils/interval.js";
 import "../../../vendor/svelte/easing/index.js";
 import "../../Assets/Icon.js";
-function _e(t) {
-  le(t, "svelte-1mrbqlg", ".media-list-wrapper.svelte-1mrbqlg.svelte-1mrbqlg{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}.media-list-wrapper.svelte-1mrbqlg .media-list.svelte-1mrbqlg{position:relative;pointer-events:auto;height:100%;left:50%;top:50%;transform:translate(-50%, -50%)}.media-list-wrapper.svelte-1mrbqlg .media-list.svelte-1mrbqlg .sc-carousel__carousel-container,.media-list-wrapper.svelte-1mrbqlg .media-list.svelte-1mrbqlg .sc-carousel__content-container{height:100%}");
+function pe(t) {
+  re(t, "svelte-1mrbqlg", ".media-list-wrapper.svelte-1mrbqlg.svelte-1mrbqlg{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}.media-list-wrapper.svelte-1mrbqlg .media-list.svelte-1mrbqlg{position:relative;pointer-events:auto;height:100%;left:50%;top:50%;transform:translate(-50%, -50%)}.media-list-wrapper.svelte-1mrbqlg .media-list.svelte-1mrbqlg .sc-carousel__carousel-container,.media-list-wrapper.svelte-1mrbqlg .media-list.svelte-1mrbqlg .sc-carousel__content-container{height:100%}");
 }
-function K(t, i, l) {
+function P(t, i, l) {
   const n = t.slice();
   return n[25] = i[l], n[26] = i, n[27] = l, n;
 }
-function O(t) {
+function Q(t) {
   let i, l, n, e, u, r, a;
-  const o = [pe, ge], s = [];
-  function h(f, c) {
+  const o = [he, be], s = [];
+  function y(f, _) {
     return f[13] && f[10].length > 1 ? 0 : 1;
   }
-  return n = h(t), e = s[n] = o[n](t), {
+  return n = y(t), e = s[n] = o[n](t), {
     c() {
-      i = F("div"), l = F("div"), e.c(), G(l, "class", "media-list svelte-1mrbqlg"), k(l, "carouselEnabled", t[13]), G(i, "class", "media-list-wrapper svelte-1mrbqlg"), k(i, "unfolded", t[5]);
+      i = G("div"), l = G("div"), e.c(), H(l, "class", "media-list svelte-1mrbqlg"), I(l, "carouselEnabled", t[13]), H(i, "class", "media-list-wrapper svelte-1mrbqlg"), I(i, "unfolded", t[5]);
     },
-    m(f, c) {
-      q(f, i, c), me(i, l), s[n].m(l, null), a = !0;
+    m(f, _) {
+      q(f, i, _), se(i, l), s[n].m(l, null), a = !0;
     },
-    p(f, c) {
+    p(f, _) {
       t = f;
-      let p = n;
-      n = h(t), n === p ? s[n].p(t, c) : (M(), g(s[p], 1, 1, () => {
-        s[p] = null;
-      }), D(), e = s[n], e ? e.p(t, c) : (e = s[n] = o[n](t), e.c()), d(e, 1), e.m(l, null)), (!a || c & 8192) && k(l, "carouselEnabled", t[13]), (!a || c & 32) && k(i, "unfolded", t[5]);
+      let b = n;
+      n = y(t), n === b ? s[n].p(t, _) : (M(), p(s[b], 1, 1, () => {
+        s[b] = null;
+      }), D(), e = s[n], e ? e.p(t, _) : (e = s[n] = o[n](t), e.c()), c(e, 1), e.m(l, null)), (!a || _ & 8192) && I(l, "carouselEnabled", t[13]), (!a || _ & 32) && I(i, "unfolded", t[5]);
     },
     i(f) {
-      a || (d(e), f && ue(() => {
-        r && r.end(1), u = se(i, J, t[6] ? {
+      a || (c(e), f && fe(() => {
+        r && r.end(1), u = de(i, K, t[6] ? {
           y: 4,
           duration: t[4],
           delay: t[2],
-          easing: H
+          easing: J
         } : void 0), u.start();
       }), a = !0);
     },
     o(f) {
-      g(e), u && u.invalidate(), f && (r = fe(i, J, t[6] ? {
+      p(e), u && u.invalidate(), f && (r = ce(i, K, t[6] ? {
         y: 4,
         duration: t[4],
         delay: t[3],
-        easing: H
+        easing: J
       } : void 0)), a = !1;
     },
     d(f) {
@@ -82,7 +82,7 @@ function O(t) {
     }
   };
 }
-function ge(t) {
+function be(t) {
   let i, l, n;
   const e = [
     { media: t[1][0] },
@@ -94,63 +94,63 @@ function ge(t) {
   }
   let r = {};
   for (let a = 0; a < e.length; a += 1)
-    r = R(r, e[a]);
-  return t[8][0] !== void 0 && (r.mediaInstance = t[8][0]), i = new Z({ props: r }), E.push(() => U(i, "mediaInstance", u)), {
+    r = W(r, e[a]);
+  return t[8][0] !== void 0 && (r.mediaInstance = t[8][0]), i = new $({ props: r }), E.push(() => X(i, "mediaInstance", u)), {
     c() {
-      N(i.$$.fragment);
+      S(i.$$.fragment);
     },
     m(a, o) {
-      S(i, a, o), n = !0;
+      N(i, a, o), n = !0;
     },
     p(a, o) {
-      const s = o & 131 ? W(e, [
+      const s = o & 131 ? Y(e, [
         o & 2 && { media: a[1][0] },
-        o & 128 && X(a[7]),
+        o & 128 && Z(a[7]),
         o & 1 && { tag: a[0] }
       ]) : {};
-      !l && o & 256 && (l = !0, s.mediaInstance = a[8][0], Y(() => l = !1)), i.$set(s);
+      !l && o & 256 && (l = !0, s.mediaInstance = a[8][0], x(() => l = !1)), i.$set(s);
     },
     i(a) {
-      n || (d(i.$$.fragment, a), n = !0);
+      n || (c(i.$$.fragment, a), n = !0);
     },
     o(a) {
-      g(i.$$.fragment, a), n = !1;
+      p(i.$$.fragment, a), n = !1;
     },
     d(a) {
-      L(i, a);
+      j(i, a);
     }
   };
 }
-function pe(t) {
+function he(t) {
   let i, l, n = {
     dots: !1,
     arrows: !1,
-    $$slots: { default: [be] },
+    $$slots: { default: [ye] },
     $$scope: { ctx: t }
   };
-  return i = new ce({ props: n }), t[18](i), i.$on("pageChange", t[19]), {
+  return i = new ge({ props: n }), t[18](i), i.$on("pageChange", t[19]), {
     c() {
-      N(i.$$.fragment);
+      S(i.$$.fragment);
     },
     m(e, u) {
-      S(i, e, u), l = !0;
+      N(i, e, u), l = !0;
     },
     p(e, u) {
       const r = {};
       u & 268436865 && (r.$$scope = { dirty: u, ctx: e }), i.$set(r);
     },
     i(e) {
-      l || (d(i.$$.fragment, e), l = !0);
+      l || (c(i.$$.fragment, e), l = !0);
     },
     o(e) {
-      g(i.$$.fragment, e), l = !1;
+      p(i.$$.fragment, e), l = !1;
     },
     d(e) {
-      t[18](null), L(i, e);
+      t[18](null), j(i, e);
     }
   };
 }
-function P(t) {
+function R(t) {
   let i, l, n;
   const e = [
     t[7],
@@ -162,46 +162,46 @@ function P(t) {
   }
   let r = {};
   for (let a = 0; a < e.length; a += 1)
-    r = R(r, e[a]);
-  return t[8][t[27]] !== void 0 && (r.mediaInstance = t[8][t[27]]), i = new Z({ props: r }), E.push(() => U(i, "mediaInstance", u)), {
+    r = W(r, e[a]);
+  return t[8][t[27]] !== void 0 && (r.mediaInstance = t[8][t[27]]), i = new $({ props: r }), E.push(() => X(i, "mediaInstance", u)), {
     c() {
-      N(i.$$.fragment);
+      S(i.$$.fragment);
     },
     m(a, o) {
-      S(i, a, o), n = !0;
+      N(i, a, o), n = !0;
     },
     p(a, o) {
       t = a;
-      const s = o & 1153 ? W(e, [
-        o & 128 && X(t[7]),
+      const s = o & 1153 ? Y(e, [
+        o & 128 && Z(t[7]),
         o & 1024 && { media: t[25] },
         o & 1 && { tag: t[0] }
       ]) : {};
-      !l && o & 256 && (l = !0, s.mediaInstance = t[8][t[27]], Y(() => l = !1)), i.$set(s);
+      !l && o & 256 && (l = !0, s.mediaInstance = t[8][t[27]], x(() => l = !1)), i.$set(s);
     },
     i(a) {
-      n || (d(i.$$.fragment, a), n = !0);
+      n || (c(i.$$.fragment, a), n = !0);
     },
     o(a) {
-      g(i.$$.fragment, a), n = !1;
+      p(i.$$.fragment, a), n = !1;
     },
     d(a) {
-      L(i, a);
+      j(i, a);
     }
   };
 }
-function be(t) {
+function ye(t) {
   let i, l, n = t[10], e = [];
   for (let r = 0; r < n.length; r += 1)
-    e[r] = P(K(t, n, r));
-  const u = (r) => g(e[r], 1, 1, () => {
+    e[r] = R(P(t, n, r));
+  const u = (r) => p(e[r], 1, 1, () => {
     e[r] = null;
   });
   return {
     c() {
       for (let r = 0; r < e.length; r += 1)
         e[r].c();
-      i = Q();
+      i = U();
     },
     m(r, a) {
       for (let o = 0; o < e.length; o += 1)
@@ -213,8 +213,8 @@ function be(t) {
         n = r[10];
         let o;
         for (o = 0; o < n.length; o += 1) {
-          const s = K(r, n, o);
-          e[o] ? (e[o].p(s, a), d(e[o], 1)) : (e[o] = P(s), e[o].c(), d(e[o], 1), e[o].m(i.parentNode, i));
+          const s = P(r, n, o);
+          e[o] ? (e[o].p(s, a), c(e[o], 1)) : (e[o] = R(s), e[o].c(), c(e[o], 1), e[o].m(i.parentNode, i));
         }
         for (M(), o = n.length; o < e.length; o += 1)
           u(o);
@@ -224,116 +224,116 @@ function be(t) {
     i(r) {
       if (!l) {
         for (let a = 0; a < n.length; a += 1)
-          d(e[a]);
+          c(e[a]);
         l = !0;
       }
     },
     o(r) {
       e = e.filter(Boolean);
       for (let a = 0; a < e.length; a += 1)
-        g(e[a]);
+        p(e[a]);
       l = !1;
     },
     d(r) {
-      de(e, r), r && w(i);
+      _e(e, r), r && w(i);
     }
   };
 }
-function he(t) {
-  let i, l, n = t[5] && O(t);
+function Ie(t) {
+  let i, l, n = t[5] && Q(t);
   return {
     c() {
-      n && n.c(), i = Q();
+      n && n.c(), i = U();
     },
     m(e, u) {
       n && n.m(e, u), q(e, i, u), l = !0;
     },
     p(e, [u]) {
-      e[5] ? n ? (n.p(e, u), u & 32 && d(n, 1)) : (n = O(e), n.c(), d(n, 1), n.m(i.parentNode, i)) : n && (M(), g(n, 1, 1, () => {
+      e[5] ? n ? (n.p(e, u), u & 32 && c(n, 1)) : (n = Q(e), n.c(), c(n, 1), n.m(i.parentNode, i)) : n && (M(), p(n, 1, 1, () => {
         n = null;
       }), D());
     },
     i(e) {
-      l || (d(n), l = !0);
+      l || (c(n), l = !0);
     },
     o(e) {
-      g(n), l = !1;
+      p(n), l = !1;
     },
     d(e) {
       n && n.d(e), e && w(i);
     }
   };
 }
-function Ie(t, i, l) {
-  let n, e, u, r, { tag: a } = i, { mediaData: o } = i, { inDelay: s = 0 } = i, { outDelay: h = 0 } = i, { duration: f = 0 } = i, { unfolded: c = !0 } = i, { animation: p = !0 } = i, { mediaItemConfig: j } = i, { enableCarousel: y = !0 } = i, { autoplayConfig: C = { autoplay: !0, autoplayVideo: !1 } } = i, _ = [], v = 0, b, B = null;
-  const T = A("hooks"), V = A("mediaStore");
-  function z() {
-    var I;
-    const m = (I = _[v]) == null ? void 0 : I.videoInstance;
-    !m || (m.paused ? (m.muted = !1, m.play()) : m.pause());
+function ke(t, i, l) {
+  let n, e, u, r, { tag: a } = i, { mediaData: o } = i, { inDelay: s = 0 } = i, { outDelay: y = 0 } = i, { duration: f = 0 } = i, { unfolded: _ = !0 } = i, { animation: b = !0 } = i, { mediaItemConfig: L } = i, { enableCarousel: k = !0 } = i, { autoplayConfig: C = { autoplay: !0, autoplayVideo: !1 } } = i, g = [], v = 0, h, B = null;
+  const O = F("hooks"), T = F("mediaStore");
+  function V() {
+    const m = g[v], d = m == null ? void 0 : m.videoInstance;
+    !d || (d.paused ? (d.muted = !1, d.play()) : d.pause());
   }
-  oe(() => {
-    T.on("click", (m) => {
-      m.tag.id === a.id && z();
+  me(() => {
+    O.on("click", (m) => {
+      var d, z, A;
+      !((A = (z = (d = a.tag3DContentSvelte) == null ? void 0 : d.domContainer) == null ? void 0 : z.css3DObject) != null && A.opacityMesh) || m.tag.id === a.id && V();
     }), B = setInterval(
       () => {
-        r && (b == null || b.goToNext());
+        r && (h == null || h.goToNext());
       },
       3e3
     );
-  }), re(() => {
-    clearInterval(B), T.off("click", z);
+  }), ue(() => {
+    clearInterval(B), O.off("click", V);
   });
-  function x(m, I) {
-    t.$$.not_equal(_[I], m) && (_[I] = m, l(8, _));
+  function ee(m, d) {
+    t.$$.not_equal(g[d], m) && (g[d] = m, l(8, g));
   }
-  function $(m) {
+  function te(m) {
     E[m ? "unshift" : "push"](() => {
-      b = m, l(12, b);
+      h = m, l(12, h);
     });
   }
-  const ee = (m) => {
-    n || V.set({ currentMediaElement: null }), l(11, v = m.detail);
+  const ie = (m) => {
+    n || T.set({ currentMediaElement: null }), l(11, v = m.detail);
   };
-  function te(m) {
-    t.$$.not_equal(_[0], m) && (_[0] = m, l(8, _));
+  function ne(m) {
+    t.$$.not_equal(g[0], m) && (g[0] = m, l(8, g));
   }
   return t.$$set = (m) => {
-    "tag" in m && l(0, a = m.tag), "mediaData" in m && l(1, o = m.mediaData), "inDelay" in m && l(2, s = m.inDelay), "outDelay" in m && l(3, h = m.outDelay), "duration" in m && l(4, f = m.duration), "unfolded" in m && l(5, c = m.unfolded), "animation" in m && l(6, p = m.animation), "mediaItemConfig" in m && l(7, j = m.mediaItemConfig), "enableCarousel" in m && l(15, y = m.enableCarousel), "autoplayConfig" in m && l(16, C = m.autoplayConfig);
+    "tag" in m && l(0, a = m.tag), "mediaData" in m && l(1, o = m.mediaData), "inDelay" in m && l(2, s = m.inDelay), "outDelay" in m && l(3, y = m.outDelay), "duration" in m && l(4, f = m.duration), "unfolded" in m && l(5, _ = m.unfolded), "animation" in m && l(6, b = m.animation), "mediaItemConfig" in m && l(7, L = m.mediaItemConfig), "enableCarousel" in m && l(15, k = m.enableCarousel), "autoplayConfig" in m && l(16, C = m.autoplayConfig);
   }, t.$$.update = () => {
-    t.$$.dirty & 256 && l(9, n = _.every((m) => m.paused)), t.$$.dirty & 32770 && l(13, e = y && (o == null ? void 0 : o.length) > 1), t.$$.dirty & 2 && l(10, u = o), t.$$.dirty & 67072 && (r = u.length > 1 && C.autoplay && n);
+    t.$$.dirty & 256 && l(9, n = g.every((m) => m.paused)), t.$$.dirty & 32770 && l(13, e = k && (o == null ? void 0 : o.length) > 1), t.$$.dirty & 2 && l(10, u = o), t.$$.dirty & 67072 && (r = u.length > 1 && C.autoplay && n);
   }, [
     a,
     o,
     s,
-    h,
+    y,
     f,
-    c,
-    p,
-    j,
     _,
+    b,
+    L,
+    g,
     n,
     u,
     v,
-    b,
+    h,
     e,
-    V,
-    y,
+    T,
+    k,
     C,
-    x,
-    $,
     ee,
-    te
+    te,
+    ie,
+    ne
   ];
 }
-class et extends ie {
+class it extends ae {
   constructor(i) {
-    super(), ne(
+    super(), le(
       this,
       i,
+      ke,
       Ie,
-      he,
-      ae,
+      oe,
       {
         tag: 0,
         mediaData: 1,
@@ -346,10 +346,10 @@ class et extends ie {
         enableCarousel: 15,
         autoplayConfig: 16
       },
-      _e
+      pe
     );
   }
 }
 export {
-  et as default
+  it as default
 };