@realsee/dnalogel 2.3.9-alpha.5 → 2.3.9-alpha.7

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

@@ -1,175 +1,198 @@
-import { SvelteComponent as N, init as R, safe_not_equal as S, append_styles as W, empty as H, insert as k, transition_in as _, transition_out as h, check_outros as I, detach as b, element as p, space as z, attr as u, set_style as f, append as g, group_outros as K, create_component as X, mount_component as A, destroy_component as B, src_url_equal as w, handle_promise as y, update_await_block_branch as D, noop as d } from "../../../../vendor/svelte/internal/index.js";
-import { getKeyframeInfo as v } from "../../../utils/getImageInfo.js";
-import s from "../../../utils/px2rem.js";
-import E from "../Shadow.js";
+var w = (n, i, t) => new Promise((e, o) => {
+  var l = (f) => {
+    try {
+      a(t.next(f));
+    } catch (m) {
+      o(m);
+    }
+  }, r = (f) => {
+    try {
+      a(t.throw(f));
+    } catch (m) {
+      o(m);
+    }
+  }, a = (f) => f.done ? e(f.value) : Promise.resolve(f.value).then(l, r);
+  a((t = t.apply(n, i)).next());
+});
+import { SvelteComponent as N, init as R, safe_not_equal as S, append_styles as W, empty as C, insert as k, transition_in as _, transition_out as h, check_outros as H, detach as b, createEventDispatcher as z, element as p, space as D, attr as c, set_style as s, append as g, group_outros as I, create_component as E, mount_component as X, destroy_component as A, src_url_equal as y, handle_promise as v, update_await_block_branch as B, noop as d } from "../../../../vendor/svelte/internal/index.js";
+import { getKeyframeInfo as F } from "../../../utils/getImageInfo.js";
+import u from "../../../utils/px2rem.js";
+import G from "../Shadow.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../../../vendor/svelte/easing/index.js";
-function F(n) {
+function J(n) {
   W(n, "svelte-mhs8j5", "@keyframes svelte-mhs8j5-sprites-animation{0%{background-position:0 0}100%{background-position:var(--keyframe_offset_x) 0}}.icon-image.svelte-mhs8j5{display:block;width:100%}.icon-keyframe-container.svelte-mhs8j5{overflow:hidden}.icon-keyframe-wrapper.svelte-mhs8j5{transform-origin:0 0}.icon-keyframe.svelte-mhs8j5{background-repeat:no-repeat;animation-direction:normal;animation-iteration-count:infinite;animation-name:svelte-mhs8j5-sprites-animation}");
 }
 function j(n) {
-  n[4] = n[12].url, n[5] = n[12].keyframesWidth, n[6] = n[12].keyframesHeight, n[7] = n[12].wrapperWidth, n[8] = n[12].wrapperHeight, n[9] = n[12].steps, n[10] = n[12].duration, n[11] = n[12].offsetX;
+  n[6] = n[14].url, n[7] = n[14].keyframesWidth, n[8] = n[14].keyframesHeight, n[9] = n[14].wrapperWidth, n[10] = n[14].wrapperHeight, n[11] = n[14].steps, n[12] = n[14].duration, n[13] = n[14].offsetX;
 }
-function q(n) {
-  let i, r, e, o = n[2] && C();
-  function l(m, c) {
-    return m[3] ? J : G;
+function K(n) {
+  let i, t, e, o = n[2] && q();
+  function l(f, m) {
+    return f[3] ? O : M;
   }
-  let t = l(n), a = t(n);
+  let r = l(n), a = r(n);
   return {
     c() {
-      i = p("div"), o && o.c(), r = z(), a.c(), u(i, "class", "icon"), f(i, "width", typeof n[0] == "number" ? s(n[0]) : n[0]);
+      i = p("div"), o && o.c(), t = D(), a.c(), c(i, "class", "icon"), s(i, "width", typeof n[0] == "number" ? u(n[0]) : n[0]);
     },
-    m(m, c) {
-      k(m, i, c), o && o.m(i, null), g(i, r), a.m(i, null), e = !0;
+    m(f, m) {
+      k(f, i, m), o && o.m(i, null), g(i, t), a.m(i, null), e = !0;
     },
-    p(m, c) {
-      m[2] ? o ? c & 4 && _(o, 1) : (o = C(), o.c(), _(o, 1), o.m(i, r)) : o && (K(), h(o, 1, 1, () => {
+    p(f, m) {
+      f[2] ? o ? m & 4 && _(o, 1) : (o = q(), o.c(), _(o, 1), o.m(i, t)) : o && (I(), h(o, 1, 1, () => {
         o = null;
-      }), I()), t === (t = l(m)) && a ? a.p(m, c) : (a.d(1), a = t(m), a && (a.c(), a.m(i, null))), c & 1 && f(i, "width", typeof m[0] == "number" ? s(m[0]) : m[0]);
+      }), H()), r === (r = l(f)) && a ? a.p(f, m) : (a.d(1), a = r(f), a && (a.c(), a.m(i, null))), m & 1 && s(i, "width", typeof f[0] == "number" ? u(f[0]) : f[0]);
     },
-    i(m) {
+    i(f) {
       e || (_(o), e = !0);
     },
-    o(m) {
+    o(f) {
       h(o), e = !1;
     },
-    d(m) {
-      m && b(i), o && o.d(), a.d();
+    d(f) {
+      f && b(i), o && o.d(), a.d();
     }
   };
 }
-function C(n) {
-  let i, r;
-  return i = new E({
+function q(n) {
+  let i, t;
+  return i = new G({
     props: {
       center: !0,
-      blurRadius: 12,
-      spreadRadius: 5
+      blurRadius: 24,
+      spreadRadius: 16
     }
   }), {
     c() {
-      X(i.$$.fragment);
+      E(i.$$.fragment);
     },
     m(e, o) {
-      A(i, e, o), r = !0;
+      X(i, e, o), t = !0;
     },
     i(e) {
-      r || (_(i.$$.fragment, e), r = !0);
+      t || (_(i.$$.fragment, e), t = !0);
     },
     o(e) {
-      h(i.$$.fragment, e), r = !1;
+      h(i.$$.fragment, e), t = !1;
     },
     d(e) {
-      B(i, e);
+      A(i, e);
     }
   };
 }
-function G(n) {
-  let i, r;
+function M(n) {
+  let i, t;
   return {
     c() {
-      i = p("img"), u(i, "class", "icon-image svelte-mhs8j5"), w(i.src, r = n[1].url) || u(i, "src", r), u(i, "alt", "icon");
+      i = p("img"), c(i, "class", "icon-image svelte-mhs8j5"), y(i.src, t = n[1].url) || c(i, "src", t), c(i, "alt", "icon");
     },
     m(e, o) {
       k(e, i, o);
     },
     p(e, o) {
-      o & 2 && !w(i.src, r = e[1].url) && u(i, "src", r);
+      o & 2 && !y(i.src, t = e[1].url) && c(i, "src", t);
     },
     d(e) {
       e && b(i);
     }
   };
 }
-function J(n) {
-  let i, r, e = {
+function O(n) {
+  let i, t, e = {
     ctx: n,
     current: null,
     token: null,
     hasCatch: !1,
-    pending: O,
-    then: M,
-    catch: L,
-    value: 12
+    pending: T,
+    then: Q,
+    catch: P,
+    value: 14
   };
-  return y(r = v(n[1]), e), {
+  return v(t = n[4](n[1]), e), {
     c() {
-      i = H(), e.block.c();
+      i = C(), e.block.c();
     },
     m(o, l) {
       k(o, i, l), e.block.m(o, e.anchor = l), e.mount = () => i.parentNode, e.anchor = i;
     },
     p(o, l) {
-      n = o, e.ctx = n, l & 2 && r !== (r = v(n[1])) && y(r, e) || D(e, n, l);
+      n = o, e.ctx = n, l & 2 && t !== (t = n[4](n[1])) && v(t, e) || B(e, n, l);
     },
     d(o) {
       o && b(i), e.block.d(o), e.token = null, e = null;
     }
   };
 }
-function L(n) {
+function P(n) {
   return { c: d, m: d, p: d, d };
 }
-function M(n) {
+function Q(n) {
   j(n);
-  let i, r, e, o = `url(${n[4]})`, l = `steps(${n[9] - 1})`;
+  let i, t, e, o = `url(${n[6]})`, l = `steps(${n[11] - 1})`;
   return {
     c() {
-      i = p("div"), r = p("div"), e = p("div"), u(e, "class", "icon-keyframe svelte-mhs8j5"), f(e, "width", s(n[5])), f(e, "height", s(n[6])), f(e, "background-image", o), f(e, "animation-duration", n[10]), f(e, "animation-timing-function", l), f(e, "animation-delay", 0), f(e, "background-size", "100% 100%"), f(e, "--keyframe_offset_x", s(n[11])), u(r, "class", "icon-keyframe-wrapper svelte-mhs8j5"), f(r, "transform", typeof n[0] == "number" ? `scale(${n[0] / n[7]})` : void 0), u(i, "class", "icon-keyframe-container svelte-mhs8j5"), f(i, "width", typeof n[0] == "number" ? s(n[0]) : s(n[7])), f(i, "height", typeof n[0] == "number" ? s(n[8] * (n[0] / n[7])) : s(n[8]));
+      i = p("div"), t = p("div"), e = p("div"), c(e, "class", "icon-keyframe svelte-mhs8j5"), s(e, "width", u(n[7])), s(e, "height", u(n[8])), s(e, "background-image", o), s(e, "animation-duration", n[12]), s(e, "animation-timing-function", l), s(e, "animation-delay", 0), s(e, "background-size", "100% 100%"), s(e, "--keyframe_offset_x", u(n[13])), c(t, "class", "icon-keyframe-wrapper svelte-mhs8j5"), s(t, "transform", typeof n[0] == "number" ? `scale(${n[0] / n[9]})` : void 0), c(i, "class", "icon-keyframe-container svelte-mhs8j5"), s(i, "width", typeof n[0] == "number" ? u(n[0]) : u(n[9])), s(i, "height", typeof n[0] == "number" ? u(n[10] * (n[0] / n[9])) : u(n[10]));
     },
-    m(t, a) {
-      k(t, i, a), g(i, r), g(r, e);
+    m(r, a) {
+      k(r, i, a), g(i, t), g(t, e);
     },
-    p(t, a) {
-      j(t), a & 2 && f(e, "width", s(t[5])), a & 2 && f(e, "height", s(t[6])), a & 2 && o !== (o = `url(${t[4]})`) && f(e, "background-image", o), a & 2 && f(e, "animation-duration", t[10]), a & 2 && l !== (l = `steps(${t[9] - 1})`) && f(e, "animation-timing-function", l), a & 2 && f(e, "--keyframe_offset_x", s(t[11])), a & 3 && f(r, "transform", typeof t[0] == "number" ? `scale(${t[0] / t[7]})` : void 0), a & 3 && f(i, "width", typeof t[0] == "number" ? s(t[0]) : s(t[7])), a & 3 && f(i, "height", typeof t[0] == "number" ? s(t[8] * (t[0] / t[7])) : s(t[8]));
+    p(r, a) {
+      j(r), a & 2 && s(e, "width", u(r[7])), a & 2 && s(e, "height", u(r[8])), a & 2 && o !== (o = `url(${r[6]})`) && s(e, "background-image", o), a & 2 && s(e, "animation-duration", r[12]), a & 2 && l !== (l = `steps(${r[11] - 1})`) && s(e, "animation-timing-function", l), a & 2 && s(e, "--keyframe_offset_x", u(r[13])), a & 3 && s(t, "transform", typeof r[0] == "number" ? `scale(${r[0] / r[9]})` : void 0), a & 3 && s(i, "width", typeof r[0] == "number" ? u(r[0]) : u(r[9])), a & 3 && s(i, "height", typeof r[0] == "number" ? u(r[10] * (r[0] / r[9])) : u(r[10]));
     },
-    d(t) {
-      t && b(i);
+    d(r) {
+      r && b(i);
     }
   };
 }
-function O(n) {
+function T(n) {
   return { c: d, m: d, p: d, d };
 }
-function P(n) {
-  let i, r, e = n[1] && q(n);
+function U(n) {
+  let i, t, e = n[1] && K(n);
   return {
     c() {
-      e && e.c(), i = H();
+      e && e.c(), i = C();
     },
     m(o, l) {
-      e && e.m(o, l), k(o, i, l), r = !0;
+      e && e.m(o, l), k(o, i, l), t = !0;
     },
     p(o, [l]) {
-      o[1] ? e ? (e.p(o, l), l & 2 && _(e, 1)) : (e = q(o), e.c(), _(e, 1), e.m(i.parentNode, i)) : e && (K(), h(e, 1, 1, () => {
+      o[1] ? e ? (e.p(o, l), l & 2 && _(e, 1)) : (e = K(o), e.c(), _(e, 1), e.m(i.parentNode, i)) : e && (I(), h(e, 1, 1, () => {
         e = null;
-      }), I());
+      }), H());
     },
     i(o) {
-      r || (_(e), r = !0);
+      t || (_(e), t = !0);
     },
     o(o) {
-      h(e), r = !1;
+      h(e), t = !1;
     },
     d(o) {
       e && e.d(o), o && b(i);
     }
   };
 }
-function Q(n, i, r) {
-  let e, { width: o = null } = i, { icon: l = null } = i, { shadow: t = !1 } = i;
-  return n.$$set = (a) => {
-    "width" in a && r(0, o = a.width), "icon" in a && r(1, l = a.icon), "shadow" in a && r(2, t = a.shadow);
+function V(n, i, t) {
+  let e, { width: o = null } = i, { icon: l = null } = i, { shadow: r = !1 } = i;
+  const a = z();
+  function f(m) {
+    return w(this, null, function* () {
+      const L = yield F(m);
+      return a("iconLoaded"), L;
+    });
+  }
+  return n.$$set = (m) => {
+    "width" in m && t(0, o = m.width), "icon" in m && t(1, l = m.icon), "shadow" in m && t(2, r = m.shadow);
   }, n.$$.update = () => {
-    n.$$.dirty & 2 && r(3, e = (l == null ? void 0 : l.steps) >= 2);
-  }, [o, l, t, e];
+    n.$$.dirty & 2 && t(3, e = (l == null ? void 0 : l.steps) >= 2), n.$$.dirty & 8 && !e && a("iconLoaded");
+  }, [o, l, r, e, f];
 }
-class x extends N {
+class oe extends N {
   constructor(i) {
-    super(), R(this, i, Q, P, S, { width: 0, icon: 1, shadow: 2 }, F);
+    super(), R(this, i, V, U, S, { width: 0, icon: 1, shadow: 2 }, J);
   }
 }
 export {
-  x as default
+  oe as default
 };

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

@@ -72,7 +72,7 @@ function o(t) {
   return typeof t == "number" ? t / 16 + "rem" : t;
 }
 function L(t, i, e) {
-  let { inDelay: l = 1e3 } = i, { outDelay: f = 1e3 } = i, { visible: u = !0 } = i, { width: a = 0 } = i, { height: r = 0 } = i, { left: m = 0 } = i, { bottom: _ = 0 } = i, { center: b = !1 } = i, { horizontalCenter: y = !1 } = i, { verticalCenter: c = !1 } = i, { blurRadius: w } = i, { spreadRadius: z } = i, { opacity: C = 0.15 } = i, { zIndex: D = void 0 } = i;
+  let { inDelay: l = 1e3 } = i, { outDelay: f = 1e3 } = i, { visible: u = !0 } = i, { width: a = 0 } = i, { height: r = 0 } = i, { left: m = 0 } = i, { bottom: _ = 0 } = i, { center: b = !1 } = i, { horizontalCenter: y = !1 } = i, { verticalCenter: c = !1 } = i, { blurRadius: w } = i, { spreadRadius: z } = i, { opacity: C = 0.15 } = i, { zIndex: D = -1 } = i;
   return t.$$set = (n) => {
     "inDelay" in n && e(0, l = n.inDelay), "outDelay" in n && e(1, f = n.outDelay), "visible" in n && e(2, u = n.visible), "width" in n && e(3, a = n.width), "height" in n && e(4, r = n.height), "left" in n && e(5, m = n.left), "bottom" in n && e(6, _ = n.bottom), "center" in n && e(7, b = n.center), "horizontalCenter" in n && e(8, y = n.horizontalCenter), "verticalCenter" in n && e(9, c = n.verticalCenter), "blurRadius" in n && e(10, w = n.blurRadius), "spreadRadius" in n && e(11, z = n.spreadRadius), "opacity" in n && e(12, C = n.opacity), "zIndex" in n && e(13, D = n.zIndex);
   }, [

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

@@ -1,217 +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, e, t, r;
-  return t = 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 }
     }
-  }), {
-    c() {
-      o = d("div"), e = d("div"), _(t.$$.fragment), s(e, "class", "audio-tag svelte-1fezrt1"), g(e, "background-color", n[1]), g(e, "color", n[2]), s(o, "class", "audio-tag__wrapper svelte-1fezrt1");
-    },
-    m(i, a) {
-      f(i, o, a), j(o, e), b(t, e, null), r = !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 }), t.$set(l), a & 2 && g(e, "background-color", i[1]), a & 4 && g(e, "color", i[2]);
-    },
-    i(i) {
-      r || (m(t.$$.fragment, i), r = !0);
-    },
-    o(i) {
-      c(t.$$.fragment, i), r = !1;
-    },
-    d(i) {
-      i && u(o), h(t);
-    }
-  };
-}
-function Y(n) {
-  let o;
-  return {
-    c() {
-      o = T(n[3]);
-    },
-    m(e, t) {
-      f(e, o, t);
-    },
-    p(e, t) {
-      t & 8 && y(o, e[3]);
-    },
-    d(e) {
-      e && u(o);
-    }
-  };
-}
-function B(n) {
-  let o, e, t;
-  return e = new F({
-    props: {
-      maxWidth: 72,
-      $$slots: { default: [Y] },
-      $$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"), _(e.$$.fragment), s(o, "class", "text 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(r, i) {
-      f(r, o, i), b(e, o, null), t = !0;
+    m(r, a) {
+      v(r, o, a), c(o, t), T(e, t, null), i = !0;
     },
-    p(r, i) {
-      const a = {};
-      i & 136 && (a.$$scope = { dirty: i, ctx: r }), e.$set(a);
+    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(r) {
-      t || (m(e.$$.fragment, r), t = !0);
+      i || (h(e.$$.fragment, r), i = !0);
     },
     o(r) {
-      c(e.$$.fragment, r), t = !1;
+      b(e.$$.fragment, r), i = !1;
     },
     d(r) {
-      r && u(o), h(e);
+      r && y(o), C(e);
     }
   };
 }
-function D(n) {
-  let o, e, t;
-  return e = new E({ props: { playing: n[6] } }), {
+function P(n) {
+  var e;
+  let o = S(z(n[2] ? n[3] : (e = n[4]) != null ? e : 0)) + "", t;
+  return {
     c() {
-      o = d("div"), _(e.$$.fragment), s(o, "slot", "audioIcon"), s(o, "class", "audio-icon__wrapper svelte-1fezrt1");
-    },
-    m(r, i) {
-      f(r, o, i), b(e, o, null), t = !0;
+      t = U(o);
     },
-    p(r, i) {
-      const a = {};
-      i & 64 && (a.playing = r[6]), e.$set(a);
-    },
-    i(r) {
-      t || (m(e.$$.fragment, r), t = !0);
+    m(i, r) {
+      v(i, t, r);
     },
-    o(r) {
-      c(e.$$.fragment, r), t = !1;
+    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(r) {
-      r && u(o), h(e);
+    d(i) {
+      i && y(t);
     }
   };
 }
-function w(n) {
-  var t;
-  let o = v(k(n[6] ? n[5] : (t = n[4]) != null ? t : 0)) + "", e;
+function Z(n) {
+  let o;
   return {
     c() {
-      e = T(o);
+      o = U(n[6]);
     },
-    m(r, i) {
-      f(r, e, i);
+    m(t, e) {
+      v(t, o, e);
     },
-    p(r, i) {
-      var a;
-      i & 112 && o !== (o = v(k(r[6] ? r[5] : (a = r[4]) != null ? a : 0)) + "") && y(e, o);
+    p(t, e) {
+      e & 64 && E(o, t[6]);
     },
-    d(r) {
-      r && u(e);
+    d(t) {
+      t && y(o);
     }
   };
 }
-function H(n) {
-  let o, e = typeof (n[6] ? n[5] : n[4]) == "number" && w(n);
-  return {
+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: [Z] },
+      $$scope: { ctx: n }
+    }
+  }), {
     c() {
-      o = d("div"), e && e.c(), s(o, "slot", "currentTime"), s(o, "class", "currentTime 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(t, r) {
-      f(t, o, r), e && e.m(o, null);
+    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(t, r) {
-      typeof (t[6] ? t[5] : t[4]) == "number" ? e ? e.p(t, r) : (e = w(t), e.c(), e.m(o, null)) : e && (e.d(1), e = null);
+    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);
     },
-    d(t) {
-      t && u(o), e && e.d();
+    i(l) {
+      p || (h(e.$$.fragment, l), h(d.$$.fragment, l), p = !0);
+    },
+    o(l) {
+      b(e.$$.fragment, l), b(d.$$.fragment, l), p = !1;
+    },
+    d(l) {
+      l && y(o), C(e), s && s.d(), C(d);
     }
   };
 }
-function J(n) {
-  let o, e, t = n[0].state && z(n);
+function ee(n) {
+  let o, t, e = n[0].state && A(n);
   return {
     c() {
-      t && t.c(), o = R();
+      e && e.c(), o = Y();
     },
-    m(r, i) {
-      t && t.m(r, i), f(r, o, i), e = !0;
+    m(i, r) {
+      e && e.m(i, r), v(i, o, r), t = !0;
     },
-    p(r, [i]) {
-      r[0].state ? t ? (t.p(r, i), i & 1 && m(t, 1)) : (t = z(r), t.c(), m(t, 1), t.m(o.parentNode, o)) : t && (q(), c(t, 1, 1, () => {
-        t = null;
-      }), W());
+    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;
+      }), B());
     },
-    i(r) {
-      e || (m(t), e = !0);
+    i(i) {
+      t || (h(e), t = !0);
     },
-    o(r) {
-      c(t), e = !1;
+    o(i) {
+      b(e), t = !1;
     },
-    d(r) {
-      t && t.d(r), r && u(o);
+    d(i) {
+      e && e.d(i), i && y(o);
     }
   };
 }
-function K(n, o, e) {
-  let t, r, i, { tag: a } = o;
-  return n.$$set = (l) => {
-    "tag" in l && e(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 && e(3, t = ($ = (l = a.data.title) != null ? l : a.data.text) != null ? $ : ""), n.$$.dirty & 1 && e(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 && e(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, t];
+  }, [
+    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
 };