@realsee/dnalogel 2.4.0 → 2.5.0

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

@@ -1,139 +1,203 @@
-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";
+import { SvelteComponent as V, init as z, safe_not_equal as F, append_styles as O, empty as W, insert as k, noop as w, detach as g, getContext as I, element as _, attr as a, binding_callbacks as H, space as T, set_style as P, toggle_class as m, append as B, listen as S, src_url_equal as y } from "../../../vendor/svelte/internal/index.js";
+import { Image_Play_Icon_With_Text as A, Image_Play_Icon as J } 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}");
+  O(o, "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 C(o) {
   let e;
-  function t(s, c) {
-    if (s[0].type === "Image")
-      return A;
-    if (s[0].type === "Video")
-      return V;
+  function i(n, r) {
+    if (n[1].type === "Image")
+      return X;
+    if (n[1].type === "Video")
+      return R;
   }
-  let n = t(o), i = n && n(o);
+  let l = i(o), t = l && l(o);
   return {
     c() {
-      e = m("div"), i && i.c(), a(e, "class", "media-item svelte-cwtvzu");
+      e = _("div"), t && t.c(), a(e, "class", "media-item svelte-q6hk4f");
     },
-    m(s, c) {
-      _(s, e, c), i && i.m(e, null);
+    m(n, r) {
+      k(n, e, r), 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(n, r) {
+      l === (l = i(n)) && t ? t.p(n, r) : (t && t.d(1), t = l && l(n), t && (t.c(), t.m(e, null)));
     },
-    d(s) {
-      s && w(e), i && i.d();
+    d(n) {
+      n && g(e), t && t.d();
     }
   };
 }
-function V(o) {
-  let e, t, n, i, s, c, u, v, f, p, g;
+function R(o) {
+  let e, i, l, t, n, r;
+  function v(u, s) {
+    return u[6] && u[1].videoCoverUrl ? G : D;
+  }
+  let c = v(o), d = c(o);
   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]);
+      d.c(), e = T(), i = _("div"), l = _("div"), t = _("div"), a(t, "class", "video-icon-img svelte-q6hk4f"), P(t, "background-image", "url(" + o[14]() + ")"), m(t, "canPlay", o[4]), a(l, "class", "video-icon svelte-q6hk4f"), m(l, "large", o[3] === "large"), m(l, "small", o[3] === "small"), a(i, "class", "video-play-button-container svelte-q6hk4f"), m(i, "showPlayButton", o[8]);
     },
-    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(u, s) {
+      d.m(u, s), k(u, e, s), k(u, i, s), B(i, l), B(l, t), n || (r = S(t, "click", o[15]), n = !0);
     },
-    p(l, r) {
-      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]);
+    p(u, s) {
+      c === (c = v(u)) && d ? d.p(u, s) : (d.d(1), d = c(u), d && (d.c(), d.m(e.parentNode, e))), s & 4 && P(t, "background-image", "url(" + u[14]() + ")"), s & 16 && m(t, "canPlay", u[4]), s & 8 && m(l, "large", u[3] === "large"), s & 8 && m(l, "small", u[3] === "small"), s & 256 && m(i, "showPlayButton", u[8]);
     },
-    d(l) {
-      l && w(e), o[7](null), l && w(c), l && w(u), p = !1, S(g);
+    d(u) {
+      d.d(u), u && g(e), u && g(i), n = !1, r();
     }
   };
 }
-function A(o) {
-  let e, t, n, i;
+function X(o) {
+  let e, i, l, 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 = _("img"), a(e, "class", "media-content svelte-q6hk4f"), a(e, "style", i = `object-fit: ${o[5]};`), y(e.src, l = o[1].url) || a(e, "src", l), a(e, "alt", t = o[1].name);
     },
-    m(s, c) {
-      _(s, e, c);
+    m(n, r) {
+      k(n, e, r);
     },
-    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(n, r) {
+      r & 32 && i !== (i = `object-fit: ${n[5]};`) && a(e, "style", i), r & 2 && !y(e.src, l = n[1].url) && a(e, "src", l), r & 2 && t !== (t = n[1].name) && a(e, "alt", t);
     },
-    d(s) {
-      s && w(e);
+    d(n) {
+      n && g(e);
     }
   };
 }
 function D(o) {
-  let e, t = o[0] && I(o);
+  let e, i, l, t, n, r, v;
   return {
     c() {
-      t && t.c(), e = L();
+      e = _("video"), a(e, "class", "media-content svelte-q6hk4f"), a(e, "style", i = `object-fit: ${o[5]};`), y(e.src, l = o[1].videoCoverUrl ? o[1].url : o[1].url + "#t=0.1") || a(e, "src", l), a(e, "poster", t = o[1].videoCoverUrl), a(e, "preload", n = o[1].videoCoverUrl ? "none" : "auto"), e.playsInline = !0, a(e, "paused", ""), e.muted = !0, e.loop = !1, a(e, "crossorigin", ""), e.controls = !1, m(e, "showPlayButton", o[8]), P(e, "position", "relative");
     },
-    m(n, i) {
-      t && t.m(n, i), _(n, e, i);
+    m(c, d) {
+      k(c, e, d), o[13](e), r || (v = S(e, "click", o[12]), r = !0);
     },
-    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(c, d) {
+      d & 32 && i !== (i = `object-fit: ${c[5]};`) && a(e, "style", i), d & 2 && !y(e.src, l = c[1].videoCoverUrl ? c[1].url : c[1].url + "#t=0.1") && a(e, "src", l), d & 2 && t !== (t = c[1].videoCoverUrl) && a(e, "poster", t), d & 2 && n !== (n = c[1].videoCoverUrl ? "none" : "auto") && a(e, "preload", n), d & 256 && m(e, "showPlayButton", c[8]);
+    },
+    d(c) {
+      c && g(e), o[13](null), r = !1, v();
+    }
+  };
+}
+function G(o) {
+  let e, i, l, t;
+  return {
+    c() {
+      e = _("img"), a(e, "class", "media-content svelte-q6hk4f"), a(e, "style", i = `object-fit: ${o[5]};`), y(e.src, l = o[1].videoCoverUrl) || a(e, "src", l), a(e, "alt", t = o[1].name);
+    },
+    m(n, r) {
+      k(n, e, r);
+    },
+    p(n, r) {
+      r & 32 && i !== (i = `object-fit: ${n[5]};`) && a(e, "style", i), r & 2 && !y(e.src, l = n[1].videoCoverUrl) && a(e, "src", l), r & 2 && t !== (t = n[1].name) && a(e, "alt", t);
     },
-    i: y,
-    o: y,
     d(n) {
-      t && t.d(n), n && w(e);
+      n && g(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 K(o) {
+  let e, i = o[1] && C(o);
+  return {
+    c() {
+      i && i.c(), e = W();
+    },
+    m(l, t) {
+      i && i.m(l, t), k(l, e, t);
+    },
+    p(l, [t]) {
+      l[1] ? i ? i.p(l, t) : (i = C(l), i.c(), i.m(e.parentNode, e)) : i && (i.d(1), i = null);
+    },
+    i: w,
+    o: w,
+    d(l) {
+      i && i.d(l), l && g(e);
+    }
+  };
+}
+function Q(o, e, i) {
+  let { tag: l } = e, { media: t } = e, { playButtonIfNeed: n = "withoutText" } = e, { playButtonSizeIfNeed: r = "small" } = e, { canPlay: v = !0 } = e, { objectFit: c = "cover" } = e, { disableVideoIfHavePoster: d = !1 } = e, u = (t == null ? void 0 : t.type) === "Video" && Boolean(t == null ? void 0 : t.videoCoverUrl), s, b = !1;
+  const q = I("mediaStore"), p = I("hooks"), h = () => {
+    u || (s == null || s.play(), s == null || s.pause(), i(11, u = !0));
+  };
+  p.on("loadVideoFirstFrame", h);
+  const j = (f) => {
+    s && (s.pause(), p.emit("playStateChange", {
+      event: f,
+      state: "paused",
+      tag: l,
+      mediaInstance: s
+    }));
+  };
+  function L(f) {
+    H[f ? "unshift" : "push"](() => {
+      s = f, i(7, s);
     });
   }
-  const g = () => {
-    !s || u && u.play();
+  const N = () => n === "withText" ? A : n === "withoutText" ? J : n, U = (f) => {
+    !v || s && (i(7, s.muted = !1, s), s.play(), q.set({ currentMediaElement: s }), p.emit("playStateChange", {
+      event: f,
+      state: "playing",
+      tag: l,
+      mediaInstance: s
+    }));
   };
-  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);
+  return o.$$set = (f) => {
+    "tag" in f && i(0, l = f.tag), "media" in f && i(1, t = f.media), "playButtonIfNeed" in f && i(2, n = f.playButtonIfNeed), "playButtonSizeIfNeed" in f && i(3, r = f.playButtonSizeIfNeed), "canPlay" in f && i(4, v = f.canPlay), "objectFit" in f && i(5, c = f.objectFit), "disableVideoIfHavePoster" in f && i(6, d = f.disableVideoIfHavePoster);
   }, 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);
-    }));
+    if (o.$$.dirty & 128 && s && (i(8, b = s.paused), s.addEventListener("play", () => {
+      i(8, b = !1);
+    }), s.addEventListener("pause", () => {
+      i(8, b = !0);
+    }), q.subscribe(({ currentMediaElement: f }) => {
+      f !== s && (s == null || s.pause());
+    })), o.$$.dirty & 2178 && (t == null ? void 0 : t.type) === "Video" && !u) {
+      const f = navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1, E = navigator.userAgent.toLowerCase().indexOf("iphone") !== -1 && f;
+      s && E && s.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));
+    }
   }, [
+    l,
+    t,
     n,
-    i,
-    s,
-    c,
-    u,
+    r,
     v,
-    f,
+    c,
+    d,
+    s,
+    b,
+    q,
     p,
-    g
+    u,
+    j,
+    L,
+    N,
+    U
   ];
 }
-class K extends C {
+class $ extends V {
   constructor(e) {
-    super(), N(
+    super(), z(
       this,
       e,
-      G,
-      D,
+      Q,
+      K,
       F,
       {
-        media: 0,
-        playButtonIfNeed: 1,
-        canPlay: 2,
-        objectFit: 3
+        tag: 0,
+        media: 1,
+        playButtonIfNeed: 2,
+        playButtonSizeIfNeed: 3,
+        canPlay: 4,
+        objectFit: 5,
+        disableVideoIfHavePoster: 6
       },
       M
     );
   }
 }
 export {
-  K as MediaItem
+  $ as default
 };

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

@@ -1,5 +1,6 @@
-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 s, group_outros as A, transition_out as R, check_outros as B, detach as I, element as E, attr as h, set_style as d, add_render_callback as F, create_in_transition as G, create_out_transition as H } from "../../../vendor/svelte/internal/index.js";
+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 s, transition_out as R, check_outros as A, detach as I, element as B, attr as h, set_style as d, add_render_callback as E, create_in_transition as F, create_out_transition as G, group_outros as H } from "../../../vendor/svelte/internal/index.js";
 import { fade as g } from "../../../vendor/svelte/transition/index.js";
+import "../../../vendor/svelte/easing/index.js";
 function J(t) {
   N(t, "svelte-faoauy", ".shadow.svelte-faoauy{position:absolute}");
 }
@@ -7,7 +8,7 @@ function k(t) {
   let i, e, l, f, u;
   return {
     c() {
-      i = E("div"), h(i, "class", "shadow svelte-faoauy"), h(i, "style", e = `
+      i = B("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]});
@@ -30,12 +31,12 @@ function k(t) {
     `)) && h(i, "style", e), r & 8 && d(i, "width", o(t[3])), r & 16 && d(i, "height", o(t[4])), r & 8192 && d(i, "z-index", t[13]);
     },
     i(a) {
-      u || (a && F(() => {
-        f && f.end(1), l = G(i, g, { duration: t[0] }), l.start();
+      u || (a && E(() => {
+        f && f.end(1), l = F(i, g, { duration: t[0] }), l.start();
       }), u = !0);
     },
     o(a) {
-      l && l.invalidate(), a && (f = H(i, g, { duration: t[1] })), u = !1;
+      l && l.invalidate(), a && (f = G(i, g, { duration: t[1] })), u = !1;
     },
     d(a) {
       a && I(i), a && f && f.end();
@@ -52,9 +53,9 @@ function K(t) {
       e && e.m(l, f), v(l, i, f);
     },
     p(l, [f]) {
-      l[2] ? e ? (e.p(l, f), f & 4 && s(e, 1)) : (e = k(l), e.c(), s(e, 1), e.m(i.parentNode, i)) : e && (A(), R(e, 1, 1, () => {
+      l[2] ? e ? (e.p(l, f), f & 4 && s(e, 1)) : (e = k(l), e.c(), s(e, 1), e.m(i.parentNode, i)) : e && (H(), R(e, 1, 1, () => {
         e = null;
-      }), B());
+      }), A());
     },
     i(l) {
       s(e);
@@ -71,7 +72,7 @@ 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;
+  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 = -1 } = 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);
   }, [
@@ -91,7 +92,7 @@ function L(t, i, e) {
     D
   ];
 }
-class P extends X {
+class Q extends X {
   constructor(i) {
     super(), S(
       this,
@@ -120,5 +121,5 @@ class P extends X {
   }
 }
 export {
-  P as Shadow
+  Q as default
 };

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

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

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

@@ -0,0 +1,145 @@
+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}");
+}
+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"), v(r, "transform", o[7]);
+    },
+    m(e, i) {
+      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 && v(r, "transform", e[7]);
+    },
+    i(e) {
+      l || (u(t.$$.fragment, e), l = !0);
+    },
+    o(e) {
+      a(t.$$.fragment, e), l = !1;
+    },
+    d(e) {
+      e && d(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) {
+      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 || (u(t.$$.fragment, e), l = !0);
+    },
+    o(e) {
+      a(t.$$.fragment, e), l = !1;
+    },
+    d(e) {
+      e && d(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), 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 && u(e, 1)) : (e = w(n), e.c(), u(e, 1), e.m(r.parentNode, r)) : e && (y(), a(e, 1, 1, () => {
+        e = null;
+      }), 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;
+      }), h());
+    },
+    i(n) {
+      l || (u(e), u(i), l = !0);
+    },
+    o(n) {
+      a(e), a(i), l = !1;
+    },
+    d(n) {
+      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, m, g = 0, b = 0, c = 0;
+  function S(s) {
+    B[s ? "unshift" : "push"](() => {
+      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 && 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,
+    _,
+    m,
+    b,
+    c,
+    i,
+    e,
+    l,
+    f,
+    g,
+    S
+  ];
+}
+class ie extends T {
+  constructor(r) {
+    super(), C(this, r, K, J, F, { visible: 0, textUnfolded: 8, content: 1 }, I);
+  }
+}
+export {
+  ie as default
+};