@realsee/dnalogel 2.3.5-dev.7 → 2.3.6-alpha.0

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

@@ -1,168 +1,139 @@
-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}");
+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}");
 }
-function S(l) {
+function I(o) {
   let e;
-  function i(s, d) {
-    if (s[1].type === "Image")
-      return D;
-    if (s[1].type === "Video")
-      return X;
+  function t(s, c) {
+    if (s[0].type === "Image")
+      return A;
+    if (s[0].type === "Video")
+      return V;
   }
-  let n = i(l), t = n && n(l);
+  let n = t(o), i = n && n(o);
   return {
     c() {
-      e = g("div"), t && t.c(), f(e, "class", "media-item svelte-q6hk4f");
+      e = m("div"), i && i.c(), a(e, "class", "media-item svelte-cwtvzu");
     },
-    m(s, d) {
-      y(s, e, d), t && t.m(e, null);
+    m(s, c) {
+      _(s, e, c), i && 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)));
+    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)));
     },
     d(s) {
-      s && p(e), t && t.d();
+      s && w(e), i && i.d();
     }
   };
 }
-function X(l) {
-  let e, i, n, t, s, d, m, v, c, o, k;
+function V(o) {
+  let e, t, n, i, s, c, u, v, f, p, g;
   return {
     c() {
-      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]);
+      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]);
     },
-    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);
+    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);
     },
-    p(a, u) {
+    p(l, r) {
       var h;
-      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]);
+      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]);
     },
-    d(a) {
-      a && p(e), l[12](null), a && p(d), a && p(m), o = !1, A(k);
+    d(l) {
+      l && w(e), o[7](null), l && w(c), l && w(u), p = !1, S(g);
     }
   };
 }
-function D(l) {
-  let e, i, n, t;
+function A(o) {
+  let e, t, n, i;
   return {
     c() {
-      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);
+      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);
     },
-    m(s, d) {
-      y(s, e, d);
+    m(s, c) {
+      _(s, e, c);
     },
-    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);
+    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);
     },
     d(s) {
-      s && p(e);
+      s && w(e);
     }
   };
 }
-function G(l) {
-  let e, i = l[1] && S(l);
+function D(o) {
+  let e, t = o[0] && I(o);
   return {
     c() {
-      i && i.c(), e = W();
+      t && t.c(), e = L();
     },
-    m(n, t) {
-      i && i.m(n, t), y(n, e, t);
+    m(n, i) {
+      t && t.m(n, i), _(n, e, i);
     },
-    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);
+    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);
     },
-    i: w,
-    o: w,
+    i: y,
+    o: y,
     d(n) {
-      i && i.d(n), n && p(e);
+      t && t.d(n), n && w(e);
     }
   };
 }
-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);
+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);
     });
   }
-  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
-    }));
+  const g = () => {
+    !s || u && u.play();
   };
-  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));
-    }
+  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);
+    }));
   }, [
     n,
-    t,
+    i,
     s,
-    d,
-    m,
-    v,
-    o,
-    k,
-    a,
-    u,
     c,
-    C,
-    L,
-    j,
-    E
+    u,
+    v,
+    f,
+    p,
+    g
   ];
 }
-class Z extends z {
+class K extends C {
   constructor(e) {
-    super(), F(
+    super(), N(
       this,
       e,
-      H,
       G,
-      O,
+      D,
+      F,
       {
-        tag: 0,
-        media: 1,
-        playButtonIfNeed: 2,
-        playButtonSizeIfNeed: 3,
-        canPlay: 4,
-        objectFit: 5
+        media: 0,
+        playButtonIfNeed: 1,
+        canPlay: 2,
+        objectFit: 3
       },
-      R
+      M
     );
   }
 }
 export {
-  Z as default
+  K as MediaItem
 };

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

@@ -0,0 +1,170 @@
+import { SvelteComponent as S, init as T, safe_not_equal as C, append_styles as M, space as Y, empty as q, insert as g, group_outros as b, update_keyed_each as A, outro_and_destroy_block as B, check_outros as k, transition_in as _, transition_out as d, detach as p, element as H, create_component as D, attr as U, set_style as v, mount_component as x, destroy_component as I, binding_callbacks as L } from "../../../vendor/svelte/internal/index.js";
+import { Text as j } from "./Text.js";
+import { Arrow as F } from "./Arrow.js";
+import { doUtil as G } from "../../utils/doUtil.js";
+function J(l) {
+  M(l, "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 y(l, t, n) {
+  const o = l.slice();
+  return o[11] = t[n].id, o[12] = t[n].content, o;
+}
+function w(l, t) {
+  let n, o, r;
+  return o = new j({
+    props: {
+      unfolded: t[0],
+      content: t[12],
+      inDelay: 500,
+      outDelay: t[5]
+    }
+  }), {
+    key: l,
+    first: null,
+    c() {
+      n = H("div"), D(o.$$.fragment), U(n, "class", "text svelte-1fuzm7v"), v(n, "transform", t[7]), this.first = n;
+    },
+    m(f, u) {
+      g(f, n, u), x(o, n, null), t[10](n), r = !0;
+    },
+    p(f, u) {
+      t = f;
+      const a = {};
+      u & 1 && (a.unfolded = t[0]), u & 2 && (a.content = t[12]), u & 32 && (a.outDelay = t[5]), o.$set(a), u & 128 && v(n, "transform", t[7]);
+    },
+    i(f) {
+      r || (_(o.$$.fragment, f), r = !0);
+    },
+    o(f) {
+      d(o.$$.fragment, f), r = !1;
+    },
+    d(f) {
+      f && p(n), I(o), t[10](null);
+    }
+  };
+}
+function z(l) {
+  let t, n, o;
+  return n = new F({
+    props: {
+      direction: l[6],
+      visible: l[0],
+      inDelay: 600,
+      duration: 1e3
+    }
+  }), {
+    c() {
+      t = H("div"), D(n.$$.fragment), U(t, "class", "arrow svelte-1fuzm7v");
+    },
+    m(r, f) {
+      g(r, t, f), x(n, t, null), o = !0;
+    },
+    p(r, f) {
+      const u = {};
+      f & 64 && (u.direction = r[6]), f & 1 && (u.visible = r[0]), n.$set(u);
+    },
+    i(r) {
+      o || (_(n.$$.fragment, r), o = !0);
+    },
+    o(r) {
+      d(n.$$.fragment, r), o = !1;
+    },
+    d(r) {
+      r && p(t), I(n);
+    }
+  };
+}
+function K(l) {
+  let t = [], n = /* @__PURE__ */ new Map(), o, r, f, u = l[1];
+  const a = (e) => e[11];
+  for (let e = 0; e < u.length; e += 1) {
+    let i = y(l, u, e), c = a(i);
+    n.set(c, t[e] = w(c, i));
+  }
+  let s = l[3] < l[4] && z(l);
+  return {
+    c() {
+      for (let e = 0; e < t.length; e += 1)
+        t[e].c();
+      o = Y(), s && s.c(), r = q();
+    },
+    m(e, i) {
+      for (let c = 0; c < t.length; c += 1)
+        t[c].m(e, i);
+      g(e, o, i), s && s.m(e, i), g(e, r, i), f = !0;
+    },
+    p(e, [i]) {
+      i & 167 && (u = e[1], b(), t = A(t, i, a, 1, e, u, n, o.parentNode, B, w, o, y), k()), e[3] < e[4] ? s ? (s.p(e, i), i & 24 && _(s, 1)) : (s = z(e), s.c(), _(s, 1), s.m(r.parentNode, r)) : s && (b(), d(s, 1, 1, () => {
+        s = null;
+      }), k());
+    },
+    i(e) {
+      if (!f) {
+        for (let i = 0; i < u.length; i += 1)
+          _(t[i]);
+        _(s), f = !0;
+      }
+    },
+    o(e) {
+      for (let i = 0; i < t.length; i += 1)
+        d(t[i]);
+      d(s), f = !1;
+    },
+    d(e) {
+      for (let i = 0; i < t.length; i += 1)
+        t[i].d(e);
+      e && p(o), s && s.d(e), e && p(r);
+    }
+  };
+}
+function O(l, t, n) {
+  let o, r, f, { visible: u = !1 } = t, { textUnfolded: a = !1 } = t, { textItems: s } = t, e, i = 0, c = 0, h = 0;
+  function N(m) {
+    L[m ? "unshift" : "push"](() => {
+      e = m, n(2, e);
+    });
+  }
+  return l.$$set = (m) => {
+    "visible" in m && n(0, u = m.visible), "textUnfolded" in m && n(8, a = m.textUnfolded), "textItems" in m && n(1, s = m.textItems);
+  }, l.$$.update = () => {
+    if (l.$$.dirty & 5 && e && u) {
+      const { lineHeight: m } = getComputedStyle(e);
+      n(4, h = e.offsetHeight), G(() => e == null ? void 0 : e.offsetHeight, Boolean).then(() => {
+        n(4, h = e.offsetHeight);
+      }), n(3, c = Number(m.replace("px", "")));
+    }
+    l.$$.dirty & 280 && n(9, i = a ? c - h : 0), l.$$.dirty & 512 && n(7, o = `translateY(${i}px)`), l.$$.dirty & 256 && n(6, r = a ? "left" : "right"), l.$$.dirty & 256 && n(5, f = a ? 450 : 0);
+  }, [
+    u,
+    s,
+    e,
+    c,
+    h,
+    f,
+    r,
+    o,
+    a,
+    i,
+    N
+  ];
+}
+class W extends S {
+  constructor(t) {
+    super(), T(
+      this,
+      t,
+      O,
+      K,
+      C,
+      {
+        visible: 0,
+        textUnfolded: 8,
+        textItems: 1
+      },
+      J
+    );
+  }
+}
+export {
+  W as MultiLineText
+};

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

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

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

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