@realsee/dnalogel 3.64.26 → 3.65.0-alpha.0

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

@@ -0,0 +1,186 @@
+var A = Object.defineProperty, D = Object.defineProperties;
+var E = Object.getOwnPropertyDescriptors;
+var H = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
+var R = (l, e, i) => e in l ? A(l, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[e] = i, q = (l, e) => {
+  for (var i in e || (e = {}))
+    F.call(e, i) && R(l, i, e[i]);
+  if (H)
+    for (var i of H(e))
+      J.call(e, i) && R(l, i, e[i]);
+  return l;
+}, B = (l, e) => D(l, E(e));
+import { SvelteComponent as K, init as L, safe_not_equal as M, append_styles as N, element as G, space as W, svg_element as p, attr as t, set_style as _, insert as P, append as f, transition_in as S, transition_out as x, check_outros as O, detach as j, create_component as Q, mount_component as T, destroy_component as U, group_outros as V } from "../../../../vendor/svelte/internal/index.js";
+import X from "../Shadow.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+function Y(l) {
+  N(l, "svelte-ezi5lu", `.icon.svelte-ezi5lu{font-size:0}.icon-bg.svelte-ezi5lu{position:absolute;width:141%;height:141%;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;overflow:hidden;z-index:-1}.icon-bg-circle.svelte-ezi5lu{border-radius:50%;position:absolute;top:0;left:0;width:100%;height:100%}.icon-bg-circle-inner.svelte-ezi5lu{border-radius:50%;position:absolute;top:0;left:0;width:100%;height:100%}.icon-bg-circle-inner-shadow.svelte-ezi5lu{border-radius:50%;position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center, transparent 20%, rgba(255,255,255,0.3))}.icon-bg-circle.svelte-ezi5lu::before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(-45deg, rgba(255,255,255,1), rgba(255,255,255,0.2), rgba(255,255,255,1));z-index:1;mask:radial-gradient(circle at center, 
+              transparent 65%, 
+              black 0%);-webkit-mask:radial-gradient(circle at center, 
+              transparent 65%, 
+              black 0%)}`);
+}
+function C(l) {
+  let e, i;
+  return e = new X({
+    props: {
+      center: !0,
+      blurRadius: 24,
+      spreadRadius: 16
+    }
+  }), {
+    c() {
+      Q(e.$$.fragment);
+    },
+    m(o, n) {
+      T(e, o, n), i = !0;
+    },
+    i(o) {
+      i || (S(e.$$.fragment, o), i = !0);
+    },
+    o(o) {
+      x(e.$$.fragment, o), i = !1;
+    },
+    d(o) {
+      U(e, o);
+    }
+  };
+}
+function I(l) {
+  let e, i, o, n, r;
+  return {
+    c() {
+      e = G("div"), i = G("div"), o = G("div"), n = W(), r = G("div"), t(o, "class", "icon-bg-circle-inner svelte-ezi5lu"), _(
+        o,
+        "background",
+        /*bgcolor*/
+        l[4]
+      ), _(
+        o,
+        "opacity",
+        /*bgopacity*/
+        l[3]
+      ), t(r, "class", "icon-bg-circle-inner-shadow svelte-ezi5lu"), t(i, "class", "icon-bg-circle svelte-ezi5lu"), t(e, "class", "icon-bg svelte-ezi5lu");
+    },
+    m(a, h) {
+      P(a, e, h), f(e, i), f(i, o), f(i, n), f(i, r);
+    },
+    p(a, h) {
+      h & /*bgcolor*/
+      16 && _(
+        o,
+        "background",
+        /*bgcolor*/
+        a[4]
+      ), h & /*bgopacity*/
+      8 && _(
+        o,
+        "opacity",
+        /*bgopacity*/
+        a[3]
+      );
+    },
+    d(a) {
+      a && j(e);
+    }
+  };
+}
+function Z(l) {
+  let e, i, o, n, r, a, h, m, c, v, s, b, k, y, w, d = (
+    /*shadow*/
+    l[1] && C()
+  ), u = (
+    /*bgcolor*/
+    l[4] && I(l)
+  );
+  return {
+    c() {
+      e = G("div"), d && d.c(), i = W(), u && u.c(), o = W(), n = p("svg"), r = p("linearGradient"), a = p("stop"), h = p("stop"), m = p("linearGradient"), c = p("stop"), v = p("stop"), s = p("g"), b = p("path"), k = p("path"), y = p("path"), t(a, "offset", "0"), t(a, "stop-color", "#fff"), t(h, "offset", "1"), t(h, "stop-color", "#fff"), t(h, "stop-opacity", ".7"), t(r, "id", "a"), t(r, "x1", "78.74567%"), t(r, "x2", "5.663764%"), t(r, "y1", "94.075617%"), t(r, "y2", "5.924383%"), t(c, "offset", "0"), t(c, "stop-color", "#fff"), t(v, "offset", "1"), t(v, "stop-color", "#fff"), t(v, "stop-opacity", "0"), t(m, "id", "b"), t(m, "x1", "16.588502%"), t(m, "x2", "68.285986%"), t(m, "y1", "5.924383%"), t(m, "y2", "63.800896%"), t(b, "d", "m18 5.4v8c0 1.9329966-4.0294373 3.5-9 3.5-4.97056275 0-9-1.5670034-9-3.5v-8c0 1.93299662 4.02943725 3.5 9 3.5 4.8670094 0 8.8316983-1.50239169 8.9947813-3.37967512zm-13.0396582-.5c.259 0 .504-.063.728-.196.441-.259.721-.728.721-1.26 0-.441-.189-.833-.504-1.085.259-.259.434-.63.434-1.022 0-.245-.063-.476-.182-.679-.252-.413-.693-.658-1.197-.658-.238 0-.462.056-.665.175-.42.238-.679.665-.679 1.162v.035h.721v-.035c0-.315.294-.616.623-.616.357 0 .651.287.651.616 0 .371-.287.658-.651.658h-.14v.728h.14c.399 0 .728.322.728.721s-.329.735-.728.735-.728-.336-.728-.735v-.105h-.728v.105c0 .266.063.511.196.728.259.448.728.728 1.26.728zm3.647 0c.273 0 .518-.07.749-.203.448-.273.742-.763.742-1.302 0-.273-.07-.518-.203-.749-.273-.448-.749-.742-1.288-.742-.077 0-.133 0-.168.007l.875-1.911h-.805l-1.274 2.793c-.091.189-.133.392-.133.602 0 .273.07.525.203.756.273.455.749.749 1.302.749zm0-.742c-.427 0-.763-.336-.763-.763 0-.42.343-.77.763-.77s.77.35.77.77-.35.763-.77.763zm3.654.749c.504 0 .952-.273 1.204-.7.126-.21.189-.441.189-.693v-2.086c0-.511-.273-.98-.693-1.239-.217-.126-.448-.189-.7-.189-.511 0-.98.273-1.232.714-.133.217-.196.455-.196.714v2.086c0 .504.273.952.714 1.204.217.126.455.189.714.189zm0-.721c-.371 0-.693-.301-.693-.672v-2.086c0-.399.308-.693.693-.693.371 0 .651.294.651.693v2.086c0 .385-.28.672-.651.672zm3.2140391-2.11266016c.2734375 0 .5132649-.09855143.7194824-.29565429.2062174-.19710287.3093262-.44376628.3093262-.73999024 0-.28710937-.0991211-.53035481-.2973633-.72973633-.1982422-.19938151-.4420573-.29907226-.7314453-.29907226-.2825521 0-.5257976.10026042-.7297364.30078125s-.3059082.44661458-.3059082.73828125c0 .2734375.0968425.51269531.2905274.71777344.1936849.20507812.4420573.30761718.7451172.30761718zm0-.37255859c-.1822917 0-.3383789-.06494141-.4682618-.19482422-.1298828-.12988281-.1948242-.28369141-.1948242-.46142578 0-.18457031.0655111-.34122721.1965332-.4699707.1310222-.12874349.2865397-.19311524.4665528-.19311524.180013 0 .3343912.06494141.4631347.19482422s.1931153.28369141.1931153.46142578c0 .18457031-.0655111.34122722-.1965332.46997071-.1310222.12874349-.2842611.19311523-.4597168.19311523z"), t(b, "fill", "url(#a)"), t(b, "fill-rule", "nonzero"), t(k, "d", "m18 5.4v8c0 1.9329966-4.0294373 3.5-9 3.5-4.97056275 0-9-1.5670034-9-3.5v-8c0 1.93299662 4.02943725 3.5 9 3.5 4.8670094 0 8.8316983-1.50239169 8.9947813-3.37967512zm-.537 1.917-.0556083.04651904c-1.6129673 1.27557869-4.7855335 2.07278608-8.4073917 2.07278608-3.5667171 0-6.69228643-.77164105-8.32741897-2.0099189l-.13658103-.10838622.00030512 6.082c0 1.4658868 3.60570734 2.8999734 8.15878222 2.9616322l.30491266.0020627c4.6959533 0 8.4636949-1.4652329 8.4636949-2.9636949zm-5.2016582-7.317c.252 0 .483.063.7.189.42.259.693.728.693 1.239v2.086l-.00756.14868c-.02016.19488-.08064.37632-.18144.54432-.252.427-.7.7-1.204.7-.259 0-.497-.063-.714-.189-.441-.252-.714-.7-.714-1.204v-2.086l.007616-.15288c.020384-.20048.081984-.38752.188384-.56112.252-.441.721-.714 1.232-.714zm-7.301 0c.504 0 .945.245 1.197.658.119.203.182.434.182.679 0 .392-.175.763-.434 1.022.315.252.504.644.504 1.085 0 .532-.28 1.001-.721 1.26-.224.133-.469.196-.728.196-.532 0-1.001-.28-1.26-.728-.133-.217-.196-.462-.196-.728v-.105h.728v.105c0 .399.329.735.728.735s.728-.336.728-.735-.329-.721-.728-.721h-.14v-.728h.14c.364 0 .651-.287.651-.658 0-.329-.294-.616-.651-.616-.329 0-.623.301-.623.616v.035h-.721v-.035c0-.497.259-.924.679-1.162.203-.119.427-.175.665-.175zm4.354 0-.875 1.911c.035-.007.091-.007.168-.007.539 0 1.015.294 1.288.742.133.231.203.476.203.749 0 .539-.294 1.029-.742 1.302-.231.133-.476.203-.749.203-.553 0-1.029-.294-1.302-.749-.133-.231-.203-.483-.203-.756 0-.21.042-.413.133-.602l1.274-2.793zm2.947.735c-.385 0-.693.294-.693.693v2.086l.0077784.09927273c.051172.32396694.3479489.57272727.6852216.57272727.371 0 .651-.287.651-.672v-2.086l-.0068002-.10607288c-.044861-.34395191-.3069271-.58692712-.6441998-.58692712zm-3.654 1.89c-.42 0-.763.35-.763.77 0 .427.336.763.763.763.42 0 .77-.343.77-.763s-.35-.77-.77-.77zm6.8680391-2.61611328c.289388 0 .5332031.09969075.7314453.29907226.1982422.19938152.2973633.44262696.2973633.72973633 0 .29622396-.1031088.54288737-.3093262.73999024-.2062175.19710286-.4460449.29565429-.7194824.29565429-.3030599 0-.5514323-.10253906-.7451172-.30761718-.1936849-.20507813-.2905274-.44433594-.2905274-.71777344 0-.29166667.1019694-.53776042.3059082-.73828125s.4471843-.30078125.7297364-.30078125zm0 .37255859c-.1800131 0-.3355306.06437175-.4665528.19311524-.1310221.12874349-.1965332.28540039-.1965332.4699707 0 .17773437.0649414.33154297.1948242.46142578.1298829.12988281.2859701.19482422.4682618.19482422.1754557 0 .3286946-.06437174.4597168-.19311523.1310221-.12874349.1965332-.2854004.1965332-.46997071 0-.17773437-.0643718-.33154297-.1931153-.46142578s-.2831217-.19482422-.4631347-.19482422z"), t(k, "fill", "url(#b)"), t(k, "fill-rule", "nonzero"), t(y, "d", "m3.00030998 2.79110119v5.21779762c-1.84142801-.64087734-3.00030998-1.57225753-3.00030998-2.60889881s1.15888197-1.96802147 3.00030998-2.60889881zm12.00038752.00035068c1.8408432.64086639 2.9993025 1.57209591 2.9993025 2.60854813s-1.1584593 1.96768174-2.9993025 2.60854813z"), t(y, "fill", "#d8d8d8"), t(y, "opacity", ".6"), t(s, "fill", "none"), t(s, "fill-rule", "evenodd"), t(s, "transform", "translate(3 3.1)"), t(
+        n,
+        "height",
+        /*finalWidth*/
+        l[2]
+      ), t(
+        n,
+        "width",
+        /*finalWidth*/
+        l[2]
+      ), t(n, "viewBox", "0 0 24 24"), t(n, "xmlns", "http://www.w3.org/2000/svg"), t(n, "xmlns:xlink", "http://www.w3.org/1999/xlink"), t(e, "class", "icon svelte-ezi5lu"), _(
+        e,
+        "width",
+        /*width*/
+        l[0]
+      );
+    },
+    m(g, z) {
+      P(g, e, z), d && d.m(e, null), f(e, i), u && u.m(e, null), f(e, o), f(e, n), f(n, r), f(r, a), f(r, h), f(n, m), f(m, c), f(m, v), f(n, s), f(s, b), f(s, k), f(s, y), w = !0;
+    },
+    p(g, [z]) {
+      /*shadow*/
+      g[1] ? d ? z & /*shadow*/
+      2 && S(d, 1) : (d = C(), d.c(), S(d, 1), d.m(e, i)) : d && (V(), x(d, 1, 1, () => {
+        d = null;
+      }), O()), /*bgcolor*/
+      g[4] ? u ? u.p(g, z) : (u = I(g), u.c(), u.m(e, o)) : u && (u.d(1), u = null), (!w || z & /*finalWidth*/
+      4) && t(
+        n,
+        "height",
+        /*finalWidth*/
+        g[2]
+      ), (!w || z & /*finalWidth*/
+      4) && t(
+        n,
+        "width",
+        /*finalWidth*/
+        g[2]
+      ), z & /*width*/
+      1 && _(
+        e,
+        "width",
+        /*width*/
+        g[0]
+      );
+    },
+    i(g) {
+      w || (S(d), w = !0);
+    },
+    o(g) {
+      x(d), w = !1;
+    },
+    d(g) {
+      g && j(e), d && d.d(), u && u.d();
+    }
+  };
+}
+function $(l) {
+  const { originWidth: e, originHeight: i, scale: o = 1, wantedWidth: n } = l, r = (n != null ? n : e) * o, a = typeof i == "number" ? r * (i / e) : void 0;
+  return B(q({}, l), { width: r, height: a });
+}
+function e2(l, e, i) {
+  let o, n, r, a, h, { width: m = null } = e, { icon: c = null } = e, { shadow: v = !1 } = e;
+  return l.$$set = (s) => {
+    "width" in s && i(0, m = s.width), "icon" in s && i(5, c = s.icon), "shadow" in s && i(1, v = s.shadow);
+  }, l.$$.update = () => {
+    var s, b;
+    l.$$.dirty & /*icon*/
+    32 && i(4, o = c == null ? void 0 : c.bgcolor), l.$$.dirty & /*icon*/
+    32 && i(3, n = (s = c == null ? void 0 : c.bgopacity) != null ? s : 0.6), l.$$.dirty & /*icon*/
+    32 && i(7, r = (b = c == null ? void 0 : c.scale) != null ? b : 1), l.$$.dirty & /*icon*/
+    32 && i(6, a = c == null ? void 0 : c.width), l.$$.dirty & /*iconScale, iconWidth*/
+    192 && i(2, h = $({
+      originWidth: 24,
+      originHeight: 24,
+      scale: r,
+      wantedWidth: a
+    }).width);
+  }, [m, v, h, n, o, c, a, r];
+}
+class r2 extends K {
+  constructor(e) {
+    super(), L(this, e, e2, Z, M, { width: 0, icon: 5, shadow: 1 }, Y);
+  }
+}
+export {
+  r2 as default
+};

package/libs/PanoTagPlugin/Components/Common/Icon/PanoramaIcon.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

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

@@ -1,14 +1,14 @@
-import { SvelteComponent as b, init as A, safe_not_equal as M, append_styles as L, element as f, space as R, attr as d, toggle_class as h, set_style as c, insert as S, append as _, transition_in as v, 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 { SvelteComponent as I, init as M, safe_not_equal as R, append_styles as j, element as A, space as q, svg_element as _, attr as t, set_style as v, insert as z, append as d, transition_in as b, transition_out as Z, check_outros as B, detach as C, onDestroy as D, create_component as W, mount_component as x, destroy_component as E, group_outros as F, binding_callbacks as H } from "../../../../vendor/svelte/internal/index.js";
+import J from "../../../utils/px2rem.js";
+import K 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 L(o) {
+  j(o, "svelte-6pnkgc", ".audio-icon__wrapper.svelte-6pnkgc.svelte-6pnkgc{display:inline-block}.audio-icon.svelte-6pnkgc.svelte-6pnkgc{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;border-radius:50%}.audio-icon.svelte-6pnkgc .sound-wave__container.svelte-6pnkgc{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%}@keyframes svelte-6pnkgc-sound_wave_1_animation{0%,10%{opacity:0}25%,100%{opacity:1}}@keyframes svelte-6pnkgc-sound_wave_2_animation{0%,35%{opacity:0}50%,100%{opacity:1}}@keyframes svelte-6pnkgc-sound_wave_3_animation{0%,60%{opacity:0}75%,100%{opacity:1}}");
 }
-function y(i) {
-  let t, a;
-  return t = new T({
+function G(o) {
+  let n, i;
+  return n = new K({
     props: {
       center: !0,
       blurRadius: 12,
@@ -16,146 +16,160 @@ function y(i) {
     }
   }), {
     c() {
-      q(t.$$.fragment);
+      W(n.$$.fragment);
     },
-    m(n, r) {
-      B(t, n, r), a = !0;
+    m(l, g) {
+      x(n, l, g), i = !0;
     },
-    i(n) {
-      a || (v(t.$$.fragment, n), a = !0);
+    i(l) {
+      i || (b(n.$$.fragment, l), i = !0);
     },
-    o(n) {
-      m(t.$$.fragment, n), a = !1;
+    o(l) {
+      Z(n.$$.fragment, l), i = !1;
     },
-    d(n) {
-      C(t, n);
+    d(l) {
+      E(n, l);
     }
   };
 }
-function D(i) {
-  let t, a, n, r, p, e = (
+function N(o) {
+  let n, i, l, g, u, k, r, f, h, s, m, a, c, y, e = (
     /*shadow*/
-    i[1] && y()
+    o[0] && G()
   );
   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>', d(r, "class", "sound-wave__container svelte-srt2pi"), d(n, "class", "audio-icon svelte-srt2pi"), h(
+      n = A("div"), e && e.c(), i = q(), l = A("div"), g = A("div"), u = _("svg"), k = _("defs"), r = _("linearGradient"), f = _("stop"), h = _("stop"), s = _("linearGradient"), m = _("stop"), a = _("stop"), c = _("path"), t(f, "stop-color", "rgba(255, 255, 255, 1)"), t(f, "stop-opacity", ".5"), t(f, "offset", "0%"), t(h, "stop-color", "rgba(255, 255, 255, 1)"), t(h, "offset", "100%"), t(r, "x1", "8.653%"), t(r, "y1", "15.676%"), t(r, "x2", "85.159%"), t(r, "y2", "79.274%"), t(r, "id", "dnalogel-audio-icon-linear-gradient-1"), t(m, "stop-color", "rgba(255, 255, 255, 1)"), t(m, "offset", "0%"), t(a, "stop-color", "rgba(255, 255, 255, 1)"), t(a, "stop-opacity", "0"), t(a, "offset", "100%"), t(s, "x1", "0%"), t(s, "y1", "0%"), t(s, "x2", "64.422%"), t(s, "y2", "62.326%"), t(s, "id", "dnalogel-audio-icon-linear-gradient-2"), t(
+        c,
+        "d",
+        /*d*/
+        o[3]
+      ), t(c, "fill", "url(#dnalogel-audio-icon-linear-gradient-1)"), t(c, "fill-rule", "nonzero"), t(c, "stroke", "url(#dnalogel-audio-icon-linear-gradient-2)"), t(c, "stroke-width", ".5"), t(u, "viewBox", "0 0 24 24"), t(u, "version", "1.1"), t(u, "aria-label", "audio-icon"), t(g, "class", "sound-wave__container svelte-6pnkgc"), t(l, "class", "audio-icon svelte-6pnkgc"), t(n, "class", "audio-icon__wrapper svelte-6pnkgc"), t(
         n,
-        "playing",
-        /*playing*/
-        i[0]
-      ), d(t, "class", "audio-icon__wrapper svelte-srt2pi"), d(
-        t,
         "style",
         /*style*/
-        i[2]
-      ), c(
-        t,
+        o[1]
+      ), v(
+        n,
         "width",
         /*styleWidth*/
-        i[5]
-      ), c(
-        t,
+        o[4]
+      ), v(
+        n,
         "height",
         /*styleWidth*/
-        i[5]
+        o[4]
       );
     },
-    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;
+    m(p, w) {
+      z(p, n, w), e && e.m(n, null), d(n, i), d(n, l), d(l, g), d(g, u), d(u, k), d(k, r), d(r, f), d(r, h), d(k, s), d(s, m), d(s, a), d(u, c), o[10](g), y = !0;
     },
-    p(s, [l]) {
+    p(p, [w]) {
       /*shadow*/
-      s[1] ? e ? l & /*shadow*/
-      2 && v(e, 1) : (e = y(), e.c(), v(e, 1), e.m(t, a)) : e && (H(), m(e, 1, 1, () => {
+      p[0] ? e ? w & /*shadow*/
+      1 && b(e, 1) : (e = G(), e.c(), b(e, 1), e.m(n, i)) : e && (F(), Z(e, 1, 1, () => {
         e = null;
-      }), W()), (!p || l & /*playing*/
-      1) && h(
+      }), B()), (!y || w & /*d*/
+      8) && t(
+        c,
+        "d",
+        /*d*/
+        p[3]
+      ), (!y || w & /*style*/
+      2) && t(
         n,
-        "playing",
-        /*playing*/
-        s[0]
-      ), (!p || l & /*style*/
-      4) && d(
-        t,
         "style",
         /*style*/
-        s[2]
+        p[1]
       );
-      const u = l & /*style*/
-      4;
-      (u || l & /*styleWidth, style*/
-      36) && c(
-        t,
+      const S = w & /*style*/
+      2;
+      (S || w & /*styleWidth, style*/
+      18) && v(
+        n,
         "width",
         /*styleWidth*/
-        s[5]
-      ), (u || l & /*styleWidth, style*/
-      36) && c(
-        t,
+        p[4]
+      ), (S || w & /*styleWidth, style*/
+      18) && v(
+        n,
         "height",
         /*styleWidth*/
-        s[5]
+        p[4]
       );
     },
-    i(s) {
-      p || (v(e), p = !0);
+    i(p) {
+      y || (b(e), y = !0);
     },
-    o(s) {
-      m(e), p = !1;
+    o(p) {
+      Z(e), y = !1;
     },
-    d(s) {
-      s && j(t), e && e.d(), i[7](null), i[8](null);
+    d(p) {
+      p && C(n), e && e.d(), o[10](null);
     }
   };
 }
-function E(i, t, a) {
-  let n, { playing: r } = t, { shadow: p = !1 } = t, { style: e = null } = t, { width: s = "100%" } = t, l, u;
-  function g(o) {
-    w[o ? "unshift" : "push"](() => {
-      u = o, a(4, u);
-    });
-  }
-  function k(o) {
-    w[o ? "unshift" : "push"](() => {
-      l = o, a(3, l);
+function O(o, n, i) {
+  let l, g, { playing: u } = n, { shadow: k = !1 } = n, { style: r = null } = n, { width: f = "100%" } = n, { animated: h = !0 } = n, s, m = 0, a = null;
+  const c = [
+    "M12 3.25c2.416 0 4.604.98 6.187 2.563A8.723 8.723 0 0 1 20.75 12c0 2.416-.98 4.604-2.563 6.187A8.723 8.723 0 0 1 12 20.75a8.723 8.723 0 0 1-6.187-2.563A8.723 8.723 0 0 1 3.25 12c0-2.416.98-4.604 2.563-6.187A8.723 8.723 0 0 1 12 3.25Zm1.534 3.282-1.29 1.289.186.183a5.86 5.86 0 0 1 1.663 4.095c0 1.555-.605 2.965-1.786 4.236l1.118 1.12.2-.19a7.46 7.46 0 0 0 2.225-5.322 7.46 7.46 0 0 0-2.316-5.411Zm-2.046 2.047-1.245 1.243.14.133a3.04 3.04 0 0 1 .882 2.144c0 .795-.308 1.516-.955 2.24l1.23 1.231.168-.168a4.793 4.793 0 0 0 1.314-3.303c0-1.39-.59-2.643-1.534-3.52Zm-1.752 1.78-1.69 1.689 1.745 1.743.132-.13a2.29 2.29 0 0 0-.187-3.302Z",
+    "M12 3.25c2.416 0 4.604.98 6.187 2.563A8.723 8.723 0 0 1 20.75 12c0 2.416-.98 4.604-2.563 6.187A8.723 8.723 0 0 1 12 20.75a8.723 8.723 0 0 1-6.187-2.563A8.723 8.723 0 0 1 3.25 12c0-2.416.98-4.604 2.563-6.187A8.723 8.723 0 0 1 12 3.25Zm-2.264 7.109-1.69 1.689 1.745 1.743.132-.13a2.29 2.29 0 0 0-.187-3.302Z",
+    "M12 3.25c2.416 0 4.604.98 6.187 2.563A8.723 8.723 0 0 1 20.75 12c0 2.416-.98 4.604-2.563 6.187A8.723 8.723 0 0 1 12 20.75a8.723 8.723 0 0 1-6.187-2.563A8.723 8.723 0 0 1 3.25 12c0-2.416.98-4.604 2.563-6.187A8.723 8.723 0 0 1 12 3.25Zm-.512 5.329-1.245 1.243.14.133a3.04 3.04 0 0 1 .882 2.144c0 .795-.308 1.516-.955 2.24l1.23 1.231.168-.168a4.793 4.793 0 0 0 1.314-3.303c0-1.39-.59-2.643-1.534-3.52Zm-1.752 1.78-1.69 1.689 1.745 1.743.132-.13a2.29 2.29 0 0 0-.187-3.302Z"
+  ];
+  D(() => {
+    a && (clearInterval(a), i(9, a = null));
+  });
+  function y(e) {
+    H[e ? "unshift" : "push"](() => {
+      s = e, i(2, s);
     });
   }
-  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 & /*width*/
-    64 && a(5, n = typeof s == "number" ? I(s) : s);
+  return o.$$set = (e) => {
+    "playing" in e && i(5, u = e.playing), "shadow" in e && i(0, k = e.shadow), "style" in e && i(1, r = e.style), "width" in e && i(6, f = e.width), "animated" in e && i(7, h = e.animated);
+  }, o.$$.update = () => {
+    var e;
+    o.$$.dirty & /*width*/
+    64 && i(4, l = typeof f == "number" ? J(f) : f), o.$$.dirty & /*playing, timer, animationStep*/
+    800 && (u ? a || i(9, a = setInterval(
+      () => {
+        i(8, m = (m + 1) % c.length);
+      },
+      500
+    )) : (a && (clearInterval(a), i(9, a = null)), i(8, m = 0))), o.$$.dirty & /*animated, animationStep*/
+    384 && i(3, g = (e = c[h ? m : 0]) != null ? e : c[0]);
   }, [
+    k,
     r,
-    p,
-    e,
-    l,
-    u,
-    n,
     s,
     g,
-    k
+    l,
+    u,
+    f,
+    h,
+    m,
+    a,
+    y
   ];
 }
-class O extends b {
-  constructor(t) {
-    super(), A(
+class X extends I {
+  constructor(n) {
+    super(), M(
       this,
-      t,
-      E,
-      D,
-      M,
+      n,
+      O,
+      N,
+      R,
       {
-        playing: 0,
-        shadow: 1,
-        style: 2,
-        width: 6
+        playing: 5,
+        shadow: 0,
+        style: 1,
+        width: 6,
+        animated: 7
       },
-      z
+      L
     );
   }
 }
 export {
-  O as default
+  X as default
 };