@realsee/dnalogel 2.3.5-dev.3 → 2.3.5-dev.5

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

@@ -1,7 +1,17 @@
-import { SvelteComponent as T, init as C, safe_not_equal as F, append_styles as Y, space as q, empty as A, insert as d, transition_in as m, group_outros as h, transition_out as a, check_outros as v, detach as p, element as z, create_component as H, attr as D, set_style as y, mount_component as U, destroy_component as N, binding_callbacks as B } from "../../../../vendor/svelte/internal/index.js";
-import { FlyText as M } from "./FlyText.js";
-import { Arrow as j } from "../Arrow.js";
-import { doUtil as G } from "../../../utils/doUtil.js";
+import { SvelteComponent as T, init as C, safe_not_equal as F, append_styles as Y, space as q, empty as A, insert as p, transition_in as u, transition_out as a, check_outros as h, detach as d, element as z, create_component as H, attr as D, set_style as v, mount_component as U, destroy_component as N, group_outros as y, binding_callbacks as B } from "../../../../vendor/svelte/internal/index.js";
+import M from "./FlyText.js";
+import j from "../Arrow.js";
+import G from "../../../utils/doUtil.js";
+import "animejs";
+import "../../../../shared-utils/uuid.js";
+import "../../../../shared-utils/isNil.js";
+import "three";
+import "../../../utils/search.js";
+import "../../../utils/constants.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+import "../../../Assets/Icon.js";
+import "../Shadow.js";
 function I(o) {
   Y(o, "svelte-1fuzm7v", ".text.svelte-1fuzm7v{pointer-events:auto;box-sizing:border-box;display:inline-block;max-width:7.5rem;transition:transform 400ms ease-in-out;font-size:0.75rem;line-height:1.125rem;white-space:initial;cursor:pointer}.arrow.svelte-1fuzm7v{pointer-events:auto;display:inline-block;vertical-align:top;width:0.875rem;height:0.875rem;margin-left:0.125rem;margin-top:0.125rem}");
 }
@@ -16,23 +26,23 @@ function w(o) {
     }
   }), {
     c() {
-      r = z("div"), H(t.$$.fragment), D(r, "class", "text svelte-1fuzm7v"), y(r, "transform", o[7]);
+      r = z("div"), H(t.$$.fragment), D(r, "class", "text svelte-1fuzm7v"), v(r, "transform", o[7]);
     },
     m(e, i) {
-      d(e, r, i), U(t, r, null), o[10](r), l = !0;
+      p(e, r, i), U(t, r, null), o[10](r), l = !0;
     },
     p(e, i) {
       const n = {};
-      i & 1 && (n.unfolded = e[0]), i & 2 && (n.content = e[1]), i & 32 && (n.outDelay = e[5]), t.$set(n), i & 128 && y(r, "transform", e[7]);
+      i & 1 && (n.unfolded = e[0]), i & 2 && (n.content = e[1]), i & 32 && (n.outDelay = e[5]), t.$set(n), i & 128 && v(r, "transform", e[7]);
     },
     i(e) {
-      l || (m(t.$$.fragment, e), l = !0);
+      l || (u(t.$$.fragment, e), l = !0);
     },
     o(e) {
       a(t.$$.fragment, e), l = !1;
     },
     d(e) {
-      e && p(r), N(t), o[10](null);
+      e && d(r), N(t), o[10](null);
     }
   };
 }
@@ -50,20 +60,20 @@ function k(o) {
       r = z("div"), H(t.$$.fragment), D(r, "class", "arrow svelte-1fuzm7v");
     },
     m(e, i) {
-      d(e, r, i), U(t, r, null), l = !0;
+      p(e, r, i), U(t, r, null), l = !0;
     },
     p(e, i) {
       const n = {};
       i & 64 && (n.direction = e[6]), i & 1 && (n.visible = e[0]), t.$set(n);
     },
     i(e) {
-      l || (m(t.$$.fragment, e), l = !0);
+      l || (u(t.$$.fragment, e), l = !0);
     },
     o(e) {
       a(t.$$.fragment, e), l = !1;
     },
     d(e) {
-      e && p(r), N(t);
+      e && d(r), N(t);
     }
   };
 }
@@ -74,47 +84,47 @@ function J(o) {
       e && e.c(), r = q(), i && i.c(), t = A();
     },
     m(n, f) {
-      e && e.m(n, f), d(n, r, f), i && i.m(n, f), d(n, t, f), l = !0;
+      e && e.m(n, f), p(n, r, f), i && i.m(n, f), p(n, t, f), l = !0;
     },
     p(n, [f]) {
-      n[1] ? e ? (e.p(n, f), f & 2 && m(e, 1)) : (e = w(n), e.c(), m(e, 1), e.m(r.parentNode, r)) : e && (h(), a(e, 1, 1, () => {
+      n[1] ? e ? (e.p(n, f), f & 2 && u(e, 1)) : (e = w(n), e.c(), u(e, 1), e.m(r.parentNode, r)) : e && (y(), a(e, 1, 1, () => {
         e = null;
-      }), v()), n[3] < n[4] ? i ? (i.p(n, f), f & 24 && m(i, 1)) : (i = k(n), i.c(), m(i, 1), i.m(t.parentNode, t)) : i && (h(), a(i, 1, 1, () => {
+      }), h()), n[3] < n[4] ? i ? (i.p(n, f), f & 24 && u(i, 1)) : (i = k(n), i.c(), u(i, 1), i.m(t.parentNode, t)) : i && (y(), a(i, 1, 1, () => {
         i = null;
-      }), v());
+      }), h());
     },
     i(n) {
-      l || (m(e), m(i), l = !0);
+      l || (u(e), u(i), l = !0);
     },
     o(n) {
       a(e), a(i), l = !1;
     },
     d(n) {
-      e && e.d(n), n && p(r), i && i.d(n), n && p(t);
+      e && e.d(n), n && d(r), i && i.d(n), n && d(t);
     }
   };
 }
 function K(o, r, t) {
-  let l, e, i, { visible: n = !1 } = r, { textUnfolded: f = !1 } = r, { content: _ } = r, u, g = 0, b = 0, c = 0;
+  let l, e, i, { visible: n = !1 } = r, { textUnfolded: f = !1 } = r, { content: _ } = r, m, g = 0, b = 0, c = 0;
   function S(s) {
     B[s ? "unshift" : "push"](() => {
-      u = s, t(2, u);
+      m = s, t(2, m);
     });
   }
   return o.$$set = (s) => {
     "visible" in s && t(0, n = s.visible), "textUnfolded" in s && t(8, f = s.textUnfolded), "content" in s && t(1, _ = s.content);
   }, o.$$.update = () => {
-    if (o.$$.dirty & 7 && u && n && _) {
-      const { lineHeight: s } = getComputedStyle(u);
-      t(4, c = u.offsetHeight), G(() => u == null ? void 0 : u.offsetHeight, Boolean).then(() => {
-        t(4, c = u.offsetHeight);
+    if (o.$$.dirty & 7 && m && n && _) {
+      const { lineHeight: s } = getComputedStyle(m);
+      t(4, c = m.offsetHeight), G(() => m == null ? void 0 : m.offsetHeight, Boolean).then(() => {
+        t(4, c = m.offsetHeight);
       }), t(3, b = Number(s.replace("px", "")));
     }
     o.$$.dirty & 280 && t(9, g = f ? b - c : 0), o.$$.dirty & 512 && t(7, l = `translateY(${g}px)`), o.$$.dirty & 256 && t(6, e = f ? "left" : "right"), o.$$.dirty & 256 && t(5, i = f ? 450 : 0);
   }, [
     n,
     _,
-    u,
+    m,
     b,
     c,
     i,
@@ -125,11 +135,11 @@ function K(o, r, t) {
     S
   ];
 }
-class R extends T {
+class ie extends T {
   constructor(r) {
     super(), C(this, r, K, J, F, { visible: 0, textUnfolded: 8, content: 1 }, I);
   }
 }
 export {
-  R as FlyMText
+  ie as default
 };

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

@@ -1,42 +1,42 @@
-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, destroy_block as z, noop as y, detach as U, element as J, text as P, attr as V, append as q, set_data as v, binding_callbacks as B } from "../../../../vendor/svelte/internal/index.js";
+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(r) {
-  L(r, "svelte-zgfkts", ".text-char.svelte-zgfkts{text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
+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(r, e, i) {
-  const l = r.slice();
+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(r, e) {
-  let i, l = e[0] + "", s, u = e[16];
+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: r,
+    key: s,
     first: null,
     c() {
-      i = J("span"), s = P(l), V(i, "class", "text-char svelte-zgfkts"), this.first = i;
+      i = z("span"), r = J(l), P(i, "class", "text-char svelte-zgfkts"), this.first = i;
     },
     m(a, d) {
-      I(a, i, d), q(i, s), t();
+      I(a, i, d), V(i, r), t();
     },
     p(a, d) {
-      e = a, d & 4 && l !== (l = e[0] + "") && v(s, l), u !== e[16] && (o(), u = e[16], t());
+      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(r) {
-  let e = [], i = /* @__PURE__ */ new Map(), l, s = r[2];
+function Y(s) {
+  let e = [], i = /* @__PURE__ */ new Map(), l, r = s[2];
   const u = (t) => t[14];
-  for (let t = 0; t < s.length; t += 1) {
-    let o = j(r, s, t), a = u(o);
+  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 {
@@ -51,7 +51,7 @@ function Y(r) {
       I(t, l, o);
     },
     p(t, [o]) {
-      o & 6 && (s = t[2], e = w(e, o, u, 1, t, s, i, l.parentNode, z, D, l, j));
+      o & 6 && (r = t[2], e = w(e, o, u, 1, t, r, i, l.parentNode, v, D, l, j));
     },
     i: y,
     o: y,
@@ -62,8 +62,8 @@ function Y(r) {
     }
   };
 }
-function H(r, e, i) {
-  let l, { inDelay: s = 0 } = e, { outDelay: u = 0 } = e, { content: t } = e, { unfolded: o } = e, { isFistUnfoldedUpdate: a = !0 } = e, d, c, h = [];
+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({
@@ -82,7 +82,7 @@ function H(r, e, i) {
       i(3, a = !1);
       return;
     }
-    clearTimeout(d), d = setTimeout(b, n ? s : u);
+    clearTimeout(d), d = setTimeout(b, n ? r : u);
   }
   function x(n) {
     const f = function() {
@@ -108,16 +108,16 @@ function H(r, e, i) {
       h[f] = n, i(1, h);
     });
   }
-  return r.$$set = (n) => {
-    "inDelay" in n && i(4, s = 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);
-  }, r.$$.update = () => {
-    r.$$.dirty & 1 && i(2, l = M(t)), r.$$.dirty & 64 && R(o), r.$$.dirty & 2 && x(h.filter((n) => !!n));
+  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,
-    s,
+    r,
     u,
     o,
     T
@@ -143,5 +143,5 @@ class ie extends N {
   }
 }
 export {
-  ie as FlyText
+  ie as default
 };

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

@@ -1,5 +1,5 @@
-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, group_outros as N, transition_out as b, check_outros as C, transition_in as p, detach as _, 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 { px2rem as v } from "../../../utils/px2rem.js";
+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}");
 }
@@ -10,16 +10,16 @@ function F(o) {
     c() {
       e && e.c();
     },
-    m(i, r) {
-      e && e.m(i, r), t = !0;
+    m(i, a) {
+      e && e.m(i, a), t = !0;
     },
-    p(i, r) {
-      e && e.p && (!t || r & 32) && M(
+    p(i, a) {
+      e && e.p && (!t || a & 32) && M(
         e,
         l,
         i,
         i[5],
-        t ? T(l, i[5], r, null) : S(i[5]),
+        t ? T(l, i[5], a, null) : S(i[5]),
         null
       );
     },
@@ -35,8 +35,8 @@ function F(o) {
   };
 }
 function G(o) {
-  var r, c;
-  let t, l, e = ((r = o[3]) == null ? void 0 : r.inputting) && y(), i = ((c = o[3]) == null ? void 0 : c.placeholder) && w(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();
@@ -45,8 +45,8 @@ function G(o) {
       e && e.m(s, n), u(s, t, n), i && i.m(s, n), u(s, l, n);
     },
     p(s, n) {
-      var f, a;
-      (f = s[3]) != null && f.inputting ? e || (e = y(), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null), (a = s[3]) != null && a.placeholder ? i ? i.p(s, n) : (i = w(s), i.c(), i.m(l.parentNode, l)) : i && (i.d(1), i = null);
+      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,
@@ -94,11 +94,11 @@ function w(o) {
     c() {
       t = k("span"), e = q(l), h(t, "class", "placeholder svelte-ilb1qs");
     },
-    m(i, r) {
-      u(i, t, r), B(t, e);
+    m(i, a) {
+      u(i, t, a), B(t, e);
     },
-    p(i, r) {
-      r & 8 && l !== (l = i[3].placeholder + "") && x(e, l);
+    p(i, a) {
+      a & 8 && l !== (l = i[3].placeholder + "") && x(e, l);
     },
     d(i) {
       i && _(t);
@@ -107,11 +107,11 @@ function w(o) {
 }
 function I(o) {
   let t, l, e, i;
-  const r = [H, G, F], c = [];
+  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] = r[l](o), {
+  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]);
     },
@@ -119,10 +119,10 @@ function I(o) {
       u(n, t, f), c[l].m(t, null), i = !0;
     },
     p(n, [f]) {
-      let a = l;
-      l = s(n), l === a ? c[l].p(n, f) : (N(), b(c[a], 1, 1, () => {
-        c[a] = null;
-      }), C(), e = c[l], e ? e.p(n, f) : (e = c[l] = r[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]);
+      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);
@@ -136,12 +136,12 @@ function I(o) {
   };
 }
 function J(o, t, l) {
-  let e, { $$slots: i = {}, $$scope: r } = t, { maxLine: c = 1 } = t, { maxWidth: s = null } = t, { text: n = null } = t, { edit: f = null } = t;
-  return o.$$set = (a) => {
-    "maxLine" in a && l(0, c = a.maxLine), "maxWidth" in a && l(1, s = a.maxWidth), "text" in a && l(2, n = a.text), "edit" in a && l(3, f = a.edit), "$$scope" in a && l(5, r = a.$$scope);
+  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, r, i];
+  }, [c, s, n, f, e, a, i];
 }
 class P extends g {
   constructor(t) {
@@ -162,5 +162,5 @@ class P extends g {
   }
 }
 export {
-  P as MText
+  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

@@ -1,11 +1,15 @@
-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 c, group_outros as W, transition_out as m, check_outros as j, detach as u, element as d, create_component as _, attr as f, set_style as g, append as q, mount_component as h, destroy_component as $, text as T, set_data as y } from "../../../../vendor/svelte/internal/index.js";
-import { AudioIcon as E } from "../../Common/Icon/audioIcon.js";
-import { MText as F } from "../../Common/Text/MText.js";
-import { Audio as G } from "../../Common/Audio.js";
-import { timeToString as v } from "../../../utils/timeToString.js";
+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}");
 }
@@ -37,17 +41,17 @@ function z(i) {
       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), q(o, t), h(e, t, null), r = !0;
+      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 || (c(e.$$.fragment, n), r = !0);
+      r || (m(e.$$.fragment, n), r = !0);
     },
     o(n) {
-      m(e.$$.fragment, n), r = !1;
+      c(e.$$.fragment, n), r = !1;
     },
     d(n) {
       n && u(o), $(e);
@@ -91,10 +95,10 @@ function B(i) {
       n & 136 && (a.$$scope = { dirty: n, ctx: r }), t.$set(a);
     },
     i(r) {
-      e || (c(t.$$.fragment, r), e = !0);
+      e || (m(t.$$.fragment, r), e = !0);
     },
     o(r) {
-      m(t.$$.fragment, r), e = !1;
+      c(t.$$.fragment, r), e = !1;
     },
     d(r) {
       r && u(o), $(t);
@@ -115,10 +119,10 @@ function D(i) {
       n & 64 && (a.playing = r[6]), t.$set(a);
     },
     i(r) {
-      e || (c(t.$$.fragment, r), e = !0);
+      e || (m(t.$$.fragment, r), e = !0);
     },
     o(r) {
-      m(t.$$.fragment, r), e = !1;
+      c(t.$$.fragment, r), e = !1;
     },
     d(r) {
       r && u(o), $(t);
@@ -169,15 +173,15 @@ function J(i) {
       e && e.m(r, n), s(r, o, n), t = !0;
     },
     p(r, [n]) {
-      r[0].state ? e ? (e.p(r, n), n & 1 && c(e, 1)) : (e = z(r), e.c(), c(e, 1), e.m(o.parentNode, o)) : e && (W(), m(e, 1, 1, () => {
+      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;
-      }), j());
+      }), W());
     },
     i(r) {
-      t || (c(e), t = !0);
+      t || (m(e), t = !0);
     },
     o(r) {
-      m(e), t = !1;
+      c(e), t = !1;
     },
     d(r) {
       e && e.d(r), r && u(o);
@@ -199,11 +203,11 @@ function K(i, o, t) {
     })());
   }, [a, r, n, e];
 }
-class re extends S {
+class ae extends S {
   constructor(o) {
     super(), A(this, o, K, J, P, { tag: 0 }, N);
   }
 }
 export {
-  re as AudioPlaneTag
+  ae as default
 };