@realsee/dnalogel 2.3.6 → 2.3.7-alpha.0

package/libs/PanoTagPlugin/Components/Common/Text/FlyText.js

@@ -0,0 +1,147 @@
+import { SvelteComponent as N, init as S, safe_not_equal as C, append_styles as L, empty as O, insert as I, update_keyed_each as w, noop as y, detach as U, element as z, text as J, attr as P, append as V, set_data as q, destroy_block as v, binding_callbacks as B } from "../../../../vendor/svelte/internal/index.js";
+import E from "animejs";
+import { uuid as F } from "../../../../shared-utils/uuid.js";
+import { notNil as G } from "../../../../shared-utils/isNil.js";
+import "three";
+import { searchFirstValueSmallThanLastValue as W } from "../../../utils/search.js";
+import { RANDON_STRING as k } from "../../../utils/constants.js";
+function X(s) {
+  L(s, "svelte-zgfkts", ".text-char.svelte-zgfkts{text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
+}
+function j(s, e, i) {
+  const l = s.slice();
+  return l[14] = e[i].id, l[0] = e[i].content, l[15] = e, l[16] = i, l;
+}
+function D(s, e) {
+  let i, l = e[0] + "", r, u = e[16];
+  const t = () => e[7](i, u), o = () => e[7](null, u);
+  return {
+    key: s,
+    first: null,
+    c() {
+      i = z("span"), r = J(l), P(i, "class", "text-char svelte-zgfkts"), this.first = i;
+    },
+    m(a, d) {
+      I(a, i, d), V(i, r), t();
+    },
+    p(a, d) {
+      e = a, d & 4 && l !== (l = e[0] + "") && q(r, l), u !== e[16] && (o(), u = e[16], t());
+    },
+    d(a) {
+      a && U(i), o();
+    }
+  };
+}
+function Y(s) {
+  let e = [], i = /* @__PURE__ */ new Map(), l, r = s[2];
+  const u = (t) => t[14];
+  for (let t = 0; t < r.length; t += 1) {
+    let o = j(s, r, t), a = u(o);
+    i.set(a, e[t] = D(a, o));
+  }
+  return {
+    c() {
+      for (let t = 0; t < e.length; t += 1)
+        e[t].c();
+      l = O();
+    },
+    m(t, o) {
+      for (let a = 0; a < e.length; a += 1)
+        e[a].m(t, o);
+      I(t, l, o);
+    },
+    p(t, [o]) {
+      o & 6 && (r = t[2], e = w(e, o, u, 1, t, r, i, l.parentNode, v, D, l, j));
+    },
+    i: y,
+    o: y,
+    d(t) {
+      for (let o = 0; o < e.length; o += 1)
+        e[o].d(t);
+      t && U(l);
+    }
+  };
+}
+function H(s, e, i) {
+  let l, { inDelay: r = 0 } = e, { outDelay: u = 0 } = e, { content: t } = e, { unfolded: o } = e, { isFistUnfoldedUpdate: a = !0 } = e, d, c, h = [];
+  function M(n) {
+    const f = [], g = new RegExp(new RegExp("\\p{Regional_Indicator}\\p{Regional_Indicator}|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?(\\u200D\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?)+|\\p{Emoji_Presentation}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)", "gu")), _ = `__EMOJI_SPLIT_${k}__`, p = `__EMOJI_${k}__`;
+    return n.slice().replace(g, (m) => `${_}${p}${m}${_}`).split(_).forEach((m) => m.startsWith(p) ? f.push({
+      id: F(),
+      content: m.slice(p.length)
+    }) : f.push(...m.split("").map((A) => ({ id: F(), content: A })))), f;
+  }
+  function b() {
+    if (!c)
+      return;
+    const n = !o;
+    c.reversed !== n && c.reverse(), c.play();
+  }
+  function R(n) {
+    if (a) {
+      i(3, a = !1);
+      return;
+    }
+    clearTimeout(d), d = setTimeout(b, n ? r : u);
+  }
+  function x(n) {
+    const f = function() {
+      const g = W((_) => n[_].getBoundingClientRect().x, [Math.min(n.length - 1, 10), Math.min(n.length - 1, 30)]);
+      if (g > 0)
+        return g;
+    }();
+    c = E({
+      targets: n.slice(0, f).filter(G),
+      autoplay: !1,
+      duration: 400,
+      scale: [0.7, 1],
+      rotate: [20, 0],
+      opacity: [0, 1],
+      translateX: [4, 0],
+      translateY: [10, 0],
+      delay: E.stagger(50),
+      easing: "easeInOutCubic"
+    }), o && c.seek(c.duration);
+  }
+  function T(n, f) {
+    B[n ? "unshift" : "push"](() => {
+      h[f] = n, i(1, h);
+    });
+  }
+  return s.$$set = (n) => {
+    "inDelay" in n && i(4, r = n.inDelay), "outDelay" in n && i(5, u = n.outDelay), "content" in n && i(0, t = n.content), "unfolded" in n && i(6, o = n.unfolded), "isFistUnfoldedUpdate" in n && i(3, a = n.isFistUnfoldedUpdate);
+  }, s.$$.update = () => {
+    s.$$.dirty & 1 && i(2, l = M(t)), s.$$.dirty & 64 && R(o), s.$$.dirty & 2 && x(h.filter((n) => !!n));
+  }, [
+    t,
+    h,
+    l,
+    a,
+    r,
+    u,
+    o,
+    T
+  ];
+}
+class ie extends N {
+  constructor(e) {
+    super(), S(
+      this,
+      e,
+      H,
+      Y,
+      C,
+      {
+        inDelay: 4,
+        outDelay: 5,
+        content: 0,
+        unfolded: 6,
+        isFistUnfoldedUpdate: 3
+      },
+      X
+    );
+  }
+}
+export {
+  ie as default
+};

package/libs/PanoTagPlugin/Components/Common/Text/MText.js

@@ -0,0 +1,166 @@
+import { SvelteComponent as g, init as L, safe_not_equal as W, append_styles as z, element as k, attr as h, set_style as d, insert as u, transition_out as b, check_outros as N, transition_in as p, detach as _, group_outros as C, create_slot as E, update_slot_base as M, get_all_dirty_from_scope as S, get_slot_changes as T, space as j, empty as A, noop as m, text as q, set_data as x, append as B } from "../../../../vendor/svelte/internal/index.js";
+import v from "../../../utils/px2rem.js";
+function D(o) {
+  z(o, "svelte-ilb1qs", ".text.svelte-ilb1qs{display:-webkit-box;display:-ms-box;display:-moz-box;position:relative;width:-moz-max-content;width:max-content;max-width:100%;word-break:break-all;-webkit-box-orient:vertical;-ms-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@keyframes svelte-ilb1qs-blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.caret.svelte-ilb1qs{position:absolute;width:0.0625rem;height:100%;background-color:#fff;animation:svelte-ilb1qs-blink 1.2s infinite}.placeholder.svelte-ilb1qs{opacity:0.5}");
+}
+function F(o) {
+  let t;
+  const l = o[6].default, e = E(l, o, o[5], null);
+  return {
+    c() {
+      e && e.c();
+    },
+    m(i, a) {
+      e && e.m(i, a), t = !0;
+    },
+    p(i, a) {
+      e && e.p && (!t || a & 32) && M(
+        e,
+        l,
+        i,
+        i[5],
+        t ? T(l, i[5], a, null) : S(i[5]),
+        null
+      );
+    },
+    i(i) {
+      t || (p(e, i), t = !0);
+    },
+    o(i) {
+      b(e, i), t = !1;
+    },
+    d(i) {
+      e && e.d(i);
+    }
+  };
+}
+function G(o) {
+  var a, c;
+  let t, l, e = ((a = o[3]) == null ? void 0 : a.inputting) && y(), i = ((c = o[3]) == null ? void 0 : c.placeholder) && w(o);
+  return {
+    c() {
+      e && e.c(), t = j(), i && i.c(), l = A();
+    },
+    m(s, n) {
+      e && e.m(s, n), u(s, t, n), i && i.m(s, n), u(s, l, n);
+    },
+    p(s, n) {
+      var f, r;
+      (f = s[3]) != null && f.inputting ? e || (e = y(), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null), (r = s[3]) != null && r.placeholder ? i ? i.p(s, n) : (i = w(s), i.c(), i.m(l.parentNode, l)) : i && (i.d(1), i = null);
+    },
+    i: m,
+    o: m,
+    d(s) {
+      e && e.d(s), s && _(t), i && i.d(s), s && _(l);
+    }
+  };
+}
+function H(o) {
+  let t;
+  return {
+    c() {
+      t = q(o[2]);
+    },
+    m(l, e) {
+      u(l, t, e);
+    },
+    p(l, e) {
+      e & 4 && x(t, l[2]);
+    },
+    i: m,
+    o: m,
+    d(l) {
+      l && _(t);
+    }
+  };
+}
+function y(o) {
+  let t;
+  return {
+    c() {
+      t = k("div"), h(t, "class", "caret svelte-ilb1qs");
+    },
+    m(l, e) {
+      u(l, t, e);
+    },
+    d(l) {
+      l && _(t);
+    }
+  };
+}
+function w(o) {
+  let t, l = o[3].placeholder + "", e;
+  return {
+    c() {
+      t = k("span"), e = q(l), h(t, "class", "placeholder svelte-ilb1qs");
+    },
+    m(i, a) {
+      u(i, t, a), B(t, e);
+    },
+    p(i, a) {
+      a & 8 && l !== (l = i[3].placeholder + "") && x(e, l);
+    },
+    d(i) {
+      i && _(t);
+    }
+  };
+}
+function I(o) {
+  let t, l, e, i;
+  const a = [H, G, F], c = [];
+  function s(n, f) {
+    return n[2] ? 0 : n[4] ? 1 : 2;
+  }
+  return l = s(o), e = c[l] = a[l](o), {
+    c() {
+      t = k("div"), e.c(), h(t, "class", "text svelte-ilb1qs"), d(t, "max-width", typeof o[1] == "number" ? v(o[1]) : o[1]), d(t, "-webkit-line-clamp", o[0]);
+    },
+    m(n, f) {
+      u(n, t, f), c[l].m(t, null), i = !0;
+    },
+    p(n, [f]) {
+      let r = l;
+      l = s(n), l === r ? c[l].p(n, f) : (C(), b(c[r], 1, 1, () => {
+        c[r] = null;
+      }), N(), e = c[l], e ? e.p(n, f) : (e = c[l] = a[l](n), e.c()), p(e, 1), e.m(t, null)), f & 2 && d(t, "max-width", typeof n[1] == "number" ? v(n[1]) : n[1]), f & 1 && d(t, "-webkit-line-clamp", n[0]);
+    },
+    i(n) {
+      i || (p(e), i = !0);
+    },
+    o(n) {
+      b(e), i = !1;
+    },
+    d(n) {
+      n && _(t), c[l].d();
+    }
+  };
+}
+function J(o, t, l) {
+  let e, { $$slots: i = {}, $$scope: a } = t, { maxLine: c = 1 } = t, { maxWidth: s = null } = t, { text: n = null } = t, { edit: f = null } = t;
+  return o.$$set = (r) => {
+    "maxLine" in r && l(0, c = r.maxLine), "maxWidth" in r && l(1, s = r.maxWidth), "text" in r && l(2, n = r.text), "edit" in r && l(3, f = r.edit), "$$scope" in r && l(5, a = r.$$scope);
+  }, o.$$.update = () => {
+    o.$$.dirty & 8 && l(4, e = (f == null ? void 0 : f.placeholder) || (f == null ? void 0 : f.inputting));
+  }, [c, s, n, f, e, a, i];
+}
+class P extends g {
+  constructor(t) {
+    super(), L(
+      this,
+      t,
+      J,
+      I,
+      W,
+      {
+        maxLine: 0,
+        maxWidth: 1,
+        text: 2,
+        edit: 3
+      },
+      D
+    );
+  }
+}
+export {
+  P as default
+};

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

@@ -0,0 +1,106 @@
+import { SvelteComponent as h, init as p, safe_not_equal as k, append_styles as I, empty as g, insert as b, transition_in as d, transition_out as _, check_outros as q, detach as v, element as w, text as O, attr as C, append as N, set_data as S, add_render_callback as T, create_in_transition as j, create_out_transition as z, group_outros as A } from "../../../vendor/svelte/internal/index.js";
+import { cubicInOut as m } from "../../../vendor/svelte/easing/index.js";
+function B(a) {
+  I(a, "svelte-1sfwqvc", ".text-char.svelte-1sfwqvc{opacity:1;display:inline-block;transform:translate(0, 0) scale(1) rotate(0)}");
+}
+function x(a) {
+  let e, t, n, i, o;
+  return {
+    c() {
+      e = w("span"), t = O(a[1]), C(e, "class", "text-char svelte-1sfwqvc");
+    },
+    m(r, c) {
+      b(r, e, c), N(e, t), o = !0;
+    },
+    p(r, c) {
+      (!o || c & 2) && S(t, r[1]);
+    },
+    i(r) {
+      o || (r && T(() => {
+        i && i.end(1), n = j(e, a[2], { duration: 400 }), n.start();
+      }), o = !0);
+    },
+    o(r) {
+      n && n.invalidate(), r && (i = z(e, a[3], { duration: 400 })), o = !1;
+    },
+    d(r) {
+      r && v(e), r && i && i.end();
+    }
+  };
+}
+function D(a) {
+  let e, t = a[0] && x(a);
+  return {
+    c() {
+      t && t.c(), e = g();
+    },
+    m(n, i) {
+      t && t.m(n, i), b(n, e, i);
+    },
+    p(n, [i]) {
+      n[0] ? t ? (t.p(n, i), i & 1 && d(t, 1)) : (t = x(n), t.c(), d(t, 1), t.m(e.parentNode, e)) : t && (A(), _(t, 1, 1, () => {
+        t = null;
+      }), q());
+    },
+    i(n) {
+      d(t);
+    },
+    o(n) {
+      _(t);
+    },
+    d(n) {
+      t && t.d(n), n && v(e);
+    }
+  };
+}
+function E(a, e, t) {
+  let { index: n } = e, { rightIndex: i } = e, { visible: o } = e, { content: r } = e;
+  function c(s, { duration: f }) {
+    return {
+      duration: f,
+      delay: n * 40,
+      css: (u) => {
+        const l = m(u);
+        return `
+          transform: translate(${4 * (1 - l)}px, ${10 * (1 - l)}px) scale(${0.7 + l * 0.3}) rotate(${20 * (1 - l)}deg);
+          opacity: ${l};`;
+      }
+    };
+  }
+  function y(s, { duration: f }) {
+    return {
+      duration: f,
+      delay: i * 40,
+      css: (u) => {
+        const l = m(u);
+        return `
+          transform: translate(${4 * (1 - l)}px, ${10 * (1 - l)}px) scale(${0.7 + l * 0.3}) rotate(${20 * (1 - l)}deg);
+          opacity: ${l};`;
+      }
+    };
+  }
+  return a.$$set = (s) => {
+    "index" in s && t(4, n = s.index), "rightIndex" in s && t(5, i = s.rightIndex), "visible" in s && t(0, o = s.visible), "content" in s && t(1, r = s.content);
+  }, [o, r, c, y, n, i];
+}
+class H extends h {
+  constructor(e) {
+    super(), p(
+      this,
+      e,
+      E,
+      D,
+      k,
+      {
+        index: 4,
+        rightIndex: 5,
+        visible: 0,
+        content: 1
+      },
+      B
+    );
+  }
+}
+export {
+  H as default
+};

package/libs/PanoTagPlugin/Components/Tag/AudioTag/AudioPlaneTag.js

@@ -0,0 +1,213 @@
+import { SvelteComponent as S, init as A, safe_not_equal as P, append_styles as U, empty as R, insert as s, transition_in as m, transition_out as c, check_outros as W, detach as u, element as d, create_component as _, attr as f, set_style as g, append as j, mount_component as h, destroy_component as $, group_outros as q, text as T, set_data as y } from "../../../../vendor/svelte/internal/index.js";
+import E from "../../Common/Icon/audioIcon.js";
+import F from "../../Common/Text/MText.js";
+import G from "../../Common/Audio.js";
+import v from "../../../utils/timeToString.js";
+import "three";
+import { noTypecheck as k } from "../../../utils/noTypecheck.js";
+import { name2Rgba as M } from "../../../utils/color.js";
+import "../../../utils/px2rem.js";
+import "../../Common/Shadow.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+function N(i) {
+  U(i, "svelte-1fezrt1", ".audio-tag__wrapper.svelte-1fezrt1{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.audio-tag.svelte-1fezrt1{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:0.1875rem;padding-right:0.625rem;border-radius:624999.9375rem;border:0.03125rem solid rgba(255, 255, 255, 0.2)}.currentTime.svelte-1fezrt1{font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;margin-left:0.25rem}.text.svelte-1fezrt1{font-weight:bold;font-size:0.75rem;margin-left:0.125rem}.audio-icon__wrapper.svelte-1fezrt1{position:relative;vertical-align:top;pointer-events:none;width:1.375rem;height:1.375rem}");
+}
+function z(i) {
+  let o, t, e, r;
+  return e = new G({
+    props: {
+      url: i[0].data.audioUrl,
+      hooksInfo: { tag: i[0] },
+      style: "width: max-content; height: max-content;",
+      slotWrapperStyle: "display: flex; align-items: center; justify-content: center;",
+      $$slots: {
+        currentTime: [
+          H,
+          ({ duration: n, currentTime: a, playing: l }) => ({ 4: n, 5: a, 6: l }),
+          ({ duration: n, currentTime: a, playing: l }) => (n ? 16 : 0) | (a ? 32 : 0) | (l ? 64 : 0)
+        ],
+        audioIcon: [
+          D,
+          ({ playing: n }) => ({ 6: n }),
+          ({ playing: n }) => n ? 64 : 0
+        ],
+        default: [B]
+      },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      o = d("div"), t = d("div"), _(e.$$.fragment), f(t, "class", "audio-tag svelte-1fezrt1"), g(t, "background-color", i[1]), g(t, "color", i[2]), f(o, "class", "audio-tag__wrapper svelte-1fezrt1");
+    },
+    m(n, a) {
+      s(n, o, a), j(o, t), h(e, t, null), r = !0;
+    },
+    p(n, a) {
+      const l = {};
+      a & 1 && (l.url = n[0].data.audioUrl), a & 1 && (l.hooksInfo = { tag: n[0] }), a & 248 && (l.$$scope = { dirty: a, ctx: n }), e.$set(l), a & 2 && g(t, "background-color", n[1]), a & 4 && g(t, "color", n[2]);
+    },
+    i(n) {
+      r || (m(e.$$.fragment, n), r = !0);
+    },
+    o(n) {
+      c(e.$$.fragment, n), r = !1;
+    },
+    d(n) {
+      n && u(o), $(e);
+    }
+  };
+}
+function Y(i) {
+  let o;
+  return {
+    c() {
+      o = T(i[3]);
+    },
+    m(t, e) {
+      s(t, o, e);
+    },
+    p(t, e) {
+      e & 8 && y(o, t[3]);
+    },
+    d(t) {
+      t && u(o);
+    }
+  };
+}
+function B(i) {
+  let o, t, e;
+  return t = new F({
+    props: {
+      maxWidth: 72,
+      $$slots: { default: [Y] },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      o = d("div"), _(t.$$.fragment), f(o, "class", "text svelte-1fezrt1");
+    },
+    m(r, n) {
+      s(r, o, n), h(t, o, null), e = !0;
+    },
+    p(r, n) {
+      const a = {};
+      n & 136 && (a.$$scope = { dirty: n, ctx: r }), t.$set(a);
+    },
+    i(r) {
+      e || (m(t.$$.fragment, r), e = !0);
+    },
+    o(r) {
+      c(t.$$.fragment, r), e = !1;
+    },
+    d(r) {
+      r && u(o), $(t);
+    }
+  };
+}
+function D(i) {
+  let o, t, e;
+  return t = new E({ props: { playing: i[6] } }), {
+    c() {
+      o = d("div"), _(t.$$.fragment), f(o, "slot", "audioIcon"), f(o, "class", "audio-icon__wrapper svelte-1fezrt1");
+    },
+    m(r, n) {
+      s(r, o, n), h(t, o, null), e = !0;
+    },
+    p(r, n) {
+      const a = {};
+      n & 64 && (a.playing = r[6]), t.$set(a);
+    },
+    i(r) {
+      e || (m(t.$$.fragment, r), e = !0);
+    },
+    o(r) {
+      c(t.$$.fragment, r), e = !1;
+    },
+    d(r) {
+      r && u(o), $(t);
+    }
+  };
+}
+function w(i) {
+  let o = v(k(i[6] ? i[5] : i[4])) + "", t;
+  return {
+    c() {
+      t = T(o);
+    },
+    m(e, r) {
+      s(e, t, r);
+    },
+    p(e, r) {
+      r & 112 && o !== (o = v(k(e[6] ? e[5] : e[4])) + "") && y(t, o);
+    },
+    d(e) {
+      e && u(t);
+    }
+  };
+}
+function H(i) {
+  let o, t = typeof (i[6] ? i[5] : i[4]) == "number" && w(i);
+  return {
+    c() {
+      o = d("div"), t && t.c(), f(o, "slot", "currentTime"), f(o, "class", "currentTime svelte-1fezrt1");
+    },
+    m(e, r) {
+      s(e, o, r), t && t.m(o, null);
+    },
+    p(e, r) {
+      typeof (e[6] ? e[5] : e[4]) == "number" ? t ? t.p(e, r) : (t = w(e), t.c(), t.m(o, null)) : t && (t.d(1), t = null);
+    },
+    d(e) {
+      e && u(o), t && t.d();
+    }
+  };
+}
+function J(i) {
+  let o, t, e = i[0].state && z(i);
+  return {
+    c() {
+      e && e.c(), o = R();
+    },
+    m(r, n) {
+      e && e.m(r, n), s(r, o, n), t = !0;
+    },
+    p(r, [n]) {
+      r[0].state ? e ? (e.p(r, n), n & 1 && m(e, 1)) : (e = z(r), e.c(), m(e, 1), e.m(o.parentNode, o)) : e && (q(), c(e, 1, 1, () => {
+        e = null;
+      }), W());
+    },
+    i(r) {
+      t || (m(e), t = !0);
+    },
+    o(r) {
+      c(e), t = !1;
+    },
+    d(r) {
+      e && e.d(r), r && u(o);
+    }
+  };
+}
+function K(i, o, t) {
+  let e, r, n, { tag: a } = o;
+  return i.$$set = (l) => {
+    "tag" in l && t(0, a = l.tag);
+  }, i.$$.update = () => {
+    var l, b;
+    i.$$.dirty & 1 && t(3, e = (b = (l = a.data.title) != null ? l : a.data.text) != null ? b : ""), i.$$.dirty & 1 && t(1, r = (() => {
+      var p;
+      return a.data.backgroundColor === "dark" ? "rgba(0, 0, 0, 0.3)" : a.data.backgroundColor === "light" ? "rgba(255, 255, 255, 0.3)" : (p = a.data.backgroundColor) != null ? p : "rgba(0, 0, 0, 0.3)";
+    })()), i.$$.dirty & 2 && t(2, n = (() => {
+      const { r: p, g: C, b: I } = M(r);
+      return (p * 299 + C * 587 + I * 114) / 1e3 >= 128 ? "rgba(0, 0, 0, 0.6)" : "white";
+    })());
+  }, [a, r, n, e];
+}
+class ae extends S {
+  constructor(o) {
+    super(), A(this, o, K, J, P, { tag: 0 }, N);
+  }
+}
+export {
+  ae as default
+};