@realsee/dnalogel 2.2.0-alpha.1 → 2.2.1

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

@@ -1,334 +1,400 @@
-/* generated by Svelte v3.50.1 */
-import {
-	SvelteComponent,
-	add_render_callback,
-	append,
-	append_styles,
-	attr,
-	check_outros,
-	create_in_transition,
-	create_out_transition,
-	detach,
-	element,
-	empty,
-	group_outros,
-	init,
-	insert,
-	noop,
-	safe_not_equal,
-	set_style,
-	space,
-	src_url_equal,
-	toggle_class,
-	transition_in,
-	transition_out
-} from "svelte/internal";
-
-import { fly } from 'svelte/transition';
-import { Image_Play } from '../../Assets/Icon';
-import { linear } from 'svelte/easing';
-
-function add_css(target) {
-	append_styles(target, "svelte-q613rs", ".media.svelte-q613rs{width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px}.media-content.svelte-q613rs{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover}.video-icon.svelte-q613rs{width:1.45833rem;height:1.45833rem;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
+var z = (a, n, i) => new Promise((e, t) => {
+  var l = (r) => {
+    try {
+      u(i.next(r));
+    } catch (m) {
+      t(m);
+    }
+  }, o = (r) => {
+    try {
+      u(i.throw(r));
+    } catch (m) {
+      t(m);
+    }
+  }, u = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(l, o);
+  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 p, check_outros as j, detach as I, element as le, attr as oe, toggle_class as G, add_render_callback as re, create_in_transition as fe, 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 "svelte/internal";
+import { fly as J } from "svelte/transition";
+import { linear as K } from "svelte/easing";
+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 "swiper/css";
+import "swiper/css/autoplay";
+import "three";
+import { noTypecheck as Q } from "../../utils/noTypecheck.js";
+import x from "./MediaItem.js";
+import { notNil as ye } from "../../../shared-utils/isNil.js";
+import { getContext as R } from "svelte";
+import "../../../vendor/swiper/components-shared/get-params.js";
+import "../../../vendor/swiper/components-shared/utils.js";
+import "../../../vendor/swiper/components-shared/params-list.js";
+import "../../../vendor/swiper/components-shared/mount-swiper.js";
+import "../../../vendor/swiper/components-shared/get-changed-params.js";
+import "../../../vendor/swiper/components-shared/update-swiper.js";
+import "../../Assets/Icon.js";
+function pe(a) {
+  ae(a, "svelte-ai0lv9", ".media.svelte-ai0lv9{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}");
 }
-
-// (12:0) {#if unfolded}
-function create_if_block(ctx) {
-	let div;
-	let t;
-	let div_intro;
-	let div_outro;
-	let current;
-
-	function select_block_type(ctx, dirty) {
-		if (/*imageUrl*/ ctx[5]) return create_if_block_2;
-		return create_else_block;
-	}
-
-	let current_block_type = select_block_type(ctx, -1);
-	let if_block0 = current_block_type(ctx);
-	let if_block1 = /*mediaData*/ ctx[0].type === 'Video' && create_if_block_1(ctx);
-
-	return {
-		c() {
-			div = element("div");
-			if_block0.c();
-			t = space();
-			if (if_block1) if_block1.c();
-			attr(div, "class", "media svelte-q613rs");
-			toggle_class(div, "unfolded", /*unfolded*/ ctx[4]);
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			if_block0.m(div, null);
-			append(div, t);
-			if (if_block1) if_block1.m(div, null);
-			current = true;
-		},
-		p(new_ctx, dirty) {
-			ctx = new_ctx;
-
-			if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block0) {
-				if_block0.p(ctx, dirty);
-			} else {
-				if_block0.d(1);
-				if_block0 = current_block_type(ctx);
-
-				if (if_block0) {
-					if_block0.c();
-					if_block0.m(div, t);
-				}
-			}
-
-			if (/*mediaData*/ ctx[0].type === 'Video') {
-				if (if_block1) {
-					if_block1.p(ctx, dirty);
-				} else {
-					if_block1 = create_if_block_1(ctx);
-					if_block1.c();
-					if_block1.m(div, null);
-				}
-			} else if (if_block1) {
-				if_block1.d(1);
-				if_block1 = null;
-			}
-
-			if (!current || dirty & /*unfolded*/ 16) {
-				toggle_class(div, "unfolded", /*unfolded*/ ctx[4]);
-			}
-		},
-		i(local) {
-			if (current) return;
-
-			if (local) {
-				add_render_callback(() => {
-					if (div_outro) div_outro.end(1);
-
-					div_intro = create_in_transition(div, fly, {
-						y: 4,
-						duration: /*duration*/ ctx[3],
-						delay: /*inDelay*/ ctx[1],
-						easing: linear
-					});
-
-					div_intro.start();
-				});
-			}
-
-			current = true;
-		},
-		o(local) {
-			if (div_intro) div_intro.invalidate();
-
-			if (local) {
-				div_outro = create_out_transition(div, fly, {
-					y: 4,
-					duration: /*duration*/ ctx[3],
-					delay: /*outDelay*/ ctx[2],
-					easing: linear
-				});
-			}
-
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			if_block0.d();
-			if (if_block1) if_block1.d();
-			if (detaching && div_outro) div_outro.end();
-		}
-	};
+function W(a, n, i) {
+  const e = a.slice();
+  return e[23] = n[i], e;
 }
-
-// (21:4) {:else}
-function create_else_block(ctx) {
-	let video;
-	let video_src_value;
-	let video_poster_value;
-	let video_loop_value;
-	let video_controls_value;
-	let video_muted_value;
-
-	return {
-		c() {
-			video = element("video");
-			attr(video, "class", "media-content svelte-q613rs");
-			if (!src_url_equal(video.src, video_src_value = /*mediaData*/ ctx[0].url)) attr(video, "src", video_src_value);
-			attr(video, "poster", video_poster_value = /*mediaData*/ ctx[0].videoCoverUrl);
-			video.playsInline = true;
-			attr(video, "paused", "");
-			video.loop = video_loop_value = false;
-			attr(video, "preload", "auto");
-			attr(video, "crossorigin", "");
-			video.controls = video_controls_value = false;
-			video.muted = video_muted_value = false;
-		},
-		m(target, anchor) {
-			insert(target, video, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*mediaData*/ 1 && !src_url_equal(video.src, video_src_value = /*mediaData*/ ctx[0].url)) {
-				attr(video, "src", video_src_value);
-			}
-
-			if (dirty & /*mediaData*/ 1 && video_poster_value !== (video_poster_value = /*mediaData*/ ctx[0].videoCoverUrl)) {
-				attr(video, "poster", video_poster_value);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(video);
-		}
-	};
+function X(a) {
+  let n, i, e, t, l, o;
+  const u = [he, ge], r = [];
+  function m(s, g) {
+    return s[13] ? 0 : 1;
+  }
+  return i = m(a), e = r[i] = u[i](a), {
+    c() {
+      n = le("div"), e.c(), oe(n, "class", "media svelte-ai0lv9"), G(n, "unfolded", a[4]);
+    },
+    m(s, g) {
+      w(s, n, g), r[i].m(n, null), o = !0;
+    },
+    p(s, g) {
+      a = s;
+      let b = i;
+      i = m(a), i === b ? r[i].p(a, g) : (D(), p(r[b], 1, 1, () => {
+        r[b] = null;
+      }), j(), e = r[i], e ? e.p(a, g) : (e = r[i] = u[i](a), e.c()), _(e, 1), e.m(n, null)), g & 16 && G(n, "unfolded", a[4]);
+    },
+    i(s) {
+      o || (_(e), s && re(() => {
+        l && l.end(1), t = fe(n, J, a[5] ? {
+          y: 4,
+          duration: a[3],
+          delay: a[1],
+          easing: K
+        } : void 0), t.start();
+      }), o = !0);
+    },
+    o(s) {
+      p(e), t && t.invalidate(), s && (l = ue(n, J, a[5] ? {
+        y: 4,
+        duration: a[3],
+        delay: a[2],
+        easing: K
+      } : void 0)), o = !1;
+    },
+    d(s) {
+      s && I(n), r[i].d(), s && l && l.end();
+    }
+  };
 }
-
-// (19:4) {#if imageUrl}
-function create_if_block_2(ctx) {
-	let img;
-	let img_src_value;
-	let img_alt_value;
-
-	return {
-		c() {
-			img = element("img");
-			attr(img, "class", "media-content svelte-q613rs");
-			if (!src_url_equal(img.src, img_src_value = /*imageUrl*/ ctx[5])) attr(img, "src", img_src_value);
-			attr(img, "alt", img_alt_value = /*mediaData*/ ctx[0].name);
-		},
-		m(target, anchor) {
-			insert(target, img, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*imageUrl*/ 32 && !src_url_equal(img.src, img_src_value = /*imageUrl*/ ctx[5])) {
-				attr(img, "src", img_src_value);
-			}
-
-			if (dirty & /*mediaData*/ 1 && img_alt_value !== (img_alt_value = /*mediaData*/ ctx[0].name)) {
-				attr(img, "alt", img_alt_value);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(img);
-		}
-	};
+function ge(a) {
+  let n, i;
+  return n = new x({
+    props: {
+      media: a[0][0],
+      objectFit: a[8],
+      playButtonIfNeed: a[6],
+      canPlay: a[7]
+    }
+  }), {
+    c() {
+      C(n.$$.fragment);
+    },
+    m(e, t) {
+      L(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 1 && (l.media = e[0][0]), t & 256 && (l.objectFit = e[8]), t & 64 && (l.playButtonIfNeed = e[6]), t & 128 && (l.canPlay = e[7]), n.$set(l);
+    },
+    i(e) {
+      i || (_(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      p(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      P(n, e);
+    }
+  };
 }
-
-// (35:4) {#if mediaData.type === 'Video'}
-function create_if_block_1(ctx) {
-	let div;
-
-	return {
-		c() {
-			div = element("div");
-			attr(div, "class", "video-icon svelte-q613rs");
-			set_style(div, "background-image", "url(" + Image_Play + ")");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-		},
-		p: noop,
-		d(detaching) {
-			if (detaching) detach(div);
-		}
-	};
+function he(a) {
+  let n, i;
+  return n = new de({
+    props: {
+      style: "height: 100%",
+      modules: [_e],
+      spaceBetween: 30,
+      autoplay: a[14] ? Q({
+        delay: 4e3,
+        stopOnLastSlide: !1,
+        disableOnInteraction: !1
+      }) : !1,
+      loop: !0,
+      $$slots: { default: [ve] },
+      $$scope: { ctx: a }
+    }
+  }), n.$on("init", a[19]), n.$on("slideChange", a[20]), {
+    c() {
+      C(n.$$.fragment);
+    },
+    m(e, t) {
+      L(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 16384 && (l.autoplay = e[14] ? Q({
+        delay: 4e3,
+        stopOnLastSlide: !1,
+        disableOnInteraction: !1
+      }) : !1), t & 67111360 && (l.$$scope = { dirty: t, ctx: e }), n.$set(l);
+    },
+    i(e) {
+      i || (_(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      p(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      P(n, e);
+    }
+  };
 }
-
-function create_fragment(ctx) {
-	let if_block_anchor;
-	let if_block = /*unfolded*/ ctx[4] && create_if_block(ctx);
-
-	return {
-		c() {
-			if (if_block) if_block.c();
-			if_block_anchor = empty();
-		},
-		m(target, anchor) {
-			if (if_block) if_block.m(target, anchor);
-			insert(target, if_block_anchor, anchor);
-		},
-		p(ctx, [dirty]) {
-			if (/*unfolded*/ ctx[4]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-
-					if (dirty & /*unfolded*/ 16) {
-						transition_in(if_block, 1);
-					}
-				} else {
-					if_block = create_if_block(ctx);
-					if_block.c();
-					transition_in(if_block, 1);
-					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-				}
-			} else if (if_block) {
-				group_outros();
-
-				transition_out(if_block, 1, 1, () => {
-					if_block = null;
-				});
-
-				check_outros();
-			}
-		},
-		i(local) {
-			transition_in(if_block);
-		},
-		o(local) {
-			transition_out(if_block);
-		},
-		d(detaching) {
-			if (if_block) if_block.d(detaching);
-			if (detaching) detach(if_block_anchor);
-		}
-	};
+function be(a) {
+  let n, i, e;
+  return n = new x({
+    props: {
+      media: a[23],
+      objectFit: a[8],
+      playButtonIfNeed: a[6],
+      canPlay: a[7]
+    }
+  }), {
+    c() {
+      C(n.$$.fragment), i = ce();
+    },
+    m(t, l) {
+      L(n, t, l), w(t, i, l), e = !0;
+    },
+    p(t, l) {
+      const o = {};
+      l & 2048 && (o.media = t[23]), l & 256 && (o.objectFit = t[8]), l & 64 && (o.playButtonIfNeed = t[6]), l & 128 && (o.canPlay = t[7]), n.$set(o);
+    },
+    i(t) {
+      e || (_(n.$$.fragment, t), e = !0);
+    },
+    o(t) {
+      p(n.$$.fragment, t), e = !1;
+    },
+    d(t) {
+      P(n, t), t && I(i);
+    }
+  };
 }
-
-function instance($$self, $$props, $$invalidate) {
-	let imageUrl;
-	let { mediaData } = $$props;
-	let { inDelay = 0 } = $$props;
-	let { outDelay = 0 } = $$props;
-	let { duration = 0 } = $$props;
-	let { unfolded = true } = $$props;
-
-	$$self.$$set = $$props => {
-		if ('mediaData' in $$props) $$invalidate(0, mediaData = $$props.mediaData);
-		if ('inDelay' in $$props) $$invalidate(1, inDelay = $$props.inDelay);
-		if ('outDelay' in $$props) $$invalidate(2, outDelay = $$props.outDelay);
-		if ('duration' in $$props) $$invalidate(3, duration = $$props.duration);
-		if ('unfolded' in $$props) $$invalidate(4, unfolded = $$props.unfolded);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*mediaData*/ 1) {
-			$: $$invalidate(5, imageUrl = mediaData.type === 'Image'
-			? mediaData.url
-			: mediaData.videoCoverUrl);
-		}
-	};
-
-	return [mediaData, inDelay, outDelay, duration, unfolded, imageUrl];
+function Y(a) {
+  let n, i;
+  return n = new me({
+    props: {
+      $$slots: { default: [be] },
+      $$scope: { ctx: a }
+    }
+  }), {
+    c() {
+      C(n.$$.fragment);
+    },
+    m(e, t) {
+      L(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 67111360 && (l.$$scope = { dirty: t, ctx: e }), n.$set(l);
+    },
+    i(e) {
+      i || (_(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      p(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      P(n, e);
+    }
+  };
 }
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(
-			this,
-			options,
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				mediaData: 0,
-				inDelay: 1,
-				outDelay: 2,
-				duration: 3,
-				unfolded: 4
-			},
-			add_css
-		);
-	}
+function ve(a) {
+  let n, i, e = a[11], t = [];
+  for (let o = 0; o < e.length; o += 1)
+    t[o] = Y(W(a, e, o));
+  const l = (o) => p(t[o], 1, 1, () => {
+    t[o] = null;
+  });
+  return {
+    c() {
+      for (let o = 0; o < t.length; o += 1)
+        t[o].c();
+      n = Z();
+    },
+    m(o, u) {
+      for (let r = 0; r < t.length; r += 1)
+        t[r].m(o, u);
+      w(o, n, u), i = !0;
+    },
+    p(o, u) {
+      if (u & 2496) {
+        e = o[11];
+        let r;
+        for (r = 0; r < e.length; r += 1) {
+          const m = W(o, 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));
+        }
+        for (D(), r = e.length; r < t.length; r += 1)
+          l(r);
+        j();
+      }
+    },
+    i(o) {
+      if (!i) {
+        for (let u = 0; u < e.length; u += 1)
+          _(t[u]);
+        i = !0;
+      }
+    },
+    o(o) {
+      t = t.filter(Boolean);
+      for (let u = 0; u < t.length; u += 1)
+        p(t[u]);
+      i = !1;
+    },
+    d(o) {
+      se(t, o), o && I(n);
+    }
+  };
 }
-
-export default Component;
+function ke(a) {
+  let n, i, e = a[4] && X(a);
+  return {
+    c() {
+      e && e.c(), n = Z();
+    },
+    m(t, l) {
+      e && e.m(t, l), w(t, n, l), i = !0;
+    },
+    p(t, [l]) {
+      t[4] ? e ? (e.p(t, l), l & 16 && _(e, 1)) : (e = X(t), e.c(), _(e, 1), e.m(n.parentNode, n)) : e && (D(), p(e, 1, 1, () => {
+        e = null;
+      }), j());
+    },
+    i(t) {
+      i || (_(e), i = !0);
+    },
+    o(t) {
+      p(e), i = !1;
+    },
+    d(t) {
+      e && e.d(t), t && I(n);
+    }
+  };
+}
+function we(a, n, i) {
+  let e, t, l, { tag: o } = n, { mediaData: u } = n, { inDelay: r = 0 } = n, { outDelay: m = 0 } = n, { duration: s = 0 } = n, { unfolded: g = !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 = R("mediaStore"), M = R("hooks");
+  let h;
+  function B(f) {
+    !e || !h || (O.set({ currentMediaUrl: this.src }), M.emit("playStateChange", {
+      event: f,
+      state: "playing",
+      tag: o,
+      mediaInstance: this
+    }), h.autoplay.stop());
+  }
+  function N(f) {
+    !e || !h || (M.emit("playStateChange", {
+      event: f,
+      state: "paused",
+      tag: o,
+      mediaInstance: this
+    }), h.autoplay.running || h.autoplay.start());
+  }
+  let S = null;
+  const $ = (f) => {
+    i(10, h = f.detail[0]);
+  }, ee = (f) => z(this, null, function* () {
+    var H, T, U;
+    if (!l || !k.autoplayVideo)
+      return;
+    const y = f.detail[0];
+    if (!y)
+      return;
+    const v = y.realIndex;
+    if (v === S)
+      return;
+    i(12, S = v);
+    const A = t[v];
+    if (!A || A.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()));
+    }
+  });
+  return a.$$set = (f) => {
+    "tag" in f && i(17, o = 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, g = 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);
+  }, 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, l = t.length > 1 && k.autoplay), a.$$.dirty & 1024 && h && h.slides.forEach((f) => {
+      const y = f.querySelector("video");
+      y && O.subscribe(({ currentMediaUrl: v }) => {
+        v !== y.src && y.pause();
+      });
+    });
+  }, [
+    u,
+    r,
+    m,
+    s,
+    g,
+    b,
+    F,
+    V,
+    q,
+    k,
+    h,
+    t,
+    S,
+    e,
+    l,
+    B,
+    N,
+    o,
+    E,
+    $,
+    ee
+  ];
+}
+class Ke extends te {
+  constructor(n) {
+    super(), ne(
+      this,
+      n,
+      we,
+      ke,
+      ie,
+      {
+        tag: 17,
+        mediaData: 0,
+        inDelay: 1,
+        outDelay: 2,
+        duration: 3,
+        unfolded: 4,
+        animation: 5,
+        playButtonIfNeed: 6,
+        canPlay: 7,
+        objectFit: 8,
+        enableCarousel: 18,
+        autoplayConfig: 9
+      },
+      pe
+    );
+  }
+}
+export {
+  Ke as default
+};