@realsee/dnalogel 2.3.7 → 2.3.9-alpha.0

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,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
+};