@realsee/dnalogel 3.81.9 → 3.81.10-alpha.0

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

@@ -1,7 +1,7 @@
-import { SvelteComponent as ae, init as oe, safe_not_equal as le, append_styles as re, empty as Q, insert as q, transition_in as _, transition_out as p, check_outros as D, detach as w, getContext as A, onMount as ue, onDestroy as se, element as F, attr as G, toggle_class as k, append as me, group_outros as M, add_render_callback as fe, create_in_transition as de, identity as H, create_out_transition as ce, binding_callbacks as E, assign as R, bind as U, create_component as S, mount_component as V, get_spread_update as W, get_spread_object as X, add_flush_callback as Y, destroy_component as N, 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 J } from "../../../vendor/svelte/transition/index.js";
-import Z from "./MediaItem.js";
+import { SvelteComponent as ae, init as re, safe_not_equal as ue, append_styles as se, empty as U, insert as w, transition_in as _, transition_out as p, check_outros as M, detach as E, getContext as G, onMount as fe, onDestroy as me, element as H, attr as J, toggle_class as C, append as de, group_outros as S, add_render_callback as ce, create_in_transition as _e, identity as K, create_out_transition as ge, binding_callbacks as V, assign as W, bind as X, create_component as N, mount_component as L, get_spread_update as Y, get_spread_object as Z, add_flush_callback as x, destroy_component as T, destroy_each as pe } from "../../../vendor/svelte/internal/index.js";
+import { Carousel as be } from "../../../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import { fly as O } 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,65 +32,66 @@ import "../../../vendor/svelte-carousel/src/utils/lazy.js";
 import "../../../vendor/svelte-carousel/src/utils/ProgressManager.js";
 import "../../../vendor/svelte-carousel/src/utils/interval.js";
 import "../../../vendor/svelte/easing/index.js";
+import "../../../shared-utils/audioFocus.js";
 import "../../Assets/Icon.js";
-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 he(t) {
+  se(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, o) {
-  const a = t.slice();
-  return a[28] = i[o], a[29] = i, a[30] = o, a;
+function P(t, i, a) {
+  const o = t.slice();
+  return o[28] = i[a], o[29] = i, o[30] = a, o;
 }
-function O(t) {
-  let i, o, a, e, s, u, n;
-  const r = [he, be], m = [];
-  function I(d, g) {
+function Q(t) {
+  let i, a, o, e, s, u, n;
+  const r = [ye, Ie], f = [];
+  function y(m, g) {
     return (
       /*carouselEnabled*/
-      d[13] && /*mediaDataList*/
-      d[10].length > 1 ? 0 : 1
+      m[13] && /*mediaDataList*/
+      m[10].length > 1 ? 0 : 1
     );
   }
-  return a = I(t), e = m[a] = r[a](t), {
+  return o = y(t), e = f[o] = r[o](t), {
     c() {
-      i = F("div"), o = F("div"), e.c(), G(o, "class", "media-list svelte-1mrbqlg"), k(
-        o,
+      i = H("div"), a = H("div"), e.c(), J(a, "class", "media-list svelte-1mrbqlg"), C(
+        a,
         "carouselEnabled",
         /*carouselEnabled*/
         t[13]
-      ), G(i, "class", "media-list-wrapper svelte-1mrbqlg"), k(
+      ), J(i, "class", "media-list-wrapper svelte-1mrbqlg"), C(
         i,
         "unfolded",
         /*unfolded*/
         t[5]
       );
     },
-    m(d, g) {
-      q(d, i, g), me(i, o), m[a].m(o, null), n = !0;
+    m(m, g) {
+      w(m, i, g), de(i, a), f[o].m(a, null), n = !0;
     },
-    p(d, g) {
-      t = d;
-      let b = a;
-      a = I(t), a === b ? m[a].p(t, g) : (M(), p(m[b], 1, 1, () => {
-        m[b] = null;
-      }), D(), e = m[a], e ? e.p(t, g) : (e = m[a] = r[a](t), e.c()), _(e, 1), e.m(o, null)), (!n || g[0] & /*carouselEnabled*/
-      8192) && k(
-        o,
+    p(m, g) {
+      t = m;
+      let b = o;
+      o = y(t), o === b ? f[o].p(t, g) : (S(), p(f[b], 1, 1, () => {
+        f[b] = null;
+      }), M(), e = f[o], e ? e.p(t, g) : (e = f[o] = r[o](t), e.c()), _(e, 1), e.m(a, null)), (!n || g[0] & /*carouselEnabled*/
+      8192) && C(
+        a,
         "carouselEnabled",
         /*carouselEnabled*/
         t[13]
       ), (!n || g[0] & /*unfolded*/
-      32) && k(
+      32) && C(
         i,
         "unfolded",
         /*unfolded*/
         t[5]
       );
     },
-    i(d) {
-      n || (_(e), d && fe(() => {
-        n && (u && u.end(1), s = de(
+    i(m) {
+      n || (_(e), m && ce(() => {
+        n && (u && u.end(1), s = _e(
           i,
-          J,
+          O,
           /*animation*/
           t[6] ? {
             y: 4,
@@ -102,15 +103,15 @@ function O(t) {
               /*inDelay*/
               t[2]
             ),
-            easing: H
+            easing: K
           } : void 0
         ), s.start());
       }), n = !0);
     },
-    o(d) {
-      p(e), s && s.invalidate(), d && (u = ce(
+    o(m) {
+      p(e), s && s.invalidate(), m && (u = ge(
         i,
-        J,
+        O,
         /*animation*/
         t[6] ? {
           y: 4,
@@ -122,17 +123,17 @@ function O(t) {
             /*outDelay*/
             t[3]
           ),
-          easing: H
+          easing: K
         } : void 0
       )), n = !1;
     },
-    d(d) {
-      d && w(i), m[a].d(), d && u && u.end();
+    d(m) {
+      m && E(i), f[o].d(), m && u && u.end();
     }
   };
 }
-function be(t) {
-  let i, o, a;
+function Ie(t) {
+  let i, a, o;
   const e = [
     { media: (
       /*mediaData*/
@@ -154,20 +155,20 @@ function be(t) {
   }
   let u = {};
   for (let n = 0; n < e.length; n += 1)
-    u = R(u, e[n]);
+    u = W(u, e[n]);
   return (
     /*mediaInstanceList*/
     t[8][0] !== void 0 && (u.mediaInstance = /*mediaInstanceList*/
-    t[8][0]), i = new Z({ props: u }), E.push(() => U(i, "mediaInstance", s)), {
+    t[8][0]), i = new $({ props: u }), V.push(() => X(i, "mediaInstance", s)), {
       c() {
-        S(i.$$.fragment);
+        N(i.$$.fragment);
       },
       m(n, r) {
-        V(i, n, r), a = !0;
+        L(i, n, r), o = !0;
       },
       p(n, r) {
-        const m = r[0] & /*mediaData, autoplayVideo, mediaItemConfig, tag*/
-        16515 ? W(e, [
+        const f = r[0] & /*mediaData, autoplayVideo, mediaItemConfig, tag*/
+        16515 ? Y(e, [
           r[0] & /*mediaData*/
           2 && { media: (
             /*mediaData*/
@@ -179,7 +180,7 @@ function be(t) {
             n[14]
           ) },
           r[0] & /*mediaItemConfig*/
-          128 && X(
+          128 && Z(
             /*mediaItemConfig*/
             n[7]
           ),
@@ -189,39 +190,39 @@ function be(t) {
             n[0]
           ) }
         ]) : {};
-        !o && r[0] & /*mediaInstanceList*/
-        256 && (o = !0, m.mediaInstance = /*mediaInstanceList*/
-        n[8][0], Y(() => o = !1)), i.$set(m);
+        !a && r[0] & /*mediaInstanceList*/
+        256 && (a = !0, f.mediaInstance = /*mediaInstanceList*/
+        n[8][0], x(() => a = !1)), i.$set(f);
       },
       i(n) {
-        a || (_(i.$$.fragment, n), a = !0);
+        o || (_(i.$$.fragment, n), o = !0);
       },
       o(n) {
-        p(i.$$.fragment, n), a = !1;
+        p(i.$$.fragment, n), o = !1;
       },
       d(n) {
-        N(i, n);
+        T(i, n);
       }
     }
   );
 }
-function he(t) {
-  let i, o, a = {
+function ye(t) {
+  let i, a, o = {
     dots: !1,
     arrows: !1,
-    $$slots: { default: [Ie] },
+    $$slots: { default: [ke] },
     $$scope: { ctx: t }
   };
-  return i = new ge({ props: a }), t[19](i), i.$on(
+  return i = new be({ props: o }), t[19](i), i.$on(
     "pageChange",
     /*pageChange_handler*/
     t[20]
   ), {
     c() {
-      S(i.$$.fragment);
+      N(i.$$.fragment);
     },
     m(e, s) {
-      V(i, e, s), o = !0;
+      L(i, e, s), a = !0;
     },
     p(e, s) {
       const u = {};
@@ -230,18 +231,18 @@ function he(t) {
       1 && (u.$$scope = { dirty: s, ctx: e }), i.$set(u);
     },
     i(e) {
-      o || (_(i.$$.fragment, e), o = !0);
+      a || (_(i.$$.fragment, e), a = !0);
     },
     o(e) {
-      p(i.$$.fragment, e), o = !1;
+      p(i.$$.fragment, e), a = !1;
     },
     d(e) {
-      t[19](null), N(i, e);
+      t[19](null), T(i, e);
     }
   };
 }
-function P(t) {
-  let i, o, a;
+function R(t) {
+  let i, a, o;
   const e = [
     /*mediaItemConfig*/
     t[7],
@@ -263,7 +264,7 @@ function P(t) {
   }
   let u = {};
   for (let n = 0; n < e.length; n += 1)
-    u = R(u, e[n]);
+    u = W(u, e[n]);
   return (
     /*mediaInstanceList*/
     t[8][
@@ -273,19 +274,19 @@ function P(t) {
     t[8][
       /*index*/
       t[30]
-    ]), i = new Z({ props: u }), E.push(() => U(i, "mediaInstance", s)), {
+    ]), i = new $({ props: u }), V.push(() => X(i, "mediaInstance", s)), {
       c() {
-        S(i.$$.fragment);
+        N(i.$$.fragment);
       },
       m(n, r) {
-        V(i, n, r), a = !0;
+        L(i, n, r), o = !0;
       },
       p(n, r) {
         t = n;
-        const m = r[0] & /*mediaItemConfig, mediaDataList, tag*/
-        1153 ? W(e, [
+        const f = r[0] & /*mediaItemConfig, mediaDataList, tag*/
+        1153 ? Y(e, [
           r[0] & /*mediaItemConfig*/
-          128 && X(
+          128 && Z(
             /*mediaItemConfig*/
             t[7]
           ),
@@ -300,32 +301,32 @@ function P(t) {
             t[0]
           ) }
         ]) : {};
-        !o && r[0] & /*mediaInstanceList*/
-        256 && (o = !0, m.mediaInstance = /*mediaInstanceList*/
+        !a && r[0] & /*mediaInstanceList*/
+        256 && (a = !0, f.mediaInstance = /*mediaInstanceList*/
         t[8][
           /*index*/
           t[30]
-        ], Y(() => o = !1)), i.$set(m);
+        ], x(() => a = !1)), i.$set(f);
       },
       i(n) {
-        a || (_(i.$$.fragment, n), a = !0);
+        o || (_(i.$$.fragment, n), o = !0);
       },
       o(n) {
-        p(i.$$.fragment, n), a = !1;
+        p(i.$$.fragment, n), o = !1;
       },
       d(n) {
-        N(i, n);
+        T(i, n);
       }
     }
   );
 }
-function Ie(t) {
-  let i, o, a = (
+function ke(t) {
+  let i, a, o = (
     /*mediaDataList*/
     t[10]
   ), e = [];
-  for (let u = 0; u < a.length; u += 1)
-    e[u] = P(K(t, a, u));
+  for (let u = 0; u < o.length; u += 1)
+    e[u] = R(P(t, o, u));
   const s = (u) => p(e[u], 1, 1, () => {
     e[u] = null;
   });
@@ -333,167 +334,170 @@ function Ie(t) {
     c() {
       for (let u = 0; u < e.length; u += 1)
         e[u].c();
-      i = Q();
+      i = U();
     },
     m(u, n) {
       for (let r = 0; r < e.length; r += 1)
         e[r] && e[r].m(u, n);
-      q(u, i, n), o = !0;
+      w(u, i, n), a = !0;
     },
     p(u, n) {
       if (n[0] & /*mediaItemConfig, mediaDataList, tag, mediaInstanceList*/
       1409) {
-        a = /*mediaDataList*/
+        o = /*mediaDataList*/
         u[10];
         let r;
-        for (r = 0; r < a.length; r += 1) {
-          const m = K(u, a, r);
-          e[r] ? (e[r].p(m, n), _(e[r], 1)) : (e[r] = P(m), e[r].c(), _(e[r], 1), e[r].m(i.parentNode, i));
+        for (r = 0; r < o.length; r += 1) {
+          const f = P(u, o, r);
+          e[r] ? (e[r].p(f, n), _(e[r], 1)) : (e[r] = R(f), e[r].c(), _(e[r], 1), e[r].m(i.parentNode, i));
         }
-        for (M(), r = a.length; r < e.length; r += 1)
+        for (S(), r = o.length; r < e.length; r += 1)
           s(r);
-        D();
+        M();
       }
     },
     i(u) {
-      if (!o) {
-        for (let n = 0; n < a.length; n += 1)
+      if (!a) {
+        for (let n = 0; n < o.length; n += 1)
           _(e[n]);
-        o = !0;
+        a = !0;
       }
     },
     o(u) {
       e = e.filter(Boolean);
       for (let n = 0; n < e.length; n += 1)
         p(e[n]);
-      o = !1;
+      a = !1;
     },
     d(u) {
-      _e(e, u), u && w(i);
+      pe(e, u), u && E(i);
     }
   };
 }
-function ye(t) {
-  let i, o, a = (
+function ve(t) {
+  let i, a, o = (
     /*unfolded*/
-    t[5] && O(t)
+    t[5] && Q(t)
   );
   return {
     c() {
-      a && a.c(), i = Q();
+      o && o.c(), i = U();
     },
     m(e, s) {
-      a && a.m(e, s), q(e, i, s), o = !0;
+      o && o.m(e, s), w(e, i, s), a = !0;
     },
     p(e, s) {
       /*unfolded*/
-      e[5] ? a ? (a.p(e, s), s[0] & /*unfolded*/
-      32 && _(a, 1)) : (a = O(e), a.c(), _(a, 1), a.m(i.parentNode, i)) : a && (M(), p(a, 1, 1, () => {
-        a = null;
-      }), D());
+      e[5] ? o ? (o.p(e, s), s[0] & /*unfolded*/
+      32 && _(o, 1)) : (o = Q(e), o.c(), _(o, 1), o.m(i.parentNode, i)) : o && (S(), p(o, 1, 1, () => {
+        o = null;
+      }), M());
     },
     i(e) {
-      o || (_(a), o = !0);
+      a || (_(o), a = !0);
     },
     o(e) {
-      p(a), o = !1;
+      p(o), a = !1;
     },
     d(e) {
-      a && a.d(e), e && w(i);
+      o && o.d(e), e && E(i);
     }
   };
 }
-function ke(t, i, o) {
-  let a, e, s, u, { tag: n } = i, { mediaData: r } = i, { inDelay: m = 0 } = i, { outDelay: I = 0 } = i, { duration: d = 0 } = i, { unfolded: g = !0 } = i, { animation: b = !0 } = i, { mediaItemConfig: L } = i, { enableCarousel: C = !0 } = i, { autoplayConfig: v = {} } = i;
-  const { autoplayVideo: x = !1, autoplayCarousel: $ = !0, autoplayVideoInCarousel: Ce = !1 } = v;
-  let c = [], y = 0, h, T = null;
-  const j = A("hooks"), B = A("mediaStore");
-  function z() {
-    const l = c[y], f = l == null ? void 0 : l.videoInstance;
-    f && (f.paused ? (f.muted = !1, f.play()) : f.pause());
+function Ce(t, i, a) {
+  let o, e, s, u, { tag: n } = i, { mediaData: r } = i, { inDelay: f = 0 } = i, { outDelay: y = 0 } = i, { duration: m = 0 } = i, { unfolded: g = !0 } = i, { animation: b = !0 } = i, { mediaItemConfig: j } = i, { enableCarousel: q = !0 } = i, { autoplayConfig: D = {} } = i;
+  const { autoplayVideo: ee = !1, autoplayCarousel: te = !0, autoplayVideoInCarousel: qe = !1 } = D;
+  let c = [], k = 0, h, B = null;
+  const z = G("hooks"), A = G("mediaStore");
+  function F() {
+    var I, v;
+    const l = c[k], d = l == null ? void 0 : l.videoInstance;
+    d && (d.paused ? (I = l.play) == null || I.call(l, "user") : (v = l.pause) == null || v.call(l));
   }
-  ue(() => {
-    j.on("click", (l) => {
-      var f;
-      (f = n.tag3DContentSvelte) != null && f.css3DInstance && l.tag.id === n.id && l.target === "TagContent" && z();
-    }), o(
+  fe(() => {
+    z.on("click", (l) => {
+      var d;
+      (d = n.tag3DContentSvelte) != null && d.css3DInstance && l.tag.id === n.id && l.target === "TagContent" && F();
+    }), a(
       0,
-      n.play = () => {
-        const l = c[y], f = l == null ? void 0 : l.videoInstance;
-        f && (f.muted = !1, f.play());
+      n.play = (l = "auto") => {
+        var v;
+        const d = c[k];
+        d != null && d.videoInstance && ((v = d.play) == null || v.call(d, l));
       },
       n
-    ), o(
+    ), a(
       0,
       n.pause = () => {
-        const l = c[y], f = l == null ? void 0 : l.videoInstance;
-        f && f.pause();
+        var I;
+        const l = c[k];
+        l != null && l.videoInstance && ((I = l.pause) == null || I.call(l));
       },
       n
-    ), T = setInterval(
+    ), B = setInterval(
       () => {
         u && (h == null || h.goToNext());
       },
       3e3
     );
-  }), se(() => {
-    clearInterval(T), j.off("click", z);
+  }), me(() => {
+    clearInterval(B), z.off("click", F);
   });
-  function ee(l, f) {
-    t.$$.not_equal(c[f], l) && (c[f] = l, o(8, c));
+  function ne(l, d) {
+    t.$$.not_equal(c[d], l) && (c[d] = l, a(8, c));
   }
-  function te(l) {
-    E[l ? "unshift" : "push"](() => {
-      h = l, o(12, h);
+  function ie(l) {
+    V[l ? "unshift" : "push"](() => {
+      h = l, a(12, h);
     });
   }
-  const ne = (l) => {
-    a || B.set({ currentMediaElement: null }), o(11, y = l.detail);
+  const oe = (l) => {
+    o || A.set({ currentMediaElement: null }), a(11, k = l.detail);
   };
-  function ie(l) {
-    t.$$.not_equal(c[0], l) && (c[0] = l, o(8, c));
+  function le(l) {
+    t.$$.not_equal(c[0], l) && (c[0] = l, a(8, c));
   }
   return t.$$set = (l) => {
-    "tag" in l && o(0, n = l.tag), "mediaData" in l && o(1, r = l.mediaData), "inDelay" in l && o(2, m = l.inDelay), "outDelay" in l && o(3, I = l.outDelay), "duration" in l && o(4, d = l.duration), "unfolded" in l && o(5, g = l.unfolded), "animation" in l && o(6, b = l.animation), "mediaItemConfig" in l && o(7, L = l.mediaItemConfig), "enableCarousel" in l && o(16, C = l.enableCarousel), "autoplayConfig" in l && o(17, v = l.autoplayConfig);
+    "tag" in l && a(0, n = l.tag), "mediaData" in l && a(1, r = l.mediaData), "inDelay" in l && a(2, f = l.inDelay), "outDelay" in l && a(3, y = l.outDelay), "duration" in l && a(4, m = l.duration), "unfolded" in l && a(5, g = l.unfolded), "animation" in l && a(6, b = l.animation), "mediaItemConfig" in l && a(7, j = l.mediaItemConfig), "enableCarousel" in l && a(16, q = l.enableCarousel), "autoplayConfig" in l && a(17, D = l.autoplayConfig);
   }, t.$$.update = () => {
     t.$$.dirty[0] & /*mediaInstanceList*/
-    256 && o(9, a = c.every((l) => l.paused)), t.$$.dirty[0] & /*enableCarousel, mediaData*/
-    65538 && o(13, e = C && (r == null ? void 0 : r.length) > 1), t.$$.dirty[0] & /*mediaData*/
-    2 && o(10, s = r), t.$$.dirty[0] & /*mediaDataList, paused*/
-    1536 && (u = s.length > 1 && $ && a);
+    256 && a(9, o = c.every((l) => l.paused)), t.$$.dirty[0] & /*enableCarousel, mediaData*/
+    65538 && a(13, e = q && (r == null ? void 0 : r.length) > 1), t.$$.dirty[0] & /*mediaData*/
+    2 && a(10, s = r), t.$$.dirty[0] & /*mediaDataList, paused*/
+    1536 && (u = s.length > 1 && te && o);
   }, [
     n,
     r,
+    f,
+    y,
     m,
-    I,
-    d,
     g,
     b,
-    L,
+    j,
     c,
-    a,
+    o,
     s,
-    y,
+    k,
     h,
     e,
-    x,
-    B,
-    C,
-    v,
     ee,
-    te,
+    A,
+    q,
+    D,
     ne,
-    ie
+    ie,
+    oe,
+    le
   ];
 }
-class at extends ae {
+class rt extends ae {
   constructor(i) {
-    super(), oe(
+    super(), re(
       this,
       i,
-      ke,
-      ye,
-      le,
+      Ce,
+      ve,
+      ue,
       {
         tag: 0,
         mediaData: 1,
@@ -506,11 +510,11 @@ class at extends ae {
         enableCarousel: 16,
         autoplayConfig: 17
       },
-      pe,
+      he,
       [-1, -1]
     );
   }
 }
 export {
-  at as default
+  rt as default
 };