@realsee/dnalogel 2.3.4 → 2.3.5-dev.1

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

@@ -1,119 +1,121 @@
-var z = (a, n, i) => new Promise((e, t) => {
-  var o = (r) => {
+var Q = (a, n, i) => new Promise((e, t) => {
+  var l = (o) => {
     try {
-      u(i.next(r));
+      u(i.next(o));
     } catch (m) {
       t(m);
     }
-  }, l = (r) => {
+  }, r = (o) => {
     try {
-      u(i.throw(r));
+      u(i.throw(o));
     } catch (m) {
       t(m);
     }
-  }, u = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(o, l);
+  }, u = (o) => o.done ? e(o.value) : Promise.resolve(o.value).then(l, r);
   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 _, group_outros as D, transition_out as g, check_outros as j, detach as I, getContext as G, element as le, attr as oe, toggle_class 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 ce } from "../../../vendor/svelte/internal/index.js";
-import { fly as Q } from "../../../vendor/svelte/transition/index.js";
-import { Swiper_1 as de } from "../../../vendor/swiper/svelte/swiper.js";
-import { Swiper_slide as me } from "../../../vendor/swiper/svelte/swiper-slide.js";
-import { Autoplay as _e } from "swiper";
+import { SvelteComponent as ae, init as le, safe_not_equal as oe, append_styles as re, empty as $, insert as w, transition_in as y, group_outros as F, transition_out as g, check_outros as V, detach as B, getContext as R, element as fe, attr as ue, toggle_class as U, add_render_callback as se, create_in_transition as de, identity as W, create_out_transition as ce, create_component as N, mount_component as C, destroy_component as E, destroy_each as me, space as ye } from "../../../vendor/svelte/internal/index.js";
+import { fly as X } from "../../../vendor/svelte/transition/index.js";
+import { Swiper_1 as _e } from "../../../vendor/swiper/svelte/swiper.js";
+import { Swiper_slide as ge } from "../../../vendor/swiper/svelte/swiper-slide.js";
+import { Autoplay as he } from "swiper";
 import "swiper/css";
 import "swiper/css/autoplay";
 import "three";
-import { noTypecheck as R } from "../../utils/noTypecheck.js";
-import { MediaItem as x } from "./MediaItem.js";
-import { notNil as ye } from "../../../shared-utils/isNil.js";
-function ge(a) {
-  ae(a, "svelte-ai0lv9", ".media.svelte-ai0lv9{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}");
+import { noTypecheck as z } from "../../utils/noTypecheck.js";
+import { MediaItem as ee } from "./MediaItem.js";
+import { notNil as pe } from "../../../shared-utils/isNil.js";
+function be(a) {
+  re(a, "svelte-ai0lv9", ".media.svelte-ai0lv9{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}");
 }
-function W(a, n, i) {
+function Y(a, n, i) {
   const e = a.slice();
-  return e[23] = n[i], e;
+  return e[25] = n[i], e;
 }
-function X(a) {
-  let n, i, e, t, o, l;
-  const u = [pe, he], r = [];
-  function m(s, h) {
-    return s[13] ? 0 : 1;
+function Z(a) {
+  let n, i, e, t, l, r;
+  const u = [ke, Ie], o = [];
+  function m(d, h) {
+    return d[15] ? 0 : 1;
   }
-  return i = m(a), e = r[i] = u[i](a), {
+  return i = m(a), e = o[i] = u[i](a), {
     c() {
-      n = le("div"), e.c(), oe(n, "class", "media svelte-ai0lv9"), J(n, "unfolded", a[4]);
+      n = fe("div"), e.c(), ue(n, "class", "media svelte-ai0lv9"), U(n, "unfolded", a[5]);
     },
-    m(s, h) {
-      w(s, n, h), r[i].m(n, null), l = !0;
+    m(d, h) {
+      w(d, n, h), o[i].m(n, null), r = !0;
     },
-    p(s, h) {
-      a = s;
+    p(d, h) {
+      a = d;
       let b = i;
-      i = m(a), i === b ? r[i].p(a, h) : (D(), g(r[b], 1, 1, () => {
-        r[b] = null;
-      }), j(), e = r[i], e ? e.p(a, h) : (e = r[i] = u[i](a), e.c()), _(e, 1), e.m(n, null)), (!l || h & 16) && J(n, "unfolded", a[4]);
+      i = m(a), i === b ? o[i].p(a, h) : (F(), g(o[b], 1, 1, () => {
+        o[b] = null;
+      }), V(), e = o[i], e ? e.p(a, h) : (e = o[i] = u[i](a), e.c()), y(e, 1), e.m(n, null)), (!r || h & 32) && U(n, "unfolded", a[5]);
     },
-    i(s) {
-      l || (_(e), s && re(() => {
-        o && o.end(1), t = fe(n, Q, a[5] ? {
+    i(d) {
+      r || (y(e), d && se(() => {
+        l && l.end(1), t = de(n, X, a[6] ? {
           y: 4,
-          duration: a[3],
-          delay: a[1],
-          easing: K
+          duration: a[4],
+          delay: a[2],
+          easing: W
         } : void 0), t.start();
-      }), l = !0);
+      }), r = !0);
     },
-    o(s) {
-      g(e), t && t.invalidate(), s && (o = ue(n, Q, a[5] ? {
+    o(d) {
+      g(e), t && t.invalidate(), d && (l = ce(n, X, a[6] ? {
         y: 4,
-        duration: a[3],
-        delay: a[2],
-        easing: K
-      } : void 0)), l = !1;
+        duration: a[4],
+        delay: a[3],
+        easing: W
+      } : void 0)), r = !1;
     },
-    d(s) {
-      s && I(n), r[i].d(), s && o && o.end();
+    d(d) {
+      d && B(n), o[i].d(), d && l && l.end();
     }
   };
 }
-function he(a) {
+function Ie(a) {
   let n, i;
-  return n = new x({
+  return n = new ee({
     props: {
-      media: a[0][0],
-      objectFit: a[8],
-      playButtonIfNeed: a[6],
-      canPlay: a[7]
+      media: a[1][0],
+      tag: a[0],
+      objectFit: a[10],
+      playButtonIfNeed: a[7],
+      playButtonSizeIfNeed: a[8],
+      canPlay: a[9]
     }
   }), {
     c() {
-      C(n.$$.fragment);
+      N(n.$$.fragment);
     },
     m(e, t) {
-      L(n, e, t), i = !0;
+      C(n, e, t), i = !0;
     },
     p(e, t) {
-      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);
+      const l = {};
+      t & 2 && (l.media = e[1][0]), t & 1 && (l.tag = e[0]), t & 1024 && (l.objectFit = e[10]), t & 128 && (l.playButtonIfNeed = e[7]), t & 256 && (l.playButtonSizeIfNeed = e[8]), t & 512 && (l.canPlay = e[9]), n.$set(l);
     },
     i(e) {
-      i || (_(n.$$.fragment, e), i = !0);
+      i || (y(n.$$.fragment, e), i = !0);
     },
     o(e) {
       g(n.$$.fragment, e), i = !1;
     },
     d(e) {
-      P(n, e);
+      E(n, e);
     }
   };
 }
-function pe(a) {
+function ke(a) {
   let n, i;
-  return n = new de({
+  return n = new _e({
     props: {
       style: "height: 100%",
-      modules: [_e],
+      modules: [he],
       spaceBetween: 30,
-      autoplay: a[14] ? R({
+      autoplay: a[16] ? z({
         delay: 4e3,
         stopOnLastSlide: !1,
         disableOnInteraction: !1
@@ -122,270 +124,286 @@ function pe(a) {
       $$slots: { default: [ve] },
       $$scope: { ctx: a }
     }
-  }), n.$on("init", a[19]), n.$on("slideChange", a[20]), {
+  }), n.$on("init", a[23]), n.$on("slideChange", a[24]), {
     c() {
-      C(n.$$.fragment);
+      N(n.$$.fragment);
     },
     m(e, t) {
-      L(n, e, t), i = !0;
+      C(n, e, t), i = !0;
     },
     p(e, t) {
-      const o = {};
-      t & 16384 && (o.autoplay = e[14] ? R({
+      const l = {};
+      t & 65536 && (l.autoplay = e[16] ? z({
         delay: 4e3,
         stopOnLastSlide: !1,
         disableOnInteraction: !1
-      }) : !1), t & 67111360 && (o.$$scope = { dirty: t, ctx: e }), n.$set(o);
+      }) : !1), t & 268445569 && (l.$$scope = { dirty: t, ctx: e }), n.$set(l);
     },
     i(e) {
-      i || (_(n.$$.fragment, e), i = !0);
+      i || (y(n.$$.fragment, e), i = !0);
     },
     o(e) {
       g(n.$$.fragment, e), i = !1;
     },
     d(e) {
-      P(n, e);
+      E(n, e);
     }
   };
 }
-function be(a) {
+function Se(a) {
   let n, i, e;
-  return n = new x({
+  return n = new ee({
     props: {
-      media: a[23],
-      objectFit: a[8],
-      playButtonIfNeed: a[6],
-      canPlay: a[7]
+      media: a[25],
+      tag: a[0],
+      objectFit: a[10],
+      playButtonIfNeed: a[7],
+      playButtonSizeIfNeed: a[8],
+      canPlay: a[9]
     }
   }), {
     c() {
-      C(n.$$.fragment), i = ce();
+      N(n.$$.fragment), i = ye();
     },
-    m(t, o) {
-      L(n, t, o), w(t, i, o), e = !0;
+    m(t, l) {
+      C(n, t, l), w(t, i, l), e = !0;
     },
-    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);
+    p(t, l) {
+      const r = {};
+      l & 8192 && (r.media = t[25]), l & 1 && (r.tag = t[0]), l & 1024 && (r.objectFit = t[10]), l & 128 && (r.playButtonIfNeed = t[7]), l & 256 && (r.playButtonSizeIfNeed = t[8]), l & 512 && (r.canPlay = t[9]), n.$set(r);
     },
     i(t) {
-      e || (_(n.$$.fragment, t), e = !0);
+      e || (y(n.$$.fragment, t), e = !0);
     },
     o(t) {
       g(n.$$.fragment, t), e = !1;
     },
     d(t) {
-      P(n, t), t && I(i);
+      E(n, t), t && B(i);
     }
   };
 }
-function Y(a) {
+function x(a) {
   let n, i;
-  return n = new me({
+  return n = new a[17]({
     props: {
-      $$slots: { default: [be] },
+      $$slots: { default: [Se] },
       $$scope: { ctx: a }
     }
   }), {
     c() {
-      C(n.$$.fragment);
+      N(n.$$.fragment);
     },
     m(e, t) {
-      L(n, e, t), i = !0;
+      C(n, e, t), i = !0;
     },
     p(e, t) {
-      const o = {};
-      t & 67111360 && (o.$$scope = { dirty: t, ctx: e }), n.$set(o);
+      const l = {};
+      t & 268445569 && (l.$$scope = { dirty: t, ctx: e }), n.$set(l);
     },
     i(e) {
-      i || (_(n.$$.fragment, e), i = !0);
+      i || (y(n.$$.fragment, e), i = !0);
     },
     o(e) {
       g(n.$$.fragment, e), i = !1;
     },
     d(e) {
-      P(n, e);
+      E(n, e);
     }
   };
 }
 function ve(a) {
-  let n, i, e = a[11], t = [];
-  for (let l = 0; l < e.length; l += 1)
-    t[l] = Y(W(a, e, l));
-  const o = (l) => g(t[l], 1, 1, () => {
-    t[l] = null;
+  let n, i, e = a[13], t = [];
+  for (let r = 0; r < e.length; r += 1)
+    t[r] = x(Y(a, e, r));
+  const l = (r) => g(t[r], 1, 1, () => {
+    t[r] = null;
   });
   return {
     c() {
-      for (let l = 0; l < t.length; l += 1)
-        t[l].c();
-      n = Z();
-    },
-    m(l, u) {
       for (let r = 0; r < t.length; r += 1)
-        t[r].m(l, u);
-      w(l, n, u), i = !0;
-    },
-    p(l, u) {
-      if (u & 2496) {
-        e = l[11];
-        let r;
-        for (r = 0; r < e.length; r += 1) {
-          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));
+        t[r].c();
+      n = $();
+    },
+    m(r, u) {
+      for (let o = 0; o < t.length; o += 1)
+        t[o].m(r, u);
+      w(r, n, u), i = !0;
+    },
+    p(r, u) {
+      if (u & 10113) {
+        e = r[13];
+        let o;
+        for (o = 0; o < e.length; o += 1) {
+          const m = Y(r, e, o);
+          t[o] ? (t[o].p(m, u), y(t[o], 1)) : (t[o] = x(m), t[o].c(), y(t[o], 1), t[o].m(n.parentNode, n));
         }
-        for (D(), r = e.length; r < t.length; r += 1)
-          o(r);
-        j();
+        for (F(), o = e.length; o < t.length; o += 1)
+          l(o);
+        V();
       }
     },
-    i(l) {
+    i(r) {
       if (!i) {
         for (let u = 0; u < e.length; u += 1)
-          _(t[u]);
+          y(t[u]);
         i = !0;
       }
     },
-    o(l) {
+    o(r) {
       t = t.filter(Boolean);
       for (let u = 0; u < t.length; u += 1)
         g(t[u]);
       i = !1;
     },
-    d(l) {
-      se(t, l), l && I(n);
+    d(r) {
+      me(t, r), r && B(n);
     }
   };
 }
-function ke(a) {
-  let n, i, e = a[4] && X(a);
+function we(a) {
+  let n, i, e = a[5] && Z(a);
   return {
     c() {
-      e && e.c(), n = Z();
+      e && e.c(), n = $();
     },
-    m(t, o) {
-      e && e.m(t, o), w(t, n, o), i = !0;
+    m(t, l) {
+      e && e.m(t, l), w(t, n, l), i = !0;
     },
-    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 && (D(), g(e, 1, 1, () => {
+    p(t, [l]) {
+      t[5] ? e ? (e.p(t, l), l & 32 && y(e, 1)) : (e = Z(t), e.c(), y(e, 1), e.m(n.parentNode, n)) : e && (F(), g(e, 1, 1, () => {
         e = null;
-      }), j());
+      }), V());
     },
     i(t) {
-      i || (_(e), i = !0);
+      i || (y(e), i = !0);
     },
     o(t) {
       g(e), i = !1;
     },
     d(t) {
-      e && e.d(t), t && I(n);
+      e && e.d(t), t && B(n);
     }
   };
 }
-function we(a, n, i) {
-  let e, t, o, { tag: l } = n, { mediaData: u } = n, { inDelay: r = 0 } = n, { outDelay: m = 0 } = n, { duration: s = 0 } = n, { unfolded: h = !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");
+function Be(a, n, i) {
+  let e, t, l;
+  const r = z(ge);
+  let { tag: u } = n, { mediaData: o } = n, { inDelay: m = 0 } = n, { outDelay: d = 0 } = n, { duration: h = 0 } = n, { unfolded: b = !0 } = n, { animation: q = !0 } = n, { playButtonIfNeed: M = "withoutText" } = n, { playButtonSizeIfNeed: O = "small" } = n, { canPlay: T = !0 } = n, { objectFit: A = "cover" } = n, { enableCarousel: L = !0 } = n, { autoplayConfig: k = { autoplay: !0, autoplayVideo: !1 } } = n;
+  const S = R("mediaStore"), v = R("hooks");
   let p;
-  function B(f) {
-    !e || !p || (O.set({ currentMediaUrl: this.src }), M.emit("playStateChange", {
+  function P(f) {
+    !e || !p || (S.set({ currentMediaElement: this }), v.emit("playStateChange", {
       event: f,
       state: "playing",
-      tag: l,
+      tag: u,
       mediaInstance: this
     }), p.autoplay.stop());
   }
-  function N(f) {
-    !e || !p || (M.emit("playStateChange", {
+  function D(f) {
+    !e || !p || (v.emit("playStateChange", {
       event: f,
       state: "paused",
-      tag: l,
+      tag: u,
       mediaInstance: this
     }), p.autoplay.running || p.autoplay.start());
   }
-  let S = null;
-  const $ = (f) => {
-    i(10, p = f.detail[0]);
-  }, ee = (f) => z(this, null, function* () {
-    var H, T, U;
-    if (!o || !k.autoplayVideo)
+  let j = null;
+  const te = (f) => {
+    i(12, p = f.detail[0]);
+  }, ne = (f) => Q(this, null, function* () {
+    var G, J, K;
+    if (!l || !k.autoplayVideo)
       return;
-    const y = f.detail[0];
-    if (!y)
+    const _ = f.detail[0];
+    if (!_)
       return;
-    const v = y.realIndex;
-    if (v === S)
+    const I = _.realIndex;
+    if (I === j)
       return;
-    i(12, S = v);
-    const A = t[v];
-    if (!A || A.type !== "Video")
+    i(14, j = I);
+    const H = t[I];
+    if (!H || H.type !== "Video")
       return;
-    y.autoplay.stop(), y.slides.map((c) => c.querySelector("video")).filter(ye).forEach((c) => c.pause());
-    const d = (H = y.slides[y.activeIndex]) == null ? void 0 : H.querySelector("video");
-    if (d && (d.removeEventListener("play", B), d.removeEventListener("pause", N), d.addEventListener("play", B), d.addEventListener("pause", N)), d) {
-      d.addEventListener("click", () => d.pause());
-      const c = (U = (T = d.parentElement) == null ? void 0 : T.getElementsByClassName("video-play-button-container")) == null ? void 0 : U[0];
-      d.addEventListener("play", () => c == null ? void 0 : c.classList.remove("showPlayButton")), d.addEventListener("pause", () => c == null ? void 0 : c.classList.add("showPlayButton")), c && (d.paused ? c.classList.add("showPlayButton") : c.classList.remove("showPlayButton"), c.addEventListener("click", () => d.play()));
+    _.autoplay.stop(), _.slides.map((c) => c.querySelector("video")).filter(pe).forEach((c) => c.pause());
+    const s = (G = _.slides[_.activeIndex]) == null ? void 0 : G.querySelector("video");
+    if (s && (s.removeEventListener("play", P), s.removeEventListener("pause", D), s.addEventListener("play", P), s.addEventListener("pause", D)), s) {
+      s.addEventListener("click", () => s.pause());
+      const c = (K = (J = s.parentElement) == null ? void 0 : J.getElementsByClassName("video-play-button-container")) == null ? void 0 : K[0];
+      s.addEventListener("play", () => c == null ? void 0 : c.classList.remove("showPlayButton")), s.addEventListener("pause", () => c == null ? void 0 : c.classList.add("showPlayButton")), c && (s.paused ? c.classList.add("showPlayButton") : c.classList.remove("showPlayButton"), c.addEventListener("click", (ie) => {
+        s.muted = !1, s.play(), S.set({ currentMediaElement: s }), v.emit("playStateChange", {
+          event: ie,
+          state: "playing",
+          tag: u,
+          mediaInstance: s
+        });
+      }));
     }
   });
   return a.$$set = (f) => {
-    "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, h = 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(0, u = f.tag), "mediaData" in f && i(1, o = f.mediaData), "inDelay" in f && i(2, m = f.inDelay), "outDelay" in f && i(3, d = f.outDelay), "duration" in f && i(4, h = f.duration), "unfolded" in f && i(5, b = f.unfolded), "animation" in f && i(6, q = f.animation), "playButtonIfNeed" in f && i(7, M = f.playButtonIfNeed), "playButtonSizeIfNeed" in f && i(8, O = f.playButtonSizeIfNeed), "canPlay" in f && i(9, T = f.canPlay), "objectFit" in f && i(10, A = f.objectFit), "enableCarousel" in f && i(22, L = f.enableCarousel), "autoplayConfig" in f && i(11, 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, o = t.length > 1 && k.autoplay), a.$$.dirty & 1024 && p && p.slides.forEach((f) => {
-      const y = f.querySelector("video");
-      y && O.subscribe(({ currentMediaUrl: v }) => {
-        v !== y.src && y.pause();
+    a.$$.dirty & 4194306 && i(15, e = L && (o == null ? void 0 : o.length) > 1), a.$$.dirty & 2 && i(13, t = o), a.$$.dirty & 10240 && i(16, l = t.length > 1 && k.autoplay), a.$$.dirty & 4096 && p && p.slides.forEach((f) => {
+      const _ = f.querySelector("video");
+      _ && S.subscribe(({ currentMediaElement: I }) => {
+        I !== _ && _.pause();
       });
     });
   }, [
     u,
-    r,
+    o,
     m,
-    s,
+    d,
     h,
     b,
-    F,
-    V,
     q,
+    M,
+    O,
+    T,
+    A,
     k,
     p,
     t,
-    S,
+    j,
     e,
-    o,
-    B,
-    N,
     l,
-    E,
-    $,
-    ee
+    r,
+    S,
+    v,
+    P,
+    D,
+    L,
+    te,
+    ne
   ];
 }
-class Oe extends te {
+class Te extends ae {
   constructor(n) {
-    super(), ne(
+    super(), le(
       this,
       n,
+      Be,
       we,
-      ke,
-      ie,
+      oe,
       {
-        tag: 17,
-        mediaData: 0,
-        inDelay: 1,
-        outDelay: 2,
-        duration: 3,
-        unfolded: 4,
-        animation: 5,
-        playButtonIfNeed: 6,
-        canPlay: 7,
-        objectFit: 8,
-        enableCarousel: 18,
-        autoplayConfig: 9
+        tag: 0,
+        mediaData: 1,
+        inDelay: 2,
+        outDelay: 3,
+        duration: 4,
+        unfolded: 5,
+        animation: 6,
+        playButtonIfNeed: 7,
+        playButtonSizeIfNeed: 8,
+        canPlay: 9,
+        objectFit: 10,
+        enableCarousel: 22,
+        autoplayConfig: 11
       },
-      ge
+      be
     );
   }
 }
 export {
-  Oe as Media
+  Te as Media
 };