@realsee/dnalogel 2.13.1 → 2.13.2-dev.0

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

@@ -1,11 +1,12 @@
-import { SvelteComponent as K, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as S, transition_in as g, transition_out as h, check_outros as E, detach as T, element as w, create_component as k, space as D, attr as $, add_render_callback as G, set_style as Y, toggle_class as L, mount_component as y, append as c, add_resize_listener as Z, listen as x, group_outros as H, destroy_component as z, create_in_transition as ee, create_out_transition as te, bubble as ie } from "../../../../vendor/svelte/internal/index.js";
-import { cubicInOut as N } from "../../../../vendor/svelte/easing/index.js";
-import { fade as O } from "../../../../vendor/svelte/transition/index.js";
+import { SvelteComponent as J, init as K, safe_not_equal as P, append_styles as Q, empty as V, insert as D, transition_in as h, transition_out as c, check_outros as E, detach as S, element as b, create_component as $, space as C, attr as w, set_style as X, toggle_class as q, mount_component as k, append as v, listen as F, action_destroyer as Y, group_outros as G, destroy_component as y, run_all as Z, add_render_callback as x, create_in_transition as ee, create_out_transition as te, bubble as ie } from "../../../../vendor/svelte/internal/index.js";
+import { cubicInOut as L } from "../../../../vendor/svelte/easing/index.js";
+import { fade as N } from "../../../../vendor/svelte/transition/index.js";
 import ne from "../../Common/Audio.js";
 import oe from "../../Common/Line/Straight.js";
-import J from "../../Common/Shadow.js";
+import H from "../../Common/Shadow.js";
 import le from "../../Common/Text/FlyMText.js";
 import re from "../../Common/Icon/audioIcon.js";
+import { svelteResizeObserver as ae } from "../../../../shared-utils/svelte/resizeObserver.js";
 import "../../../utils/audio/SharedAudio.js";
 import "../../../../shared-utils/audio.js";
 import "../../../../shared-utils/uuid.js";
@@ -19,13 +20,14 @@ import "../../Common/Arrow.js";
 import "../../../Assets/Icon.js";
 import "../../../utils/doUtil.js";
 import "../../../utils/px2rem.js";
-function ae(e) {
-  V(e, "svelte-1s6gk4a", ".audio-tag.svelte-1s6gk4a{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.audio-icon__wrapper.svelte-1s6gk4a{position:relative;vertical-align:top;width:100%;height:100%}.content.svelte-1s6gk4a{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-1s6gk4a{position:relative;width:100%;height:100%}.audio-icon.svelte-1s6gk4a{pointer-events:none;vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.audio.svelte-1s6gk4a{position:relative;width:100%;height:100%}");
+import "../../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+function se(e) {
+  Q(e, "svelte-1s6gk4a", ".audio-tag.svelte-1s6gk4a{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.audio-icon__wrapper.svelte-1s6gk4a{position:relative;vertical-align:top;width:100%;height:100%}.content.svelte-1s6gk4a{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-1s6gk4a{position:relative;width:100%;height:100%}.audio-icon.svelte-1s6gk4a{pointer-events:none;vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.audio.svelte-1s6gk4a{position:relative;width:100%;height:100%}");
 }
 function j(e) {
-  var I, M;
-  let n, i, o, t, a, u, m, r, s, d, v, _, b, R, U;
-  i = new J({
+  var z, I;
+  let n, i, o, t, a, d, m, l, s, p, g, _, R, U;
+  i = new H({
     props: {
       visible: e[6],
       left: e[3] / 2 + "px",
@@ -42,45 +44,49 @@ function j(e) {
       textUnfolded: e[1],
       content: e[5]
     }
-  }), _ = new oe({
+  }), g = new oe({
     props: {
       unfolded: e[6],
       length: e[3],
-      outDelay: e[4] + 20 * Math.min((M = (I = e[5]) == null ? void 0 : I.length) != null ? M : 10, 15),
+      outDelay: e[4] + 20 * Math.min((I = (z = e[5]) == null ? void 0 : z.length) != null ? I : 10, 15),
       useLinearColor: !0
     }
   }), {
     c() {
-      n = w("div"), k(i.$$.fragment), o = D(), t = w("div"), a = w("div"), u = w("div"), f && f.c(), m = D(), r = w("div"), k(s.$$.fragment), v = D(), k(_.$$.fragment), $(u, "class", "audio-icon svelte-1s6gk4a"), G(() => e[15].call(r)), Y(r, "display", "inline-block"), $(a, "class", "wrapper svelte-1s6gk4a"), $(t, "class", "content svelte-1s6gk4a"), $(n, "class", "audio-tag svelte-1s6gk4a"), L(n, "unfolded", e[6]);
-    },
-    m(l, p) {
-      S(l, n, p), y(i, n, null), c(n, o), c(n, t), c(t, a), c(a, u), f && f.m(u, null), c(a, m), c(a, r), y(s, r, null), d = Z(r, e[15].bind(r)), c(n, v), y(_, n, null), b = !0, R || (U = x(r, "click", e[7]), R = !0);
-    },
-    p(l, p) {
-      var q, F;
-      const W = {};
-      p & 64 && (W.visible = l[6]), p & 8 && (W.left = l[3] / 2 + "px"), i.$set(W), l[6] ? f ? (f.p(l, p), p & 64 && g(f, 1)) : (f = B(l), f.c(), g(f, 1), f.m(u, null)) : f && (H(), h(f, 1, 1, () => {
+      n = b("div"), $(i.$$.fragment), o = C(), t = b("div"), a = b("div"), d = b("div"), f && f.c(), m = C(), l = b("div"), $(s.$$.fragment), p = C(), $(g.$$.fragment), w(d, "class", "audio-icon svelte-1s6gk4a"), X(l, "display", "inline-block"), w(a, "class", "wrapper svelte-1s6gk4a"), w(t, "class", "content svelte-1s6gk4a"), w(n, "class", "audio-tag svelte-1s6gk4a"), q(n, "unfolded", e[6]);
+    },
+    m(r, u) {
+      D(r, n, u), k(i, n, null), v(n, o), v(n, t), v(t, a), v(a, d), f && f.m(d, null), v(a, m), v(a, l), k(s, l, null), v(n, p), k(g, n, null), _ = !0, R || (U = [
+        F(l, "click", e[7]),
+        Y(ae.call(null, l)),
+        F(l, "clientWidth", e[15])
+      ], R = !0);
+    },
+    p(r, u) {
+      var W, O;
+      const T = {};
+      u & 64 && (T.visible = r[6]), u & 8 && (T.left = r[3] / 2 + "px"), i.$set(T), r[6] ? f ? (f.p(r, u), u & 64 && h(f, 1)) : (f = B(r), f.c(), h(f, 1), f.m(d, null)) : f && (G(), c(f, 1, 1, () => {
         f = null;
       }), E());
+      const M = {};
+      u & 64 && (M.visible = r[6]), u & 2 && (M.textUnfolded = r[1]), u & 32 && (M.content = r[5]), s.$set(M);
       const A = {};
-      p & 64 && (A.visible = l[6]), p & 2 && (A.textUnfolded = l[1]), p & 32 && (A.content = l[5]), s.$set(A);
-      const C = {};
-      p & 64 && (C.unfolded = l[6]), p & 8 && (C.length = l[3]), p & 48 && (C.outDelay = l[4] + 20 * Math.min((F = (q = l[5]) == null ? void 0 : q.length) != null ? F : 10, 15)), _.$set(C), (!b || p & 64) && L(n, "unfolded", l[6]);
+      u & 64 && (A.unfolded = r[6]), u & 8 && (A.length = r[3]), u & 48 && (A.outDelay = r[4] + 20 * Math.min((O = (W = r[5]) == null ? void 0 : W.length) != null ? O : 10, 15)), g.$set(A), (!_ || u & 64) && q(n, "unfolded", r[6]);
     },
-    i(l) {
-      b || (g(i.$$.fragment, l), g(f), g(s.$$.fragment, l), g(_.$$.fragment, l), b = !0);
+    i(r) {
+      _ || (h(i.$$.fragment, r), h(f), h(s.$$.fragment, r), h(g.$$.fragment, r), _ = !0);
     },
-    o(l) {
-      h(i.$$.fragment, l), h(f), h(s.$$.fragment, l), h(_.$$.fragment, l), b = !1;
+    o(r) {
+      c(i.$$.fragment, r), c(f), c(s.$$.fragment, r), c(g.$$.fragment, r), _ = !1;
     },
-    d(l) {
-      l && T(n), z(i), f && f.d(), z(s), d(), z(_), R = !1, U();
+    d(r) {
+      r && S(n), y(i), f && f.d(), y(s), y(g), R = !1, Z(U);
     }
   };
 }
 function B(e) {
-  let n, i, o, t, a, u, m;
-  return i = new J({
+  let n, i, o, t, a, d, m;
+  return i = new H({
     props: {
       center: !0,
       blurRadius: 15,
@@ -91,140 +97,140 @@ function B(e) {
       enable: e[6],
       url: e[0].data.audioUrl,
       hooksInfo: { tag: e[0] },
-      $$slots: { default: [se] },
+      $$slots: { default: [fe] },
       $$scope: { ctx: e }
     }
   }), t.$on("play", e[11]), t.$on("pause", e[12]), t.$on("error", e[13]), t.$on("audioRef", e[14]), {
     c() {
-      n = w("div"), k(i.$$.fragment), o = D(), k(t.$$.fragment), $(n, "class", "audio svelte-1s6gk4a");
+      n = b("div"), $(i.$$.fragment), o = C(), $(t.$$.fragment), w(n, "class", "audio svelte-1s6gk4a");
     },
-    m(r, s) {
-      S(r, n, s), y(i, n, null), c(n, o), y(t, n, null), m = !0;
+    m(l, s) {
+      D(l, n, s), k(i, n, null), v(n, o), k(t, n, null), m = !0;
     },
-    p(r, s) {
-      e = r;
-      const d = {};
-      s & 64 && (d.enable = e[6]), s & 1 && (d.url = e[0].data.audioUrl), s & 1 && (d.hooksInfo = { tag: e[0] }), s & 65540 && (d.$$scope = { dirty: s, ctx: e }), t.$set(d);
+    p(l, s) {
+      e = l;
+      const p = {};
+      s & 64 && (p.enable = e[6]), s & 1 && (p.url = e[0].data.audioUrl), s & 1 && (p.hooksInfo = { tag: e[0] }), s & 65540 && (p.$$scope = { dirty: s, ctx: e }), t.$set(p);
     },
-    i(r) {
-      m || (g(i.$$.fragment, r), g(t.$$.fragment, r), r && G(() => {
-        u && u.end(1), a = ee(n, O, {
+    i(l) {
+      m || (h(i.$$.fragment, l), h(t.$$.fragment, l), l && x(() => {
+        d && d.end(1), a = ee(n, N, {
           duration: 1e3,
           delay: 0,
-          easing: N
+          easing: L
         }), a.start();
       }), m = !0);
     },
-    o(r) {
-      var s, d;
-      h(i.$$.fragment, r), h(t.$$.fragment, r), a && a.invalidate(), r && (u = te(n, O, {
+    o(l) {
+      var s, p;
+      c(i.$$.fragment, l), c(t.$$.fragment, l), a && a.invalidate(), l && (d = te(n, N, {
         duration: 1e3,
-        delay: 20 * Math.min((d = (s = e[5]) == null ? void 0 : s.length) != null ? d : 10, 15),
-        easing: N
+        delay: 20 * Math.min((p = (s = e[5]) == null ? void 0 : s.length) != null ? p : 10, 15),
+        easing: L
       })), m = !1;
     },
-    d(r) {
-      r && T(n), z(i), z(t), r && u && u.end();
+    d(l) {
+      l && S(n), y(i), y(t), l && d && d.end();
     }
   };
 }
-function se(e) {
+function fe(e) {
   let n, i, o;
   return i = new re({ props: { playing: e[2] } }), {
     c() {
-      n = w("div"), k(i.$$.fragment), $(n, "class", "audio-icon__wrapper svelte-1s6gk4a");
+      n = b("div"), $(i.$$.fragment), w(n, "class", "audio-icon__wrapper svelte-1s6gk4a");
     },
     m(t, a) {
-      S(t, n, a), y(i, n, null), o = !0;
+      D(t, n, a), k(i, n, null), o = !0;
     },
     p(t, a) {
-      const u = {};
-      a & 4 && (u.playing = t[2]), i.$set(u);
+      const d = {};
+      a & 4 && (d.playing = t[2]), i.$set(d);
     },
     i(t) {
-      o || (g(i.$$.fragment, t), o = !0);
+      o || (h(i.$$.fragment, t), o = !0);
     },
     o(t) {
-      h(i.$$.fragment, t), o = !1;
+      c(i.$$.fragment, t), o = !1;
     },
     d(t) {
-      t && T(n), z(i);
+      t && S(n), y(i);
     }
   };
 }
-function fe(e) {
+function ue(e) {
   let n, i, o = e[0].state && j(e);
   return {
     c() {
-      o && o.c(), n = X();
+      o && o.c(), n = V();
     },
     m(t, a) {
-      o && o.m(t, a), S(t, n, a), i = !0;
+      o && o.m(t, a), D(t, n, a), i = !0;
     },
     p(t, [a]) {
-      t[0].state ? o ? (o.p(t, a), a & 1 && g(o, 1)) : (o = j(t), o.c(), g(o, 1), o.m(n.parentNode, n)) : o && (H(), h(o, 1, 1, () => {
+      t[0].state ? o ? (o.p(t, a), a & 1 && h(o, 1)) : (o = j(t), o.c(), h(o, 1), o.m(n.parentNode, n)) : o && (G(), c(o, 1, 1, () => {
         o = null;
       }), E());
     },
     i(t) {
-      i || (g(o), i = !0);
+      i || (h(o), i = !0);
     },
     o(t) {
-      h(o), i = !1;
+      c(o), i = !1;
     },
     d(t) {
-      o && o.d(t), t && T(n);
+      o && o.d(t), t && S(n);
     }
   };
 }
-function ue(e, n, i) {
+function de(e, n, i) {
   let o, t, a;
-  var u, m, r;
-  let { tag: s } = n, d = !1, v = !1, _;
-  function b() {
-    i(1, d = !d);
+  var d, m, l;
+  let { tag: s } = n, p = !1, g = !1, _;
+  function R() {
+    i(1, p = !p);
   }
-  const R = () => {
-    i(2, v = !0);
-  }, U = () => {
-    i(2, v = !1);
+  const U = () => {
+    i(2, g = !0);
   }, f = () => {
-    i(2, v = !1);
+    i(2, g = !1);
+  }, z = () => {
+    i(2, g = !1);
   };
-  function I(l) {
-    ie.call(this, e, l);
+  function I(u) {
+    ie.call(this, e, u);
   }
-  function M() {
-    _ = this.clientWidth, i(3, _);
-  }
-  return e.$$set = (l) => {
-    "tag" in l && i(0, s = l.tag);
+  const r = (u) => {
+    i(3, _ = u.detail);
+  };
+  return e.$$set = (u) => {
+    "tag" in u && i(0, s = u.tag);
   }, e.$$.update = () => {
-    e.$$.dirty & 257 && i(6, o = !!(!(i(8, u = s.state) === null || u === void 0) && u.unfolded)), e.$$.dirty & 1537 && i(5, t = i(10, r = i(9, m = s.data.title) !== null && m !== void 0 ? m : s.data.text) !== null && r !== void 0 ? r : ""), e.$$.dirty & 2 && i(4, a = d ? 450 : 0);
+    e.$$.dirty & 257 && i(6, o = !!(!(i(8, d = s.state) === null || d === void 0) && d.unfolded)), e.$$.dirty & 1537 && i(5, t = i(10, l = i(9, m = s.data.title) !== null && m !== void 0 ? m : s.data.text) !== null && l !== void 0 ? l : ""), e.$$.dirty & 2 && i(4, a = p ? 450 : 0);
   }, [
     s,
-    d,
-    v,
+    p,
+    g,
     _,
     a,
     t,
     o,
-    b,
-    u,
-    m,
-    r,
     R,
+    d,
+    m,
+    l,
     U,
     f,
+    z,
     I,
-    M
+    r
   ];
 }
-class Se extends K {
+class Oe extends J {
   constructor(n) {
-    super(), P(this, n, ue, fe, Q, { tag: 0 }, ae);
+    super(), K(this, n, de, ue, P, { tag: 0 }, se);
   }
 }
 export {
-  Se as default
+  Oe as default
 };

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

@@ -21,6 +21,8 @@ import "../../../Assets/Icon.js";
 import "../../../utils/doUtil.js";
 import "../../Common/Icon/audioIcon.js";
 import "../../../utils/px2rem.js";
+import "../../../../shared-utils/svelte/resizeObserver.js";
+import "../../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
 import "../../Common/Text/MText.js";
 function w(a) {
   let t, e;
@@ -113,11 +115,11 @@ function N(a, t, e) {
     a.$$.dirty & 9 && e(1, o = e(3, i = n.data.appearance) !== null && i !== void 0 ? i : "line");
   }, [n, o, f, i];
 }
-class tt extends g {
+class ot extends g {
   constructor(t) {
     super(), $(this, t, N, C, k, { tag: 0 });
   }
 }
 export {
-  tt as default
+  ot as default
 };

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

@@ -1,7 +1,8 @@
-import { SvelteComponent as $, init as C, safe_not_equal as R, append_styles as W, empty as q, insert as w, transition_in as c, transition_out as g, check_outros as F, detach as k, create_component as z, space as M, element as I, attr as L, add_render_callback as N, mount_component as T, add_resize_listener as j, listen as x, destroy_component as y, 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 { SvelteComponent as S, init as W, safe_not_equal as $, append_styles as C, empty as q, insert as v, transition_in as _, transition_out as h, check_outros as x, detach as w, create_component as y, space as D, element as F, attr as I, mount_component as T, action_destroyer as L, listen as M, destroy_component as k, run_all as N, group_outros as O } from "../../../../vendor/svelte/internal/index.js";
+import j from "../../Common/Line/Straight.js";
+import A from "../../Common/Shadow.js";
+import B from "../../Common/Text/FlyMText.js";
+import { svelteResizeObserver as E } from "../../../../shared-utils/svelte/resizeObserver.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../../../vendor/svelte/easing/index.js";
 import "../../../../shared-utils/uuid.js";
@@ -14,125 +15,130 @@ 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}");
+import "../../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+function G(o) {
+  C(o, "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 S(n) {
-  var u, h;
-  let r, o, t, i, l, s, p, m, d, a;
-  return r = new E({
+function R(o) {
+  var c, a;
+  let l, n, t, i, r, s, m, p, d;
+  return l = new A({
     props: {
-      visible: n[2],
-      left: n[3] / 2 + "px",
+      visible: o[2],
+      left: o[3] / 2 + "px",
       bottom: 12,
       width: 2,
       blurRadius: 120,
       spreadRadius: 60
     }
-  }), t = new B({
+  }), t = new j({
     props: {
-      unfolded: n[2],
-      length: n[3],
-      outDelay: n[4] + 40 * Math.min((h = (u = n[6][0]) == null ? void 0 : u.content.length) != null ? h : 10, 15),
+      unfolded: o[2],
+      length: o[3],
+      outDelay: o[4] + 40 * Math.min((a = (c = o[6][0]) == null ? void 0 : c.content.length) != null ? a : 10, 15),
       useLinearColor: !0
     }
-  }), s = new G({
+  }), s = new B({
     props: {
-      visible: n[2],
-      textUnfolded: n[1],
-      content: n[5]
+      visible: o[2],
+      textUnfolded: o[1],
+      content: o[5]
     }
   }), {
     c() {
-      z(r.$$.fragment), o = M(), z(t.$$.fragment), i = M(), l = I("div"), z(s.$$.fragment), L(l, "class", "content svelte-nlvd3x"), N(() => n[11].call(l));
+      y(l.$$.fragment), n = D(), y(t.$$.fragment), i = D(), r = F("div"), y(s.$$.fragment), I(r, "class", "content svelte-nlvd3x");
     },
     m(e, f) {
-      T(r, e, f), w(e, o, f), T(t, e, f), w(e, i, f), w(e, l, f), T(s, l, null), p = j(l, n[11].bind(l)), m = !0, d || (a = x(l, "click", n[7]), d = !0);
+      T(l, e, f), v(e, n, f), T(t, e, f), v(e, i, f), v(e, r, f), T(s, r, null), m = !0, p || (d = [
+        L(E.call(null, r)),
+        M(r, "clientWidth", o[11]),
+        M(r, "click", o[7])
+      ], p = !0);
     },
     p(e, f) {
-      var U, D;
-      const _ = {};
-      f & 4 && (_.visible = e[2]), f & 8 && (_.left = e[3] / 2 + "px"), r.$set(_);
+      var z, U;
+      const g = {};
+      f & 4 && (g.visible = e[2]), f & 8 && (g.left = e[3] / 2 + "px"), l.$set(g);
+      const u = {};
+      f & 4 && (u.unfolded = e[2]), f & 8 && (u.length = e[3]), f & 16 && (u.outDelay = e[4] + 40 * Math.min((U = (z = e[6][0]) == null ? void 0 : z.content.length) != null ? U : 10, 15)), t.$set(u);
       const b = {};
-      f & 4 && (b.unfolded = e[2]), f & 8 && (b.length = e[3]), f & 16 && (b.outDelay = e[4] + 40 * Math.min((D = (U = e[6][0]) == null ? void 0 : U.content.length) != null ? D : 10, 15)), t.$set(b);
-      const v = {};
-      f & 4 && (v.visible = e[2]), f & 2 && (v.textUnfolded = e[1]), f & 32 && (v.content = e[5]), s.$set(v);
+      f & 4 && (b.visible = e[2]), f & 2 && (b.textUnfolded = e[1]), f & 32 && (b.content = e[5]), s.$set(b);
     },
     i(e) {
-      m || (c(r.$$.fragment, e), c(t.$$.fragment, e), c(s.$$.fragment, e), m = !0);
+      m || (_(l.$$.fragment, e), _(t.$$.fragment, e), _(s.$$.fragment, e), m = !0);
     },
     o(e) {
-      g(r.$$.fragment, e), g(t.$$.fragment, e), g(s.$$.fragment, e), m = !1;
+      h(l.$$.fragment, e), h(t.$$.fragment, e), h(s.$$.fragment, e), m = !1;
     },
     d(e) {
-      y(r, e), e && k(o), y(t, e), e && k(i), e && k(l), y(s), p(), d = !1, a();
+      k(l, e), e && w(n), k(t, e), e && w(i), e && w(r), k(s), p = !1, N(d);
     }
   };
 }
-function J(n) {
-  let r, o, t = n[0].state && S(n);
+function H(o) {
+  let l, n, t = o[0].state && R(o);
   return {
     c() {
-      t && t.c(), r = q();
+      t && t.c(), l = q();
     },
-    m(i, l) {
-      t && t.m(i, l), w(i, r, l), o = !0;
+    m(i, r) {
+      t && t.m(i, r), v(i, l, r), n = !0;
     },
-    p(i, [l]) {
-      i[0].state ? t ? (t.p(i, l), l & 1 && c(t, 1)) : (t = S(i), t.c(), c(t, 1), t.m(r.parentNode, r)) : t && (A(), g(t, 1, 1, () => {
+    p(i, [r]) {
+      i[0].state ? t ? (t.p(i, r), r & 1 && _(t, 1)) : (t = R(i), t.c(), _(t, 1), t.m(l.parentNode, l)) : t && (O(), h(t, 1, 1, () => {
         t = null;
-      }), F());
+      }), x());
     },
     i(i) {
-      o || (c(t), o = !0);
+      n || (_(t), n = !0);
     },
     o(i) {
-      g(t), o = !1;
+      h(t), n = !1;
     },
     d(i) {
-      t && t.d(i), i && k(r);
+      t && t.d(i), i && w(l);
     }
   };
 }
-function K(n, r, o) {
-  let t, i, l;
-  var s, p, m;
-  let { tag: d } = r, a, u = !1, h = [];
-  function e() {
-    o(1, u = !u);
-  }
+function J(o, l, n) {
+  let t, i, r;
+  var s, m, p;
+  let { tag: d } = l, c, a = !1, e = [];
   function f() {
-    a = this.clientWidth, o(3, a);
+    n(1, a = !a);
   }
-  return n.$$set = (_) => {
-    "tag" in _ && o(0, d = _.tag);
-  }, n.$$.update = () => {
-    n.$$.dirty & 257 && o(2, t = !!(!(o(8, s = d.state) === null || s === void 0) && s.unfolded)), n.$$.dirty & 1537 && o(5, i = o(10, m = o(9, p = d.data.title) !== null && p !== void 0 ? p : d.data.text) !== null && m !== void 0 ? m : ""), n.$$.dirty & 4 && (t || setTimeout(
+  const g = (u) => {
+    n(3, c = u.detail);
+  };
+  return o.$$set = (u) => {
+    "tag" in u && n(0, d = u.tag);
+  }, o.$$.update = () => {
+    o.$$.dirty & 257 && n(2, t = !!(!(n(8, s = d.state) === null || s === void 0) && s.unfolded)), o.$$.dirty & 1537 && n(5, i = n(10, p = n(9, m = d.data.title) !== null && m !== void 0 ? m : d.data.text) !== null && p !== void 0 ? p : ""), o.$$.dirty & 4 && (t || setTimeout(
       () => {
-        o(1, u = !1);
+        n(1, a = !1);
       },
       20
-    )), n.$$.dirty & 2 && o(4, l = u ? 450 : 0);
+    )), o.$$.dirty & 2 && n(4, r = a ? 450 : 0);
   }, [
     d,
-    u,
-    t,
     a,
-    l,
+    t,
+    c,
+    r,
     i,
-    h,
     e,
+    f,
     s,
-    p,
     m,
-    f
+    p,
+    g
   ];
 }
-class me extends $ {
-  constructor(r) {
-    super(), C(this, r, K, J, R, { tag: 0 }, H);
+class pe extends S {
+  constructor(l) {
+    super(), W(this, l, J, H, $, { tag: 0 }, G);
   }
 }
 export {
-  me as default
+  pe as default
 };

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

@@ -16,6 +16,8 @@ import "../../../utils/constants.js";
 import "../../Common/Arrow.js";
 import "../../../Assets/Icon.js";
 import "../../../utils/doUtil.js";
+import "../../../../shared-utils/svelte/resizeObserver.js";
+import "../../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
 import "../../Common/Text/MText.js";
 import "../../../utils/px2rem.js";
 function q(a) {
@@ -106,11 +108,11 @@ function P(a, t, e) {
     a.$$.dirty & 5 && e(1, r = e(2, o = i.data.appearance) !== null && o !== void 0 ? o : "line");
   }, [i, r, o];
 }
-class W extends d {
+class Y extends d {
   constructor(t) {
     super(), k(this, t, P, N, $, { tag: 0 });
   }
 }
 export {
-  W as default
+  Y as default
 };

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

@@ -24,6 +24,8 @@ import "../../utils/constants.js";
 import "../Common/Arrow.js";
 import "../../Assets/Icon.js";
 import "../../utils/doUtil.js";
+import "../../../shared-utils/svelte/resizeObserver.js";
+import "../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
 import "./TextTag/TextPlaneTag.js";
 import "../Common/Text/MText.js";
 import "../../utils/px2rem.js";
@@ -406,7 +408,7 @@ function DA(o, A, t) {
     j
   ];
 }
-class nt extends $ {
+class at extends $ {
   constructor(A) {
     super(), AA(
       this,
@@ -427,5 +429,5 @@ class nt extends $ {
   }
 }
 export {
-  nt as default
+  at as default
 };

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -18,6 +18,8 @@ import "../utils/constants.js";
 import "./Common/Arrow.js";
 import "../Assets/Icon.js";
 import "../utils/doUtil.js";
+import "../../shared-utils/svelte/resizeObserver.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
 import "./Tag/TextTag/TextPlaneTag.js";
 import "./Common/Text/MText.js";
 import "../utils/px2rem.js";
@@ -204,7 +206,7 @@ function F(a, t, o) {
     "withAnimation" in p && o(0, i = p.withAnimation), "tags" in p && o(1, m = p.tags), "hooks" in p && o(5, r = p.hooks), "mediaStore" in p && o(2, l = p.mediaStore), "state" in p && o(3, e = p.state), "temporaryState" in p && o(4, n = p.temporaryState);
   }, [i, m, l, e, n, r];
 }
-class wi extends S {
+class vi extends S {
   constructor(t) {
     super(), v(
       this,
@@ -225,5 +227,5 @@ class wi extends S {
   }
 }
 export {
-  wi as default
+  vi as default
 };

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -19,6 +19,8 @@ import "../utils/constants.js";
 import "./Common/Arrow.js";
 import "../Assets/Icon.js";
 import "../utils/doUtil.js";
+import "../../shared-utils/svelte/resizeObserver.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
 import "./Tag/TextTag/TextPlaneTag.js";
 import "./Common/Text/MText.js";
 import "../utils/px2rem.js";
@@ -256,7 +258,7 @@ function ot(o, e, t) {
     w
   ];
 }
-class He extends M {
+class Ke extends M {
   constructor(e) {
     super(), N(
       this,
@@ -276,5 +278,5 @@ class He extends M {
   }
 }
 export {
-  He as default
+  Ke as default
 };