@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.4

package/esm/PanoTagPlugin/Components/Common/Point/CustomPoint.js

@@ -0,0 +1,51 @@
+import { SvelteComponent as g, init as p, safe_not_equal as b, append_styles as h, element as w, create_component as A, space as v, attr as c, set_style as f, toggle_class as m, insert as y, mount_component as k, append as d, transition_in as U, transition_out as z, detach as N, destroy_component as R } from "svelte/internal";
+import "svelte/easing";
+import { S as B } from "../Shadow.js";
+function I(t) {
+  h(t, "svelte-fuismw", ".point.svelte-fuismw.svelte-fuismw{pointer-events:none;width:1.5rem;height:1.5rem}.small-point.svelte-fuismw.svelte-fuismw,.big-point.svelte-fuismw.svelte-fuismw{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 500ms}.big-point.svelte-fuismw.svelte-fuismw{background-color:rgba(0, 0, 0, 0.1)}.folded.point.svelte-fuismw.svelte-fuismw{animation:svelte-fuismw-breathing 2s linear infinite}.big-point.svelte-fuismw.svelte-fuismw::before,.big-point.svelte-fuismw.svelte-fuismw::after{content:'';display:block;position:absolute;background-size:contain;background-repeat:no-repeat;pointer-events:none}.big-point.svelte-fuismw.svelte-fuismw::before{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAOHRSTlMABgoNFBsYIhEmHyksMoJ6RZ5aXzpnU03AtqaZjLuGN+zcifnW0cjEqnA+lOZzbWLhkH6i8rGuagnOwPMAAAQOSURBVFjDrZiHctpAEIYXYzvGOvXeUe+IYuD93ywrJAIhFJX8M8zoBHzz757utHvwTETJHJPfGQZfWJXILWCMPuqNbuu6vj+khrHjed40TWvFfQ2jvCl8nGha6lQCl7s07UqcUlfOZrOxVtKsN2a+0uJYK+ScEIqiFifhBSGSsnJ8f8u99cLMVnEUHTKXIOMX6vuk5gpphFYyhmHzHpzcDqNUJGgEER+oz5OaK8ShNcIdt+zx1ys7lhdqiDlRkPF+JaSdWIhasaz6lLPQ1qFDIwYpDeTr62veCS8bGLIQRSsVK78/5nDeOlYIYhovHeOtU0dDXw2KSGiKesQRyjJ10Q66QcyZMTvpTEMUumpMieyWvs9ZLZcmodAOYlorsysBflpjiEJTFBEY5+7sicul34T1iak5U25momN9Ya4wPCT57r8cteW0dk4YuKMTqjXVkgjciFr+8B3ngnmM6kii5X/efB0F+jUHnuiatLJY+Et84EnUNacfiaKZjQhX4oJAwPlqOB3mJaoh4dxxG5Nc3Q8DkywunP6kBalN53J7G3g0JqiNC3qpjQ7TRPvmn2U3L3/kU4JaTn/SKU0qb76dDf0kGNjHJbD+wX1gcMxO6fZVrzXUcQaROkvt3+pljIYugQ0LDi1ZBgeN9JK9MjTCkmgwgPou19I5QzBI5yy5RvqOw6xMMbKzoeGWmnQfBBwa6woj6wyNsYSx7R0chWuOwsjOqR6aboyNyvcpgOsl3ZzNhoNm3bztdAK1x5NuzmCwunkjjq4AEzKXFI1NUmVnwIfydJBoW7CPVAR1uR6XbVwlmgF2xF1yPTbbubYHLZamgyTNhiSmp4PoJIEk+R+gOAFb+x+hxRoctHw6iItsMLT/Mf3RHixbnP5AyhEPmZ1NB+E6A0V3pi9aPqyB6Pz0bSTxXID0kE/d2DgvxBFzEKdutdXawJGSMlM3/3Sd4fA93bnTXkfSuvwGFGOI016QbKm3VdbOn/bKjpd1e6Pg1SlFhPzjdXWNwjNTyprkhz33i4Wpji600FA5h05q4Ywv/bxge7mNRe7YYtQMwqt/kMLixpXHQhBwcCXBYukxBbvkBTv4S5V/HNNC6EF089tPxxGHNzV8sKTgRhSzVYa2Wf5yeadHphlWGdb4IUeEO5K2SHrUiqJuW9GiLFdwVzRbCXTf5tg11mvhYdufZbLUr11XEi/k4KHexUxWSY8DBCby7AU8E3eUhfzVkYZgR6H/agF8C3KNqCeHLIIRR7oEr0XXsixy9P1jH/doJLF2nPXbIlw5y1aC6t4eROW1pduaLs/7b6NEqFiWrWpBzaXuaOy4Nfe6bRfqGwzSXBJZhnF8y9oUhcnzOyM9pI7wCWP0LSkyy1iFWWwsFp8LeKLfd4doRyTLRacAAAAASUVORK5CYII=)}.folded.svelte-fuismw .big-point.svelte-fuismw::before{animation:svelte-fuismw-rotate 2s linear infinite}.big-point.svelte-fuismw.svelte-fuismw::after{position:absolute;width:1rem;height:1rem;background-image:var(--iconUrl)}.small-point.svelte-fuismw.svelte-fuismw::before{content:'';display:block;position:absolute;pointer-events:none;width:0.25rem;height:0.25rem;border-radius:100%;background-color:white}.folded.svelte-fuismw .big-point.svelte-fuismw{opacity:1;scale:1}.unfolded.svelte-fuismw .big-point.svelte-fuismw{opacity:0;scale:0}.folded.svelte-fuismw .small-point.svelte-fuismw{opacity:0;scale:6}.unfolded.svelte-fuismw .small-point.svelte-fuismw{opacity:1;scale:1}@keyframes svelte-fuismw-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes svelte-fuismw-breathing{0%{transform:scale(1)}25%{transform:scale(0.9)}50%{transform:scale(1)}}");
+}
+function S(t) {
+  let e, n, u, o, r, l, s;
+  return n = new B({
+    props: {
+      center: !0,
+      blurRadius: 12,
+      spreadRadius: 5
+    }
+  }), {
+    c() {
+      e = w("div"), A(n.$$.fragment), u = v(), o = w("div"), r = v(), l = w("div"), c(o, "class", "small-point svelte-fuismw"), f(o, "transition-delay", t[3] ? t[2] + "ms" : "0ms", !1), c(l, "class", "big-point svelte-fuismw"), f(l, "--iconUrl", "url(" + t[1] + ")"), f(l, "transition-delay", t[3] ? t[2] + "ms" : "0ms", !1), c(e, "class", "point svelte-fuismw"), m(e, "folded", t[3]), m(e, "unfolded", t[0]);
+    },
+    m(i, a) {
+      y(i, e, a), k(n, e, null), d(e, u), d(e, o), d(e, r), d(e, l), s = !0;
+    },
+    p(i, [a]) {
+      a & 12 && f(o, "transition-delay", i[3] ? i[2] + "ms" : "0ms", !1), (!s || a & 2) && f(l, "--iconUrl", "url(" + i[1] + ")"), a & 12 && f(l, "transition-delay", i[3] ? i[2] + "ms" : "0ms", !1), a & 8 && m(e, "folded", i[3]), a & 1 && m(e, "unfolded", i[0]);
+    },
+    i(i) {
+      s || (U(n.$$.fragment, i), s = !0);
+    },
+    o(i) {
+      z(n.$$.fragment, i), s = !1;
+    },
+    d(i) {
+      i && N(e), R(n);
+    }
+  };
+}
+function E(t, e, n) {
+  let u, { unfolded: o } = e, { iconUrl: r } = e, { foldDelay: l = 800 } = e;
+  return t.$$set = (s) => {
+    "unfolded" in s && n(0, o = s.unfolded), "iconUrl" in s && n(1, r = s.iconUrl), "foldDelay" in s && n(2, l = s.foldDelay);
+  }, t.$$.update = () => {
+    t.$$.dirty & 1 && n(3, u = !o);
+  }, [o, r, l, u];
+}
+class j extends g {
+  constructor(e) {
+    super(), p(this, e, E, S, b, { unfolded: 0, iconUrl: 1, foldDelay: 2 }, I);
+  }
+}
+export {
+  j as C
+};

package/esm/PanoTagPlugin/Components/Common/Point/DefaultPoint.js

@@ -0,0 +1,51 @@
+import { SvelteComponent as z, init as b, safe_not_equal as g, append_styles as j, element as u, create_component as A, space as m, attr as p, set_style as c, toggle_class as v, insert as h, mount_component as y, append as f, transition_in as w, transition_out as k, detach as N, destroy_component as R } from "svelte/internal";
+import "svelte/easing";
+import { S as B } from "../Shadow.js";
+function I(n) {
+  j(n, "svelte-jzvcn0", ".point.svelte-jzvcn0.svelte-jzvcn0{pointer-events:none;width:1rem;height:1rem}.small-point.svelte-jzvcn0.svelte-jzvcn0,.big-point.svelte-jzvcn0.svelte-jzvcn0{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 500ms}.big-point.svelte-jzvcn0.svelte-jzvcn0::before,.big-point.svelte-jzvcn0.svelte-jzvcn0::after{content:'';display:block;position:absolute;background-size:contain;background-repeat:no-repeat;pointer-events:none}.big-point.svelte-jzvcn0.svelte-jzvcn0::before{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAOHRSTlMABgoNFBsYIhEmHyksMoJ6RZ5aXzpnU03AtqaZjLuGN+zcifnW0cjEqnA+lOZzbWLhkH6i8rGuagnOwPMAAAQOSURBVFjDrZiHctpAEIYXYzvGOvXeUe+IYuD93ywrJAIhFJX8M8zoBHzz757utHvwTETJHJPfGQZfWJXILWCMPuqNbuu6vj+khrHjed40TWvFfQ2jvCl8nGha6lQCl7s07UqcUlfOZrOxVtKsN2a+0uJYK+ScEIqiFifhBSGSsnJ8f8u99cLMVnEUHTKXIOMX6vuk5gpphFYyhmHzHpzcDqNUJGgEER+oz5OaK8ShNcIdt+zx1ys7lhdqiDlRkPF+JaSdWIhasaz6lLPQ1qFDIwYpDeTr62veCS8bGLIQRSsVK78/5nDeOlYIYhovHeOtU0dDXw2KSGiKesQRyjJ10Q66QcyZMTvpTEMUumpMieyWvs9ZLZcmodAOYlorsysBflpjiEJTFBEY5+7sicul34T1iak5U25momN9Ya4wPCT57r8cteW0dk4YuKMTqjXVkgjciFr+8B3ngnmM6kii5X/efB0F+jUHnuiatLJY+Et84EnUNacfiaKZjQhX4oJAwPlqOB3mJaoh4dxxG5Nc3Q8DkywunP6kBalN53J7G3g0JqiNC3qpjQ7TRPvmn2U3L3/kU4JaTn/SKU0qb76dDf0kGNjHJbD+wX1gcMxO6fZVrzXUcQaROkvt3+pljIYugQ0LDi1ZBgeN9JK9MjTCkmgwgPou19I5QzBI5yy5RvqOw6xMMbKzoeGWmnQfBBwa6woj6wyNsYSx7R0chWuOwsjOqR6aboyNyvcpgOsl3ZzNhoNm3bztdAK1x5NuzmCwunkjjq4AEzKXFI1NUmVnwIfydJBoW7CPVAR1uR6XbVwlmgF2xF1yPTbbubYHLZamgyTNhiSmp4PoJIEk+R+gOAFb+x+hxRoctHw6iItsMLT/Mf3RHixbnP5AyhEPmZ1NB+E6A0V3pi9aPqyB6Pz0bSTxXID0kE/d2DgvxBFzEKdutdXawJGSMlM3/3Sd4fA93bnTXkfSuvwGFGOI016QbKm3VdbOn/bKjpd1e6Pg1SlFhPzjdXWNwjNTyprkhz33i4Wpji600FA5h05q4Ywv/bxge7mNRe7YYtQMwqt/kMLixpXHQhBwcCXBYukxBbvkBTv4S5V/HNNC6EF089tPxxGHNzV8sKTgRhSzVYa2Wf5yeadHphlWGdb4IUeEO5K2SHrUiqJuW9GiLFdwVzRbCXTf5tg11mvhYdufZbLUr11XEi/k4KHexUxWSY8DBCby7AU8E3eUhfzVkYZgR6H/agF8C3KNqCeHLIIRR7oEr0XXsixy9P1jH/doJLF2nPXbIlw5y1aC6t4eROW1pduaLs/7b6NEqFiWrWpBzaXuaOy4Nfe6bRfqGwzSXBJZhnF8y9oUhcnzOyM9pI7wCWP0LSkyy1iFWWwsFp8LeKLfd4doRyTLRacAAAAASUVORK5CYII=);background-size:contain;background-repeat:no-repeat}.small-point.svelte-jzvcn0.svelte-jzvcn0::before{content:'';display:block;position:absolute;pointer-events:none;width:0.375rem;height:0.375rem;border-radius:100%;background-color:white}.unfolded.svelte-jzvcn0 .big-point.svelte-jzvcn0{opacity:0;transform:scale(0)}.folded.svelte-jzvcn0 .big-point.svelte-jzvcn0{opacity:1;transform:scale(1)}.unfolded.svelte-jzvcn0 .small-point.svelte-jzvcn0{transform:scale(0.6)}.folded.svelte-jzvcn0 .small-point.svelte-jzvcn0{transform:scale(1)}");
+}
+function S(n) {
+  let e, i, a, l, d, o, r;
+  return i = new B({
+    props: {
+      center: !0,
+      blurRadius: 12,
+      spreadRadius: 5
+    }
+  }), {
+    c() {
+      e = u("div"), A(i.$$.fragment), a = m(), l = u("div"), d = m(), o = u("div"), p(l, "class", "small-point svelte-jzvcn0"), c(l, "transition-delay", n[2] ? n[1] + "ms" : "0ms", !1), p(o, "class", "big-point svelte-jzvcn0"), c(o, "transition-delay", n[2] ? n[1] + "ms" : "0ms", !1), p(e, "class", "point svelte-jzvcn0"), v(e, "unfolded", n[0]), v(e, "folded", n[2]);
+    },
+    m(t, s) {
+      h(t, e, s), y(i, e, null), f(e, a), f(e, l), f(e, d), f(e, o), r = !0;
+    },
+    p(t, [s]) {
+      s & 6 && c(l, "transition-delay", t[2] ? t[1] + "ms" : "0ms", !1), s & 6 && c(o, "transition-delay", t[2] ? t[1] + "ms" : "0ms", !1), s & 1 && v(e, "unfolded", t[0]), s & 4 && v(e, "folded", t[2]);
+    },
+    i(t) {
+      r || (w(i.$$.fragment, t), r = !0);
+    },
+    o(t) {
+      k(i.$$.fragment, t), r = !1;
+    },
+    d(t) {
+      t && N(e), R(i);
+    }
+  };
+}
+function E(n, e, i) {
+  let a, { unfolded: l } = e, { foldDelay: d = 800 } = e;
+  return n.$$set = (o) => {
+    "unfolded" in o && i(0, l = o.unfolded), "foldDelay" in o && i(1, d = o.foldDelay);
+  }, n.$$.update = () => {
+    n.$$.dirty & 1 && i(2, a = !l);
+  }, [l, d, a];
+}
+class X extends z {
+  constructor(e) {
+    super(), b(this, e, E, S, g, { unfolded: 0, foldDelay: 1 }, I);
+  }
+}
+export {
+  X as D
+};

package/esm/PanoTagPlugin/Components/Common/Point/PointSwitch.js

@@ -0,0 +1,166 @@
+import { SvelteComponent as w, init as j, safe_not_equal as N, append_styles as L, empty as b, insert as m, transition_in as c, group_outros as $, transition_out as p, check_outros as g, detach as y, element as q, space as I, attr as M, create_component as C, mount_component as U, destroy_component as h } from "svelte/internal";
+import { C as k } from "../../../typings/tag.js";
+import { C as z } from "./CustomPoint.js";
+import { D as A } from "./DefaultPoint.js";
+function B(o) {
+  L(o, "svelte-8en2lj", ".point-click-helper.svelte-8en2lj{position:absolute;width:2.5rem;height:2.5rem;left:50%;top:50%;transform:translate(-50%, -50%)}");
+}
+function S(o) {
+  let n, i, e = o[0].contentType !== k.Link && T(o);
+  return {
+    c() {
+      e && e.c(), n = b();
+    },
+    m(t, l) {
+      e && e.m(t, l), m(t, n, l), i = !0;
+    },
+    p(t, l) {
+      t[0].contentType !== k.Link ? e ? (e.p(t, l), l & 1 && c(e, 1)) : (e = T(t), e.c(), c(e, 1), e.m(n.parentNode, n)) : e && ($(), p(e, 1, 1, () => {
+        e = null;
+      }), g());
+    },
+    i(t) {
+      i || (c(e), i = !0);
+    },
+    o(t) {
+      p(e), i = !1;
+    },
+    d(t) {
+      e && e.d(t), t && y(n);
+    }
+  };
+}
+function T(o) {
+  let n, i, e, t, l, u;
+  const f = [F, E], s = [];
+  function d(r, a) {
+    var _, P, v, D;
+    return ((P = (_ = r[0].style) == null ? void 0 : _.point) == null ? void 0 : P.style) === "CustomIcon" && ((D = (v = r[0].style) == null ? void 0 : v.point) == null ? void 0 : D.iconUrl) ? 0 : 1;
+  }
+  return e = d(o), t = s[e] = f[e](o), {
+    c() {
+      n = q("div"), i = I(), t.c(), l = b(), M(n, "class", "point-click-helper svelte-8en2lj");
+    },
+    m(r, a) {
+      m(r, n, a), m(r, i, a), s[e].m(r, a), m(r, l, a), u = !0;
+    },
+    p(r, a) {
+      let _ = e;
+      e = d(r), e === _ ? s[e].p(r, a) : ($(), p(s[_], 1, 1, () => {
+        s[_] = null;
+      }), g(), t = s[e], t ? t.p(r, a) : (t = s[e] = f[e](r), t.c()), c(t, 1), t.m(l.parentNode, l));
+    },
+    i(r) {
+      u || (c(t), u = !0);
+    },
+    o(r) {
+      p(t), u = !1;
+    },
+    d(r) {
+      r && y(n), r && y(i), s[e].d(r), r && y(l);
+    }
+  };
+}
+function E(o) {
+  let n, i;
+  return n = new A({
+    props: {
+      unfolded: o[0].state.unfolded,
+      foldDelay: o[1]
+    }
+  }), {
+    c() {
+      C(n.$$.fragment);
+    },
+    m(e, t) {
+      U(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 1 && (l.unfolded = e[0].state.unfolded), t & 2 && (l.foldDelay = e[1]), n.$set(l);
+    },
+    i(e) {
+      i || (c(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      p(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      h(n, e);
+    }
+  };
+}
+function F(o) {
+  let n, i;
+  return n = new z({
+    props: {
+      iconUrl: o[0].style.point.iconUrl,
+      unfolded: o[0].state.unfolded,
+      foldDelay: o[1]
+    }
+  }), {
+    c() {
+      C(n.$$.fragment);
+    },
+    m(e, t) {
+      U(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 1 && (l.iconUrl = e[0].style.point.iconUrl), t & 1 && (l.unfolded = e[0].state.unfolded), t & 2 && (l.foldDelay = e[1]), n.$set(l);
+    },
+    i(e) {
+      i || (c(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      p(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      h(n, e);
+    }
+  };
+}
+function G(o) {
+  var t, l, u;
+  let n, i, e = ((t = o[0].pointTagStyle) == null ? void 0 : t.leftPercent) && ((l = o[0].pointTagStyle) == null ? void 0 : l.topPercent) && o[0].enabled !== !1 && o[0].state && ((u = o[0].temporaryState) == null ? void 0 : u.visible) !== !1 && S(o);
+  return {
+    c() {
+      e && e.c(), n = b();
+    },
+    m(f, s) {
+      e && e.m(f, s), m(f, n, s), i = !0;
+    },
+    p(f, [s]) {
+      var d, r, a;
+      ((d = f[0].pointTagStyle) == null ? void 0 : d.leftPercent) && ((r = f[0].pointTagStyle) == null ? void 0 : r.topPercent) && f[0].enabled !== !1 && f[0].state && ((a = f[0].temporaryState) == null ? void 0 : a.visible) !== !1 ? e ? (e.p(f, s), s & 1 && c(e, 1)) : (e = S(f), e.c(), c(e, 1), e.m(n.parentNode, n)) : e && ($(), p(e, 1, 1, () => {
+        e = null;
+      }), g());
+    },
+    i(f) {
+      i || (c(e), i = !0);
+    },
+    o(f) {
+      p(e), i = !1;
+    },
+    d(f) {
+      e && e.d(f), f && y(n);
+    }
+  };
+}
+function H(o, n, i) {
+  let e, { tag: t } = n;
+  return o.$$set = (l) => {
+    "tag" in l && i(0, t = l.tag);
+  }, o.$$.update = () => {
+    var l, u;
+    o.$$.dirty & 1 && i(1, e = (u = (l = t.style) == null ? void 0 : l.foldedPointDelay) != null ? u : t.contentType === k.Marketing ? 600 : void 0);
+  }, [t, e];
+}
+class R extends w {
+  constructor(n) {
+    super(), j(this, n, H, G, N, { tag: 0 }, B);
+  }
+}
+export {
+  R as P
+};

package/esm/PanoTagPlugin/Components/Common/Shadow.js

@@ -0,0 +1,124 @@
+import { SvelteComponent as X, init as S, safe_not_equal as q, append_styles as N, empty as j, insert as v, transition_in as d, group_outros as A, transition_out as R, check_outros as B, detach as I, element as E, attr as h, set_style as s, add_render_callback as F, create_in_transition as G, create_out_transition as H } from "svelte/internal";
+import { fade as g } from "svelte/transition";
+function J(t) {
+  N(t, "svelte-faoauy", ".shadow.svelte-faoauy{position:absolute}");
+}
+function k(t) {
+  let i, e, l, f, u;
+  return {
+    c() {
+      i = E("div"), h(i, "class", "shadow svelte-faoauy"), h(i, "style", e = `
+      left:${o(t[5])};
+      bottom:${o(t[6])};
+      box-shadow: 0 0 ${o(t[10])} ${o(t[11])} rgba(0, 0, 0, ${t[12]});
+      ${t[8] ? "transform: translateX(-50%); left: 50%" : ""}
+      ${t[9] ? "transform: translateX(-50%); top: 50%" : ""}
+      ${t[7] ? "transform: translate(-50%, -50%); left: 50%; top: 50%;" : ""}
+    `), s(i, "width", o(t[3]), !1), s(i, "height", o(t[4]), !1), s(i, "z-index", t[13], !1);
+    },
+    m(a, r) {
+      v(a, i, r), u = !0;
+    },
+    p(a, r) {
+      t = a, (!u || r & 8160 && e !== (e = `
+      left:${o(t[5])};
+      bottom:${o(t[6])};
+      box-shadow: 0 0 ${o(t[10])} ${o(t[11])} rgba(0, 0, 0, ${t[12]});
+      ${t[8] ? "transform: translateX(-50%); left: 50%" : ""}
+      ${t[9] ? "transform: translateX(-50%); top: 50%" : ""}
+      ${t[7] ? "transform: translate(-50%, -50%); left: 50%; top: 50%;" : ""}
+    `)) && h(i, "style", e), r & 8 && s(i, "width", o(t[3]), !1), r & 16 && s(i, "height", o(t[4]), !1), r & 8192 && s(i, "z-index", t[13], !1);
+    },
+    i(a) {
+      u || (a && F(() => {
+        f && f.end(1), l = G(i, g, { duration: t[0] }), l.start();
+      }), u = !0);
+    },
+    o(a) {
+      l && l.invalidate(), a && (f = H(i, g, { duration: t[1] })), u = !1;
+    },
+    d(a) {
+      a && I(i), a && f && f.end();
+    }
+  };
+}
+function K(t) {
+  let i, e = t[2] && k(t);
+  return {
+    c() {
+      e && e.c(), i = j();
+    },
+    m(l, f) {
+      e && e.m(l, f), v(l, i, f);
+    },
+    p(l, [f]) {
+      l[2] ? e ? (e.p(l, f), f & 4 && d(e, 1)) : (e = k(l), e.c(), d(e, 1), e.m(i.parentNode, i)) : e && (A(), R(e, 1, 1, () => {
+        e = null;
+      }), B());
+    },
+    i(l) {
+      d(e);
+    },
+    o(l) {
+      R(e);
+    },
+    d(l) {
+      e && e.d(l), l && I(i);
+    }
+  };
+}
+function o(t) {
+  return typeof t == "number" ? t / 16 + "rem" : t;
+}
+function L(t, i, e) {
+  let { inDelay: l = 1e3 } = i, { outDelay: f = 1e3 } = i, { visible: u = !0 } = i, { width: a = 0 } = i, { height: r = 0 } = i, { left: m = 0 } = i, { bottom: _ = 0 } = i, { center: b = !1 } = i, { horizontalCenter: y = !1 } = i, { verticalCenter: c = !1 } = i, { blurRadius: w } = i, { spreadRadius: z } = i, { opacity: C = 0.15 } = i, { zIndex: D = void 0 } = i;
+  return t.$$set = (n) => {
+    "inDelay" in n && e(0, l = n.inDelay), "outDelay" in n && e(1, f = n.outDelay), "visible" in n && e(2, u = n.visible), "width" in n && e(3, a = n.width), "height" in n && e(4, r = n.height), "left" in n && e(5, m = n.left), "bottom" in n && e(6, _ = n.bottom), "center" in n && e(7, b = n.center), "horizontalCenter" in n && e(8, y = n.horizontalCenter), "verticalCenter" in n && e(9, c = n.verticalCenter), "blurRadius" in n && e(10, w = n.blurRadius), "spreadRadius" in n && e(11, z = n.spreadRadius), "opacity" in n && e(12, C = n.opacity), "zIndex" in n && e(13, D = n.zIndex);
+  }, [
+    l,
+    f,
+    u,
+    a,
+    r,
+    m,
+    _,
+    b,
+    y,
+    c,
+    w,
+    z,
+    C,
+    D
+  ];
+}
+class P extends X {
+  constructor(i) {
+    super(), S(
+      this,
+      i,
+      L,
+      K,
+      q,
+      {
+        inDelay: 0,
+        outDelay: 1,
+        visible: 2,
+        width: 3,
+        height: 4,
+        left: 5,
+        bottom: 6,
+        center: 7,
+        horizontalCenter: 8,
+        verticalCenter: 9,
+        blurRadius: 10,
+        spreadRadius: 11,
+        opacity: 12,
+        zIndex: 13
+      },
+      J
+    );
+  }
+}
+export {
+  P as S
+};

package/esm/PanoTagPlugin/Components/Common/Text.js

@@ -0,0 +1,131 @@
+import { SvelteComponent as M, init as R, safe_not_equal as x, append_styles as T, empty as L, insert as j, noop as p, destroy_each as k, detach as D, element as w, text as N, attr as S, append as O, set_data as v, binding_callbacks as C } from "svelte/internal";
+import g from "animejs";
+import { onMount as A } from "svelte";
+import { n as B } from "../../../shared-utils/isNil.js";
+import "three";
+import { s as J } from "../../utils/search.js";
+import { R as E } from "../../utils/constants.js";
+function P(o) {
+  T(o, "svelte-1b2n9wi", ".text-char.svelte-1b2n9wi{display:inline-block;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
+}
+function y(o, i, l) {
+  const e = o.slice();
+  return e[10] = i[l], e[11] = i, e[12] = l, e;
+}
+function b(o) {
+  let i, l = o[10] + "", e, t = o[12];
+  const s = () => o[6](i, t), n = () => o[6](null, t);
+  return {
+    c() {
+      i = w("span"), e = N(l), S(i, "class", "text-char svelte-1b2n9wi");
+    },
+    m(r, f) {
+      j(r, i, f), O(i, e), s();
+    },
+    p(r, f) {
+      o = r, f & 2 && l !== (l = o[10] + "") && v(e, l), t !== o[12] && (n(), t = o[12], s());
+    },
+    d(r) {
+      r && D(i), n();
+    }
+  };
+}
+function U(o) {
+  let i, l = o[1], e = [];
+  for (let t = 0; t < l.length; t += 1)
+    e[t] = b(y(o, l, t));
+  return {
+    c() {
+      for (let t = 0; t < e.length; t += 1)
+        e[t].c();
+      i = L();
+    },
+    m(t, s) {
+      for (let n = 0; n < e.length; n += 1)
+        e[n].m(t, s);
+      j(t, i, s);
+    },
+    p(t, [s]) {
+      if (s & 3) {
+        l = t[1];
+        let n;
+        for (n = 0; n < l.length; n += 1) {
+          const r = y(t, l, n);
+          e[n] ? e[n].p(r, s) : (e[n] = b(r), e[n].c(), e[n].m(i.parentNode, i));
+        }
+        for (; n < e.length; n += 1)
+          e[n].d(1);
+        e.length = l.length;
+      }
+    },
+    i: p,
+    o: p,
+    d(t) {
+      k(e, t), t && D(i);
+    }
+  };
+}
+function V(o, i, l) {
+  let e, { inDelay: t = 0 } = i, { outDelay: s = 0 } = i, { content: n } = i, { unfolded: r } = i, f, u = [], c;
+  function F(a) {
+    clearTimeout(f), f = setTimeout(
+      function() {
+        !c || (a && c.reversed || !a && !c.reversed) && (c.reverse(), c.play());
+      },
+      a ? t : s
+    );
+  }
+  A(function() {
+    const a = (() => {
+      const m = J((_) => u[_].getBoundingClientRect().x, [Math.min(u.length - 1, 10), Math.min(u.length - 1, 30)]);
+      if (m > 0)
+        return m;
+    })();
+    c = g({
+      targets: u.filter(B).slice(0, a),
+      autoplay: !1,
+      duration: 400,
+      scale: [0.7, 1],
+      rotate: [20, 0],
+      opacity: [0, 1],
+      translateX: [4, 0],
+      translateY: [10, 0],
+      delay: g.stagger(50),
+      easing: "easeInOutCubic"
+    }), r && c.seek(c.duration);
+  });
+  function I(a, m) {
+    C[a ? "unshift" : "push"](() => {
+      u[m] = a, l(0, u);
+    });
+  }
+  return o.$$set = (a) => {
+    "inDelay" in a && l(2, t = a.inDelay), "outDelay" in a && l(3, s = a.outDelay), "content" in a && l(4, n = a.content), "unfolded" in a && l(5, r = a.unfolded);
+  }, o.$$.update = () => {
+    o.$$.dirty & 16 && l(1, e = (() => {
+      const a = [], m = 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_${E}__`, h = `__EMOJI_${E}__`;
+      return n.slice().replace(m, (d) => `${_}${h}${d}${_}`).split(_).forEach((d) => d.startsWith(h) ? a.push(d.slice(h.length)) : a.push(...d.split(""))), a.filter(Boolean);
+    })()), o.$$.dirty & 32 && F(r);
+  }, [u, e, t, s, n, r, I];
+}
+class K extends M {
+  constructor(i) {
+    super(), R(
+      this,
+      i,
+      V,
+      U,
+      x,
+      {
+        inDelay: 2,
+        outDelay: 3,
+        content: 4,
+        unfolded: 5
+      },
+      P
+    );
+  }
+}
+export {
+  K as T
+};

package/esm/PanoTagPlugin/Components/Tag/AudioTag.js

@@ -0,0 +1,134 @@
+import { SvelteComponent as O, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as J, transition_in as v, group_outros as Y, transition_out as _, check_outros as Z, detach as K, element as c, create_component as M, space as y, attr as b, set_style as T, add_render_callback as x, toggle_class as G, mount_component as D, append as m, add_resize_listener as ee, listen as te, destroy_component as I } from "svelte/internal";
+import { u as ie } from "../../../shared-utils/uuid.js";
+import "animejs";
+import "svelte";
+import "three";
+import "../../utils/constants.js";
+import "svelte/transition";
+import "svelte/easing";
+import { S as ne } from "../Common/Shadow.js";
+import { A as oe } from "../Common/Audio.js";
+import { S as se } from "../Common/Line/Straight.js";
+import { M as le } from "../Common/MultiLineText.js";
+function re(e) {
+  V(e, "svelte-4r8s18", ".audio-tag.svelte-4r8s18.svelte-4r8s18{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.line.svelte-4r8s18.svelte-4r8s18{display:flex;position:absolute;top:0;left:0;width:10.125rem;height:0.0625rem;transform:translate3d(0, -50%, 0.625rem)}.content.svelte-4r8s18.svelte-4r8s18{width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0.125rem;overflow:hidden;box-sizing:border-box;font-size:0;white-space:nowrap;font-weight:600}.wrapper.svelte-4r8s18.svelte-4r8s18{position:relative;width:100%;height:100%}.audio-icon.svelte-4r8s18.svelte-4r8s18{vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.unfolded.svelte-4r8s18 .audio-icon.svelte-4r8s18{pointer-events:auto}");
+}
+function H(e) {
+  var W, q, L, N;
+  let o, s, i, n, l, p, a, f, h, u, $, d, g, C, k, S, R;
+  return s = new ne({
+    props: {
+      visible: e[5],
+      left: e[2] / 2 + "px",
+      bottom: 12,
+      width: 2,
+      blurRadius: 120,
+      spreadRadius: 60
+    }
+  }), l = new se({
+    props: {
+      unfolded: e[5],
+      duration: 1e3,
+      outDelay: e[4] + 20 * Math.min((q = (W = e[3][0]) == null ? void 0 : W.content.length) != null ? q : 10, 15)
+    }
+  }), u = new oe({
+    props: {
+      unfolded: e[5],
+      url: e[0].data.audioUrl,
+      duration: 1e3,
+      outDelay: 20 * Math.min((N = (L = e[3][0]) == null ? void 0 : L.content.length) != null ? N : 10, 15),
+      hooksInfo: { tag: e[0] }
+    }
+  }), g = new le({
+    props: {
+      visible: e[5],
+      textUnfolded: e[1],
+      textItems: e[3]
+    }
+  }), {
+    c() {
+      o = c("div"), M(s.$$.fragment), i = y(), n = c("div"), M(l.$$.fragment), p = y(), a = c("div"), f = c("div"), h = c("div"), M(u.$$.fragment), $ = y(), d = c("div"), M(g.$$.fragment), b(n, "class", "line svelte-4r8s18"), T(n, "width", e[2] + "px", !1), b(h, "class", "audio-icon svelte-4r8s18"), T(d, "display", "inline-block", !1), b(f, "class", "wrapper svelte-4r8s18"), b(a, "class", "content svelte-4r8s18"), x(() => e[8].call(a)), b(o, "class", "audio-tag svelte-4r8s18"), G(o, "unfolded", e[5]);
+    },
+    m(t, r) {
+      J(t, o, r), D(s, o, null), m(o, i), m(o, n), D(l, n, null), m(o, p), m(o, a), m(a, f), m(f, h), D(u, h, null), m(f, $), m(f, d), D(g, d, null), C = ee(a, e[8].bind(a)), k = !0, S || (R = te(d, "click", e[6]), S = !0);
+    },
+    p(t, r) {
+      var j, B, E, F;
+      const U = {};
+      r & 32 && (U.visible = t[5]), r & 4 && (U.left = t[2] / 2 + "px"), s.$set(U);
+      const A = {};
+      r & 32 && (A.unfolded = t[5]), r & 24 && (A.outDelay = t[4] + 20 * Math.min((B = (j = t[3][0]) == null ? void 0 : j.content.length) != null ? B : 10, 15)), l.$set(A), r & 4 && T(n, "width", t[2] + "px", !1);
+      const w = {};
+      r & 32 && (w.unfolded = t[5]), r & 1 && (w.url = t[0].data.audioUrl), r & 8 && (w.outDelay = 20 * Math.min((F = (E = t[3][0]) == null ? void 0 : E.content.length) != null ? F : 10, 15)), r & 1 && (w.hooksInfo = { tag: t[0] }), u.$set(w);
+      const z = {};
+      r & 32 && (z.visible = t[5]), r & 2 && (z.textUnfolded = t[1]), r & 8 && (z.textItems = t[3]), g.$set(z), r & 32 && G(o, "unfolded", t[5]);
+    },
+    i(t) {
+      k || (v(s.$$.fragment, t), v(l.$$.fragment, t), v(u.$$.fragment, t), v(g.$$.fragment, t), k = !0);
+    },
+    o(t) {
+      _(s.$$.fragment, t), _(l.$$.fragment, t), _(u.$$.fragment, t), _(g.$$.fragment, t), k = !1;
+    },
+    d(t) {
+      t && K(o), I(s), I(l), I(u), I(g), C(), S = !1, R();
+    }
+  };
+}
+function ae(e) {
+  let o, s, i = e[0].state && H(e);
+  return {
+    c() {
+      i && i.c(), o = X();
+    },
+    m(n, l) {
+      i && i.m(n, l), J(n, o, l), s = !0;
+    },
+    p(n, [l]) {
+      n[0].state ? i ? (i.p(n, l), l & 1 && v(i, 1)) : (i = H(n), i.c(), v(i, 1), i.m(o.parentNode, o)) : i && (Y(), _(i, 1, 1, () => {
+        i = null;
+      }), Z());
+    },
+    i(n) {
+      s || (v(i), s = !0);
+    },
+    o(n) {
+      _(i), s = !1;
+    },
+    d(n) {
+      i && i.d(n), n && K(o);
+    }
+  };
+}
+function de(e, o, s) {
+  let i, n, l, { tag: p } = o, a = !1, f, h = [];
+  function u() {
+    s(1, a = !a);
+  }
+  function $() {
+    f = this.clientWidth, s(2, f);
+  }
+  return e.$$set = (d) => {
+    "tag" in d && s(0, p = d.tag);
+  }, e.$$.update = () => {
+    var d;
+    e.$$.dirty & 1 && s(5, i = !!((d = p.state) != null && d.unfolded)), e.$$.dirty & 1 && s(7, n = p.data.text), e.$$.dirty & 128 && s(3, h = [{ id: ie(), content: n }]), e.$$.dirty & 2 && s(4, l = a ? 450 : 0);
+  }, [
+    p,
+    a,
+    f,
+    h,
+    l,
+    i,
+    u,
+    n,
+    $
+  ];
+}
+class ke extends O {
+  constructor(o) {
+    super(), P(this, o, de, ae, Q, { tag: 0 }, re);
+  }
+}
+export {
+  ke as A
+};