@realsee/dnalogel 2.13.2-dev.2 → 2.14.0-alpha.0

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

@@ -1,7 +1,7 @@
-import { SvelteComponent as X, init as Y, safe_not_equal as Z, append_styles as x, empty as H, insert as C, transition_in as d, transition_out as _, check_outros as I, detach as D, getContext as $, onMount as ee, onDestroy as te, element as B, attr as T, toggle_class as y, append as ie, group_outros as q, add_render_callback as ne, create_in_transition as le, identity as V, create_out_transition as ae, binding_callbacks as J, assign as K, create_component as w, mount_component as E, get_spread_update as O, get_spread_object as P, destroy_component as M, destroy_each as oe, bind as re, add_flush_callback as me } from "../../../vendor/svelte/internal/index.js";
-import { Carousel as ue } from "../../../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
-import { fly as z } from "../../../vendor/svelte/transition/index.js";
-import Q from "./MediaItem.js";
+import { SvelteComponent as ee, init as te, safe_not_equal as ie, append_styles as ne, empty as Q, insert as q, transition_in as d, transition_out as _, check_outros as D, detach as w, getContext as A, onMount as le, onDestroy as ae, element as F, attr as G, toggle_class as k, append as oe, group_outros as M, add_render_callback as re, create_in_transition as me, identity as H, create_out_transition as ue, binding_callbacks as R, assign as U, create_component as E, mount_component as N, get_spread_update as W, get_spread_object as X, destroy_component as S, destroy_each as se, bind as fe, add_flush_callback 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 Y 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,57 +32,57 @@ 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 fe(i) {
-  x(i, "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 _e(i) {
+  ne(i, "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 A(i, t, l) {
+function K(i, t, l) {
   const n = i.slice();
-  return n[21] = t[l], n[22] = t, n[23] = l, n;
+  return n[24] = t[l], n[25] = t, n[26] = l, n;
 }
-function F(i) {
+function O(i) {
   let t, l, n, e, r, a, o;
-  const m = [de, se], f = [];
-  function b(s, c) {
-    return s[12] && s[10].length > 1 ? 0 : 1;
+  const m = [pe, ge], s = [];
+  function h(f, c) {
+    return f[13] && f[10].length > 1 ? 0 : 1;
   }
-  return n = b(i), e = f[n] = m[n](i), {
+  return n = h(i), e = s[n] = m[n](i), {
     c() {
-      t = B("div"), l = B("div"), e.c(), T(l, "class", "media-list svelte-1mrbqlg"), y(l, "carouselEnabled", i[12]), T(t, "class", "media-list-wrapper svelte-1mrbqlg"), y(t, "unfolded", i[5]);
+      t = F("div"), l = F("div"), e.c(), G(l, "class", "media-list svelte-1mrbqlg"), k(l, "carouselEnabled", i[13]), G(t, "class", "media-list-wrapper svelte-1mrbqlg"), k(t, "unfolded", i[5]);
     },
-    m(s, c) {
-      C(s, t, c), ie(t, l), f[n].m(l, null), o = !0;
+    m(f, c) {
+      q(f, t, c), oe(t, l), s[n].m(l, null), o = !0;
     },
-    p(s, c) {
-      i = s;
+    p(f, c) {
+      i = f;
       let g = n;
-      n = b(i), n === g ? f[n].p(i, c) : (q(), _(f[g], 1, 1, () => {
-        f[g] = null;
-      }), I(), e = f[n], e ? e.p(i, c) : (e = f[n] = m[n](i), e.c()), d(e, 1), e.m(l, null)), (!o || c & 4096) && y(l, "carouselEnabled", i[12]), (!o || c & 32) && y(t, "unfolded", i[5]);
+      n = h(i), n === g ? s[n].p(i, c) : (M(), _(s[g], 1, 1, () => {
+        s[g] = null;
+      }), D(), e = s[n], e ? e.p(i, c) : (e = s[n] = m[n](i), e.c()), d(e, 1), e.m(l, null)), (!o || c & 8192) && k(l, "carouselEnabled", i[13]), (!o || c & 32) && k(t, "unfolded", i[5]);
     },
-    i(s) {
-      o || (d(e), s && ne(() => {
-        a && a.end(1), r = le(t, z, i[6] ? {
+    i(f) {
+      o || (d(e), f && re(() => {
+        a && a.end(1), r = me(t, J, i[6] ? {
           y: 4,
           duration: i[4],
           delay: i[2],
-          easing: V
+          easing: H
         } : void 0), r.start();
       }), o = !0);
     },
-    o(s) {
-      _(e), r && r.invalidate(), s && (a = ae(t, z, i[6] ? {
+    o(f) {
+      _(e), r && r.invalidate(), f && (a = ue(t, J, i[6] ? {
         y: 4,
         duration: i[4],
         delay: i[3],
-        easing: V
+        easing: H
       } : void 0)), o = !1;
     },
-    d(s) {
-      s && D(t), f[n].d(), s && a && a.end();
+    d(f) {
+      f && w(t), s[n].d(), f && a && a.end();
     }
   };
 }
-function se(i) {
+function ge(i) {
   let t, l;
   const n = [
     { media: i[1][0] },
@@ -91,18 +91,18 @@ function se(i) {
   ];
   let e = {};
   for (let r = 0; r < n.length; r += 1)
-    e = K(e, n[r]);
-  return t = new Q({ props: e }), {
+    e = U(e, n[r]);
+  return t = new Y({ props: e }), {
     c() {
-      w(t.$$.fragment);
+      E(t.$$.fragment);
     },
     m(r, a) {
-      E(t, r, a), l = !0;
+      N(t, r, a), l = !0;
     },
     p(r, a) {
-      const o = a & 131 ? O(n, [
+      const o = a & 131 ? W(n, [
         a & 2 && { media: r[1][0] },
-        a & 128 && P(r[7]),
+        a & 128 && X(r[7]),
         a & 1 && { tag: r[0] }
       ]) : {};
       t.$set(o);
@@ -114,27 +114,27 @@ function se(i) {
       _(t.$$.fragment, r), l = !1;
     },
     d(r) {
-      M(t, r);
+      S(t, r);
     }
   };
 }
-function de(i) {
+function pe(i) {
   let t, l, n = {
     dots: !1,
     arrows: !1,
-    $$slots: { default: [ce] },
+    $$slots: { default: [be] },
     $$scope: { ctx: i }
   };
-  return t = new ue({ props: n }), i[17](t), t.$on("pageChange", i[18]), {
+  return t = new ce({ props: n }), i[18](t), t.$on("pageChange", i[19]), {
     c() {
-      w(t.$$.fragment);
+      E(t.$$.fragment);
     },
     m(e, r) {
-      E(t, e, r), l = !0;
+      N(t, e, r), l = !0;
     },
     p(e, r) {
       const a = {};
-      r & 16778625 && (a.$$scope = { dirty: r, ctx: e }), t.$set(a);
+      r & 134219137 && (a.$$scope = { dirty: r, ctx: e }), t.$set(a);
     },
     i(e) {
       l || (d(t.$$.fragment, e), l = !0);
@@ -143,38 +143,38 @@ function de(i) {
       _(t.$$.fragment, e), l = !1;
     },
     d(e) {
-      i[17](null), M(t, e);
+      i[18](null), S(t, e);
     }
   };
 }
-function G(i) {
+function P(i) {
   let t, l, n;
   const e = [
     i[7],
-    { media: i[21] },
+    { media: i[24] },
     { tag: i[0] }
   ];
   function r(o) {
-    i[16](o, i[23]);
+    i[17](o, i[26]);
   }
   let a = {};
   for (let o = 0; o < e.length; o += 1)
-    a = K(a, e[o]);
-  return i[8][i[23]] !== void 0 && (a.mediaInstance = i[8][i[23]]), t = new Q({ props: a }), J.push(() => re(t, "mediaInstance", r)), {
+    a = U(a, e[o]);
+  return i[8][i[26]] !== void 0 && (a.mediaInstance = i[8][i[26]]), t = new Y({ props: a }), R.push(() => fe(t, "mediaInstance", r)), {
     c() {
-      w(t.$$.fragment);
+      E(t.$$.fragment);
     },
     m(o, m) {
-      E(t, o, m), n = !0;
+      N(t, o, m), n = !0;
     },
     p(o, m) {
       i = o;
-      const f = m & 1153 ? O(e, [
-        m & 128 && P(i[7]),
-        m & 1024 && { media: i[21] },
+      const s = m & 1153 ? W(e, [
+        m & 128 && X(i[7]),
+        m & 1024 && { media: i[24] },
         m & 1 && { tag: i[0] }
       ]) : {};
-      !l && m & 256 && (l = !0, f.mediaInstance = i[8][i[23]], me(() => l = !1)), t.$set(f);
+      !l && m & 256 && (l = !0, s.mediaInstance = i[8][i[26]], de(() => l = !1)), t.$set(s);
     },
     i(o) {
       n || (d(t.$$.fragment, o), n = !0);
@@ -183,14 +183,14 @@ function G(i) {
       _(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      M(t, o);
+      S(t, o);
     }
   };
 }
-function ce(i) {
+function be(i) {
   let t, l, n = i[10], e = [];
   for (let a = 0; a < n.length; a += 1)
-    e[a] = G(A(i, n, a));
+    e[a] = P(K(i, n, a));
   const r = (a) => _(e[a], 1, 1, () => {
     e[a] = null;
   });
@@ -198,24 +198,24 @@ function ce(i) {
     c() {
       for (let a = 0; a < e.length; a += 1)
         e[a].c();
-      t = H();
+      t = Q();
     },
     m(a, o) {
       for (let m = 0; m < e.length; m += 1)
         e[m].m(a, o);
-      C(a, t, o), l = !0;
+      q(a, t, o), l = !0;
     },
     p(a, o) {
       if (o & 1409) {
         n = a[10];
         let m;
         for (m = 0; m < n.length; m += 1) {
-          const f = A(a, n, m);
-          e[m] ? (e[m].p(f, o), d(e[m], 1)) : (e[m] = G(f), e[m].c(), d(e[m], 1), e[m].m(t.parentNode, t));
+          const s = K(a, n, m);
+          e[m] ? (e[m].p(s, o), d(e[m], 1)) : (e[m] = P(s), e[m].c(), d(e[m], 1), e[m].m(t.parentNode, t));
         }
-        for (q(), m = n.length; m < e.length; m += 1)
+        for (M(), m = n.length; m < e.length; m += 1)
           r(m);
-        I();
+        D();
       }
     },
     i(a) {
@@ -232,23 +232,23 @@ function ce(i) {
       l = !1;
     },
     d(a) {
-      oe(e, a), a && D(t);
+      se(e, a), a && w(t);
     }
   };
 }
-function _e(i) {
-  let t, l, n = i[5] && F(i);
+function he(i) {
+  let t, l, n = i[5] && O(i);
   return {
     c() {
-      n && n.c(), t = H();
+      n && n.c(), t = Q();
     },
     m(e, r) {
-      n && n.m(e, r), C(e, t, r), l = !0;
+      n && n.m(e, r), q(e, t, r), l = !0;
     },
     p(e, [r]) {
-      e[5] ? n ? (n.p(e, r), r & 32 && d(n, 1)) : (n = F(e), n.c(), d(n, 1), n.m(t.parentNode, t)) : n && (q(), _(n, 1, 1, () => {
+      e[5] ? n ? (n.p(e, r), r & 32 && d(n, 1)) : (n = O(e), n.c(), d(n, 1), n.m(t.parentNode, t)) : n && (M(), _(n, 1, 1, () => {
         n = null;
-      }), I());
+      }), D());
     },
     i(e) {
       l || (d(n), l = !0);
@@ -257,68 +257,74 @@ function _e(i) {
       _(n), l = !1;
     },
     d(e) {
-      n && n.d(e), e && D(t);
+      n && n.d(e), e && w(t);
     }
   };
 }
-function ge(i, t, l) {
-  let n, e, r, a, { tag: o } = t, { mediaData: m } = t, { inDelay: f = 0 } = t, { outDelay: b = 0 } = t, { duration: s = 0 } = t, { unfolded: c = !0 } = t, { animation: g = !0 } = t, { mediaItemConfig: N } = t, { enableCarousel: v = !0 } = t, { autoplayConfig: k = { autoplay: !0, autoplayVideo: !1 } } = t, h = [], p, S = null;
-  const L = $("mediaStore");
-  ee(() => {
-    S = setInterval(
+function ye(i, t, l) {
+  let n, e, r, a, { tag: o } = t, { mediaData: m } = t, { inDelay: s = 0 } = t, { outDelay: h = 0 } = t, { duration: f = 0 } = t, { unfolded: c = !0 } = t, { animation: g = !0 } = t, { mediaItemConfig: L } = t, { enableCarousel: I = !0 } = t, { autoplayConfig: v = { autoplay: !0, autoplayVideo: !1 } } = t, p = [], C = 0, b, j = null;
+  const B = A("hooks"), T = A("mediaStore");
+  function V() {
+    var y, z;
+    const u = p[C];
+    u.paused ? (y = u.videoInstance) == null || y.play() : (z = u.videoInstance) == null || z.pause();
+  }
+  le(() => {
+    B.on("click", V), j = setInterval(
       () => {
-        a && (p == null || p.goToNext());
+        a && (b == null || b.goToNext());
       },
       3e3
     );
-  }), te(() => {
-    clearInterval(S);
+  }), ae(() => {
+    clearInterval(j), B.off("click", V);
   });
-  function R(u, j) {
-    i.$$.not_equal(h[j], u) && (h[j] = u, l(8, h));
+  function Z(u, y) {
+    i.$$.not_equal(p[y], u) && (p[y] = u, l(8, p));
   }
-  function U(u) {
-    J[u ? "unshift" : "push"](() => {
-      p = u, l(11, p);
+  function x(u) {
+    R[u ? "unshift" : "push"](() => {
+      b = u, l(12, b);
     });
   }
-  const W = (u) => {
-    n || L.set({ currentMediaElement: null });
+  const $ = (u) => {
+    n || T.set({ currentMediaElement: null }), l(11, C = u.detail);
   };
   return i.$$set = (u) => {
-    "tag" in u && l(0, o = u.tag), "mediaData" in u && l(1, m = u.mediaData), "inDelay" in u && l(2, f = u.inDelay), "outDelay" in u && l(3, b = u.outDelay), "duration" in u && l(4, s = u.duration), "unfolded" in u && l(5, c = u.unfolded), "animation" in u && l(6, g = u.animation), "mediaItemConfig" in u && l(7, N = u.mediaItemConfig), "enableCarousel" in u && l(14, v = u.enableCarousel), "autoplayConfig" in u && l(15, k = u.autoplayConfig);
+    "tag" in u && l(0, o = u.tag), "mediaData" in u && l(1, m = u.mediaData), "inDelay" in u && l(2, s = u.inDelay), "outDelay" in u && l(3, h = u.outDelay), "duration" in u && l(4, f = u.duration), "unfolded" in u && l(5, c = u.unfolded), "animation" in u && l(6, g = u.animation), "mediaItemConfig" in u && l(7, L = u.mediaItemConfig), "enableCarousel" in u && l(15, I = u.enableCarousel), "autoplayConfig" in u && l(16, v = u.autoplayConfig);
   }, i.$$.update = () => {
-    i.$$.dirty & 256 && l(9, n = h.every((u) => u.paused)), i.$$.dirty & 16386 && l(12, e = v && (m == null ? void 0 : m.length) > 1), i.$$.dirty & 2 && l(10, r = m), i.$$.dirty & 34304 && (a = r.length > 1 && k.autoplay && n);
+    i.$$.dirty & 256 && l(9, n = p.every((u) => u.paused)), i.$$.dirty & 32770 && l(13, e = I && (m == null ? void 0 : m.length) > 1), i.$$.dirty & 2 && l(10, r = m), i.$$.dirty & 67072 && (a = r.length > 1 && v.autoplay && n);
   }, [
     o,
     m,
-    f,
-    b,
     s,
+    h,
+    f,
     c,
     g,
-    N,
-    h,
+    L,
+    p,
     n,
     r,
-    p,
+    C,
+    b,
     e,
-    L,
+    T,
+    I,
     v,
-    k,
-    R,
-    U,
-    W
+    Z,
+    x,
+    $
   ];
 }
-class Ye extends X {
+class et extends ee {
   constructor(t) {
-    super(), Y(
+    super(), te(
       this,
       t,
-      ge,
-      _e,
-      Z,
+      ye,
+      he,
+      ie,
       {
         tag: 0,
         mediaData: 1,
@@ -328,13 +334,13 @@ class Ye extends X {
         unfolded: 5,
         animation: 6,
         mediaItemConfig: 7,
-        enableCarousel: 14,
-        autoplayConfig: 15
+        enableCarousel: 15,
+        autoplayConfig: 16
       },
-      fe
+      _e
     );
   }
 }
 export {
-  Ye as default
+  et as default
 };