@realsee/dnalogel 2.3.3 → 2.3.5-dev.0

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

@@ -0,0 +1,98 @@
+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, group_outros as F, transition_out as $, check_outros as G, 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 } from "../../../../vendor/svelte/internal/index.js";
+import { Straight as H } from "../../Common/Line/Straight.js";
+import { MText as M } from "../../Common/Text/MText.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, s, c, d, f, p;
+  return i = new H({
+    props: {
+      unfolded: a[1],
+      direction: "vertical",
+      length: 15,
+      duration: 500,
+      inDelay: 200,
+      useLinearColor: !0
+    }
+  }), s = 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(s.$$.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, o) {
+      y(i, t, o), T(t, l, o), T(t, e, o), g(e, n), g(n, r), g(r, m), y(s, m, null), g(r, c), g(r, d), y(f, d, null), p = !0;
+    },
+    p(t, o) {
+      var Y, q;
+      const S = {};
+      o & 2 && (S.unfolded = t[1]), i.$set(S);
+      const h = {};
+      o & 4 && (h.text = t[2]), o & 1 && (h.edit = (Y = t[0].data.edit) == null ? void 0 : Y.title), s.$set(h);
+      const w = {};
+      o & 1 && (w.text = t[0].data.description), o & 1 && (w.edit = (q = t[0].data.edit) == null ? void 0 : q.description), f.$set(w), (!p || o & 2) && b(e, "unfolded", t[1]), (!p || o & 8) && b(e, "folded", t[3]);
+    },
+    i(t) {
+      p || (u(i.$$.fragment, t), u(s.$$.fragment, t), u(f.$$.fragment, t), p = !0);
+    },
+    o(t) {
+      $(i.$$.fragment, t), $(s.$$.fragment, t), $(f.$$.fragment, t), p = !1;
+    },
+    d(t) {
+      z(i, t), t && x(l), t && x(e), z(s), 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 && (F(), $(e, 1, 1, () => {
+        e = null;
+      }), G());
+    },
+    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 = (s) => {
+    "tag" in s && l(0, m = s.tag);
+  }, a.$$.update = () => {
+    var s, c, d;
+    a.$$.dirty & 1 && l(1, e = !!((s = m.state) != null && s.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 U extends P {
+  constructor(i) {
+    super(), j(this, i, K, J, A, { tag: 0 }, I);
+  }
+}
+export {
+  U as TextPlaneTag
+};

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

@@ -0,0 +1,122 @@
+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 u, group_outros as F, transition_out as _, check_outros as I, detach as v, create_component as k, space as D, element as L, attr as N, add_render_callback as j, mount_component as z, add_resize_listener as x, listen as A, destroy_component as T } from "../../../../vendor/svelte/internal/index.js";
+import { Straight as B } from "../../Common/Line/Straight.js";
+import { Shadow as E } from "../../Common/Shadow.js";
+import { FlyMText as G } from "../../Common/Text/FlyMText.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, m;
+  let l, s, t, o, i, r, a, d, p, 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((m = (g = n[6][0]) == null ? void 0 : g.content.length) != null ? m : 10, 15),
+      useLinearColor: !0
+    }
+  }), r = new G({
+    props: {
+      visible: n[2],
+      textUnfolded: n[1],
+      content: n[5]
+    }
+  }), {
+    c() {
+      k(l.$$.fragment), s = D(), k(t.$$.fragment), o = D(), i = L("div"), k(r.$$.fragment), N(i, "class", "content svelte-nlvd3x"), j(() => n[8].call(i));
+    },
+    m(e, f) {
+      z(l, e, f), w(e, s, f), z(t, e, f), w(e, o, f), w(e, i, f), z(r, i, null), a = x(i, n[8].bind(i)), d = !0, p || (c = A(i, "click", n[7]), p = !0);
+    },
+    p(e, f) {
+      var y, U;
+      const $ = {};
+      f & 4 && ($.visible = e[2]), f & 8 && ($.left = e[3] / 2 + "px"), l.$set($);
+      const h = {};
+      f & 4 && (h.unfolded = e[2]), f & 8 && (h.length = e[3]), f & 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 = {};
+      f & 4 && (b.visible = e[2]), f & 2 && (b.textUnfolded = e[1]), f & 32 && (b.content = e[5]), r.$set(b);
+    },
+    i(e) {
+      d || (u(l.$$.fragment, e), u(t.$$.fragment, e), u(r.$$.fragment, e), d = !0);
+    },
+    o(e) {
+      _(l.$$.fragment, e), _(t.$$.fragment, e), _(r.$$.fragment, e), d = !1;
+    },
+    d(e) {
+      T(l, e), e && v(s), T(t, e), e && v(o), e && v(i), T(r), a(), p = !1, c();
+    }
+  };
+}
+function J(n) {
+  let l, s, 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), s = !0;
+    },
+    p(o, [i]) {
+      o[0].state ? t ? (t.p(o, i), i & 1 && u(t, 1)) : (t = M(o), t.c(), u(t, 1), t.m(l.parentNode, l)) : t && (F(), _(t, 1, 1, () => {
+        t = null;
+      }), I());
+    },
+    i(o) {
+      s || (u(t), s = !0);
+    },
+    o(o) {
+      _(t), s = !1;
+    },
+    d(o) {
+      t && t.d(o), o && v(l);
+    }
+  };
+}
+function K(n, l, s) {
+  let t, o, i, { tag: r } = l, a, d = !1, p = [];
+  function c() {
+    s(1, d = !d);
+  }
+  function g() {
+    a = this.clientWidth, s(3, a);
+  }
+  return n.$$set = (m) => {
+    "tag" in m && s(0, r = m.tag);
+  }, n.$$.update = () => {
+    var m, e, f;
+    n.$$.dirty & 1 && s(2, t = !!((m = r.state) != null && m.unfolded)), n.$$.dirty & 1 && s(5, o = (f = (e = r.data.title) != null ? e : r.data.text) != null ? f : ""), n.$$.dirty & 4 && (t || setTimeout(
+      () => {
+        s(1, d = !1);
+      },
+      20
+    )), n.$$.dirty & 2 && s(4, i = d ? 450 : 0);
+  }, [
+    r,
+    d,
+    t,
+    a,
+    i,
+    o,
+    p,
+    c,
+    g
+  ];
+}
+class X extends S {
+  constructor(l) {
+    super(), C(this, l, K, J, R, { tag: 0 }, H);
+  }
+}
+export {
+  X as TextTag
+};

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

@@ -0,0 +1,98 @@
+import { SvelteComponent as $, init as d, safe_not_equal as k, empty as b, insert as x, group_outros as T, transition_out as l, check_outros as y, transition_in as u, detach as h, create_component as p, mount_component as m, destroy_component as g } from "../../../../vendor/svelte/internal/index.js";
+import { TextTag as w } from "./TextTag.js";
+import { TextPlaneTag as q } from "./TextPlaneTag.js";
+function v(i) {
+  let t, n;
+  return t = new q({ props: { tag: i[0] } }), {
+    c() {
+      p(t.$$.fragment);
+    },
+    m(e, r) {
+      m(t, e, r), n = !0;
+    },
+    p(e, r) {
+      const a = {};
+      r & 1 && (a.tag = e[0]), t.$set(a);
+    },
+    i(e) {
+      n || (u(t.$$.fragment, e), n = !0);
+    },
+    o(e) {
+      l(t.$$.fragment, e), n = !1;
+    },
+    d(e) {
+      g(t, e);
+    }
+  };
+}
+function C(i) {
+  let t, n;
+  return t = new w({ props: { tag: i[0] } }), {
+    c() {
+      p(t.$$.fragment);
+    },
+    m(e, r) {
+      m(t, e, r), n = !0;
+    },
+    p(e, r) {
+      const a = {};
+      r & 1 && (a.tag = e[0]), t.$set(a);
+    },
+    i(e) {
+      n || (u(t.$$.fragment, e), n = !0);
+    },
+    o(e) {
+      l(t.$$.fragment, e), n = !1;
+    },
+    d(e) {
+      g(t, e);
+    }
+  };
+}
+function N(i) {
+  let t, n, e, r;
+  const a = [C, v], c = [];
+  function _(o, f) {
+    return o[1] === "line" ? 0 : o[1] === "plane" ? 1 : -1;
+  }
+  return ~(t = _(i)) && (n = c[t] = a[t](i)), {
+    c() {
+      n && n.c(), e = b();
+    },
+    m(o, f) {
+      ~t && c[t].m(o, f), x(o, e, f), r = !0;
+    },
+    p(o, [f]) {
+      let s = t;
+      t = _(o), t === s ? ~t && c[t].p(o, f) : (n && (T(), l(c[s], 1, 1, () => {
+        c[s] = null;
+      }), y()), ~t ? (n = c[t], n ? n.p(o, f) : (n = c[t] = a[t](o), n.c()), u(n, 1), n.m(e.parentNode, e)) : n = null);
+    },
+    i(o) {
+      r || (u(n), r = !0);
+    },
+    o(o) {
+      l(n), r = !1;
+    },
+    d(o) {
+      ~t && c[t].d(o), o && h(e);
+    }
+  };
+}
+function P(i, t, n) {
+  let e, { tag: r } = t;
+  return i.$$set = (a) => {
+    "tag" in a && n(0, r = a.tag);
+  }, i.$$.update = () => {
+    var a;
+    i.$$.dirty & 1 && n(1, e = (a = r.data.appearance) != null ? a : "line");
+  }, [r, e];
+}
+class A extends $ {
+  constructor(t) {
+    super(), d(this, t, P, N, k, { tag: 0 });
+  }
+}
+export {
+  A as TextTag_1
+};