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

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

@@ -1,215 +1,195 @@
-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";
-import v from "../../../utils/timeToString.js";
+import { SvelteComponent as G, init as M, safe_not_equal as N, append_styles as W, empty as Y, insert as v, transition_in as h, transition_out as b, check_outros as B, detach as y, createEventDispatcher as H, element as g, create_component as w, attr as _, set_style as q, append as c, mount_component as T, destroy_component as C, space as R, group_outros as J, bubble as K, text as U, set_data as E } from "../../../../vendor/svelte/internal/index.js";
+import L from "../../Common/Icon/audioIcon.js";
+import O from "../../Common/Text/MText.js";
+import Q from "../../Common/Audio.js";
+import S from "../../../utils/timeToString.js";
 import "three";
-import { noTypecheck as k } from "../../../utils/noTypecheck.js";
-import { name2Rgba as M } from "../../../utils/color.js";
+import { noTypecheck as z } from "../../../utils/noTypecheck.js";
+import { name2Rgba as V } from "../../../utils/color.js";
 import "../../../utils/px2rem.js";
 import "../../Common/Shadow.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../../../vendor/svelte/easing/index.js";
 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}");
+import "../../../utils/audio/SharedAudio.js";
+function X(n) {
+  W(n, "svelte-qnju8y", ".audio-tag__wrapper.svelte-qnju8y{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.audio-tag.svelte-qnju8y{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-qnju8y{font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;margin-left:0.25rem}.audio__inner.svelte-qnju8y{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.text.svelte-qnju8y{font-weight:bold;font-size:0.75rem;margin-left:0.125rem}.audio-icon__wrapper.svelte-qnju8y{position:relative;vertical-align:top;pointer-events:none;width:1.375rem;height:1.375rem}");
 }
-function z(n) {
-  let o, t, e, r;
-  return e = new G({
+function A(n) {
+  let o, t, e, i;
+  return e = new Q({
     props: {
-      paused: !n[0].state.visible,
+      style: "width: max-content; height: max-content;",
+      enable: 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: 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: i }) => ({ 6: i }),
-          ({ playing: i }) => i ? 64 : 0
-        ],
-        default: [B]
-      },
+      $$slots: { default: [x] },
       $$scope: { ctx: n }
     }
-  }), {
+  }), e.$on("play", n[7]), e.$on("pause", n[8]), e.$on("timeupdate", n[9]), e.$on("duration", n[10]), e.$on("audioRef", n[11]), {
     c() {
-      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");
+      o = g("div"), t = g("div"), w(e.$$.fragment), _(t, "class", "audio-tag svelte-qnju8y"), q(t, "background-color", n[1]), q(t, "color", n[5]), _(o, "class", "audio-tag__wrapper svelte-qnju8y");
     },
-    m(i, a) {
-      f(i, o, a), j(o, t), b(e, t, null), r = !0;
+    m(r, a) {
+      v(r, o, a), c(o, t), T(e, t, null), i = !0;
     },
-    p(i, a) {
-      const l = {};
-      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]);
+    p(r, a) {
+      const u = {};
+      a & 1 && (u.enable = r[0].state.visible), a & 1 && (u.url = r[0].data.audioUrl), a & 1 && (u.hooksInfo = { tag: r[0] }), a & 8284 && (u.$$scope = { dirty: a, ctx: r }), e.$set(u), a & 2 && q(t, "background-color", r[1]), a & 32 && q(t, "color", r[5]);
     },
-    i(i) {
-      r || (m(e.$$.fragment, i), r = !0);
+    i(r) {
+      i || (h(e.$$.fragment, r), i = !0);
     },
-    o(i) {
-      c(e.$$.fragment, i), r = !1;
+    o(r) {
+      b(e.$$.fragment, r), i = !1;
+    },
+    d(r) {
+      r && y(o), C(e);
+    }
+  };
+}
+function P(n) {
+  var e;
+  let o = S(z(n[2] ? n[3] : (e = n[4]) != null ? e : 0)) + "", t;
+  return {
+    c() {
+      t = U(o);
+    },
+    m(i, r) {
+      v(i, t, r);
+    },
+    p(i, r) {
+      var a;
+      r & 28 && o !== (o = S(z(i[2] ? i[3] : (a = i[4]) != null ? a : 0)) + "") && E(t, o);
     },
     d(i) {
-      i && u(o), h(e);
+      i && y(t);
     }
   };
 }
-function Y(n) {
+function Z(n) {
   let o;
   return {
     c() {
-      o = T(n[3]);
+      o = U(n[6]);
     },
     m(t, e) {
-      f(t, o, e);
+      v(t, o, e);
     },
     p(t, e) {
-      e & 8 && y(o, t[3]);
+      e & 64 && E(o, t[6]);
     },
     d(t) {
-      t && u(o);
+      t && y(o);
     }
   };
 }
-function B(n) {
-  let o, t, e;
-  return t = new F({
+function x(n) {
+  let o, t, e, i, r, a, u, d, p;
+  e = new L({ props: { playing: n[2] } });
+  let s = typeof (n[2] ? n[3] : n[4]) == "number" && P(n);
+  return d = new O({
     props: {
       maxWidth: 72,
-      $$slots: { default: [Y] },
+      $$slots: { default: [Z] },
       $$scope: { ctx: n }
     }
   }), {
     c() {
-      o = d("div"), _(t.$$.fragment), s(o, "class", "text svelte-1fezrt1");
+      o = g("div"), t = g("div"), w(e.$$.fragment), i = R(), r = g("div"), s && s.c(), a = R(), u = g("div"), w(d.$$.fragment), _(t, "class", "audio-icon__wrapper svelte-qnju8y"), _(r, "class", "currentTime svelte-qnju8y"), _(u, "class", "text svelte-qnju8y"), _(o, "class", "audio__inner svelte-qnju8y");
     },
-    m(r, i) {
-      f(r, o, i), b(t, o, null), e = !0;
+    m(l, m) {
+      v(l, o, m), c(o, t), T(e, t, null), c(o, i), c(o, r), s && s.m(r, null), c(o, a), c(o, u), T(d, u, null), p = !0;
     },
-    p(r, i) {
-      const a = {};
-      i & 136 && (a.$$scope = { dirty: i, ctx: r }), t.$set(a);
+    p(l, m) {
+      const $ = {};
+      m & 4 && ($.playing = l[2]), e.$set($), typeof (l[2] ? l[3] : l[4]) == "number" ? s ? s.p(l, m) : (s = P(l), s.c(), s.m(r, null)) : s && (s.d(1), s = null);
+      const k = {};
+      m & 8256 && (k.$$scope = { dirty: m, ctx: l }), d.$set(k);
     },
-    i(r) {
-      e || (m(t.$$.fragment, r), e = !0);
+    i(l) {
+      p || (h(e.$$.fragment, l), h(d.$$.fragment, l), p = !0);
     },
-    o(r) {
-      c(t.$$.fragment, r), e = !1;
+    o(l) {
+      b(e.$$.fragment, l), b(d.$$.fragment, l), p = !1;
     },
-    d(r) {
-      r && u(o), h(t);
+    d(l) {
+      l && y(o), C(e), s && s.d(), C(d);
     }
   };
 }
-function D(n) {
-  let o, t, e;
-  return t = new E({ props: { playing: n[6] } }), {
-    c() {
-      o = d("div"), _(t.$$.fragment), s(o, "slot", "audioIcon"), s(o, "class", "audio-icon__wrapper svelte-1fezrt1");
-    },
-    m(r, i) {
-      f(r, o, i), b(t, o, null), e = !0;
-    },
-    p(r, i) {
-      const a = {};
-      i & 64 && (a.playing = r[6]), t.$set(a);
-    },
-    i(r) {
-      e || (m(t.$$.fragment, r), e = !0);
-    },
-    o(r) {
-      c(t.$$.fragment, r), e = !1;
-    },
-    d(r) {
-      r && u(o), h(t);
-    }
-  };
-}
-function w(n) {
-  let o = v(k(n[6] ? n[5] : n[4])) + "", t;
-  return {
-    c() {
-      t = T(o);
-    },
-    m(e, r) {
-      f(e, t, r);
-    },
-    p(e, r) {
-      r & 112 && o !== (o = v(k(e[6] ? e[5] : e[4])) + "") && y(t, o);
-    },
-    d(e) {
-      e && u(t);
-    }
-  };
-}
-function H(n) {
-  let o, t = typeof (n[6] ? n[5] : n[4]) == "number" && w(n);
+function ee(n) {
+  let o, t, e = n[0].state && A(n);
   return {
     c() {
-      o = d("div"), t && t.c(), s(o, "slot", "currentTime"), s(o, "class", "currentTime svelte-1fezrt1");
+      e && e.c(), o = Y();
     },
-    m(e, r) {
-      f(e, o, r), t && t.m(o, null);
+    m(i, r) {
+      e && e.m(i, r), v(i, o, r), t = !0;
     },
-    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);
-    },
-    d(e) {
-      e && u(o), t && t.d();
-    }
-  };
-}
-function J(n) {
-  let o, t, e = n[0].state && z(n);
-  return {
-    c() {
-      e && e.c(), o = R();
-    },
-    m(r, i) {
-      e && e.m(r, i), f(r, o, i), t = !0;
-    },
-    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, () => {
+    p(i, [r]) {
+      i[0].state ? e ? (e.p(i, r), r & 1 && h(e, 1)) : (e = A(i), e.c(), h(e, 1), e.m(o.parentNode, o)) : e && (J(), b(e, 1, 1, () => {
         e = null;
-      }), W());
+      }), B());
     },
-    i(r) {
-      t || (m(e), t = !0);
+    i(i) {
+      t || (h(e), t = !0);
     },
-    o(r) {
-      c(e), t = !1;
+    o(i) {
+      b(e), t = !1;
     },
-    d(r) {
-      e && e.d(r), r && u(o);
+    d(i) {
+      e && e.d(i), i && y(o);
     }
   };
 }
-function K(n, o, t) {
-  let e, r, i, { tag: a } = o;
-  return n.$$set = (l) => {
-    "tag" in l && t(0, a = l.tag);
+function te(n, o, t) {
+  let e, i, r, { tag: a } = o;
+  H();
+  let u = !1, d = 0, p = 0;
+  const s = () => {
+    t(2, u = !0);
+  }, l = () => {
+    t(2, u = !1);
+  }, m = (f) => {
+    t(3, d = f.detail);
+  }, $ = (f) => {
+    t(4, p = f.detail);
+  };
+  function k(f) {
+    K.call(this, n, f);
+  }
+  return n.$$set = (f) => {
+    "tag" in f && t(0, a = f.tag);
   }, 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)";
-    })()), 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";
+    var f, I;
+    n.$$.dirty & 1 && t(6, e = (I = (f = a.data.title) != null ? f : a.data.text) != null ? I : ""), n.$$.dirty & 1 && t(1, i = (() => {
+      var j;
+      return a.data.backgroundColor === "dark" ? "rgba(0, 0, 0, 0.3)" : a.data.backgroundColor === "light" ? "rgba(255, 255, 255, 0.3)" : (j = a.data.backgroundColor) != null ? j : "rgba(0, 0, 0, 0.3)";
+    })()), n.$$.dirty & 2 && t(5, r = (() => {
+      const { r: j, g: D, b: F } = V(i);
+      return (j * 299 + D * 587 + F * 114) / 1e3 >= 128 ? "rgba(0, 0, 0, 0.6)" : "white";
     })());
-  }, [a, r, i, e];
+  }, [
+    a,
+    i,
+    u,
+    d,
+    p,
+    r,
+    e,
+    s,
+    l,
+    m,
+    $,
+    k
+  ];
 }
-class le extends S {
+class he extends G {
   constructor(o) {
-    super(), A(this, o, K, J, P, { tag: 0 }, N);
+    super(), M(this, o, te, ee, N, { tag: 0 }, X);
   }
 }
 export {
-  le as default
+  he as default
 };