@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.4

package/esm/PanoTagPlugin/Components/Common/Audio.js

@@ -0,0 +1,166 @@
+var N = Object.defineProperty;
+var E = Object.getOwnPropertySymbols;
+var O = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var F = (t, e, i) => e in t ? N(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, p = (t, e) => {
+  for (var i in e || (e = {}))
+    O.call(e, i) && F(t, i, e[i]);
+  if (E)
+    for (var i of E(e))
+      P.call(e, i) && F(t, i, e[i]);
+  return t;
+};
+import { SvelteComponent as T, init as U, safe_not_equal as j, append_styles as G, empty as H, insert as q, transition_in as v, group_outros as J, transition_out as z, check_outros as K, detach as R, element as b, create_component as Q, space as A, attr as h, src_url_equal as I, toggle_class as D, mount_component as V, append as k, listen as C, stop_propagation as W, add_render_callback as X, create_in_transition as Y, create_out_transition as Z, destroy_component as x, run_all as $, binding_callbacks as ee } from "svelte/internal";
+import { fade as S } from "svelte/transition";
+import { cubicInOut as M } from "svelte/easing";
+import { S as te } from "./Shadow.js";
+import { getContext as B } from "svelte";
+function ie(t) {
+  G(t, "svelte-1ku3wt4", `.audio.svelte-1ku3wt4.svelte-1ku3wt4{position:relative;width:100%;height:100%;cursor:pointer}@keyframes svelte-1ku3wt4-playing{25%{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8' transform='translate(-1 -1)' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E")}50%{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM5.533 6.685L4.169 8.049l1.414 1.413a2.078 2.078 0 0 0-.05-2.777z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E")}75%{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm-.656 4.874l-.906.905A3.35 3.35 0 0 1 7.369 8.1c0 .875-.333 1.67-.88 2.268l.906.906A4.628 4.628 0 0 0 8.65 8.101a4.627 4.627 0 0 0-1.306-3.227zm-1.811 1.81L4.169 8.05l1.414 1.413a2.078 2.078 0 0 0-.05-2.777z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E")}}.paused.svelte-1ku3wt4 .audio-icon.svelte-1ku3wt4{animation:none}.audio-icon.svelte-1ku3wt4.svelte-1ku3wt4{width:100%;height:100%;border-radius:50%;background-size:100%;animation:svelte-1ku3wt4-playing 2s steps(1) infinite;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm1.428 2.79l-.953.952a6.222 6.222 0 0 1 1.775 4.36c0 1.571-.58 3.006-1.538 4.103l-.184.202.793.794a7.344 7.344 0 0 0 2.21-5.26A7.341 7.341 0 0 0 9.428 2.79zM7.344 4.873l-.906.905A3.35 3.35 0 0 1 7.369 8.1c0 .802-.28 1.537-.748 2.115l-.132.153.906.906A4.628 4.628 0 0 0 8.65 8.101a4.627 4.627 0 0 0-1.306-3.227zm-1.811 1.81L4.169 8.05l1.414 1.413a2.078 2.078 0 0 0-.05-2.777z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E")}`);
+}
+function L(t) {
+  let e, i, n, o, r, u, f, d = !0, c, m, a, g, w;
+  return i = new te({
+    props: {
+      center: !0,
+      blurRadius: 15,
+      spreadRadius: 6
+    }
+  }), {
+    c() {
+      e = b("div"), Q(i.$$.fragment), n = A(), o = b("div"), r = A(), u = b("audio"), h(o, "class", "audio-icon svelte-1ku3wt4"), u.controls = !1, h(u, "playsinline", ""), I(u.src, f = t[3]) || h(u, "src", f), h(e, "class", "audio svelte-1ku3wt4"), D(e, "paused", t[6]);
+    },
+    m(s, _) {
+      q(s, e, _), V(i, e, null), k(e, n), k(e, o), k(e, r), k(e, u), t[9](u), a = !0, g || (w = [
+        C(u, "play", t[10]),
+        C(u, "pause", t[10]),
+        C(e, "click", W(t[7]))
+      ], g = !0);
+    },
+    p(s, _) {
+      t = s, (!a || _ & 8 && !I(u.src, f = t[3])) && h(u, "src", f), _ & 64 && d !== (d = t[6]) && u[d ? "pause" : "play"](), _ & 64 && D(e, "paused", t[6]);
+    },
+    i(s) {
+      a || (v(i.$$.fragment, s), s && X(() => {
+        m && m.end(1), c = Y(e, S, {
+          duration: t[2],
+          delay: t[0],
+          easing: M
+        }), c.start();
+      }), a = !0);
+    },
+    o(s) {
+      z(i.$$.fragment, s), c && c.invalidate(), s && (m = Z(e, S, {
+        duration: t[2],
+        delay: t[1],
+        easing: M
+      })), a = !1;
+    },
+    d(s) {
+      s && R(e), x(i), t[9](null), s && m && m.end(), g = !1, $(w);
+    }
+  };
+}
+function ae(t) {
+  let e, i, n = t[4] && L(t);
+  return {
+    c() {
+      n && n.c(), e = H();
+    },
+    m(o, r) {
+      n && n.m(o, r), q(o, e, r), i = !0;
+    },
+    p(o, [r]) {
+      o[4] ? n ? (n.p(o, r), r & 16 && v(n, 1)) : (n = L(o), n.c(), v(n, 1), n.m(e.parentNode, e)) : n && (J(), z(n, 1, 1, () => {
+        n = null;
+      }), K());
+    },
+    i(o) {
+      i || (v(n), i = !0);
+    },
+    o(o) {
+      z(n), i = !1;
+    },
+    d(o) {
+      n && n.d(o), o && R(e);
+    }
+  };
+}
+function ne(t, e, i) {
+  let { inDelay: n = 0 } = e, { outDelay: o = 0 } = e, { duration: r = 0 } = e, { url: u } = e, { unfolded: f } = e, { hooksInfo: d = {} } = e;
+  const c = B("hooks"), m = B("mediaStore");
+  let a, g = !0;
+  m.subscribe(({ currentMediaUrl: l }) => {
+    l !== u && (a == null || a.pause());
+  });
+  function w(l) {
+    m.set({ currentMediaUrl: u }), a && (c.emit("click", p({
+      event: l,
+      target: "AudioTagPlayIcon",
+      audioInstance: a
+    }, d)), a.paused ? a.play() : a.pause(), i(
+      5,
+      a.onplay = (y) => c.emit("playStateChange", p({
+        event: y,
+        state: "playing",
+        mediaInstance: a
+      }, d)),
+      a
+    ), i(
+      5,
+      a.onpause = (y) => c.emit("playStateChange", p({
+        event: y,
+        state: "paused",
+        mediaInstance: a
+      }, d)),
+      a
+    ));
+  }
+  function s(l) {
+    ee[l ? "unshift" : "push"](() => {
+      a = l, i(5, a);
+    });
+  }
+  function _() {
+    g = this.paused, i(6, g);
+  }
+  return t.$$set = (l) => {
+    "inDelay" in l && i(0, n = l.inDelay), "outDelay" in l && i(1, o = l.outDelay), "duration" in l && i(2, r = l.duration), "url" in l && i(3, u = l.url), "unfolded" in l && i(4, f = l.unfolded), "hooksInfo" in l && i(8, d = l.hooksInfo);
+  }, t.$$.update = () => {
+    t.$$.dirty & 48 && (f || a == null || a.pause());
+  }, [
+    n,
+    o,
+    r,
+    u,
+    f,
+    a,
+    g,
+    w,
+    d,
+    s,
+    _
+  ];
+}
+class fe extends T {
+  constructor(e) {
+    super(), U(
+      this,
+      e,
+      ne,
+      ae,
+      j,
+      {
+        inDelay: 0,
+        outDelay: 1,
+        duration: 2,
+        url: 3,
+        unfolded: 4,
+        hooksInfo: 8
+      },
+      ie
+    );
+  }
+}
+export {
+  fe as A
+};

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

@@ -0,0 +1,93 @@
+import { SvelteComponent as D, init as g, safe_not_equal as v, append_styles as w, svg_element as f, 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 "svelte/internal";
+import { u as L } from "../../../../shared-utils/uuid.js";
+import { draw as h } from "svelte/transition";
+import { cubicOut as P, cubicInOut as S } from "svelte/easing";
+function U(n) {
+  w(n, "svelte-e72ouh", ".line.svelte-e72ouh{width:100%;height:100%;overflow:visible}");
+}
+function m(n) {
+  let e, a, o, r;
+  return {
+    c() {
+      e = f("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");
+    },
+    m(i, t) {
+      y(i, e, t), r = !0;
+    },
+    p(i, t) {
+      n = i;
+    },
+    i(i) {
+      r || (i && O(() => {
+        o && o.end(1), a = G(e, h, {
+          duration: n[1],
+          delay: n[0],
+          easing: P
+        }), a.start();
+      }), r = !0);
+    },
+    o(i) {
+      a && a.invalidate(), i && (o = I(e, h, {
+        duration: n[1],
+        delay: n[2],
+        easing: S
+      })), r = !1;
+    },
+    d(i) {
+      i && p(e), i && o && o.end();
+    }
+  };
+}
+function q(n) {
+  let e, a, o, r, i, t = n[3] && m(n);
+  return {
+    c() {
+      e = f("svg"), a = f("defs"), o = f("linearGradient"), r = f("stop"), i = f("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");
+    },
+    m(s, u) {
+      y(s, e, u), d(e, a), d(a, o), d(o, r), d(o, i), t && t.m(e, null);
+    },
+    p(s, [u]) {
+      s[3] ? t ? (t.p(s, u), u & 8 && c(t, 1)) : (t = m(s), t.c(), c(t, 1), t.m(e, null)) : t && (b(), _(t, 1, 1, () => {
+        t = null;
+      }), k());
+    },
+    i(s) {
+      c(t);
+    },
+    o(s) {
+      _(t);
+    },
+    d(s) {
+      s && p(e), t && t.d();
+    }
+  };
+}
+function B(n, e, a) {
+  let { inDelay: o = 0 } = e, { duration: r = 0 } = e, { outDelay: i = 0 } = e, { unfolded: t } = e;
+  const s = 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, s];
+}
+class A extends D {
+  constructor(e) {
+    super(), g(
+      this,
+      e,
+      B,
+      q,
+      v,
+      {
+        inDelay: 0,
+        duration: 1,
+        outDelay: 2,
+        unfolded: 3
+      },
+      U
+    );
+  }
+}
+export {
+  A as P
+};

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

@@ -0,0 +1,90 @@
+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 S, create_in_transition as z, create_out_transition as G } from "svelte/internal";
+import { draw as h } from "svelte/transition";
+import { u 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}");
+}
+function m(n) {
+  let e, a, o, r;
+  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");
+    },
+    m(i, t) {
+      y(i, e, t), r = !0;
+    },
+    p(i, t) {
+      n = i;
+    },
+    i(i) {
+      r || (i && S(() => {
+        o && o.end(1), a = z(e, h, {
+          duration: n[1],
+          delay: n[0]
+        }), a.start();
+      }), r = !0);
+    },
+    o(i) {
+      a && a.invalidate(), i && (o = G(e, h, {
+        duration: n[1],
+        delay: n[2]
+      })), r = !1;
+    },
+    d(i) {
+      i && p(e), i && o && o.end();
+    }
+  };
+}
+function A(n) {
+  let e, a, o, r, i, t = n[3] && m(n);
+  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");
+    },
+    m(f, s) {
+      y(f, e, s), d(e, a), d(a, o), d(o, r), d(o, i), t && t.m(e, 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());
+    },
+    i(f) {
+      c(t);
+    },
+    o(f) {
+      _(t);
+    },
+    d(f) {
+      f && p(e), t && t.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];
+}
+class M extends g {
+  constructor(e) {
+    super(), v(
+      this,
+      e,
+      B,
+      A,
+      D,
+      {
+        inDelay: 0,
+        duration: 1,
+        outDelay: 2,
+        unfolded: 3
+      },
+      q
+    );
+  }
+}
+export {
+  M as S
+};