@realsee/dnalogel 2.4.0 → 2.5.1-alpha.0

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

@@ -1,165 +1,128 @@
-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;
+var S = Object.defineProperty;
+var _ = Object.getOwnPropertySymbols;
+var C = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var g = (o, n, t) => n in o ? S(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t, m = (o, n) => {
+  for (var t in n || (n = {}))
+    C.call(n, t) && g(o, t, n[t]);
+  if (_)
+    for (var t of _(n))
+      A.call(n, t) && g(o, t, n[t]);
+  return o;
 };
-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, getContext as A, element as b, create_component as Q, space as I, attr as h, src_url_equal as D, toggle_class as M, 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 "../../../vendor/svelte/internal/index.js";
-import { fade as S } from "../../../vendor/svelte/transition/index.js";
-import { cubicInOut as B } from "../../../vendor/svelte/easing/index.js";
-import { Shadow as te } from "./Shadow.js";
-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")}`);
+import { SvelteComponent as E, init as N, safe_not_equal as T, append_styles as v, create_slot as w, element as D, attr as y, insert as P, listen as R, stop_propagation as q, update_slot_base as L, get_all_dirty_from_scope as M, get_slot_changes as j, transition_in as z, transition_out as B, detach as F, createEventDispatcher as G, getContext as b } from "../../../vendor/svelte/internal/index.js";
+import { getAudioDuration as H } from "../../../shared-utils/audio.js";
+import { SharedAudio as J } from "../../utils/audio/SharedAudio.js";
+function K(o) {
+  v(o, "svelte-13e7hxv", ".audio.svelte-13e7hxv{pointer-events:auto;cursor:pointer;width:100%;height:100%}");
 }
-function L(t) {
-  let e, i, a, o, r, u, f, d = !0, c, g, n, m, w;
-  return i = new te({
-    props: {
-      center: !0,
-      blurRadius: 15,
-      spreadRadius: 6
-    }
-  }), {
-    c() {
-      e = b("div"), Q(i.$$.fragment), a = I(), o = b("div"), r = I(), u = b("audio"), h(o, "class", "audio-icon svelte-1ku3wt4"), u.controls = !1, h(u, "playsinline", ""), D(u.src, f = t[3]) || h(u, "src", f), h(e, "class", "audio svelte-1ku3wt4"), M(e, "paused", t[6]);
-    },
-    m(s, _) {
-      q(s, e, _), V(i, e, null), k(e, a), k(e, o), k(e, r), k(e, u), t[9](u), n = !0, m || (w = [
-        C(u, "play", t[10]),
-        C(u, "pause", t[10]),
-        C(e, "click", W(t[7]))
-      ], m = !0);
-    },
-    p(s, _) {
-      t = s, (!n || _ & 8 && !D(u.src, f = t[3])) && h(u, "src", f), _ & 64 && d !== (d = t[6]) && u[d ? "pause" : "play"](), (!n || _ & 64) && M(e, "paused", t[6]);
-    },
-    i(s) {
-      n || (v(i.$$.fragment, s), s && X(() => {
-        g && g.end(1), c = Y(e, S, {
-          duration: t[2],
-          delay: t[0],
-          easing: B
-        }), c.start();
-      }), n = !0);
-    },
-    o(s) {
-      z(i.$$.fragment, s), c && c.invalidate(), s && (g = Z(e, S, {
-        duration: t[2],
-        delay: t[1],
-        easing: B
-      })), n = !1;
-    },
-    d(s) {
-      s && R(e), x(i), t[9](null), s && g && g.end(), m = !1, $(w);
-    }
-  };
-}
-function ne(t) {
-  let e, i, a = t[4] && L(t);
+function O(o) {
+  let n, t, f, d;
+  const r = o[8].default, s = w(r, o, o[7], null);
   return {
     c() {
-      a && a.c(), e = H();
+      n = D("div"), s && s.c(), y(n, "class", "audio svelte-13e7hxv"), y(n, "style", o[0]);
     },
-    m(o, r) {
-      a && a.m(o, r), q(o, e, r), i = !0;
+    m(a, u) {
+      P(a, n, u), s && s.m(n, null), t = !0, f || (d = R(n, "click", q(o[1])), f = !0);
     },
-    p(o, [r]) {
-      o[4] ? a ? (a.p(o, r), r & 16 && v(a, 1)) : (a = L(o), a.c(), v(a, 1), a.m(e.parentNode, e)) : a && (J(), z(a, 1, 1, () => {
-        a = null;
-      }), K());
+    p(a, [u]) {
+      s && s.p && (!t || u & 128) && L(
+        s,
+        r,
+        a,
+        a[7],
+        t ? j(r, a[7], u, null) : M(a[7]),
+        null
+      ), (!t || u & 1) && y(n, "style", a[0]);
     },
-    i(o) {
-      i || (v(a), i = !0);
+    i(a) {
+      t || (z(s, a), t = !0);
     },
-    o(o) {
-      z(a), i = !1;
+    o(a) {
+      B(s, a), t = !1;
     },
-    d(o) {
-      a && a.d(o), o && R(e);
+    d(a) {
+      a && F(n), s && s.d(a), f = !1, d();
     }
   };
 }
-function ae(t, e, i) {
-  let { inDelay: a = 0 } = e, { outDelay: o = 0 } = e, { duration: r = 0 } = e, { url: u } = e, { unfolded: f } = e, { hooksInfo: d = {} } = e;
-  const c = A("hooks"), g = A("mediaStore");
-  let n, m = !0;
-  g.subscribe(({ currentMediaUrl: l }) => {
-    l !== u && (n == null || n.pause());
-  });
-  function w(l) {
-    g.set({ currentMediaUrl: u }), n && (c.emit("click", p({
-      event: l,
-      target: "AudioTagPlayIcon",
-      audioInstance: n
-    }, d)), n.paused ? n.play() : n.pause(), i(
+function Q(o, n, t) {
+  let { $$slots: f = {}, $$scope: d } = n, { url: r } = n, { enable: s = !0 } = n, { style: a = "" } = n, { hooksInfo: u } = n;
+  const l = G(), p = b("hooks"), h = b("mediaStore");
+  let e, c = !0;
+  function k() {
+    t(
       5,
-      n.onplay = (y) => c.emit("playStateChange", p({
-        event: y,
-        state: "playing",
-        mediaInstance: n
-      }, d)),
-      n
-    ), i(
+      e.onplay = (i) => {
+        p.emit("playStateChange", m({
+          event: i,
+          state: "playing",
+          mediaInstance: e
+        }, u)), l("play"), t(6, c = !1);
+      },
+      e
+    ), t(
       5,
-      n.onpause = (y) => c.emit("playStateChange", p({
-        event: y,
-        state: "paused",
-        mediaInstance: n
-      }, d)),
-      n
-    ));
-  }
-  function s(l) {
-    ee[l ? "unshift" : "push"](() => {
-      n = l, i(5, n);
-    });
+      e.onpause = (i) => {
+        p.emit("playStateChange", m({
+          event: i,
+          state: "paused",
+          mediaInstance: e
+        }, u)), l("pause"), t(6, c = !0);
+      },
+      e
+    ), t(
+      5,
+      e.onloadedmetadata = (i) => {
+        typeof e.duration == "number" && !Number.isNaN(e.duration) && l("duration", e.duration);
+      },
+      e
+    ), t(
+      5,
+      e.ontimeupdate = (i) => {
+        l("timeupdate", e.currentTime);
+      },
+      e
+    );
   }
-  function _() {
-    m = this.paused, i(6, m);
+  h.subscribe(({ currentMediaElement: i }) => {
+    i !== e && (c || e == null || e.pause());
+  });
+  function I(i) {
+    !e || (p.emit("click", m({
+      event: i,
+      target: "AudioTagPlayIcon",
+      audioInstance: e
+    }, u)), h.set({ currentMediaElement: e }), p.emit("playStateChange", m({
+      event: i,
+      state: e.paused ? "playing" : "paused",
+      mediaInstance: e
+    }, u)), e.paused ? e.play() : e.pause());
   }
-  return t.$$set = (l) => {
-    "inDelay" in l && i(0, a = 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 || n == null || n.pause());
-  }, [
-    a,
-    o,
-    r,
-    u,
-    f,
-    n,
-    m,
-    w,
-    d,
-    s,
-    _
-  ];
+  return o.$$set = (i) => {
+    "url" in i && t(2, r = i.url), "enable" in i && t(3, s = i.enable), "style" in i && t(0, a = i.style), "hooksInfo" in i && t(4, u = i.hooksInfo), "$$scope" in i && t(7, d = i.$$scope);
+  }, o.$$.update = () => {
+    o.$$.dirty & 4 && (r || l("duration", 0)), o.$$.dirty & 36 && (e == null || e.dispose(), t(5, e = new J(r)), l("audioRef", e), setTimeout(() => l("audioRef", e), 200), H(r).then((i) => l("duration", i)), k()), o.$$.dirty & 40 && (s || e == null || e.pause()), o.$$.dirty & 72 && l(s && !c ? "play" : "pause");
+  }, [a, I, r, s, u, e, c, d, f];
 }
-class de extends T {
-  constructor(e) {
-    super(), U(
+class Y extends E {
+  constructor(n) {
+    super(), N(
       this,
-      e,
-      ae,
-      ne,
-      j,
+      n,
+      Q,
+      O,
+      T,
       {
-        inDelay: 0,
-        outDelay: 1,
-        duration: 2,
-        url: 3,
-        unfolded: 4,
-        hooksInfo: 8
+        url: 2,
+        enable: 3,
+        style: 0,
+        hooksInfo: 4
       },
-      ie
+      K
     );
   }
 }
 export {
-  de as Audio
+  Y as default
 };

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

@@ -0,0 +1,198 @@
+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 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[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 K(n) {
+  let i, t, e, o = n[2] && q();
+  function l(f, m) {
+    return f[3] ? O : M;
+  }
+  let r = l(n), a = r(n);
+  return {
+    c() {
+      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(f, m) {
+      k(f, i, m), o && o.m(i, null), g(i, t), a.m(i, null), e = !0;
+    },
+    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;
+      }), 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(f) {
+      e || (_(o), e = !0);
+    },
+    o(f) {
+      h(o), e = !1;
+    },
+    d(f) {
+      f && b(i), o && o.d(), a.d();
+    }
+  };
+}
+function q(n) {
+  let i, t;
+  return i = new G({
+    props: {
+      center: !0,
+      blurRadius: 24,
+      spreadRadius: 16
+    }
+  }), {
+    c() {
+      E(i.$$.fragment);
+    },
+    m(e, o) {
+      X(i, e, o), t = !0;
+    },
+    i(e) {
+      t || (_(i.$$.fragment, e), t = !0);
+    },
+    o(e) {
+      h(i.$$.fragment, e), t = !1;
+    },
+    d(e) {
+      A(i, e);
+    }
+  };
+}
+function M(n) {
+  let i, t;
+  return {
+    c() {
+      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 && !y(i.src, t = e[1].url) && c(i, "src", t);
+    },
+    d(e) {
+      e && b(i);
+    }
+  };
+}
+function O(n) {
+  let i, t, e = {
+    ctx: n,
+    current: null,
+    token: null,
+    hasCatch: !1,
+    pending: T,
+    then: Q,
+    catch: P,
+    value: 14
+  };
+  return v(t = n[4](n[1]), e), {
+    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 && 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 P(n) {
+  return { c: d, m: d, p: d, d };
+}
+function Q(n) {
+  j(n);
+  let i, t, e, o = `url(${n[6]})`, l = `steps(${n[11] - 1})`;
+  return {
+    c() {
+      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(r, a) {
+      k(r, i, a), g(i, t), g(t, e);
+    },
+    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(r) {
+      r && b(i);
+    }
+  };
+}
+function T(n) {
+  return { c: d, m: d, p: d, d };
+}
+function U(n) {
+  let i, t, e = n[1] && K(n);
+  return {
+    c() {
+      e && e.c(), i = C();
+    },
+    m(o, l) {
+      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 = K(o), e.c(), _(e, 1), e.m(i.parentNode, i)) : e && (I(), h(e, 1, 1, () => {
+        e = null;
+      }), H());
+    },
+    i(o) {
+      t || (_(e), t = !0);
+    },
+    o(o) {
+      h(e), t = !1;
+    },
+    d(o) {
+      e && e.d(o), o && b(i);
+    }
+  };
+}
+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 && t(3, e = (l == null ? void 0 : l.steps) >= 2), n.$$.dirty & 8 && !e && a("iconLoaded");
+  }, [o, l, r, e, f];
+}
+class oe extends N {
+  constructor(i) {
+    super(), R(this, i, V, U, S, { width: 0, icon: 1, shadow: 2 }, J);
+  }
+}
+export {
+  oe as default
+};

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

@@ -0,0 +1,108 @@
+import { SvelteComponent as b, init as A, safe_not_equal as M, append_styles as L, element as f, space as R, attr as u, toggle_class as h, set_style as d, insert as S, append as _, transition_in as c, transition_out as m, check_outros as W, detach as j, create_component as q, mount_component as B, destroy_component as C, group_outros as H, binding_callbacks as w } from "../../../../vendor/svelte/internal/index.js";
+import I from "../../../utils/px2rem.js";
+import T from "../Shadow.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+function z(i) {
+  L(i, "svelte-srt2pi", ".audio-icon__wrapper.svelte-srt2pi.svelte-srt2pi{display:inline-block}.audio-icon.svelte-srt2pi.svelte-srt2pi{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-srt2pi .sound-wave__container.svelte-srt2pi{position:absolute;pointer-events:none;width:60%;height:60%}.sound-wave.svelte-srt2pi.svelte-srt2pi{animation-duration:2s;animation-iteration-count:infinite;animation-play-state:paused;transition:opacity 0}.playing.svelte-srt2pi .sound-wave.svelte-srt2pi{animation-play-state:running}.playing.svelte-srt2pi .sound-wave-1.svelte-srt2pi{animation-name:svelte-srt2pi-sound_wave_1_animation}.playing.svelte-srt2pi .sound-wave-2.svelte-srt2pi{animation-name:svelte-srt2pi-sound_wave_2_animation}.playing.svelte-srt2pi .sound-wave-3.svelte-srt2pi{animation-name:svelte-srt2pi-sound_wave_3_animation}@keyframes svelte-srt2pi-sound_wave_1_animation{0%,10%{opacity:0}25%,100%{opacity:1}}@keyframes svelte-srt2pi-sound_wave_2_animation{0%,35%{opacity:0}50%,100%{opacity:1}}@keyframes svelte-srt2pi-sound_wave_3_animation{0%,60%{opacity:0}75%,100%{opacity:1}}");
+}
+function y(i) {
+  let t, a;
+  return t = new T({
+    props: {
+      center: !0,
+      blurRadius: 12,
+      spreadRadius: 5
+    }
+  }), {
+    c() {
+      q(t.$$.fragment);
+    },
+    m(n, r) {
+      B(t, n, r), a = !0;
+    },
+    i(n) {
+      a || (c(t.$$.fragment, n), a = !0);
+    },
+    o(n) {
+      m(t.$$.fragment, n), a = !1;
+    },
+    d(n) {
+      C(t, n);
+    }
+  };
+}
+function D(i) {
+  let t, a, n, r, p, e = i[1] && y();
+  return {
+    c() {
+      t = f("div"), e && e.c(), a = R(), n = f("div"), r = f("div"), r.innerHTML = '<svg width="100%" height="100%" viewBox="0 0 128 128"><g transform="rotate(-45 12 64) translate(12 64)" fill="black" stroke="black" fill-opacity="0.6" stroke-opacity="0.6"><path stroke="none" class="sound-wave sound-wave-1 svelte-srt2pi" d="M0,23 A23,23 0 0,0 23,0 L0,0"></path><path fill="none" stroke-width="15" class="sound-wave sound-wave-2 svelte-srt2pi" d="M0,46 A46,46 0 0,0 46,0"></path><path fill="none" stroke-width="15" class="sound-wave sound-wave-3 svelte-srt2pi" d="M0,80 A80,80 0 0,0 80,0"></path></g></svg>', u(r, "class", "sound-wave__container svelte-srt2pi"), u(n, "class", "audio-icon svelte-srt2pi"), h(n, "playing", i[0]), u(t, "class", "audio-icon__wrapper svelte-srt2pi"), u(t, "style", i[2]), d(t, "width", i[5]), d(t, "height", i[5]);
+    },
+    m(s, l) {
+      S(s, t, l), e && e.m(t, null), _(t, a), _(t, n), _(n, r), i[7](r), i[8](t), p = !0;
+    },
+    p(s, [l]) {
+      s[1] ? e ? l & 2 && c(e, 1) : (e = y(), e.c(), c(e, 1), e.m(t, a)) : e && (H(), m(e, 1, 1, () => {
+        e = null;
+      }), W()), (!p || l & 1) && h(n, "playing", s[0]), (!p || l & 4) && u(t, "style", s[2]), l & 32 && d(t, "width", s[5]), l & 32 && d(t, "height", s[5]);
+    },
+    i(s) {
+      p || (c(e), p = !0);
+    },
+    o(s) {
+      m(e), p = !1;
+    },
+    d(s) {
+      s && j(t), e && e.d(), i[7](null), i[8](null);
+    }
+  };
+}
+function E(i, t, a) {
+  let n, { playing: r } = t, { shadow: p = !1 } = t, { style: e = null } = t, { width: s = "100%" } = t, l, v;
+  function g(o) {
+    w[o ? "unshift" : "push"](() => {
+      v = o, a(4, v);
+    });
+  }
+  function k(o) {
+    w[o ? "unshift" : "push"](() => {
+      l = o, a(3, l);
+    });
+  }
+  return i.$$set = (o) => {
+    "playing" in o && a(0, r = o.playing), "shadow" in o && a(1, p = o.shadow), "style" in o && a(2, e = o.style), "width" in o && a(6, s = o.width);
+  }, i.$$.update = () => {
+    i.$$.dirty & 64 && a(5, n = typeof s == "number" ? I(s) : s);
+  }, [
+    r,
+    p,
+    e,
+    l,
+    v,
+    n,
+    s,
+    g,
+    k
+  ];
+}
+class O extends b {
+  constructor(t) {
+    super(), A(
+      this,
+      t,
+      E,
+      D,
+      M,
+      {
+        playing: 0,
+        shadow: 1,
+        style: 2,
+        width: 6
+      },
+      z
+    );
+  }
+}
+export {
+  O as default
+};