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

package/libs/PanoTagPlugin/Components/Tag/AudioTag/AudioPlaneTag.js

@@ -1,4 +1,4 @@
-import { SvelteComponent as S, init as A, safe_not_equal as P, append_styles as U, empty as R, insert as s, transition_in as m, transition_out as c, check_outros as W, detach as u, element as d, create_component as _, attr as f, set_style as g, append as j, mount_component as h, destroy_component as $, group_outros as q, text as T, set_data as y } from "../../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as S, init as A, safe_not_equal as P, append_styles as U, empty as R, insert as f, transition_in as m, transition_out as c, check_outros as W, detach as u, element as d, create_component as _, attr as s, set_style as g, append as j, mount_component as b, destroy_component as h, group_outros as q, text as T, set_data as y } from "../../../../vendor/svelte/internal/index.js";
 import E from "../../Common/Icon/audioIcon.js";
 import F from "../../Common/Text/MText.js";
 import G from "../../Common/Audio.js";
@@ -10,62 +10,64 @@ import "../../../utils/px2rem.js";
 import "../../Common/Shadow.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../../../vendor/svelte/easing/index.js";
-function N(i) {
-  U(i, "svelte-1fezrt1", ".audio-tag__wrapper.svelte-1fezrt1{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.audio-tag.svelte-1fezrt1{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:0.1875rem;padding-right:0.625rem;border-radius:624999.9375rem;border:0.03125rem solid rgba(255, 255, 255, 0.2)}.currentTime.svelte-1fezrt1{font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;margin-left:0.25rem}.text.svelte-1fezrt1{font-weight:bold;font-size:0.75rem;margin-left:0.125rem}.audio-icon__wrapper.svelte-1fezrt1{position:relative;vertical-align:top;pointer-events:none;width:1.375rem;height:1.375rem}");
+import "../../../../shared-utils/audio.js";
+function N(n) {
+  U(n, "svelte-1fezrt1", ".audio-tag__wrapper.svelte-1fezrt1{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.audio-tag.svelte-1fezrt1{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:0.1875rem;padding-right:0.625rem;border-radius:624999.9375rem;border:0.03125rem solid rgba(255, 255, 255, 0.2)}.currentTime.svelte-1fezrt1{font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;margin-left:0.25rem}.text.svelte-1fezrt1{font-weight:bold;font-size:0.75rem;margin-left:0.125rem}.audio-icon__wrapper.svelte-1fezrt1{position:relative;vertical-align:top;pointer-events:none;width:1.375rem;height:1.375rem}");
 }
-function z(i) {
+function z(n) {
   let o, t, e, r;
   return e = new G({
     props: {
-      url: i[0].data.audioUrl,
-      hooksInfo: { tag: i[0] },
+      paused: !n[0].state.visible,
+      url: n[0].data.audioUrl,
+      hooksInfo: { tag: n[0] },
       style: "width: max-content; height: max-content;",
       slotWrapperStyle: "display: flex; align-items: center; justify-content: center;",
       $$slots: {
         currentTime: [
           H,
-          ({ duration: n, currentTime: a, playing: l }) => ({ 4: n, 5: a, 6: l }),
-          ({ duration: n, currentTime: a, playing: l }) => (n ? 16 : 0) | (a ? 32 : 0) | (l ? 64 : 0)
+          ({ duration: i, currentTime: a, playing: l }) => ({ 4: i, 5: a, 6: l }),
+          ({ duration: i, currentTime: a, playing: l }) => (i ? 16 : 0) | (a ? 32 : 0) | (l ? 64 : 0)
         ],
         audioIcon: [
           D,
-          ({ playing: n }) => ({ 6: n }),
-          ({ playing: n }) => n ? 64 : 0
+          ({ playing: i }) => ({ 6: i }),
+          ({ playing: i }) => i ? 64 : 0
         ],
         default: [B]
       },
-      $$scope: { ctx: i }
+      $$scope: { ctx: n }
     }
   }), {
     c() {
-      o = d("div"), t = d("div"), _(e.$$.fragment), f(t, "class", "audio-tag svelte-1fezrt1"), g(t, "background-color", i[1]), g(t, "color", i[2]), f(o, "class", "audio-tag__wrapper svelte-1fezrt1");
+      o = d("div"), t = d("div"), _(e.$$.fragment), s(t, "class", "audio-tag svelte-1fezrt1"), g(t, "background-color", n[1]), g(t, "color", n[2]), s(o, "class", "audio-tag__wrapper svelte-1fezrt1");
     },
-    m(n, a) {
-      s(n, o, a), j(o, t), h(e, t, null), r = !0;
+    m(i, a) {
+      f(i, o, a), j(o, t), b(e, t, null), r = !0;
     },
-    p(n, a) {
+    p(i, a) {
       const l = {};
-      a & 1 && (l.url = n[0].data.audioUrl), a & 1 && (l.hooksInfo = { tag: n[0] }), a & 248 && (l.$$scope = { dirty: a, ctx: n }), e.$set(l), a & 2 && g(t, "background-color", n[1]), a & 4 && g(t, "color", n[2]);
+      a & 1 && (l.paused = !i[0].state.visible), a & 1 && (l.url = i[0].data.audioUrl), a & 1 && (l.hooksInfo = { tag: i[0] }), a & 248 && (l.$$scope = { dirty: a, ctx: i }), e.$set(l), a & 2 && g(t, "background-color", i[1]), a & 4 && g(t, "color", i[2]);
     },
-    i(n) {
-      r || (m(e.$$.fragment, n), r = !0);
+    i(i) {
+      r || (m(e.$$.fragment, i), r = !0);
     },
-    o(n) {
-      c(e.$$.fragment, n), r = !1;
+    o(i) {
+      c(e.$$.fragment, i), r = !1;
     },
-    d(n) {
-      n && u(o), $(e);
+    d(i) {
+      i && u(o), h(e);
     }
   };
 }
-function Y(i) {
+function Y(n) {
   let o;
   return {
     c() {
-      o = T(i[3]);
+      o = T(n[3]);
     },
     m(t, e) {
-      s(t, o, e);
+      f(t, o, e);
     },
     p(t, e) {
       e & 8 && y(o, t[3]);
@@ -75,24 +77,24 @@ function Y(i) {
     }
   };
 }
-function B(i) {
+function B(n) {
   let o, t, e;
   return t = new F({
     props: {
       maxWidth: 72,
       $$slots: { default: [Y] },
-      $$scope: { ctx: i }
+      $$scope: { ctx: n }
     }
   }), {
     c() {
-      o = d("div"), _(t.$$.fragment), f(o, "class", "text svelte-1fezrt1");
+      o = d("div"), _(t.$$.fragment), s(o, "class", "text svelte-1fezrt1");
     },
-    m(r, n) {
-      s(r, o, n), h(t, o, null), e = !0;
+    m(r, i) {
+      f(r, o, i), b(t, o, null), e = !0;
     },
-    p(r, n) {
+    p(r, i) {
       const a = {};
-      n & 136 && (a.$$scope = { dirty: n, ctx: r }), t.$set(a);
+      i & 136 && (a.$$scope = { dirty: i, ctx: r }), t.$set(a);
     },
     i(r) {
       e || (m(t.$$.fragment, r), e = !0);
@@ -101,22 +103,22 @@ function B(i) {
       c(t.$$.fragment, r), e = !1;
     },
     d(r) {
-      r && u(o), $(t);
+      r && u(o), h(t);
     }
   };
 }
-function D(i) {
+function D(n) {
   let o, t, e;
-  return t = new E({ props: { playing: i[6] } }), {
+  return t = new E({ props: { playing: n[6] } }), {
     c() {
-      o = d("div"), _(t.$$.fragment), f(o, "slot", "audioIcon"), f(o, "class", "audio-icon__wrapper svelte-1fezrt1");
+      o = d("div"), _(t.$$.fragment), s(o, "slot", "audioIcon"), s(o, "class", "audio-icon__wrapper svelte-1fezrt1");
     },
-    m(r, n) {
-      s(r, o, n), h(t, o, null), e = !0;
+    m(r, i) {
+      f(r, o, i), b(t, o, null), e = !0;
     },
-    p(r, n) {
+    p(r, i) {
       const a = {};
-      n & 64 && (a.playing = r[6]), t.$set(a);
+      i & 64 && (a.playing = r[6]), t.$set(a);
     },
     i(r) {
       e || (m(t.$$.fragment, r), e = !0);
@@ -125,18 +127,18 @@ function D(i) {
       c(t.$$.fragment, r), e = !1;
     },
     d(r) {
-      r && u(o), $(t);
+      r && u(o), h(t);
     }
   };
 }
-function w(i) {
-  let o = v(k(i[6] ? i[5] : i[4])) + "", t;
+function w(n) {
+  let o = v(k(n[6] ? n[5] : n[4])) + "", t;
   return {
     c() {
       t = T(o);
     },
     m(e, r) {
-      s(e, t, r);
+      f(e, t, r);
     },
     p(e, r) {
       r & 112 && o !== (o = v(k(e[6] ? e[5] : e[4])) + "") && y(t, o);
@@ -146,14 +148,14 @@ function w(i) {
     }
   };
 }
-function H(i) {
-  let o, t = typeof (i[6] ? i[5] : i[4]) == "number" && w(i);
+function H(n) {
+  let o, t = typeof (n[6] ? n[5] : n[4]) == "number" && w(n);
   return {
     c() {
-      o = d("div"), t && t.c(), f(o, "slot", "currentTime"), f(o, "class", "currentTime svelte-1fezrt1");
+      o = d("div"), t && t.c(), s(o, "slot", "currentTime"), s(o, "class", "currentTime svelte-1fezrt1");
     },
     m(e, r) {
-      s(e, o, r), t && t.m(o, null);
+      f(e, o, r), t && t.m(o, null);
     },
     p(e, r) {
       typeof (e[6] ? e[5] : e[4]) == "number" ? t ? t.p(e, r) : (t = w(e), t.c(), t.m(o, null)) : t && (t.d(1), t = null);
@@ -163,17 +165,17 @@ function H(i) {
     }
   };
 }
-function J(i) {
-  let o, t, e = i[0].state && z(i);
+function J(n) {
+  let o, t, e = n[0].state && z(n);
   return {
     c() {
       e && e.c(), o = R();
     },
-    m(r, n) {
-      e && e.m(r, n), s(r, o, n), t = !0;
+    m(r, i) {
+      e && e.m(r, i), f(r, o, i), t = !0;
     },
-    p(r, [n]) {
-      r[0].state ? e ? (e.p(r, n), n & 1 && m(e, 1)) : (e = z(r), e.c(), m(e, 1), e.m(o.parentNode, o)) : e && (q(), c(e, 1, 1, () => {
+    p(r, [i]) {
+      r[0].state ? e ? (e.p(r, i), i & 1 && m(e, 1)) : (e = z(r), e.c(), m(e, 1), e.m(o.parentNode, o)) : e && (q(), c(e, 1, 1, () => {
         e = null;
       }), W());
     },
@@ -188,26 +190,26 @@ function J(i) {
     }
   };
 }
-function K(i, o, t) {
-  let e, r, n, { tag: a } = o;
-  return i.$$set = (l) => {
+function K(n, o, t) {
+  let e, r, i, { tag: a } = o;
+  return n.$$set = (l) => {
     "tag" in l && t(0, a = l.tag);
-  }, i.$$.update = () => {
-    var l, b;
-    i.$$.dirty & 1 && t(3, e = (b = (l = a.data.title) != null ? l : a.data.text) != null ? b : ""), i.$$.dirty & 1 && t(1, r = (() => {
+  }, n.$$.update = () => {
+    var l, $;
+    n.$$.dirty & 1 && t(3, e = ($ = (l = a.data.title) != null ? l : a.data.text) != null ? $ : ""), n.$$.dirty & 1 && t(1, r = (() => {
       var p;
       return a.data.backgroundColor === "dark" ? "rgba(0, 0, 0, 0.3)" : a.data.backgroundColor === "light" ? "rgba(255, 255, 255, 0.3)" : (p = a.data.backgroundColor) != null ? p : "rgba(0, 0, 0, 0.3)";
-    })()), i.$$.dirty & 2 && t(2, n = (() => {
+    })()), n.$$.dirty & 2 && t(2, i = (() => {
       const { r: p, g: C, b: I } = M(r);
       return (p * 299 + C * 587 + I * 114) / 1e3 >= 128 ? "rgba(0, 0, 0, 0.6)" : "white";
     })());
-  }, [a, r, n, e];
+  }, [a, r, i, e];
 }
-class ae extends S {
+class le extends S {
   constructor(o) {
     super(), A(this, o, K, J, P, { tag: 0 }, N);
   }
 }
 export {
-  ae as default
+  le as default
 };

package/libs/PanoTagPlugin/Components/Tag/AudioTag/AudioTag.js

@@ -1,4 +1,4 @@
-import { SvelteComponent as K, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as M, transition_in as g, transition_out as h, check_outros as E, detach as R, element as w, create_component as b, space as U, attr as k, add_render_callback as G, set_style as Y, toggle_class as L, mount_component as I, append as $, add_resize_listener as Z, listen as x, group_outros as H, destroy_component as z, create_in_transition as ee, create_out_transition as te } from "../../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as K, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as M, transition_in as g, transition_out as _, check_outros as E, detach as R, element as w, create_component as b, space as U, attr as k, add_render_callback as G, set_style as Y, toggle_class as L, mount_component as I, append as $, add_resize_listener as Z, listen as x, group_outros as H, destroy_component as z, create_in_transition as ee, create_out_transition as te } from "../../../../vendor/svelte/internal/index.js";
 import { cubicInOut as N } from "../../../../vendor/svelte/easing/index.js";
 import { fade as O } from "../../../../vendor/svelte/transition/index.js";
 import ie from "../../Common/Audio.js";
@@ -6,6 +6,7 @@ import ne from "../../Common/Line/Straight.js";
 import J from "../../Common/Shadow.js";
 import oe from "../../Common/Text/FlyMText.js";
 import re from "../../Common/Icon/audioIcon.js";
+import "../../../../shared-utils/audio.js";
 import "../../../../shared-utils/uuid.js";
 import "../../Common/Text/FlyText.js";
 import "animejs";
@@ -22,7 +23,7 @@ function ae(e) {
 }
 function j(e) {
   var T, W;
-  let t, n, o, i, a, s, m, r, f, u, _, c, v, A, S;
+  let t, n, o, i, a, s, m, r, f, u, h, c, v, A, S;
   n = new J({
     props: {
       visible: e[5],
@@ -49,15 +50,15 @@ function j(e) {
     }
   }), {
     c() {
-      t = w("div"), b(n.$$.fragment), o = U(), i = w("div"), a = w("div"), s = w("div"), d && d.c(), m = U(), r = w("div"), b(f.$$.fragment), _ = U(), b(c.$$.fragment), k(s, "class", "audio-icon svelte-1s6gk4a"), G(() => e[7].call(r)), Y(r, "display", "inline-block"), k(a, "class", "wrapper svelte-1s6gk4a"), k(i, "class", "content svelte-1s6gk4a"), k(t, "class", "audio-tag svelte-1s6gk4a"), L(t, "unfolded", e[5]);
+      t = w("div"), b(n.$$.fragment), o = U(), i = w("div"), a = w("div"), s = w("div"), d && d.c(), m = U(), r = w("div"), b(f.$$.fragment), h = U(), b(c.$$.fragment), k(s, "class", "audio-icon svelte-1s6gk4a"), G(() => e[7].call(r)), Y(r, "display", "inline-block"), k(a, "class", "wrapper svelte-1s6gk4a"), k(i, "class", "content svelte-1s6gk4a"), k(t, "class", "audio-tag svelte-1s6gk4a"), L(t, "unfolded", e[5]);
     },
     m(l, p) {
-      M(l, t, p), I(n, t, null), $(t, o), $(t, i), $(i, a), $(a, s), d && d.m(s, null), $(a, m), $(a, r), I(f, r, null), u = Z(r, e[7].bind(r)), $(t, _), I(c, t, null), v = !0, A || (S = x(r, "click", e[6]), A = !0);
+      M(l, t, p), I(n, t, null), $(t, o), $(t, i), $(i, a), $(a, s), d && d.m(s, null), $(a, m), $(a, r), I(f, r, null), u = Z(r, e[7].bind(r)), $(t, h), I(c, t, null), v = !0, A || (S = x(r, "click", e[6]), A = !0);
     },
     p(l, p) {
       var q, F;
       const C = {};
-      p & 32 && (C.visible = l[5]), p & 4 && (C.left = l[2] / 2 + "px"), n.$set(C), l[5] ? d ? (d.p(l, p), p & 32 && g(d, 1)) : (d = B(l), d.c(), g(d, 1), d.m(s, null)) : d && (H(), h(d, 1, 1, () => {
+      p & 32 && (C.visible = l[5]), p & 4 && (C.left = l[2] / 2 + "px"), n.$set(C), l[5] ? d ? (d.p(l, p), p & 32 && g(d, 1)) : (d = B(l), d.c(), g(d, 1), d.m(s, null)) : d && (H(), _(d, 1, 1, () => {
         d = null;
       }), E());
       const y = {};
@@ -69,7 +70,7 @@ function j(e) {
       v || (g(n.$$.fragment, l), g(d), g(f.$$.fragment, l), g(c.$$.fragment, l), v = !0);
     },
     o(l) {
-      h(n.$$.fragment, l), h(d), h(f.$$.fragment, l), h(c.$$.fragment, l), v = !1;
+      _(n.$$.fragment, l), _(d), _(f.$$.fragment, l), _(c.$$.fragment, l), v = !1;
     },
     d(l) {
       l && R(t), z(n), d && d.d(), z(f), u(), z(c), A = !1, S();
@@ -121,7 +122,7 @@ function B(e) {
     },
     o(r) {
       var f, u;
-      h(n.$$.fragment, r), h(i.$$.fragment, r), a && a.invalidate(), r && (s = te(t, O, {
+      _(n.$$.fragment, r), _(i.$$.fragment, r), a && a.invalidate(), r && (s = te(t, O, {
         duration: 1e3,
         delay: 20 * Math.min((u = (f = e[4]) == null ? void 0 : f.length) != null ? u : 10, 15),
         easing: N
@@ -149,7 +150,7 @@ function le(e) {
       o || (g(n.$$.fragment, i), o = !0);
     },
     o(i) {
-      h(n.$$.fragment, i), o = !1;
+      _(n.$$.fragment, i), o = !1;
     },
     d(i) {
       i && R(t), z(n);
@@ -166,7 +167,7 @@ function se(e) {
       o && o.m(i, a), M(i, t, a), n = !0;
     },
     p(i, [a]) {
-      i[0].state ? o ? (o.p(i, a), a & 1 && g(o, 1)) : (o = j(i), o.c(), g(o, 1), o.m(t.parentNode, t)) : o && (H(), h(o, 1, 1, () => {
+      i[0].state ? o ? (o.p(i, a), a & 1 && g(o, 1)) : (o = j(i), o.c(), g(o, 1), o.m(t.parentNode, t)) : o && (H(), _(o, 1, 1, () => {
         o = null;
       }), E());
     },
@@ -174,7 +175,7 @@ function se(e) {
       n || (g(o), n = !0);
     },
     o(i) {
-      h(o), n = !1;
+      _(o), n = !1;
     },
     d(i) {
       o && o.d(i), i && R(t);
@@ -189,11 +190,11 @@ function fe(e, t, n) {
   function u() {
     r = this.clientWidth, n(2, r);
   }
-  return e.$$set = (_) => {
-    "tag" in _ && n(0, s = _.tag);
+  return e.$$set = (h) => {
+    "tag" in h && n(0, s = h.tag);
   }, e.$$.update = () => {
-    var _, c, v;
-    e.$$.dirty & 1 && n(5, o = !!((_ = s.state) != null && _.unfolded)), e.$$.dirty & 1 && n(4, i = (v = (c = s.data.title) != null ? c : s.data.text) != null ? v : ""), e.$$.dirty & 2 && n(3, a = m ? 450 : 0);
+    var h, c, v;
+    e.$$.dirty & 1 && n(5, o = !!((h = s.state) != null && h.unfolded)), e.$$.dirty & 1 && n(4, i = (v = (c = s.data.title) != null ? c : s.data.text) != null ? v : ""), e.$$.dirty & 2 && n(3, a = m ? 450 : 0);
   }, [
     s,
     m,
@@ -205,11 +206,11 @@ function fe(e, t, n) {
     u
   ];
 }
-class Ae extends K {
+class Ce extends K {
   constructor(t) {
     super(), P(this, t, fe, se, Q, { tag: 0 }, ae);
   }
 }
 export {
-  Ae as default
+  Ce as default
 };

package/libs/PanoTagPlugin/Components/Tag/AudioTag/index.js

@@ -4,6 +4,7 @@ import q from "./AudioPlaneTag.js";
 import "../../../../vendor/svelte/easing/index.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../Common/Audio.js";
+import "../../../../shared-utils/audio.js";
 import "../../Common/Line/Straight.js";
 import "../../../../shared-utils/uuid.js";
 import "../../Common/Shadow.js";
@@ -110,11 +111,11 @@ function P(a, t, r) {
     a.$$.dirty & 1 && r(1, e = (n = o.data.appearance) != null ? n : "line");
   }, [o, e];
 }
-class et extends d {
+class rt extends d {
   constructor(t) {
     super(), $(this, t, P, N, k, { tag: 0 });
   }
 }
 export {
-  et as default
+  rt as default
 };