@realsee/dnalogel 2.4.0 → 2.5.0

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

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