@realsee/dnalogel 2.3.7 → 2.3.9-alpha.0

package/libs/PanoTagPlugin/Components/Tag/MediaPlane.js

@@ -1,87 +1,117 @@
-import { SvelteComponent as g, init as y, safe_not_equal as b, append_styles as h, empty as w, insert as m, transition_in as f, group_outros as C, transition_out as d, check_outros as D, detach as _, element as j, create_component as k, attr as F, mount_component as M, destroy_component as v } from "../../../vendor/svelte/internal/index.js";
-import { Media as N } from "../Common/Media.js";
-function P(a) {
+import { SvelteComponent as _, init as b, safe_not_equal as I, append_styles as h, empty as w, insert as g, transition_in as d, transition_out as m, check_outros as C, detach as y, element as D, create_component as N, attr as P, mount_component as j, destroy_component as k, group_outros as B } from "../../../vendor/svelte/internal/index.js";
+import F from "../Common/Media.js";
+import "../../../vendor/svelte/transition/index.js";
+import "../../../vendor/svelte/easing/index.js";
+import "../../../vendor/swiper/svelte/swiper.js";
+import "swiper";
+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 "../../../vendor/swiper/svelte/swiper-slide.js";
+import "swiper/css";
+import "swiper/css/autoplay";
+import "three";
+import "../../utils/noTypecheck.js";
+import "../Common/MediaItem.js";
+import "../../Assets/Icon.js";
+import "../../../shared-utils/isNil.js";
+function M(a) {
   h(a, "svelte-10cw0el", ".media-wrapper.svelte-10cw0el{position:absolute;width:100%;height:100%}");
 }
 function c(a) {
-  let i, n, t;
-  return n = new N({
+  var i;
+  let r, o, t;
+  return o = new F({
     props: {
-      unfolded: a[5],
-      mediaData: a[4],
-      objectFit: a[2],
+      mediaItemConfig: {
+        canPlay: !0,
+        playButtonSizeIfNeed: "large",
+        playButtonIfNeed: (i = a[4]) != null ? i : "withText",
+        disableVideoIfHavePoster: !1,
+        objectFit: a[2]
+      },
+      unfolded: a[6],
+      mediaData: a[5],
       enableCarousel: a[1],
       autoplayConfig: a[3],
       tag: a[0],
-      canPlay: !0,
-      playButtonIfNeed: "large",
       inDelay: 500,
       duration: 500
     }
   }), {
     c() {
-      i = j("div"), k(n.$$.fragment), F(i, "class", "media-wrapper svelte-10cw0el");
+      r = D("div"), N(o.$$.fragment), P(r, "class", "media-wrapper svelte-10cw0el");
     },
-    m(e, o) {
-      m(e, i, o), M(n, i, null), t = !0;
+    m(e, n) {
+      g(e, r, n), j(o, r, null), t = !0;
     },
-    p(e, o) {
-      const r = {};
-      o & 32 && (r.unfolded = e[5]), o & 16 && (r.mediaData = e[4]), o & 4 && (r.objectFit = e[2]), o & 2 && (r.enableCarousel = e[1]), o & 8 && (r.autoplayConfig = e[3]), o & 1 && (r.tag = e[0]), n.$set(r);
+    p(e, n) {
+      var p;
+      const f = {};
+      n & 20 && (f.mediaItemConfig = {
+        canPlay: !0,
+        playButtonSizeIfNeed: "large",
+        playButtonIfNeed: (p = e[4]) != null ? p : "withText",
+        disableVideoIfHavePoster: !1,
+        objectFit: e[2]
+      }), n & 64 && (f.unfolded = e[6]), n & 32 && (f.mediaData = e[5]), n & 2 && (f.enableCarousel = e[1]), n & 8 && (f.autoplayConfig = e[3]), n & 1 && (f.tag = e[0]), o.$set(f);
     },
     i(e) {
-      t || (f(n.$$.fragment, e), t = !0);
+      t || (d(o.$$.fragment, e), t = !0);
     },
     o(e) {
-      d(n.$$.fragment, e), t = !1;
+      m(o.$$.fragment, e), t = !1;
     },
     d(e) {
-      e && _(i), v(n);
+      e && y(r), k(o);
     }
   };
 }
-function q(a) {
-  let i, n, t = a[0].state && a[4] && c(a);
+function v(a) {
+  let r, o, t = a[0].state && a[5] && c(a);
   return {
     c() {
-      t && t.c(), i = w();
+      t && t.c(), r = w();
     },
-    m(e, o) {
-      t && t.m(e, o), m(e, i, o), n = !0;
+    m(i, e) {
+      t && t.m(i, e), g(i, r, e), o = !0;
     },
-    p(e, [o]) {
-      e[0].state && e[4] ? t ? (t.p(e, o), o & 17 && f(t, 1)) : (t = c(e), t.c(), f(t, 1), t.m(i.parentNode, i)) : t && (C(), d(t, 1, 1, () => {
+    p(i, [e]) {
+      i[0].state && i[5] ? t ? (t.p(i, e), e & 33 && d(t, 1)) : (t = c(i), t.c(), d(t, 1), t.m(r.parentNode, r)) : t && (B(), m(t, 1, 1, () => {
         t = null;
-      }), D());
+      }), C());
     },
-    i(e) {
-      n || (f(t), n = !0);
+    i(i) {
+      o || (d(t), o = !0);
     },
-    o(e) {
-      d(t), n = !1;
+    o(i) {
+      m(t), o = !1;
     },
-    d(e) {
-      t && t.d(e), e && _(i);
+    d(i) {
+      t && t.d(i), i && y(r);
     }
   };
 }
-function B(a, i, n) {
-  let t, e, o, r, s, { tag: l } = i;
+function S(a, r, o) {
+  let t, i, e, n, f, p, { tag: l } = r;
   return a.$$set = (u) => {
-    "tag" in u && n(0, l = u.tag);
+    "tag" in u && o(0, l = u.tag);
   }, a.$$.update = () => {
-    var u, p;
-    a.$$.dirty & 1 && n(5, t = l.state ? l.state.unfolded : !1), a.$$.dirty & 1 && n(4, e = l.data.mediaData), a.$$.dirty & 1 && n(1, o = l.data.enableCarousel), a.$$.dirty & 3 && n(3, r = (u = l.data.autoplayConfig) != null ? u : {
-      autoplay: o != null ? o : !0,
+    var u, s;
+    a.$$.dirty & 1 && o(6, t = l.state ? l.state.unfolded : !1), a.$$.dirty & 1 && o(5, i = l.data.mediaData), a.$$.dirty & 1 && o(1, e = l.data.enableCarousel), a.$$.dirty & 1 && o(4, n = l.data.playIcon), a.$$.dirty & 3 && o(3, f = (u = l.data.autoplayConfig) != null ? u : {
+      autoplay: e != null ? e : !0,
       autoplayVideo: !0
-    }), a.$$.dirty & 1 && n(2, s = (p = l.data.objectFit) != null ? p : (() => l.data.adaptationMode === "stretch" ? "cover" : l.data.adaptationMode === "proportional" ? "contain" : void 0)());
-  }, [l, o, s, r, e, t];
+    }), a.$$.dirty & 1 && o(2, p = (s = l.data.objectFit) != null ? s : (() => l.data.adaptationMode === "stretch" ? "cover" : l.data.adaptationMode === "proportional" ? "contain" : void 0)());
+  }, [l, e, p, f, n, i, t];
 }
-class V extends g {
-  constructor(i) {
-    super(), y(this, i, B, q, b, { tag: 0 }, P);
+class x extends _ {
+  constructor(r) {
+    super(), b(this, r, S, v, I, { tag: 0 }, M);
   }
 }
 export {
-  V as MediaPlane
+  x as default
 };

package/libs/PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js

@@ -0,0 +1,102 @@
+import { SvelteComponent as P, init as j, safe_not_equal as A, append_styles as B, empty as E, insert as T, transition_in as u, transition_out as $, check_outros as F, detach as x, create_component as k, space as D, element as _, attr as v, toggle_class as b, mount_component as y, append as g, destroy_component as z, group_outros as G } from "../../../../vendor/svelte/internal/index.js";
+import H from "../../Common/Line/Straight.js";
+import M from "../../Common/Text/MText.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+import "../../../../shared-utils/uuid.js";
+import "../../../utils/px2rem.js";
+function I(a) {
+  B(a, "svelte-7a4m", ".plane__container.svelte-7a4m.svelte-7a4m{position:absolute;left:50%;transform:translate(-50%, -100%);width:-moz-max-content;width:max-content}.plane__wrapper.svelte-7a4m.svelte-7a4m{transition:transform 500ms linear, opacity 200ms linear;padding:0.625rem;background-color:rgba(0, 0, 0, 0.5);border:0.03125rem solid rgba(255, 255, 255, 0.5);border-radius:0.25rem}.unfolded.svelte-7a4m .plane__wrapper.svelte-7a4m{transform:translateY(-0.9375rem);transition-delay:200ms, 500ms;opacity:1}.folded.svelte-7a4m .plane__wrapper.svelte-7a4m{transform:translateY(0);opacity:0}.plane.svelte-7a4m.svelte-7a4m{max-width:11.75rem}.title.svelte-7a4m.svelte-7a4m{font-weight:bold;font-size:0.75rem;line-height:1.125rem;margin-bottom:0.25rem}.description.svelte-7a4m.svelte-7a4m{font-size:0.6875rem;line-height:1rem}");
+}
+function N(a) {
+  var C, L;
+  let i, l, e, n, r, m, o, c, d, f, p;
+  return i = new H({
+    props: {
+      unfolded: a[1],
+      direction: "vertical",
+      length: 15,
+      duration: 500,
+      inDelay: 200,
+      useLinearColor: !0
+    }
+  }), o = new M({
+    props: {
+      text: a[2],
+      edit: (C = a[0].data.edit) == null ? void 0 : C.title
+    }
+  }), f = new M({
+    props: {
+      text: a[0].data.description,
+      edit: (L = a[0].data.edit) == null ? void 0 : L.description,
+      maxLine: 3
+    }
+  }), {
+    c() {
+      k(i.$$.fragment), l = D(), e = _("div"), n = _("div"), r = _("div"), m = _("div"), k(o.$$.fragment), c = D(), d = _("div"), k(f.$$.fragment), v(m, "class", "title svelte-7a4m"), v(d, "class", "description svelte-7a4m"), v(r, "class", "plane svelte-7a4m"), v(n, "class", "plane__wrapper svelte-7a4m"), v(e, "class", "plane__container svelte-7a4m"), b(e, "unfolded", a[1]), b(e, "folded", a[3]);
+    },
+    m(t, s) {
+      y(i, t, s), T(t, l, s), T(t, e, s), g(e, n), g(n, r), g(r, m), y(o, m, null), g(r, c), g(r, d), y(f, d, null), p = !0;
+    },
+    p(t, s) {
+      var Y, q;
+      const S = {};
+      s & 2 && (S.unfolded = t[1]), i.$set(S);
+      const h = {};
+      s & 4 && (h.text = t[2]), s & 1 && (h.edit = (Y = t[0].data.edit) == null ? void 0 : Y.title), o.$set(h);
+      const w = {};
+      s & 1 && (w.text = t[0].data.description), s & 1 && (w.edit = (q = t[0].data.edit) == null ? void 0 : q.description), f.$set(w), (!p || s & 2) && b(e, "unfolded", t[1]), (!p || s & 8) && b(e, "folded", t[3]);
+    },
+    i(t) {
+      p || (u(i.$$.fragment, t), u(o.$$.fragment, t), u(f.$$.fragment, t), p = !0);
+    },
+    o(t) {
+      $(i.$$.fragment, t), $(o.$$.fragment, t), $(f.$$.fragment, t), p = !1;
+    },
+    d(t) {
+      z(i, t), t && x(l), t && x(e), z(o), z(f);
+    }
+  };
+}
+function J(a) {
+  let i, l, e = a[0].state && N(a);
+  return {
+    c() {
+      e && e.c(), i = E();
+    },
+    m(n, r) {
+      e && e.m(n, r), T(n, i, r), l = !0;
+    },
+    p(n, [r]) {
+      n[0].state ? e ? (e.p(n, r), r & 1 && u(e, 1)) : (e = N(n), e.c(), u(e, 1), e.m(i.parentNode, i)) : e && (G(), $(e, 1, 1, () => {
+        e = null;
+      }), F());
+    },
+    i(n) {
+      l || (u(e), l = !0);
+    },
+    o(n) {
+      $(e), l = !1;
+    },
+    d(n) {
+      e && e.d(n), n && x(i);
+    }
+  };
+}
+function K(a, i, l) {
+  let e, n, r, { tag: m } = i;
+  return a.$$set = (o) => {
+    "tag" in o && l(0, m = o.tag);
+  }, a.$$.update = () => {
+    var o, c, d;
+    a.$$.dirty & 1 && l(1, e = !!((o = m.state) != null && o.unfolded)), a.$$.dirty & 2 && l(3, n = !e), a.$$.dirty & 1 && l(2, r = (d = (c = m.data.title) != null ? c : m.data.text) != null ? d : "");
+  }, [m, e, r, n];
+}
+class Z extends P {
+  constructor(i) {
+    super(), j(this, i, K, J, A, { tag: 0 }, I);
+  }
+}
+export {
+  Z as default
+};

package/libs/PanoTagPlugin/Components/Tag/TextTag/TextTag.js

@@ -0,0 +1,134 @@
+import { SvelteComponent as S, init as C, safe_not_equal as R, append_styles as W, empty as q, insert as w, transition_in as p, transition_out as _, check_outros as F, detach as v, create_component as k, space as D, element as I, attr as L, add_render_callback as N, mount_component as z, add_resize_listener as j, listen as x, destroy_component as T, group_outros as A } from "../../../../vendor/svelte/internal/index.js";
+import B from "../../Common/Line/Straight.js";
+import E from "../../Common/Shadow.js";
+import G from "../../Common/Text/FlyMText.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+import "../../../../shared-utils/uuid.js";
+import "../../Common/Text/FlyText.js";
+import "animejs";
+import "../../../../shared-utils/isNil.js";
+import "three";
+import "../../../utils/search.js";
+import "../../../utils/constants.js";
+import "../../Common/Arrow.js";
+import "../../../Assets/Icon.js";
+import "../../../utils/doUtil.js";
+function H(n) {
+  W(n, "svelte-nlvd3x", ".content.svelte-nlvd3x{width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0;overflow:hidden;box-sizing:border-box;font-size:0;pointer-events:none;white-space:nowrap;font-weight:600}");
+}
+function M(n) {
+  var g, d;
+  let l, f, t, o, i, s, a, m, u, c;
+  return l = new E({
+    props: {
+      visible: n[2],
+      left: n[3] / 2 + "px",
+      bottom: 12,
+      width: 2,
+      blurRadius: 120,
+      spreadRadius: 60
+    }
+  }), t = new B({
+    props: {
+      unfolded: n[2],
+      length: n[3],
+      outDelay: n[4] + 40 * Math.min((d = (g = n[6][0]) == null ? void 0 : g.content.length) != null ? d : 10, 15),
+      useLinearColor: !0
+    }
+  }), s = new G({
+    props: {
+      visible: n[2],
+      textUnfolded: n[1],
+      content: n[5]
+    }
+  }), {
+    c() {
+      k(l.$$.fragment), f = D(), k(t.$$.fragment), o = D(), i = I("div"), k(s.$$.fragment), L(i, "class", "content svelte-nlvd3x"), N(() => n[8].call(i));
+    },
+    m(e, r) {
+      z(l, e, r), w(e, f, r), z(t, e, r), w(e, o, r), w(e, i, r), z(s, i, null), a = j(i, n[8].bind(i)), m = !0, u || (c = x(i, "click", n[7]), u = !0);
+    },
+    p(e, r) {
+      var y, U;
+      const $ = {};
+      r & 4 && ($.visible = e[2]), r & 8 && ($.left = e[3] / 2 + "px"), l.$set($);
+      const h = {};
+      r & 4 && (h.unfolded = e[2]), r & 8 && (h.length = e[3]), r & 16 && (h.outDelay = e[4] + 40 * Math.min((U = (y = e[6][0]) == null ? void 0 : y.content.length) != null ? U : 10, 15)), t.$set(h);
+      const b = {};
+      r & 4 && (b.visible = e[2]), r & 2 && (b.textUnfolded = e[1]), r & 32 && (b.content = e[5]), s.$set(b);
+    },
+    i(e) {
+      m || (p(l.$$.fragment, e), p(t.$$.fragment, e), p(s.$$.fragment, e), m = !0);
+    },
+    o(e) {
+      _(l.$$.fragment, e), _(t.$$.fragment, e), _(s.$$.fragment, e), m = !1;
+    },
+    d(e) {
+      T(l, e), e && v(f), T(t, e), e && v(o), e && v(i), T(s), a(), u = !1, c();
+    }
+  };
+}
+function J(n) {
+  let l, f, t = n[0].state && M(n);
+  return {
+    c() {
+      t && t.c(), l = q();
+    },
+    m(o, i) {
+      t && t.m(o, i), w(o, l, i), f = !0;
+    },
+    p(o, [i]) {
+      o[0].state ? t ? (t.p(o, i), i & 1 && p(t, 1)) : (t = M(o), t.c(), p(t, 1), t.m(l.parentNode, l)) : t && (A(), _(t, 1, 1, () => {
+        t = null;
+      }), F());
+    },
+    i(o) {
+      f || (p(t), f = !0);
+    },
+    o(o) {
+      _(t), f = !1;
+    },
+    d(o) {
+      t && t.d(o), o && v(l);
+    }
+  };
+}
+function K(n, l, f) {
+  let t, o, i, { tag: s } = l, a, m = !1, u = [];
+  function c() {
+    f(1, m = !m);
+  }
+  function g() {
+    a = this.clientWidth, f(3, a);
+  }
+  return n.$$set = (d) => {
+    "tag" in d && f(0, s = d.tag);
+  }, n.$$.update = () => {
+    var d, e, r;
+    n.$$.dirty & 1 && f(2, t = !!((d = s.state) != null && d.unfolded)), n.$$.dirty & 1 && f(5, o = (r = (e = s.data.title) != null ? e : s.data.text) != null ? r : ""), n.$$.dirty & 4 && (t || setTimeout(
+      () => {
+        f(1, m = !1);
+      },
+      20
+    )), n.$$.dirty & 2 && f(4, i = m ? 450 : 0);
+  }, [
+    s,
+    m,
+    t,
+    a,
+    i,
+    o,
+    u,
+    c,
+    g
+  ];
+}
+class me extends S {
+  constructor(l) {
+    super(), C(this, l, K, J, R, { tag: 0 }, H);
+  }
+}
+export {
+  me as default
+};

package/libs/PanoTagPlugin/Components/Tag/TextTag/index.js

@@ -0,0 +1,115 @@
+import { SvelteComponent as d, init as $, safe_not_equal as k, empty as b, insert as x, transition_out as f, check_outros as T, transition_in as l, detach as y, group_outros as h, create_component as s, mount_component as _, destroy_component as g } from "../../../../vendor/svelte/internal/index.js";
+import w from "./TextTag.js";
+import q from "./TextPlaneTag.js";
+import "../../Common/Line/Straight.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+import "../../../../shared-utils/uuid.js";
+import "../../Common/Shadow.js";
+import "../../Common/Text/FlyMText.js";
+import "../../Common/Text/FlyText.js";
+import "animejs";
+import "../../../../shared-utils/isNil.js";
+import "three";
+import "../../../utils/search.js";
+import "../../../utils/constants.js";
+import "../../Common/Arrow.js";
+import "../../../Assets/Icon.js";
+import "../../../utils/doUtil.js";
+import "../../Common/Text/MText.js";
+import "../../../utils/px2rem.js";
+function v(a) {
+  let t, r;
+  return t = new q({ props: { tag: a[0] } }), {
+    c() {
+      s(t.$$.fragment);
+    },
+    m(e, n) {
+      _(t, e, n), r = !0;
+    },
+    p(e, n) {
+      const i = {};
+      n & 1 && (i.tag = e[0]), t.$set(i);
+    },
+    i(e) {
+      r || (l(t.$$.fragment, e), r = !0);
+    },
+    o(e) {
+      f(t.$$.fragment, e), r = !1;
+    },
+    d(e) {
+      g(t, e);
+    }
+  };
+}
+function C(a) {
+  let t, r;
+  return t = new w({ props: { tag: a[0] } }), {
+    c() {
+      s(t.$$.fragment);
+    },
+    m(e, n) {
+      _(t, e, n), r = !0;
+    },
+    p(e, n) {
+      const i = {};
+      n & 1 && (i.tag = e[0]), t.$set(i);
+    },
+    i(e) {
+      r || (l(t.$$.fragment, e), r = !0);
+    },
+    o(e) {
+      f(t.$$.fragment, e), r = !1;
+    },
+    d(e) {
+      g(t, e);
+    }
+  };
+}
+function N(a) {
+  let t, r, e, n;
+  const i = [C, v], p = [];
+  function u(o, c) {
+    return o[1] === "line" ? 0 : o[1] === "plane" ? 1 : -1;
+  }
+  return ~(t = u(a)) && (r = p[t] = i[t](a)), {
+    c() {
+      r && r.c(), e = b();
+    },
+    m(o, c) {
+      ~t && p[t].m(o, c), x(o, e, c), n = !0;
+    },
+    p(o, [c]) {
+      let m = t;
+      t = u(o), t === m ? ~t && p[t].p(o, c) : (r && (h(), f(p[m], 1, 1, () => {
+        p[m] = null;
+      }), T()), ~t ? (r = p[t], r ? r.p(o, c) : (r = p[t] = i[t](o), r.c()), l(r, 1), r.m(e.parentNode, e)) : r = null);
+    },
+    i(o) {
+      n || (l(r), n = !0);
+    },
+    o(o) {
+      f(r), n = !1;
+    },
+    d(o) {
+      ~t && p[t].d(o), o && y(e);
+    }
+  };
+}
+function P(a, t, r) {
+  let e, { tag: n } = t;
+  return a.$$set = (i) => {
+    "tag" in i && r(0, n = i.tag);
+  }, a.$$.update = () => {
+    var i;
+    a.$$.dirty & 1 && r(1, e = (i = n.data.appearance) != null ? i : "line");
+  }, [n, e];
+}
+class W extends d {
+  constructor(t) {
+    super(), $(this, t, P, N, k, { tag: 0 });
+  }
+}
+export {
+  W as default
+};