@realsee/dnalogel 2.3.4 → 2.3.5-dev.0

package/libs/PanoTagPlugin/Components/Common/Icon/audioIcon.js

@@ -0,0 +1,108 @@
+import { SvelteComponent as g, init as b, safe_not_equal as j, append_styles as R, element as m, space as S, attr as f, toggle_class as k, set_style as u, insert as W, append as _, transition_in as v, group_outros as A, transition_out as w, check_outros as C, detach as H, create_component as I, mount_component as L, destroy_component as M, binding_callbacks as h } from "../../../../vendor/svelte/internal/index.js";
+import { px2rem as T } from "../../../utils/px2rem.js";
+import { Shadow as X } from "../Shadow.js";
+function z(n) {
+  R(n, "svelte-qf1c2k", ".audio-icon__wrapper.svelte-qf1c2k.svelte-qf1c2k{display:inline-block}.audio-icon.svelte-qf1c2k.svelte-qf1c2k{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;border-radius:50%;background-color:rgba(255, 255, 255, 0.8)}.audio-icon.svelte-qf1c2k .sound-wave__container.svelte-qf1c2k{position:absolute;pointer-events:none;display:flex;justify-content:center;align-items:center;width:1.375rem;height:1.375rem}.audio-icon.svelte-qf1c2k .sound-wave__container .sound-wave__wrapper.svelte-qf1c2k{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translateX(-25%)}.audio-icon.svelte-qf1c2k .sound-wave__container .sound-wave__wrapper .sound-wave.svelte-qf1c2k{flex-shrink:0;flex-grow:0;border-radius:50%;border-color:transparent;border-style:solid;border-bottom-color:rgba(0, 0, 0, 0.6);transform:rotate(-90deg)}.sound-wave-1.svelte-qf1c2k.svelte-qf1c2k{position:absolute;width:0rem;height:0rem;border-width:0.125rem}.sound-wave-2.svelte-qf1c2k.svelte-qf1c2k{position:absolute;width:0.4375rem;height:0.4375rem;border-width:0.09375rem}.sound-wave-3.svelte-qf1c2k.svelte-qf1c2k{position:relative;width:0.875rem;height:0.875rem;border-width:0.09375rem}.sound-wave.svelte-qf1c2k.svelte-qf1c2k{animation-duration:2s;animation-iteration-count:infinite;animation-play-state:paused;transition:opacity 0}.playing.svelte-qf1c2k .sound-wave.svelte-qf1c2k{animation-play-state:running}.playing.svelte-qf1c2k .sound-wave-1.svelte-qf1c2k{animation-name:svelte-qf1c2k-sound_wave_1_animation}.playing.svelte-qf1c2k .sound-wave-2.svelte-qf1c2k{animation-name:svelte-qf1c2k-sound_wave_2_animation}.playing.svelte-qf1c2k .sound-wave-3.svelte-qf1c2k{animation-name:svelte-qf1c2k-sound_wave_3_animation}@keyframes svelte-qf1c2k-sound_wave_1_animation{0%,10%{opacity:0}25%,100%{opacity:1}}@keyframes svelte-qf1c2k-sound_wave_2_animation{0%,35%{opacity:0}50%,100%{opacity:1}}@keyframes svelte-qf1c2k-sound_wave_3_animation{0%,60%{opacity:0}75%,100%{opacity:1}}");
+}
+function p(n) {
+  let e, i;
+  return e = new X({
+    props: {
+      center: !0,
+      blurRadius: 12,
+      spreadRadius: 5
+    }
+  }), {
+    c() {
+      I(e.$$.fragment);
+    },
+    m(s, r) {
+      L(e, s, r), i = !0;
+    },
+    i(s) {
+      i || (v(e.$$.fragment, s), i = !0);
+    },
+    o(s) {
+      w(e.$$.fragment, s), i = !1;
+    },
+    d(s) {
+      M(e, s);
+    }
+  };
+}
+function B(n) {
+  let e, i, s, r, c, t = n[1] && p();
+  return {
+    c() {
+      e = m("div"), t && t.c(), i = S(), s = m("div"), r = m("div"), r.innerHTML = `<div class="sound-wave__wrapper svelte-qf1c2k"><div class="sound-wave sound-wave-1 svelte-qf1c2k"></div> 
+        <div class="sound-wave sound-wave-2 svelte-qf1c2k"></div> 
+        <div class="sound-wave sound-wave-3 svelte-qf1c2k"></div></div>`, f(r, "class", "sound-wave__container svelte-qf1c2k"), f(s, "class", "audio-icon svelte-qf1c2k"), k(s, "playing", n[0]), f(e, "class", "audio-icon__wrapper svelte-qf1c2k"), f(e, "style", n[2]), u(e, "width", n[5]), u(e, "height", n[5]);
+    },
+    m(o, a) {
+      W(o, e, a), t && t.m(e, null), _(e, i), _(e, s), _(s, r), n[7](r), n[8](e), c = !0;
+    },
+    p(o, [a]) {
+      o[1] ? t ? a & 2 && v(t, 1) : (t = p(), t.c(), v(t, 1), t.m(e, i)) : t && (A(), w(t, 1, 1, () => {
+        t = null;
+      }), C()), (!c || a & 1) && k(s, "playing", o[0]), (!c || a & 4) && f(e, "style", o[2]), a & 32 && u(e, "width", o[5]), a & 32 && u(e, "height", o[5]);
+    },
+    i(o) {
+      c || (v(t), c = !0);
+    },
+    o(o) {
+      w(t), c = !1;
+    },
+    d(o) {
+      o && H(e), t && t.d(), n[7](null), n[8](null);
+    }
+  };
+}
+function D(n, e, i) {
+  let s, { playing: r } = e, { shadow: c = !1 } = e, { style: t = null } = e, { width: o = "100%" } = e, a, d;
+  function q(l) {
+    h[l ? "unshift" : "push"](() => {
+      d = l, i(4, d), i(3, a);
+    });
+  }
+  function y(l) {
+    h[l ? "unshift" : "push"](() => {
+      a = l, i(3, a);
+    });
+  }
+  return n.$$set = (l) => {
+    "playing" in l && i(0, r = l.playing), "shadow" in l && i(1, c = l.shadow), "style" in l && i(2, t = l.style), "width" in l && i(6, o = l.width);
+  }, n.$$.update = () => {
+    n.$$.dirty & 64 && i(5, s = typeof o == "number" ? T(o) : o), n.$$.dirty & 8 && a != null && a.clientWidth && i(4, d.style.transform = `scale(${a.clientWidth / 22})`, d);
+  }, [
+    r,
+    c,
+    t,
+    a,
+    d,
+    s,
+    o,
+    q,
+    y
+  ];
+}
+class J extends g {
+  constructor(e) {
+    super(), b(
+      this,
+      e,
+      D,
+      B,
+      j,
+      {
+        playing: 0,
+        shadow: 1,
+        style: 2,
+        width: 6
+      },
+      z
+    );
+  }
+}
+export {
+  J as AudioIcon
+};

package/libs/PanoTagPlugin/Components/Common/Line/Polyline.js

@@ -1,78 +1,78 @@
-import { SvelteComponent as D, init as g, safe_not_equal as v, append_styles as w, svg_element as s, attr as l, insert as y, append as d, transition_in as c, group_outros as b, transition_out as _, check_outros as k, detach as p, add_render_callback as O, create_in_transition as G, create_out_transition as I } from "../../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as p, init as b, safe_not_equal as v, append_styles as D, svg_element as u, attr as o, insert as h, append as d, transition_in as c, group_outros as w, transition_out as _, check_outros as k, detach as g, add_render_callback as O, create_in_transition as G, create_out_transition as I } from "../../../../vendor/svelte/internal/index.js";
 import { uuid as L } from "../../../../shared-utils/uuid.js";
-import { draw as h } from "../../../../vendor/svelte/transition/index.js";
+import { draw as m } from "../../../../vendor/svelte/transition/index.js";
 import { cubicOut as S, cubicInOut as U } from "../../../../vendor/svelte/easing/index.js";
 function q(n) {
-  w(n, "svelte-e72ouh", ".line.svelte-e72ouh{width:100%;height:100%;overflow:visible}");
+  D(n, "svelte-blgtit", ".line.svelte-blgtit{width:100%;height:100%;overflow:visible;pointer-events:none}");
 }
-function m(n) {
-  let e, a, o, r;
+function y(n) {
+  let e, r, l, a;
   return {
     c() {
-      e = s("path"), l(e, "fill", "none"), l(e, "stroke", "url(#" + n[4] + ")"), l(e, "stroke-width", "1"), l(e, "d", "M0 21 L14 0.5 L105 0.5");
+      e = u("path"), o(e, "fill", "none"), o(e, "stroke", "url(#" + n[4] + ")"), o(e, "stroke-width", "1"), o(e, "d", "M0 21 L14 0.5 L105 0.5");
     },
     m(i, t) {
-      y(i, e, t), r = !0;
+      h(i, e, t), a = !0;
     },
     p(i, t) {
       n = i;
     },
     i(i) {
-      r || (i && O(() => {
-        o && o.end(1), a = G(e, h, {
+      a || (i && O(() => {
+        l && l.end(1), r = G(e, m, {
           duration: n[1],
           delay: n[0],
           easing: S
-        }), a.start();
-      }), r = !0);
+        }), r.start();
+      }), a = !0);
     },
     o(i) {
-      a && a.invalidate(), i && (o = I(e, h, {
+      r && r.invalidate(), i && (l = I(e, m, {
         duration: n[1],
         delay: n[2],
         easing: U
-      })), r = !1;
+      })), a = !1;
     },
     d(i) {
-      i && p(e), i && o && o.end();
+      i && g(e), i && l && l.end();
     }
   };
 }
 function B(n) {
-  let e, a, o, r, i, t = n[3] && m(n);
+  let e, r, l, a, i, t = n[3] && y(n);
   return {
     c() {
-      e = s("svg"), a = s("defs"), o = s("linearGradient"), r = s("stop"), i = s("stop"), t && t.c(), l(r, "offset", "25%"), l(r, "stop-color", "white"), l(r, "stop-opacity", "1"), l(i, "offset", "100%"), l(i, "stop-color", "white"), l(i, "stop-opacity", "0.5"), l(o, "id", n[4]), l(o, "gradientUnits", "userSpaceOnUse"), l(e, "class", "line svelte-e72ouh"), l(e, "viewBox", "0 0 105 21");
+      e = u("svg"), r = u("defs"), l = u("linearGradient"), a = u("stop"), i = u("stop"), t && t.c(), o(a, "offset", "25%"), o(a, "stop-color", "white"), o(a, "stop-opacity", "1"), o(i, "offset", "100%"), o(i, "stop-color", "white"), o(i, "stop-opacity", "0.5"), o(l, "id", n[4]), o(l, "gradientUnits", "userSpaceOnUse"), o(e, "class", "line svelte-blgtit"), o(e, "viewBox", "0 0 105 21");
     },
-    m(f, u) {
-      y(f, e, u), d(e, a), d(a, o), d(o, r), d(o, i), t && t.m(e, null);
+    m(s, f) {
+      h(s, e, f), d(e, r), d(r, l), d(l, a), d(l, i), t && t.m(e, null);
     },
-    p(f, [u]) {
-      f[3] ? t ? (t.p(f, u), u & 8 && c(t, 1)) : (t = m(f), t.c(), c(t, 1), t.m(e, null)) : t && (b(), _(t, 1, 1, () => {
+    p(s, [f]) {
+      s[3] ? t ? (t.p(s, f), f & 8 && c(t, 1)) : (t = y(s), t.c(), c(t, 1), t.m(e, null)) : t && (w(), _(t, 1, 1, () => {
         t = null;
       }), k());
     },
-    i(f) {
+    i(s) {
       c(t);
     },
-    o(f) {
+    o(s) {
       _(t);
     },
-    d(f) {
-      f && p(e), t && t.d();
+    d(s) {
+      s && g(e), t && t.d();
     }
   };
 }
-function C(n, e, a) {
-  let { inDelay: o = 0 } = e, { duration: r = 0 } = e, { outDelay: i = 0 } = e, { unfolded: t } = e;
-  const f = L();
-  return n.$$set = (u) => {
-    "inDelay" in u && a(0, o = u.inDelay), "duration" in u && a(1, r = u.duration), "outDelay" in u && a(2, i = u.outDelay), "unfolded" in u && a(3, t = u.unfolded);
-  }, [o, r, i, t, f];
+function C(n, e, r) {
+  let { inDelay: l = 0 } = e, { duration: a = 1e3 } = e, { outDelay: i = 0 } = e, { unfolded: t } = e;
+  const s = L();
+  return n.$$set = (f) => {
+    "inDelay" in f && r(0, l = f.inDelay), "duration" in f && r(1, a = f.duration), "outDelay" in f && r(2, i = f.outDelay), "unfolded" in f && r(3, t = f.unfolded);
+  }, [l, a, i, t, s];
 }
-class A extends D {
+class A extends p {
   constructor(e) {
-    super(), g(
+    super(), b(
       this,
       e,
       C,

package/libs/PanoTagPlugin/Components/Common/Line/Straight.js

@@ -1,90 +1,112 @@
-import { SvelteComponent as g, init as v, safe_not_equal as D, append_styles as k, svg_element as u, attr as l, insert as y, append as d, transition_in as c, group_outros as w, transition_out as _, check_outros as b, detach as p, add_render_callback as z, create_in_transition as S, create_out_transition as G } from "../../../../vendor/svelte/internal/index.js";
-import { draw as h } from "../../../../vendor/svelte/transition/index.js";
-import { uuid as U } from "../../../../shared-utils/uuid.js";
-function q(n) {
-  k(n, "svelte-1omzoh4", ".straight-line.svelte-1omzoh4{display:block;width:100%;height:100%;overflow:visible}");
+import { SvelteComponent as G, init as U, safe_not_equal as q, append_styles as A, element as H, svg_element as _, attr as l, toggle_class as g, set_style as v, insert as L, append as m, transition_in as y, group_outros as I, transition_out as j, check_outros as M, detach as B, add_render_callback as O, create_in_transition as R, identity as b, create_out_transition as V } from "../../../../vendor/svelte/internal/index.js";
+import { draw as C } from "../../../../vendor/svelte/transition/index.js";
+import { uuid as E } from "../../../../shared-utils/uuid.js";
+function F(t) {
+  A(t, "svelte-xuejcm", ".line.svelte-xuejcm{position:absolute;pointer-events:none}.line.vertical.svelte-xuejcm{transform:rotate(-90deg) translate3d(0.03125rem, 0, 0.625rem);transform-origin:0 0}.line.horizontal.svelte-xuejcm{transform:translate3d(0, -0.03125rem, 0.625rem)}.straight-line.svelte-xuejcm{display:block;width:100%;height:100%;overflow:visible}");
 }
-function m(n) {
-  let e, a, o, r;
+function z(t) {
+  let e, i, h, r, s;
   return {
     c() {
-      e = u("path"), l(e, "fill", "none"), l(e, "stroke", "url(#" + n[4] + ")"), l(e, "stroke-width", "1"), l(e, "d", "M0 0.5 L 148 0.5");
+      e = _("path"), l(e, "fill", "none"), l(e, "stroke", i = t[4] ? `url(#${t[10]})` : t[5]), l(e, "stroke-width", 1), l(e, "d", t[6]);
     },
-    m(i, t) {
-      y(i, e, t), r = !0;
+    m(a, d) {
+      L(a, e, d), s = !0;
     },
-    p(i, t) {
-      n = i;
+    p(a, d) {
+      t = a, (!s || d & 48 && i !== (i = t[4] ? `url(#${t[10]})` : t[5])) && l(e, "stroke", i), (!s || d & 64) && l(e, "d", t[6]);
     },
-    i(i) {
-      r || (i && z(() => {
-        o && o.end(1), a = S(e, h, {
-          duration: n[1],
-          delay: n[0]
-        }), a.start();
-      }), r = !0);
+    i(a) {
+      s || (a && O(() => {
+        r && r.end(1), h = R(e, C, {
+          duration: t[2],
+          delay: t[0],
+          easing: b
+        }), h.start();
+      }), s = !0);
     },
-    o(i) {
-      a && a.invalidate(), i && (o = G(e, h, {
-        duration: n[1],
-        delay: n[2]
-      })), r = !1;
+    o(a) {
+      h && h.invalidate(), a && (r = V(e, C, {
+        duration: t[2],
+        delay: t[1],
+        easing: b
+      })), s = !1;
     },
-    d(i) {
-      i && p(e), i && o && o.end();
+    d(a) {
+      a && B(e), a && r && r.end();
     }
   };
 }
-function A(n) {
-  let e, a, o, r, i, t = n[3] && m(n);
+function J(t) {
+  let e, i, h, r, s, a, d, n = t[3] && z(t);
   return {
     c() {
-      e = u("svg"), a = u("defs"), o = u("linearGradient"), r = u("stop"), i = u("stop"), t && t.c(), l(r, "offset", "25%"), l(r, "stop-color", "white"), l(r, "stop-opacity", "1"), l(i, "offset", "100%"), l(i, "stop-color", "white"), l(i, "stop-opacity", "0.5"), l(o, "id", n[4]), l(o, "gradientUnits", "userSpaceOnUse"), l(e, "class", "straight-line svelte-1omzoh4"), l(e, "viewBox", "0 0 148 1"), l(e, "preserveAspectRatio", "none");
+      e = H("div"), i = _("svg"), h = _("defs"), r = _("linearGradient"), s = _("stop"), a = _("stop"), n && n.c(), l(s, "offset", "25%"), l(s, "stop-color", t[5]), l(s, "stop-opacity", "1"), l(a, "offset", "100%"), l(a, "stop-color", t[5]), l(a, "stop-opacity", "0.5"), l(r, "x1", 0.5), l(r, "y1", 0.5), l(r, "x2", t[8]), l(r, "y2", 0.5), l(r, "id", t[10]), l(r, "gradientUnits", "userSpaceOnUse"), l(i, "class", "straight-line svelte-xuejcm"), l(i, "viewBox", d = "0 0 " + t[8] + " " + t[7]), l(i, "preserveAspectRatio", "none"), l(e, "class", "line svelte-xuejcm"), g(e, "vertical", t[9]), g(e, "horizontal", !t[9]), v(e, "width", t[8] + "px"), v(e, "height", t[7] + "px");
     },
-    m(f, s) {
-      y(f, e, s), d(e, a), d(a, o), d(o, r), d(o, i), t && t.m(e, null);
+    m(o, u) {
+      L(o, e, u), m(e, i), m(i, h), m(h, r), m(r, s), m(r, a), n && n.m(i, null);
     },
-    p(f, [s]) {
-      f[3] ? t ? (t.p(f, s), s & 8 && c(t, 1)) : (t = m(f), t.c(), c(t, 1), t.m(e, null)) : t && (w(), _(t, 1, 1, () => {
-        t = null;
-      }), b());
+    p(o, [u]) {
+      u & 32 && l(s, "stop-color", o[5]), u & 32 && l(a, "stop-color", o[5]), u & 256 && l(r, "x2", o[8]), o[3] ? n ? (n.p(o, u), u & 8 && y(n, 1)) : (n = z(o), n.c(), y(n, 1), n.m(i, null)) : n && (I(), j(n, 1, 1, () => {
+        n = null;
+      }), M()), u & 384 && d !== (d = "0 0 " + o[8] + " " + o[7]) && l(i, "viewBox", d), u & 512 && g(e, "vertical", o[9]), u & 512 && g(e, "horizontal", !o[9]), u & 256 && v(e, "width", o[8] + "px"), u & 128 && v(e, "height", o[7] + "px");
     },
-    i(f) {
-      c(t);
+    i(o) {
+      y(n);
     },
-    o(f) {
-      _(t);
+    o(o) {
+      j(n);
     },
-    d(f) {
-      f && p(e), t && t.d();
+    d(o) {
+      o && B(e), n && n.d();
     }
   };
 }
-function B(n, e, a) {
-  let { inDelay: o = 0 } = e, { duration: r = 0 } = e, { outDelay: i = 0 } = e, { unfolded: t } = e;
-  const f = U();
-  return n.$$set = (s) => {
-    "inDelay" in s && a(0, o = s.inDelay), "duration" in s && a(1, r = s.duration), "outDelay" in s && a(2, i = s.outDelay), "unfolded" in s && a(3, t = s.unfolded);
-  }, [o, r, i, t, f];
+function K(t, e, i) {
+  let h, r, s, a, { inDelay: d = 0 } = e, { outDelay: n = 0 } = e, { duration: o = 1e3 } = e, { unfolded: u } = e, { length: c } = e, { direction: w = "horizontal" } = e, { useLinearColor: k = !1 } = e, { color: D = "white" } = e;
+  const S = E();
+  return t.$$set = (f) => {
+    "inDelay" in f && i(0, d = f.inDelay), "outDelay" in f && i(1, n = f.outDelay), "duration" in f && i(2, o = f.duration), "unfolded" in f && i(3, u = f.unfolded), "length" in f && i(11, c = f.length), "direction" in f && i(12, w = f.direction), "useLinearColor" in f && i(4, k = f.useLinearColor), "color" in f && i(5, D = f.color);
+  }, t.$$.update = () => {
+    t.$$.dirty & 4096 && i(9, h = w === "vertical"), t.$$.dirty & 2048 && i(8, r = c), t.$$.dirty & 2048 && i(6, a = `M0.5 0.5 H ${c}`);
+  }, i(7, s = 1), [
+    d,
+    n,
+    o,
+    u,
+    k,
+    D,
+    a,
+    s,
+    r,
+    h,
+    S,
+    c,
+    w
+  ];
 }
-class M extends g {
+class T extends G {
   constructor(e) {
-    super(), v(
+    super(), U(
       this,
       e,
-      B,
-      A,
-      D,
+      K,
+      J,
+      q,
       {
         inDelay: 0,
-        duration: 1,
-        outDelay: 2,
-        unfolded: 3
+        outDelay: 1,
+        duration: 2,
+        unfolded: 3,
+        length: 11,
+        direction: 12,
+        useLinearColor: 4,
+        color: 5
       },
-      q
+      F
     );
   }
 }
 export {
-  M as Straight
+  T as Straight
 };