@realsee/dnalogel 2.6.7-dev.10 → 2.6.7-dev.11

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

@@ -1,199 +1,203 @@
-import { SvelteComponent as O, init as W, safe_not_equal as H, append_styles as T, empty as M, insert as g, noop as w, detach as y, getContext as B, onMount as A, element as _, attr as a, binding_callbacks as J, space as R, set_style as P, toggle_class as v, append as C, listen as q, src_url_equal as p, run_all as X } from "../../../vendor/svelte/internal/index.js";
-import { Image_Play_Icon_With_Text as D, Image_Play_Icon as G } from "../../Assets/Icon.js";
-function K(n) {
-  T(n, "svelte-bh2qfj", ".media-item.svelte-bh2qfj.svelte-bh2qfj{position:relative;height:100%}.media-content.svelte-bh2qfj.svelte-bh2qfj{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-bh2qfj.svelte-bh2qfj{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-bh2qfj.svelte-bh2qfj{display:none;pointer-events:auto;position:absolute;width:100%;height:100%;top:0;left:0;transform:translate3d(0, 0, 0)}.video-play-button-container.showPlayButton.svelte-bh2qfj.svelte-bh2qfj{display:block}.video-icon.large.svelte-bh2qfj.svelte-bh2qfj{width:12.5rem;height:6.25rem}.video-icon.small.svelte-bh2qfj.svelte-bh2qfj{width:1.75rem;height:1.75rem}.video-icon.svelte-bh2qfj .video-icon-img.svelte-bh2qfj{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-bh2qfj .video-icon-img.canPlay.svelte-bh2qfj{cursor:pointer}");
+import { SvelteComponent as T, init as M, safe_not_equal as q, append_styles as A, empty as J, insert as y, noop as C, detach as b, getContext as S, onMount as R, element as k, attr as a, binding_callbacks as X, space as D, set_style as j, toggle_class as _, append as U, listen as w, src_url_equal as h, run_all as G } from "../../../vendor/svelte/internal/index.js";
+import { Image_Play_Icon_With_Text as K, Image_Play_Icon as Q } from "../../Assets/Icon.js";
+function Y(l) {
+  A(l, "svelte-159ski6", ".media-item.svelte-159ski6.svelte-159ski6{position:relative;height:100%}.media-content.svelte-159ski6.svelte-159ski6{position:relative;pointer-events:auto;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.media-content.showPlayButton.svelte-159ski6.svelte-159ski6{pointer-events:none}.video-icon.svelte-159ski6.svelte-159ski6{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-159ski6.svelte-159ski6{display:none;position:absolute;width:100%;height:100%;top:0;left:0;transform:translate3d(0, 0, 0)}.video-play-button-container.showPlayButton.svelte-159ski6.svelte-159ski6{pointer-events:none;display:block}.video-icon.svelte-159ski6.svelte-159ski6{pointer-events:auto}.video-icon.large.svelte-159ski6.svelte-159ski6{width:12.5rem;height:6.25rem}.video-icon.small.svelte-159ski6.svelte-159ski6{width:1.75rem;height:1.75rem}.video-icon.svelte-159ski6 .video-icon-img.svelte-159ski6{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-159ski6 .video-icon-img.canPlay.svelte-159ski6{cursor:pointer}");
 }
-function S(n) {
+function L(l) {
   let e;
-  function t(o, s) {
-    if (o[2].type === "Image")
-      return Y;
-    if (o[2].type === "Video")
-      return Q;
+  function t(s, n) {
+    if (s[2].type === "Image")
+      return x;
+    if (s[2].type === "Video")
+      return Z;
   }
-  let l = t(n), i = l && l(n);
+  let o = t(l), i = o && o(l);
   return {
     c() {
-      e = _("div"), i && i.c(), a(e, "class", "media-item svelte-bh2qfj"), a(e, "draggable", "false");
+      e = k("div"), i && i.c(), a(e, "class", "media-item svelte-159ski6"), a(e, "draggable", "false");
     },
-    m(o, s) {
-      g(o, e, s), i && i.m(e, null);
+    m(s, n) {
+      y(s, e, n), i && i.m(e, null);
     },
-    p(o, s) {
-      l === (l = t(o)) && i ? i.p(o, s) : (i && i.d(1), i = l && l(o), i && (i.c(), i.m(e, null)));
+    p(s, n) {
+      o === (o = t(s)) && i ? i.p(s, n) : (i && i.d(1), i = o && o(s), i && (i.c(), i.m(e, null)));
     },
-    d(o) {
-      o && y(e), i && i.d();
+    d(s) {
+      s && b(e), i && i.d();
     }
   };
 }
-function Q(n) {
-  let e, t, l, i, o, s;
-  function b(u, m) {
-    return u[7] && u[2].videoCoverUrl ? x : Z;
+function Z(l) {
+  let e, t, o, i, s, n;
+  function v(f, m) {
+    return f[7] && f[2].videoCoverUrl ? ee : $;
   }
-  let c = b(n), d = c(n);
+  let c = v(l), d = c(l);
   return {
     c() {
-      d.c(), e = R(), t = _("div"), l = _("div"), i = _("div"), a(i, "class", "video-icon-img svelte-bh2qfj"), P(i, "background-image", "url(" + n[17]() + ")"), v(i, "canPlay", n[5]), a(l, "class", "video-icon svelte-bh2qfj"), v(l, "large", n[4] === "large"), v(l, "small", n[4] === "small"), a(t, "class", "video-play-button-container svelte-bh2qfj"), v(t, "showPlayButton", n[9]);
+      d.c(), e = D(), t = k("div"), o = k("div"), i = k("div"), a(i, "class", "video-icon-img svelte-159ski6"), j(i, "background-image", "url(" + l[18]() + ")"), _(i, "canPlay", l[5]), a(o, "class", "video-icon svelte-159ski6"), _(o, "large", l[4] === "large"), _(o, "small", l[4] === "small"), a(t, "class", "video-play-button-container svelte-159ski6"), _(t, "showPlayButton", l[9]);
     },
-    m(u, m) {
-      d.m(u, m), g(u, e, m), g(u, t, m), C(t, l), C(l, i), o || (s = q(i, "click", n[18]), o = !0);
+    m(f, m) {
+      d.m(f, m), y(f, e, m), y(f, t, m), U(t, o), U(o, i), s || (n = w(i, "click", l[19]), s = !0);
     },
-    p(u, m) {
-      c === (c = b(u)) && d ? d.p(u, m) : (d.d(1), d = c(u), d && (d.c(), d.m(e.parentNode, e))), m & 8 && P(i, "background-image", "url(" + u[17]() + ")"), m & 32 && v(i, "canPlay", u[5]), m & 16 && v(l, "large", u[4] === "large"), m & 16 && v(l, "small", u[4] === "small"), m & 512 && v(t, "showPlayButton", u[9]);
+    p(f, m) {
+      c === (c = v(f)) && d ? d.p(f, m) : (d.d(1), d = c(f), d && (d.c(), d.m(e.parentNode, e))), m & 8 && j(i, "background-image", "url(" + f[18]() + ")"), m & 32 && _(i, "canPlay", f[5]), m & 16 && _(o, "large", f[4] === "large"), m & 16 && _(o, "small", f[4] === "small"), m & 512 && _(t, "showPlayButton", f[9]);
     },
-    d(u) {
-      d.d(u), u && y(e), u && y(t), o = !1, s();
+    d(f) {
+      d.d(f), f && b(e), f && b(t), s = !1, n();
     }
   };
 }
-function Y(n) {
-  let e, t, l, i;
+function x(l) {
+  let e, t, o, i;
   return {
     c() {
-      e = _("img"), a(e, "class", "media-content svelte-bh2qfj"), a(e, "style", t = `object-fit: ${n[6]};`), p(e.src, l = n[2].url) || a(e, "src", l), a(e, "alt", i = n[2].name), a(e, "draggable", !1);
+      e = k("img"), a(e, "class", "media-content svelte-159ski6"), a(e, "style", t = `object-fit: ${l[6]};`), h(e.src, o = l[2].url) || a(e, "src", o), a(e, "alt", i = l[2].name), a(e, "draggable", !1);
     },
-    m(o, s) {
-      g(o, e, s);
+    m(s, n) {
+      y(s, e, n);
     },
-    p(o, s) {
-      s & 64 && t !== (t = `object-fit: ${o[6]};`) && a(e, "style", t), s & 4 && !p(e.src, l = o[2].url) && a(e, "src", l), s & 4 && i !== (i = o[2].name) && a(e, "alt", i);
+    p(s, n) {
+      n & 64 && t !== (t = `object-fit: ${s[6]};`) && a(e, "style", t), n & 4 && !h(e.src, o = s[2].url) && a(e, "src", o), n & 4 && i !== (i = s[2].name) && a(e, "alt", i);
     },
-    d(o) {
-      o && y(e);
+    d(s) {
+      s && b(e);
     }
   };
 }
-function Z(n) {
-  let e, t, l, i, o, s, b;
+function $(l) {
+  let e, t, o, i, s, n, v;
   return {
     c() {
-      e = _("video"), a(e, "class", "media-content svelte-bh2qfj"), a(e, "style", t = `object-fit: ${n[6]};`), p(e.src, l = n[2].videoCoverUrl ? n[2].url : n[2].url + "#t=0.1") || a(e, "src", l), a(e, "poster", i = n[2].videoCoverUrl), a(e, "preload", o = n[2].videoCoverUrl ? "none" : "auto"), a(e, "disablepictureinpicture", ""), e.playsInline = !0, a(e, "paused", ""), e.muted = !0, a(e, "draggable", !1), e.loop = !1, a(e, "crossorigin", ""), e.controls = !1, v(e, "showPlayButton", n[9]), P(e, "position", "relative");
+      e = k("video"), a(e, "class", "media-content svelte-159ski6"), a(e, "style", t = `object-fit: ${l[6]};`), h(e.src, o = l[2].videoCoverUrl ? l[2].url : l[2].url + "#t=0.1") || a(e, "src", o), a(e, "poster", i = l[2].videoCoverUrl), a(e, "preload", s = l[2].videoCoverUrl ? "none" : "auto"), a(e, "disablepictureinpicture", ""), e.playsInline = !0, a(e, "paused", ""), e.muted = !0, a(e, "draggable", !1), e.loop = !1, a(e, "crossorigin", ""), e.controls = !1, _(e, "showPlayButton", l[9]);
     },
     m(c, d) {
-      g(c, e, d), n[16](e), s || (b = [
-        q(e, "play", n[13]),
-        q(e, "pause", n[14]),
-        q(e, "click", n[15])
-      ], s = !0);
+      y(c, e, d), l[17](e), n || (v = [
+        w(e, "play", l[14]),
+        w(e, "pause", l[15]),
+        w(e, "click", l[16])
+      ], n = !0);
     },
     p(c, d) {
-      d & 64 && t !== (t = `object-fit: ${c[6]};`) && a(e, "style", t), d & 4 && !p(e.src, l = c[2].videoCoverUrl ? c[2].url : c[2].url + "#t=0.1") && a(e, "src", l), d & 4 && i !== (i = c[2].videoCoverUrl) && a(e, "poster", i), d & 4 && o !== (o = c[2].videoCoverUrl ? "none" : "auto") && a(e, "preload", o), d & 512 && v(e, "showPlayButton", c[9]);
+      d & 64 && t !== (t = `object-fit: ${c[6]};`) && a(e, "style", t), d & 4 && !h(e.src, o = c[2].videoCoverUrl ? c[2].url : c[2].url + "#t=0.1") && a(e, "src", o), d & 4 && i !== (i = c[2].videoCoverUrl) && a(e, "poster", i), d & 4 && s !== (s = c[2].videoCoverUrl ? "none" : "auto") && a(e, "preload", s), d & 512 && _(e, "showPlayButton", c[9]);
     },
     d(c) {
-      c && y(e), n[16](null), s = !1, X(b);
+      c && b(e), l[17](null), n = !1, G(v);
     }
   };
 }
-function x(n) {
-  let e, t, l, i;
+function ee(l) {
+  let e, t, o, i;
   return {
     c() {
-      e = _("img"), a(e, "class", "media-content svelte-bh2qfj"), a(e, "style", t = `object-fit: ${n[6]};`), p(e.src, l = n[2].videoCoverUrl) || a(e, "src", l), a(e, "alt", i = n[2].name), a(e, "draggable", !1);
+      e = k("img"), a(e, "class", "media-content svelte-159ski6"), a(e, "style", t = `object-fit: ${l[6]};`), h(e.src, o = l[2].videoCoverUrl) || a(e, "src", o), a(e, "alt", i = l[2].name), a(e, "draggable", !1);
     },
-    m(o, s) {
-      g(o, e, s);
+    m(s, n) {
+      y(s, e, n);
     },
-    p(o, s) {
-      s & 64 && t !== (t = `object-fit: ${o[6]};`) && a(e, "style", t), s & 4 && !p(e.src, l = o[2].videoCoverUrl) && a(e, "src", l), s & 4 && i !== (i = o[2].name) && a(e, "alt", i);
+    p(s, n) {
+      n & 64 && t !== (t = `object-fit: ${s[6]};`) && a(e, "style", t), n & 4 && !h(e.src, o = s[2].videoCoverUrl) && a(e, "src", o), n & 4 && i !== (i = s[2].name) && a(e, "alt", i);
     },
-    d(o) {
-      o && y(e);
+    d(s) {
+      s && b(e);
     }
   };
 }
-function $(n) {
-  let e, t = n[2] && S(n);
+function te(l) {
+  let e, t = l[2] && L(l);
   return {
     c() {
-      t && t.c(), e = M();
+      t && t.c(), e = J();
     },
-    m(l, i) {
-      t && t.m(l, i), g(l, e, i);
+    m(o, i) {
+      t && t.m(o, i), y(o, e, i);
     },
-    p(l, [i]) {
-      l[2] ? t ? t.p(l, i) : (t = S(l), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
+    p(o, [i]) {
+      o[2] ? t ? t.p(o, i) : (t = L(o), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
     },
-    i: w,
-    o: w,
-    d(l) {
-      t && t.d(l), l && y(e);
+    i: C,
+    o: C,
+    d(o) {
+      t && t.d(o), o && b(e);
     }
   };
 }
-function ee(n, e, t) {
-  let { mediaInstance: l = { paused: !0 } } = e, { tag: i } = e, { media: o } = e, { playButtonIfNeed: s = "withoutText" } = e, { playButtonSizeIfNeed: b = "small" } = e, { canPlay: c = !0 } = e, { objectFit: d = "fill" } = e, { disableVideoIfHavePoster: u = !1 } = e, m = (o == null ? void 0 : o.type) === "Video" && Boolean(o == null ? void 0 : o.videoCoverUrl), f, j = !0;
-  const I = B("mediaStore"), k = B("hooks"), h = () => {
-    m || (f == null || f.play(), f == null || f.pause(), t(12, m = !0));
+function ie(l, e, t) {
+  let o, { mediaInstance: i = { paused: !0 } } = e, { tag: s } = e, { media: n } = e, { playButtonIfNeed: v = "withoutText" } = e, { playButtonSizeIfNeed: c = "small" } = e, { canPlay: d = !0 } = e, { objectFit: f = "fill" } = e, { disableVideoIfHavePoster: m = !1 } = e, u, I = !0, p = !1;
+  function N() {
+    t(12, p = (n == null ? void 0 : n.type) === "Video" && Boolean(n.videoCoverUrl));
+  }
+  const B = S("mediaStore"), P = S("hooks"), g = () => {
+    p || (u == null || u.play(), u == null || u.pause(), t(12, p = !0));
   };
-  k.on("loadVideoFirstFrame", h), A(() => {
-    I.subscribe(({ currentMediaElement: r }) => {
-      r !== f && (f == null || f.pause());
+  P.on("loadVideoFirstFrame", g), R(() => {
+    B.subscribe(({ currentMediaElement: r }) => {
+      r !== u && (u == null || u.pause());
     });
   });
-  const N = (r) => {
-    t(9, j = !1), t(0, l.paused = !1, l), I.set({ currentMediaElement: f }), k.emit("playStateChange", {
+  const V = (r) => {
+    t(9, I = !1), t(0, i.paused = !1, i), B.set({ currentMediaElement: u }), P.emit("playStateChange", {
       event: r,
       state: "playing",
-      tag: i,
-      mediaInstance: f
+      tag: s,
+      mediaInstance: u
     });
-  }, U = (r) => {
-    t(9, j = !0), t(0, l.paused = !0, l), k.emit("playStateChange", {
+  }, E = (r) => {
+    t(9, I = !0), t(0, i.paused = !0, i), P.emit("playStateChange", {
       event: r,
       state: "paused",
-      tag: i,
-      mediaInstance: f
+      tag: s,
+      mediaInstance: u
     });
-  }, L = (r) => {
-    f && f.pause();
+  }, z = (r) => {
+    u && u.pause();
   };
-  function V(r) {
-    J[r ? "unshift" : "push"](() => {
-      f = r, t(8, f);
+  function F(r) {
+    X[r ? "unshift" : "push"](() => {
+      u = r, t(8, u);
     });
   }
-  const E = () => s === "withText" ? D : s === "withoutText" ? G : s, z = (r) => {
-    !c || f && (t(8, f.muted = !1, f), f.play());
+  const O = () => v === "withText" ? K : v === "withoutText" ? Q : v, W = (r) => {
+    !d || u && (t(8, u.muted = !1, u), u.play());
   };
-  return n.$$set = (r) => {
-    "mediaInstance" in r && t(0, l = r.mediaInstance), "tag" in r && t(1, i = r.tag), "media" in r && t(2, o = r.media), "playButtonIfNeed" in r && t(3, s = r.playButtonIfNeed), "playButtonSizeIfNeed" in r && t(4, b = r.playButtonSizeIfNeed), "canPlay" in r && t(5, c = r.canPlay), "objectFit" in r && t(6, d = r.objectFit), "disableVideoIfHavePoster" in r && t(7, u = r.disableVideoIfHavePoster);
-  }, n.$$.update = () => {
-    if (n.$$.dirty & 256 && f && t(9, j = f.paused), n.$$.dirty & 4356 && (o == null ? void 0 : o.type) === "Video" && !m) {
-      const r = navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1, F = navigator.userAgent.toLowerCase().indexOf("iphone") !== -1 && r;
-      f && F && f.paused && (document.removeEventListener("WeixinJSBridgeReady", h), document.removeEventListener("touchstart", h), document.removeEventListener("click", h), document.addEventListener("WeixinJSBridgeReady", h), document.addEventListener("touchstart", h), document.addEventListener("click", h));
+  return l.$$set = (r) => {
+    "mediaInstance" in r && t(0, i = r.mediaInstance), "tag" in r && t(1, s = r.tag), "media" in r && t(2, n = r.media), "playButtonIfNeed" in r && t(3, v = r.playButtonIfNeed), "playButtonSizeIfNeed" in r && t(4, c = r.playButtonSizeIfNeed), "canPlay" in r && t(5, d = r.canPlay), "objectFit" in r && t(6, f = r.objectFit), "disableVideoIfHavePoster" in r && t(7, m = r.disableVideoIfHavePoster);
+  }, l.$$.update = () => {
+    if (l.$$.dirty & 4 && t(13, o = n == null ? void 0 : n.url), l.$$.dirty & 8192 && Boolean(o) && N(), l.$$.dirty & 256 && u && t(9, I = u.paused), l.$$.dirty & 4356 && (n == null ? void 0 : n.type) === "Video" && !p) {
+      const r = navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1, H = navigator.userAgent.toLowerCase().indexOf("iphone") !== -1 && r;
+      u && H && u.paused && (document.removeEventListener("WeixinJSBridgeReady", g), document.removeEventListener("touchstart", g), document.removeEventListener("click", g), document.addEventListener("WeixinJSBridgeReady", g), document.addEventListener("touchstart", g), document.addEventListener("click", g));
     }
   }, [
-    l,
     i,
-    o,
     s,
-    b,
+    n,
+    v,
     c,
     d,
-    u,
     f,
-    j,
-    I,
-    k,
     m,
-    N,
-    U,
-    L,
+    u,
+    I,
+    B,
+    P,
+    p,
+    o,
     V,
     E,
-    z
+    z,
+    F,
+    O,
+    W
   ];
 }
-class oe extends O {
+class ne extends T {
   constructor(e) {
-    super(), W(
+    super(), M(
       this,
       e,
-      ee,
-      $,
-      H,
+      ie,
+      te,
+      q,
       {
         mediaInstance: 0,
         tag: 1,
@@ -204,10 +208,10 @@ class oe extends O {
         objectFit: 6,
         disableVideoIfHavePoster: 7
       },
-      K
+      Y
     );
   }
 }
 export {
-  oe as default
+  ne as default
 };