@realsee/dnalogel 2.3.6 → 2.3.7-alpha.1

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

@@ -1,165 +1,170 @@
-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 O = Object.defineProperty;
+var M = Object.getOwnPropertySymbols;
+var Q = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var j = (e, l, t) => l in e ? O(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, N = (e, l) => {
+  for (var t in l || (l = {}))
+    Q.call(l, t) && j(e, t, l[t]);
+  if (M)
+    for (var t of M(l))
+      R.call(l, t) && j(e, t, l[t]);
+  return e;
 };
-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 U, init as V, safe_not_equal as X, append_styles as Y, create_slot as C, element as W, space as q, attr as _, src_url_equal as z, set_style as Z, insert as x, append as S, listen as m, stop_propagation as $, update_slot_base as w, get_all_dirty_from_scope as A, get_slot_changes as P, transition_in as v, transition_out as E, detach as ee, run_all as te, getContext as B, binding_callbacks as ne } from "../../../vendor/svelte/internal/index.js";
+function se(e) {
+  Y(e, "svelte-kebunf", ".audio.svelte-kebunf{pointer-events:auto;cursor:pointer;width:100%;height:100%}.children.svelte-kebunf{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);
+const le = (e) => ({
+  currentTime: e & 256,
+  duration: e & 128,
+  playing: e & 512
+}), D = (e) => ({
+  currentTime: typeof e[8] == "number" && !Number.isNaN(e[8]) ? e[8] : void 0,
+  duration: typeof e[7] == "number" && !Number.isNaN(e[7]) ? e[7] : void 0,
+  playing: e[9]
+}), ue = (e) => ({ playing: e & 512 }), F = (e) => ({ playing: e[9] });
+function oe(e) {
+  let l, t, h, k = !0, I, r, d, T, o, p, y;
+  const g = e[13].audioIcon, s = C(g, e, e[12], F), c = e[13].currentTime, a = C(c, e, e[12], D), b = e[13].default, f = C(b, e, e[12], null);
   return {
     c() {
-      a && a.c(), e = H();
+      l = W("div"), t = W("audio"), I = q(), r = W("div"), s && s.c(), d = q(), a && a.c(), T = q(), f && f.c(), t.controls = !1, _(t, "playsinline", ""), _(t, "preload", "metadata"), z(t.src, h = e[1]) || _(t, "src", h), Z(t, "display", "none"), _(r, "class", "children svelte-kebunf"), _(r, "style", e[3]), _(l, "class", "audio svelte-kebunf"), _(l, "style", e[2]);
     },
-    m(o, r) {
-      a && a.m(o, r), q(o, e, r), i = !0;
+    m(n, i) {
+      x(n, l, i), S(l, t), e[14](t), S(l, I), S(l, r), s && s.m(r, null), S(r, d), a && a.m(r, null), S(r, T), f && f.m(r, null), o = !0, p || (y = [
+        m(t, "play", e[15]),
+        m(t, "pause", e[15]),
+        m(t, "play", e[16]),
+        m(t, "pause", e[17]),
+        m(t, "ended", e[18]),
+        m(t, "canplaythrough", e[19]),
+        m(t, "timeupdate", e[20]),
+        m(l, "click", $(e[11]))
+      ], p = !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(n, [i]) {
+      (!o || i & 2 && !z(t.src, h = n[1])) && _(t, "src", h), i & 1 && k !== (k = n[0]) && t[k ? "pause" : "play"](), s && s.p && (!o || i & 4608) && w(
+        s,
+        g,
+        n,
+        n[12],
+        o ? P(g, n[12], i, ue) : A(n[12]),
+        F
+      ), a && a.p && (!o || i & 4992) && w(
+        a,
+        c,
+        n,
+        n[12],
+        o ? P(c, n[12], i, le) : A(n[12]),
+        D
+      ), f && f.p && (!o || i & 4096) && w(
+        f,
+        b,
+        n,
+        n[12],
+        o ? P(b, n[12], i, null) : A(n[12]),
+        null
+      ), (!o || i & 8) && _(r, "style", n[3]), (!o || i & 4) && _(l, "style", n[2]);
     },
-    i(o) {
-      i || (v(a), i = !0);
+    i(n) {
+      o || (v(s, n), v(a, n), v(f, n), o = !0);
     },
-    o(o) {
-      z(a), i = !1;
+    o(n) {
+      E(s, n), E(a, n), E(f, n), o = !1;
     },
-    d(o) {
-      a && a.d(o), o && R(e);
+    d(n) {
+      n && ee(l), e[14](null), s && s.d(n), a && a.d(n), f && f.d(n), p = !1, te(y);
     }
   };
 }
-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 ae(e, l, t) {
+  let h, { $$slots: k = {}, $$scope: I } = l, { url: r } = l, { paused: d = !0 } = l, { style: T = "" } = l, { slotWrapperStyle: o = "" } = l, { hooksInfo: p } = l;
+  const y = B("hooks"), g = B("mediaStore");
+  let s, c = !0;
+  g.subscribe(({ currentMediaElement: u }) => {
+    u !== s && (s == null || s.pause());
   });
-  function w(l) {
-    g.set({ currentMediaUrl: u }), n && (c.emit("click", p({
-      event: l,
+  let a = null, b = null;
+  function f(u) {
+    !s || (y.emit("click", N({
+      event: u,
       target: "AudioTagPlayIcon",
-      audioInstance: n
-    }, d)), n.paused ? n.play() : n.pause(), i(
-      5,
-      n.onplay = (y) => c.emit("playStateChange", p({
-        event: y,
-        state: "playing",
-        mediaInstance: n
-      }, d)),
-      n
-    ), i(
-      5,
-      n.onpause = (y) => c.emit("playStateChange", p({
-        event: y,
-        state: "paused",
-        mediaInstance: n
-      }, d)),
-      n
-    ));
+      audioInstance: s
+    }, p)), g.set({ currentMediaElement: s }), s.paused ? s.play() : s.pause());
   }
-  function s(l) {
-    ee[l ? "unshift" : "push"](() => {
-      n = l, i(5, n);
+  function n(u) {
+    ne[u ? "unshift" : "push"](() => {
+      s = u, t(5, s);
     });
   }
-  function _() {
-    m = this.paused, i(6, m);
+  function i() {
+    d = this.paused, t(0, d);
   }
-  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());
+  const G = (u) => {
+    y.emit("playStateChange", N({
+      event: u,
+      state: "playing",
+      mediaInstance: s
+    }, p)), t(6, c = !1);
+  }, H = (u) => {
+    y.emit("playStateChange", N({
+      event: u,
+      state: "paused",
+      mediaInstance: s
+    }, p)), t(6, c = !0);
+  }, J = (u) => {
+    t(6, c = !0);
+  }, K = (u) => {
+    t(7, a = s.duration);
+  }, L = (u) => {
+    t(8, b = s.currentTime);
+  };
+  return e.$$set = (u) => {
+    "url" in u && t(1, r = u.url), "paused" in u && t(0, d = u.paused), "style" in u && t(2, T = u.style), "slotWrapperStyle" in u && t(3, o = u.slotWrapperStyle), "hooksInfo" in u && t(4, p = u.hooksInfo), "$$scope" in u && t(12, I = u.$$scope);
+  }, e.$$.update = () => {
+    e.$$.dirty & 33 && (d || s == null || s.pause()), e.$$.dirty & 65 && t(9, h = !d && !c);
   }, [
-    a,
-    o,
+    d,
     r,
-    u,
+    T,
+    o,
+    p,
+    s,
+    c,
+    a,
+    b,
+    h,
+    y,
     f,
+    I,
+    k,
     n,
-    m,
-    w,
-    d,
-    s,
-    _
+    i,
+    G,
+    H,
+    J,
+    K,
+    L
   ];
 }
-class de extends T {
-  constructor(e) {
-    super(), U(
+class fe extends U {
+  constructor(l) {
+    super(), V(
       this,
-      e,
+      l,
       ae,
-      ne,
-      j,
+      oe,
+      X,
       {
-        inDelay: 0,
-        outDelay: 1,
-        duration: 2,
-        url: 3,
-        unfolded: 4,
-        hooksInfo: 8
+        url: 1,
+        paused: 0,
+        style: 2,
+        slotWrapperStyle: 3,
+        hooksInfo: 4
       },
-      ie
+      se
     );
   }
 }
 export {
-  de as Audio
+  fe as default
 };

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

@@ -0,0 +1,175 @@
+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";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+function F(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;
+}
+function q(n) {
+  let i, r, e, o = n[2] && C();
+  function l(m, c) {
+    return m[3] ? J : G;
+  }
+  let t = l(n), a = t(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]);
+    },
+    m(m, c) {
+      k(m, i, c), o && o.m(i, null), g(i, r), 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, () => {
+        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]);
+    },
+    i(m) {
+      e || (_(o), e = !0);
+    },
+    o(m) {
+      h(o), e = !1;
+    },
+    d(m) {
+      m && b(i), o && o.d(), a.d();
+    }
+  };
+}
+function C(n) {
+  let i, r;
+  return i = new E({
+    props: {
+      center: !0,
+      blurRadius: 12,
+      spreadRadius: 5
+    }
+  }), {
+    c() {
+      X(i.$$.fragment);
+    },
+    m(e, o) {
+      A(i, e, o), r = !0;
+    },
+    i(e) {
+      r || (_(i.$$.fragment, e), r = !0);
+    },
+    o(e) {
+      h(i.$$.fragment, e), r = !1;
+    },
+    d(e) {
+      B(i, e);
+    }
+  };
+}
+function G(n) {
+  let i, r;
+  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");
+    },
+    m(e, o) {
+      k(e, i, o);
+    },
+    p(e, o) {
+      o & 2 && !w(i.src, r = e[1].url) && u(i, "src", r);
+    },
+    d(e) {
+      e && b(i);
+    }
+  };
+}
+function J(n) {
+  let i, r, e = {
+    ctx: n,
+    current: null,
+    token: null,
+    hasCatch: !1,
+    pending: O,
+    then: M,
+    catch: L,
+    value: 12
+  };
+  return y(r = v(n[1]), e), {
+    c() {
+      i = H(), 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);
+    },
+    d(o) {
+      o && b(i), e.block.d(o), e.token = null, e = null;
+    }
+  };
+}
+function L(n) {
+  return { c: d, m: d, p: d, d };
+}
+function M(n) {
+  j(n);
+  let i, r, e, o = `url(${n[4]})`, l = `steps(${n[9] - 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]));
+    },
+    m(t, a) {
+      k(t, i, a), g(i, r), g(r, 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]));
+    },
+    d(t) {
+      t && b(i);
+    }
+  };
+}
+function O(n) {
+  return { c: d, m: d, p: d, d };
+}
+function P(n) {
+  let i, r, e = n[1] && q(n);
+  return {
+    c() {
+      e && e.c(), i = H();
+    },
+    m(o, l) {
+      e && e.m(o, l), k(o, i, l), r = !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, () => {
+        e = null;
+      }), I());
+    },
+    i(o) {
+      r || (_(e), r = !0);
+    },
+    o(o) {
+      h(e), r = !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);
+  }, n.$$.update = () => {
+    n.$$.dirty & 2 && r(3, e = (l == null ? void 0 : l.steps) >= 2);
+  }, [o, l, t, e];
+}
+class x extends N {
+  constructor(i) {
+    super(), R(this, i, Q, P, S, { width: 0, icon: 1, shadow: 2 }, F);
+  }
+}
+export {
+  x as default
+};

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

@@ -0,0 +1,110 @@
+import { SvelteComponent as g, init as b, safe_not_equal as j, append_styles as R, element as m, space as S, attr as f, toggle_class as k, set_style as u, insert as W, append as _, transition_in as v, transition_out as w, check_outros as A, detach as C, create_component as H, mount_component as I, destroy_component as L, group_outros as M, binding_callbacks as h } from "../../../../vendor/svelte/internal/index.js";
+import T from "../../../utils/px2rem.js";
+import X from "../Shadow.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+function z(i) {
+  R(i, "svelte-qf1c2k", ".audio-icon__wrapper.svelte-qf1c2k.svelte-qf1c2k{display:inline-block}.audio-icon.svelte-qf1c2k.svelte-qf1c2k{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-qf1c2k .sound-wave__container.svelte-qf1c2k{position:absolute;pointer-events:none;display:flex;justify-content:center;align-items:center;width:1.375rem;height:1.375rem}.audio-icon.svelte-qf1c2k .sound-wave__container .sound-wave__wrapper.svelte-qf1c2k{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translateX(-25%)}.audio-icon.svelte-qf1c2k .sound-wave__container .sound-wave__wrapper .sound-wave.svelte-qf1c2k{flex-shrink:0;flex-grow:0;border-radius:50%;border-color:transparent;border-style:solid;border-bottom-color:rgba(0, 0, 0, 0.6);transform:rotate(-90deg)}.sound-wave-1.svelte-qf1c2k.svelte-qf1c2k{position:absolute;width:0rem;height:0rem;border-width:0.125rem}.sound-wave-2.svelte-qf1c2k.svelte-qf1c2k{position:absolute;width:0.4375rem;height:0.4375rem;border-width:0.09375rem}.sound-wave-3.svelte-qf1c2k.svelte-qf1c2k{position:relative;width:0.875rem;height:0.875rem;border-width:0.09375rem}.sound-wave.svelte-qf1c2k.svelte-qf1c2k{animation-duration:2s;animation-iteration-count:infinite;animation-play-state:paused;transition:opacity 0}.playing.svelte-qf1c2k .sound-wave.svelte-qf1c2k{animation-play-state:running}.playing.svelte-qf1c2k .sound-wave-1.svelte-qf1c2k{animation-name:svelte-qf1c2k-sound_wave_1_animation}.playing.svelte-qf1c2k .sound-wave-2.svelte-qf1c2k{animation-name:svelte-qf1c2k-sound_wave_2_animation}.playing.svelte-qf1c2k .sound-wave-3.svelte-qf1c2k{animation-name:svelte-qf1c2k-sound_wave_3_animation}@keyframes svelte-qf1c2k-sound_wave_1_animation{0%,10%{opacity:0}25%,100%{opacity:1}}@keyframes svelte-qf1c2k-sound_wave_2_animation{0%,35%{opacity:0}50%,100%{opacity:1}}@keyframes svelte-qf1c2k-sound_wave_3_animation{0%,60%{opacity:0}75%,100%{opacity:1}}");
+}
+function p(i) {
+  let e, n;
+  return e = new X({
+    props: {
+      center: !0,
+      blurRadius: 12,
+      spreadRadius: 5
+    }
+  }), {
+    c() {
+      H(e.$$.fragment);
+    },
+    m(s, r) {
+      I(e, s, r), n = !0;
+    },
+    i(s) {
+      n || (v(e.$$.fragment, s), n = !0);
+    },
+    o(s) {
+      w(e.$$.fragment, s), n = !1;
+    },
+    d(s) {
+      L(e, s);
+    }
+  };
+}
+function B(i) {
+  let e, n, s, r, c, t = i[1] && p();
+  return {
+    c() {
+      e = m("div"), t && t.c(), n = S(), s = m("div"), r = m("div"), r.innerHTML = `<div class="sound-wave__wrapper svelte-qf1c2k"><div class="sound-wave sound-wave-1 svelte-qf1c2k"></div> 
+        <div class="sound-wave sound-wave-2 svelte-qf1c2k"></div> 
+        <div class="sound-wave sound-wave-3 svelte-qf1c2k"></div></div>`, f(r, "class", "sound-wave__container svelte-qf1c2k"), f(s, "class", "audio-icon svelte-qf1c2k"), k(s, "playing", i[0]), f(e, "class", "audio-icon__wrapper svelte-qf1c2k"), f(e, "style", i[2]), u(e, "width", i[5]), u(e, "height", i[5]);
+    },
+    m(o, a) {
+      W(o, e, a), t && t.m(e, null), _(e, n), _(e, s), _(s, r), i[7](r), i[8](e), c = !0;
+    },
+    p(o, [a]) {
+      o[1] ? t ? a & 2 && v(t, 1) : (t = p(), t.c(), v(t, 1), t.m(e, n)) : t && (M(), w(t, 1, 1, () => {
+        t = null;
+      }), A()), (!c || a & 1) && k(s, "playing", o[0]), (!c || a & 4) && f(e, "style", o[2]), a & 32 && u(e, "width", o[5]), a & 32 && u(e, "height", o[5]);
+    },
+    i(o) {
+      c || (v(t), c = !0);
+    },
+    o(o) {
+      w(t), c = !1;
+    },
+    d(o) {
+      o && C(e), t && t.d(), i[7](null), i[8](null);
+    }
+  };
+}
+function D(i, e, n) {
+  let s, { playing: r } = e, { shadow: c = !1 } = e, { style: t = null } = e, { width: o = "100%" } = e, a, d;
+  function q(l) {
+    h[l ? "unshift" : "push"](() => {
+      d = l, n(4, d), n(3, a);
+    });
+  }
+  function y(l) {
+    h[l ? "unshift" : "push"](() => {
+      a = l, n(3, a);
+    });
+  }
+  return i.$$set = (l) => {
+    "playing" in l && n(0, r = l.playing), "shadow" in l && n(1, c = l.shadow), "style" in l && n(2, t = l.style), "width" in l && n(6, o = l.width);
+  }, i.$$.update = () => {
+    i.$$.dirty & 64 && n(5, s = typeof o == "number" ? T(o) : o), i.$$.dirty & 8 && a != null && a.clientWidth && n(4, d.style.transform = `scale(${a.clientWidth / 22})`, d);
+  }, [
+    r,
+    c,
+    t,
+    a,
+    d,
+    s,
+    o,
+    q,
+    y
+  ];
+}
+class N extends g {
+  constructor(e) {
+    super(), b(
+      this,
+      e,
+      D,
+      B,
+      j,
+      {
+        playing: 0,
+        shadow: 1,
+        style: 2,
+        width: 6
+      },
+      z
+    );
+  }
+}
+export {
+  N as default
+};