@realsee/dnalogel 2.3.3 → 2.3.5-dev.0

package/libs/PanoTagPlugin/Components/Common/MediaItem.js

@@ -1,139 +1,168 @@
-import { SvelteComponent as C, init as N, safe_not_equal as F, append_styles as U, empty as L, insert as _, noop as y, detach as w, element as m, attr as a, binding_callbacks as q, space as E, src_url_equal as b, toggle_class as d, set_style as z, append as k, listen as P, run_all as S } from "../../../vendor/svelte/internal/index.js";
-import { Image_Play_Large as j, Image_Play_Small as B } from "../../Assets/Icon.js";
-function M(o) {
-  U(o, "svelte-cwtvzu", ".media-item.svelte-cwtvzu.svelte-cwtvzu{height:100%}.media-content.svelte-cwtvzu.svelte-cwtvzu{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-cwtvzu.svelte-cwtvzu{display:none;pointer-events:auto;position:absolute;width:100%;height:100%;top:0;left:0}.video-play-button-container.showPlayButton.svelte-cwtvzu.svelte-cwtvzu{display:block}.video-icon.large.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem}.video-icon.small.svelte-cwtvzu.svelte-cwtvzu{width:1.75rem;height:1.75rem}.video-icon.svelte-cwtvzu .video-icon-img.svelte-cwtvzu{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-cwtvzu .video-icon-img.canPlay.svelte-cwtvzu{cursor:pointer}");
+import { SvelteComponent as z, init as F, safe_not_equal as O, append_styles as U, empty as W, insert as y, noop as w, detach as p, getContext as B, element as g, attr as f, binding_callbacks as T, space as V, src_url_equal as b, toggle_class as _, set_style as q, append as P, listen as I, run_all as A } from "../../../vendor/svelte/internal/index.js";
+import { Image_Play_Icon_With_Text as J, Image_Play_Icon as M } from "../../Assets/Icon.js";
+function R(l) {
+  U(l, "svelte-q6hk4f", ".media-item.svelte-q6hk4f.svelte-q6hk4f{height:100%}.media-content.svelte-q6hk4f.svelte-q6hk4f{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-q6hk4f.svelte-q6hk4f{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-q6hk4f.svelte-q6hk4f{display:none;pointer-events:auto;position:absolute;width:100%;height:100%;top:0;left:0;transform:translate3d(0, 0, 0)}.video-play-button-container.showPlayButton.svelte-q6hk4f.svelte-q6hk4f{display:block}.video-icon.large.svelte-q6hk4f.svelte-q6hk4f{width:12.5rem;height:6.25rem}.video-icon.small.svelte-q6hk4f.svelte-q6hk4f{width:1.75rem;height:1.75rem}.video-icon.svelte-q6hk4f .video-icon-img.svelte-q6hk4f{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-q6hk4f .video-icon-img.canPlay.svelte-q6hk4f{cursor:pointer}");
 }
-function I(o) {
+function S(l) {
   let e;
-  function t(s, c) {
-    if (s[0].type === "Image")
-      return A;
-    if (s[0].type === "Video")
-      return V;
+  function i(s, d) {
+    if (s[1].type === "Image")
+      return D;
+    if (s[1].type === "Video")
+      return X;
   }
-  let n = t(o), i = n && n(o);
+  let n = i(l), t = n && n(l);
   return {
     c() {
-      e = m("div"), i && i.c(), a(e, "class", "media-item svelte-cwtvzu");
+      e = g("div"), t && t.c(), f(e, "class", "media-item svelte-q6hk4f");
     },
-    m(s, c) {
-      _(s, e, c), i && i.m(e, null);
+    m(s, d) {
+      y(s, e, d), t && t.m(e, null);
     },
-    p(s, c) {
-      n === (n = t(s)) && i ? i.p(s, c) : (i && i.d(1), i = n && n(s), i && (i.c(), i.m(e, null)));
+    p(s, d) {
+      n === (n = i(s)) && t ? t.p(s, d) : (t && t.d(1), t = n && n(s), t && (t.c(), t.m(e, null)));
     },
     d(s) {
-      s && w(e), i && i.d();
+      s && p(e), t && t.d();
     }
   };
 }
-function V(o) {
-  let e, t, n, i, s, c, u, v, f, p, g;
+function X(l) {
+  let e, i, n, t, s, d, m, v, c, o, k;
   return {
     c() {
-      var l;
-      e = m("video"), c = E(), u = m("div"), v = m("div"), f = m("div"), a(e, "class", "media-content svelte-cwtvzu"), a(e, "style", t = `object-fit: ${o[3]};`), b(e.src, n = o[0].url + "#t=0.1") || a(e, "src", n), a(e, "poster", i = (l = o[0].videoCoverUrl) != null ? l : void 0), a(e, "preload", s = o[0].videoCoverUrl ? void 0 : "auto"), e.playsInline = !0, a(e, "paused", ""), e.loop = !1, a(e, "crossorigin", ""), e.controls = !1, d(e, "showPlayButton", o[5]), a(f, "class", "video-icon-img svelte-cwtvzu"), z(f, "background-image", "url(" + (o[1] === "large" ? j : B) + ")"), d(f, "canPlay", o[2]), a(v, "class", "video-icon svelte-cwtvzu"), d(v, "large", o[1] === "large"), d(v, "small", o[1] === "small"), a(u, "class", "video-play-button-container svelte-cwtvzu"), d(u, "showPlayButton", o[5]);
+      var a;
+      e = g("video"), d = V(), m = g("div"), v = g("div"), c = g("div"), f(e, "class", "media-content svelte-q6hk4f"), f(e, "style", i = `object-fit: ${l[5]};`), b(e.src, n = l[1].url + "#t=0.1") || f(e, "src", n), f(e, "poster", t = (a = l[1].videoCoverUrl) != null ? a : void 0), f(e, "preload", s = l[1].videoCoverUrl ? void 0 : "auto"), e.playsInline = !0, f(e, "paused", ""), e.muted = !0, e.loop = !1, f(e, "crossorigin", ""), e.controls = !1, _(e, "showPlayButton", l[7]), q(e, "position", "relative"), f(c, "class", "video-icon-img svelte-q6hk4f"), q(c, "background-image", "url(" + l[13]() + ")"), _(c, "canPlay", l[4]), f(v, "class", "video-icon svelte-q6hk4f"), _(v, "large", l[3] === "large"), _(v, "small", l[3] === "small"), f(m, "class", "video-play-button-container svelte-q6hk4f"), _(m, "showPlayButton", l[7]);
     },
-    m(l, r) {
-      _(l, e, r), o[7](e), _(l, c, r), _(l, u, r), k(u, v), k(v, f), p || (g = [
-        P(e, "click", o[6]),
-        P(f, "click", o[8])
-      ], p = !0);
+    m(a, u) {
+      y(a, e, u), l[12](e), y(a, d, u), y(a, m, u), P(m, v), P(v, c), o || (k = [
+        I(e, "click", l[11]),
+        I(c, "click", l[14])
+      ], o = !0);
     },
-    p(l, r) {
+    p(a, u) {
       var h;
-      r & 8 && t !== (t = `object-fit: ${l[3]};`) && a(e, "style", t), r & 1 && !b(e.src, n = l[0].url + "#t=0.1") && a(e, "src", n), r & 1 && i !== (i = (h = l[0].videoCoverUrl) != null ? h : void 0) && a(e, "poster", i), r & 1 && s !== (s = l[0].videoCoverUrl ? void 0 : "auto") && a(e, "preload", s), r & 32 && d(e, "showPlayButton", l[5]), r & 2 && z(f, "background-image", "url(" + (l[1] === "large" ? j : B) + ")"), r & 4 && d(f, "canPlay", l[2]), r & 2 && d(v, "large", l[1] === "large"), r & 2 && d(v, "small", l[1] === "small"), r & 32 && d(u, "showPlayButton", l[5]);
+      u & 32 && i !== (i = `object-fit: ${a[5]};`) && f(e, "style", i), u & 2 && !b(e.src, n = a[1].url + "#t=0.1") && f(e, "src", n), u & 2 && t !== (t = (h = a[1].videoCoverUrl) != null ? h : void 0) && f(e, "poster", t), u & 2 && s !== (s = a[1].videoCoverUrl ? void 0 : "auto") && f(e, "preload", s), u & 128 && _(e, "showPlayButton", a[7]), u & 4 && q(c, "background-image", "url(" + a[13]() + ")"), u & 16 && _(c, "canPlay", a[4]), u & 8 && _(v, "large", a[3] === "large"), u & 8 && _(v, "small", a[3] === "small"), u & 128 && _(m, "showPlayButton", a[7]);
     },
-    d(l) {
-      l && w(e), o[7](null), l && w(c), l && w(u), p = !1, S(g);
+    d(a) {
+      a && p(e), l[12](null), a && p(d), a && p(m), o = !1, A(k);
     }
   };
 }
-function A(o) {
-  let e, t, n, i;
+function D(l) {
+  let e, i, n, t;
   return {
     c() {
-      e = m("img"), a(e, "class", "media-content svelte-cwtvzu"), a(e, "style", t = `object-fit: ${o[3]};`), b(e.src, n = o[0].url) || a(e, "src", n), a(e, "alt", i = o[0].name);
+      e = g("img"), f(e, "class", "media-content svelte-q6hk4f"), f(e, "style", i = `object-fit: ${l[5]};`), b(e.src, n = l[1].url) || f(e, "src", n), f(e, "alt", t = l[1].name);
     },
-    m(s, c) {
-      _(s, e, c);
+    m(s, d) {
+      y(s, e, d);
     },
-    p(s, c) {
-      c & 8 && t !== (t = `object-fit: ${s[3]};`) && a(e, "style", t), c & 1 && !b(e.src, n = s[0].url) && a(e, "src", n), c & 1 && i !== (i = s[0].name) && a(e, "alt", i);
+    p(s, d) {
+      d & 32 && i !== (i = `object-fit: ${s[5]};`) && f(e, "style", i), d & 2 && !b(e.src, n = s[1].url) && f(e, "src", n), d & 2 && t !== (t = s[1].name) && f(e, "alt", t);
     },
     d(s) {
-      s && w(e);
+      s && p(e);
     }
   };
 }
-function D(o) {
-  let e, t = o[0] && I(o);
+function G(l) {
+  let e, i = l[1] && S(l);
   return {
     c() {
-      t && t.c(), e = L();
+      i && i.c(), e = W();
     },
-    m(n, i) {
-      t && t.m(n, i), _(n, e, i);
+    m(n, t) {
+      i && i.m(n, t), y(n, e, t);
     },
-    p(n, [i]) {
-      n[0] ? t ? t.p(n, i) : (t = I(n), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
+    p(n, [t]) {
+      n[1] ? i ? i.p(n, t) : (i = S(n), i.c(), i.m(e.parentNode, e)) : i && (i.d(1), i = null);
     },
-    i: y,
-    o: y,
+    i: w,
+    o: w,
     d(n) {
-      t && t.d(n), n && w(e);
+      i && i.d(n), n && p(e);
     }
   };
 }
-function G(o, e, t) {
-  let { media: n } = e, { playButtonIfNeed: i = "small" } = e, { canPlay: s = !0 } = e, { objectFit: c = "cover" } = e, u, v = !1;
-  const f = () => u == null ? void 0 : u.pause();
-  function p(l) {
-    q[l ? "unshift" : "push"](() => {
-      u = l, t(4, u);
+function H(l, e, i) {
+  let { tag: n } = e, { media: t } = e, { playButtonIfNeed: s = "withoutText" } = e, { playButtonSizeIfNeed: d = "small" } = e, { canPlay: m = !0 } = e, { objectFit: v = "cover" } = e, c = (t == null ? void 0 : t.type) === "Video" && Boolean(t == null ? void 0 : t.videoCoverUrl), o, k = !1;
+  const a = B("mediaStore"), u = B("hooks"), h = () => {
+    c || (o == null || o.play(), o == null || o.pause(), i(10, c = !0));
+  };
+  u.on("loadVideoFirstFrame", h);
+  const C = (r) => {
+    o && (o.pause(), u.emit("playStateChange", {
+      event: r,
+      state: "paused",
+      tag: n,
+      mediaInstance: o
+    }));
+  };
+  function L(r) {
+    T[r ? "unshift" : "push"](() => {
+      o = r, i(6, o);
     });
   }
-  const g = () => {
-    !s || u && u.play();
-  };
-  return o.$$set = (l) => {
-    "media" in l && t(0, n = l.media), "playButtonIfNeed" in l && t(1, i = l.playButtonIfNeed), "canPlay" in l && t(2, s = l.canPlay), "objectFit" in l && t(3, c = l.objectFit);
-  }, o.$$.update = () => {
-    o.$$.dirty & 16 && u && (t(5, v = u.paused), u.addEventListener("play", () => {
-      t(5, v = !1);
-    }), u.addEventListener("pause", () => {
-      t(5, v = !0);
+  const j = () => s === "withText" ? J : s === "withoutText" ? M : s, E = (r) => {
+    !m || o && (i(6, o.muted = !1, o), o.play(), a.set({ currentMediaElement: o }), u.emit("playStateChange", {
+      event: r,
+      state: "playing",
+      tag: n,
+      mediaInstance: o
     }));
+  };
+  return l.$$set = (r) => {
+    "tag" in r && i(0, n = r.tag), "media" in r && i(1, t = r.media), "playButtonIfNeed" in r && i(2, s = r.playButtonIfNeed), "playButtonSizeIfNeed" in r && i(3, d = r.playButtonSizeIfNeed), "canPlay" in r && i(4, m = r.canPlay), "objectFit" in r && i(5, v = r.objectFit);
+  }, l.$$.update = () => {
+    if (l.$$.dirty & 64 && o && (i(7, k = o.paused), o.addEventListener("play", () => {
+      i(7, k = !1);
+    }), o.addEventListener("pause", () => {
+      i(7, k = !0);
+    }), a.subscribe(({ currentMediaElement: r }) => {
+      r !== o && (o == null || o.pause());
+    })), l.$$.dirty & 1090 && (t == null ? void 0 : t.type) === "Video" && !c) {
+      const r = navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1, N = navigator.userAgent.toLowerCase().indexOf("iphone") !== -1 && r;
+      o && N && o.paused && (document.removeEventListener("WeixinJSBridgeReady", h), document.removeEventListener("touchstart", h), document.removeEventListener("click", h), document.addEventListener("WeixinJSBridgeReady", h), document.addEventListener("touchstart", h), document.addEventListener("click", h));
+    }
   }, [
     n,
-    i,
+    t,
     s,
-    c,
-    u,
+    d,
+    m,
     v,
-    f,
-    p,
-    g
+    o,
+    k,
+    a,
+    u,
+    c,
+    C,
+    L,
+    j,
+    E
   ];
 }
-class K extends C {
+class Z extends z {
   constructor(e) {
-    super(), N(
+    super(), F(
       this,
       e,
+      H,
       G,
-      D,
-      F,
+      O,
       {
-        media: 0,
-        playButtonIfNeed: 1,
-        canPlay: 2,
-        objectFit: 3
+        tag: 0,
+        media: 1,
+        playButtonIfNeed: 2,
+        playButtonSizeIfNeed: 3,
+        canPlay: 4,
+        objectFit: 5
       },
-      M
+      R
     );
   }
 }
 export {
-  K as MediaItem
+  Z as MediaItem
 };

package/libs/PanoTagPlugin/Components/Common/TagPoint.js

@@ -0,0 +1,78 @@
+import { SvelteComponent as q, init as A, safe_not_equal as F, append_styles as M, element as w, space as $, create_component as C, attr as _, set_style as u, toggle_class as b, insert as U, append as f, mount_component as D, listen as B, transition_in as I, transition_out as R, detach as E, destroy_component as j, getContext as G } from "../../../vendor/svelte/internal/index.js";
+import { Shadow as H } from "./Shadow.js";
+import { Icon as J } from "./Icon/Icon.js";
+import { Image_Default_Point as K } from "../../Assets/Icon.js";
+import { px2rem as y } from "../../utils/px2rem.js";
+function L(o) {
+  M(o, "svelte-u8kmhd", '@charset "UTF-8";.click-helper.svelte-u8kmhd.svelte-u8kmhd{position:absolute;pointer-events:auto;cursor:pointer;width:2.5rem;height:2.5rem;left:50%;top:50%;transform:translate(-50%, -50%)}.tag-point-wrapper.svelte-u8kmhd.svelte-u8kmhd{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1}.tag-folded-point.svelte-u8kmhd.svelte-u8kmhd,.tag-unfolded-point.svelte-u8kmhd.svelte-u8kmhd{transition:all 0.5s}.tag-point-wrapper.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd:after{content:"";position:absolute;width:0.3125rem;height:0.3125rem;border-radius:50%;background-color:white}.tag-point-wrapper.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd:before{content:"";position:absolute;width:0.875rem;height:0.875rem;border-radius:50%;background-color:rgba(0, 0, 0, 0.2)}.tag-point-wrapper.folded.svelte-u8kmhd .tag-folded-point.svelte-u8kmhd{opacity:1}.tag-point-wrapper.folded.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd{opacity:0}.tag-point-wrapper.unfolded.svelte-u8kmhd .tag-folded-point.svelte-u8kmhd{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd{opacity:1;scale:1}');
+}
+function N(o) {
+  let t, s, p, l, h, a, c, n, r, d, g, k;
+  return l = new H({
+    props: {
+      center: !0,
+      blurRadius: 12,
+      spreadRadius: 5
+    }
+  }), r = new J({
+    props: {
+      icon: o[2],
+      width: o[1]
+    }
+  }), {
+    c() {
+      t = w("div"), s = w("div"), p = $(), C(l.$$.fragment), h = $(), a = w("div"), c = $(), n = w("div"), C(r.$$.fragment), _(s, "class", "click-helper svelte-u8kmhd"), _(a, "class", "tag-unfolded-point svelte-u8kmhd"), u(a, "transition-delay", (o[3] ? T : 0) + "ms"), _(n, "class", "tag-folded-point svelte-u8kmhd"), u(n, "transition-delay", (o[3] ? T : 0) + "ms"), _(t, "class", "tag-point-wrapper svelte-u8kmhd"), b(t, "unfolded", o[0]), b(t, "folded", o[3]), u(t, "width", y(o[1])), u(t, "height", y(o[1]));
+    },
+    m(e, i) {
+      U(e, t, i), f(t, s), f(t, p), D(l, t, null), f(t, h), f(t, a), f(t, c), f(t, n), D(r, n, null), d = !0, g || (k = B(s, "click", o[4]), g = !0);
+    },
+    p(e, [i]) {
+      i & 8 && u(a, "transition-delay", (e[3] ? T : 0) + "ms");
+      const m = {};
+      i & 4 && (m.icon = e[2]), i & 2 && (m.width = e[1]), r.$set(m), i & 8 && u(n, "transition-delay", (e[3] ? T : 0) + "ms"), (!d || i & 1) && b(t, "unfolded", e[0]), (!d || i & 8) && b(t, "folded", e[3]), i & 2 && u(t, "width", y(e[1])), i & 2 && u(t, "height", y(e[1]));
+    },
+    i(e) {
+      d || (I(l.$$.fragment, e), I(r.$$.fragment, e), d = !0);
+    },
+    o(e) {
+      R(l.$$.fragment, e), R(r.$$.fragment, e), d = !1;
+    },
+    d(e) {
+      e && E(t), j(l), j(r), g = !1, k();
+    }
+  };
+}
+const T = 800;
+function O(o, t, s) {
+  let p, l, h, a;
+  const c = G("hooks");
+  let { tag: n } = t, r, d = !1;
+  const g = () => {
+    r !== void 0 && clearTimeout(r), d = !0, r = setTimeout(
+      () => {
+        d = !1;
+      },
+      800
+    );
+  }, k = (e) => {
+    d || c.emit("click", { event: e, target: "TagPoint", tag: n });
+  };
+  return o.$$set = (e) => {
+    "tag" in e && s(5, n = e.tag);
+  }, o.$$.update = () => {
+    var e, i, m;
+    o.$$.dirty & 32 && s(0, p = (e = n.state) == null ? void 0 : e.unfolded), o.$$.dirty & 1 && s(3, l = !p), o.$$.dirty & 32 && s(2, h = (m = (i = n.style) == null ? void 0 : i.point) != null ? m : { url: K }), o.$$.dirty & 32 && s(1, a = (() => {
+      var P, S, z;
+      const v = (z = (S = (P = n.style) == null ? void 0 : P.point) == null ? void 0 : S.size) != null ? z : "S";
+      return typeof v == "number" ? v : v === "S" ? 20 : v === "M" ? 24 : 20;
+    })());
+  }, g(), [p, a, h, l, k, n];
+}
+class Z extends q {
+  constructor(t) {
+    super(), A(this, t, O, N, F, { tag: 5 }, L);
+  }
+}
+export {
+  Z as TagPoint
+};

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

@@ -0,0 +1,135 @@
+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";
+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}");
+}
+function w(o) {
+  let r, t, l;
+  return t = new M({
+    props: {
+      unfolded: o[0],
+      content: o[1],
+      inDelay: 500,
+      outDelay: o[5]
+    }
+  }), {
+    c() {
+      r = z("div"), H(t.$$.fragment), D(r, "class", "text svelte-1fuzm7v"), y(r, "transform", o[7]);
+    },
+    m(e, i) {
+      d(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(e) {
+      l || (m(t.$$.fragment, e), l = !0);
+    },
+    o(e) {
+      a(t.$$.fragment, e), l = !1;
+    },
+    d(e) {
+      e && p(r), N(t), o[10](null);
+    }
+  };
+}
+function k(o) {
+  let r, t, l;
+  return t = new j({
+    props: {
+      direction: o[6],
+      visible: o[0],
+      inDelay: 600,
+      duration: 1e3
+    }
+  }), {
+    c() {
+      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, 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);
+    },
+    o(e) {
+      a(t.$$.fragment, e), l = !1;
+    },
+    d(e) {
+      e && p(r), N(t);
+    }
+  };
+}
+function J(o) {
+  let r, t, l, e = o[1] && w(o), i = o[3] < o[4] && k(o);
+  return {
+    c() {
+      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;
+    },
+    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, () => {
+        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, () => {
+        i = null;
+      }), v());
+    },
+    i(n) {
+      l || (m(e), m(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);
+    }
+  };
+}
+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;
+  function S(s) {
+    B[s ? "unshift" : "push"](() => {
+      u = s, t(2, u);
+    });
+  }
+  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);
+      }), 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,
+    b,
+    c,
+    i,
+    e,
+    l,
+    f,
+    g,
+    S
+  ];
+}
+class R extends T {
+  constructor(r) {
+    super(), C(this, r, K, J, F, { visible: 0, textUnfolded: 8, content: 1 }, I);
+  }
+}
+export {
+  R as FlyMText
+};

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

@@ -0,0 +1,147 @@
+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 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 j(r, e, i) {
+  const l = r.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];
+  const t = () => e[7](i, u), o = () => e[7](null, u);
+  return {
+    key: r,
+    first: null,
+    c() {
+      i = J("span"), s = P(l), V(i, "class", "text-char svelte-zgfkts"), this.first = i;
+    },
+    m(a, d) {
+      I(a, i, d), q(i, s), t();
+    },
+    p(a, d) {
+      e = a, d & 4 && l !== (l = e[0] + "") && v(s, 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];
+  const u = (t) => t[14];
+  for (let t = 0; t < s.length; t += 1) {
+    let o = j(r, s, t), a = u(o);
+    i.set(a, e[t] = D(a, o));
+  }
+  return {
+    c() {
+      for (let t = 0; t < e.length; t += 1)
+        e[t].c();
+      l = O();
+    },
+    m(t, o) {
+      for (let a = 0; a < e.length; a += 1)
+        e[a].m(t, o);
+      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));
+    },
+    i: y,
+    o: y,
+    d(t) {
+      for (let o = 0; o < e.length; o += 1)
+        e[o].d(t);
+      t && U(l);
+    }
+  };
+}
+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 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({
+      id: F(),
+      content: m.slice(p.length)
+    }) : f.push(...m.split("").map((A) => ({ id: F(), content: A })))), f;
+  }
+  function b() {
+    if (!c)
+      return;
+    const n = !o;
+    c.reversed !== n && c.reverse(), c.play();
+  }
+  function R(n) {
+    if (a) {
+      i(3, a = !1);
+      return;
+    }
+    clearTimeout(d), d = setTimeout(b, n ? s : u);
+  }
+  function x(n) {
+    const f = function() {
+      const g = W((_) => n[_].getBoundingClientRect().x, [Math.min(n.length - 1, 10), Math.min(n.length - 1, 30)]);
+      if (g > 0)
+        return g;
+    }();
+    c = E({
+      targets: n.slice(0, f).filter(G),
+      autoplay: !1,
+      duration: 400,
+      scale: [0.7, 1],
+      rotate: [20, 0],
+      opacity: [0, 1],
+      translateX: [4, 0],
+      translateY: [10, 0],
+      delay: E.stagger(50),
+      easing: "easeInOutCubic"
+    }), o && c.seek(c.duration);
+  }
+  function T(n, f) {
+    B[n ? "unshift" : "push"](() => {
+      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));
+  }, [
+    t,
+    h,
+    l,
+    a,
+    s,
+    u,
+    o,
+    T
+  ];
+}
+class ie extends N {
+  constructor(e) {
+    super(), S(
+      this,
+      e,
+      H,
+      Y,
+      C,
+      {
+        inDelay: 4,
+        outDelay: 5,
+        content: 0,
+        unfolded: 6,
+        isFistUnfoldedUpdate: 3
+      },
+      X
+    );
+  }
+}
+export {
+  ie as FlyText
+};