@realsee/dnalogel 2.11.0-aplha.0 → 2.11.1

package/libs/ModelRoomLabelPlugin/RoomLabelItems.js

@@ -2,161 +2,163 @@ var q = Object.defineProperty, P = Object.defineProperties;
 var A = Object.getOwnPropertyDescriptors;
 var C = Object.getOwnPropertySymbols;
 var B = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var D = (o, t, e) => t in o ? q(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, R = (o, t) => {
+var D = (n, t, e) => t in n ? q(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, R = (n, t) => {
   for (var e in t || (t = {}))
-    B.call(t, e) && D(o, e, t[e]);
+    B.call(t, e) && D(n, e, t[e]);
   if (C)
     for (var e of C(t))
-      E.call(t, e) && D(o, e, t[e]);
-  return o;
-}, S = (o, t) => P(o, A(t));
-import { SvelteComponent as G, init as J, safe_not_equal as K, append_styles as N, element as Q, attr as X, add_render_callback as Y, insert as H, add_resize_listener as Z, update_keyed_each as $, check_outros as ee, transition_in as O, transition_out as V, detach as W, onDestroy as te, globals as oe, empty as ne, create_component as re, mount_component as ie, destroy_component as se, group_outros as le, outro_and_destroy_block as ce } from "../vendor/svelte/internal/index.js";
-import { Raycaster as ae, Vector3 as w } from "three";
-import fe from "./RoomLabelItem.js";
+      E.call(t, e) && D(n, e, t[e]);
+  return n;
+}, S = (n, t) => P(n, A(t));
+import { SvelteComponent as G, init as J, safe_not_equal as K, append_styles as N, element as Q, attr as X, add_render_callback as Y, insert as H, add_resize_listener as Z, update_keyed_each as $, check_outros as ee, transition_in as O, transition_out as V, detach as W, afterUpdate as te, onDestroy as oe, globals as ne, empty as re, create_component as ie, mount_component as se, destroy_component as le, group_outros as ce, outro_and_destroy_block as ae } from "../vendor/svelte/internal/index.js";
+import { Raycaster as fe, Vector3 as z } from "three";
+import me from "./RoomLabelItem.js";
 import "./Assets/roomLabelBg.js";
-const { Map: me } = oe;
-function ue(o) {
-  N(o, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
+const { Map: ue } = ne;
+function de(n) {
+  N(n, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
-function T(o, t, e) {
-  const l = o.slice();
-  return l[12] = t[e], l;
+function U(n, t, e) {
+  const s = n.slice();
+  return s[12] = t[e], s;
 }
-function U(o, t) {
-  let e, l, s;
-  return l = new fe({
+function T(n, t) {
+  let e, s, l;
+  return s = new me({
     props: {
       roomLabel: t[12],
       five: t[1]
     }
   }), {
-    key: o,
+    key: n,
     first: null,
     c() {
-      e = ne(), re(l.$$.fragment), this.first = e;
+      e = re(), ie(s.$$.fragment), this.first = e;
     },
     m(r, a) {
-      H(r, e, a), ie(l, r, a), s = !0;
+      H(r, e, a), se(s, r, a), l = !0;
     },
     p(r, a) {
       t = r;
       const m = {};
-      a & 1 && (m.roomLabel = t[12]), a & 2 && (m.five = t[1]), l.$set(m);
+      a & 1 && (m.roomLabel = t[12]), a & 2 && (m.five = t[1]), s.$set(m);
     },
     i(r) {
-      s || (O(l.$$.fragment, r), s = !0);
+      l || (O(s.$$.fragment, r), l = !0);
     },
     o(r) {
-      V(l.$$.fragment, r), s = !1;
+      V(s.$$.fragment, r), l = !1;
     },
     d(r) {
-      r && W(e), se(l, r);
+      r && W(e), le(s, r);
     }
   };
 }
-function de(o) {
-  let t, e = [], l = new me(), s, r, a = o[0];
-  const m = (n) => n[12].id;
-  for (let n = 0; n < a.length; n += 1) {
-    let i = T(o, a, n), d = m(i);
-    l.set(d, e[n] = U(d, i));
+function he(n) {
+  let t, e = [], s = new ue(), l, r, a = n[0];
+  const m = (o) => o[12].id;
+  for (let o = 0; o < a.length; o += 1) {
+    let i = U(n, a, o), d = m(i);
+    s.set(d, e[o] = T(d, i));
   }
   return {
     c() {
       t = Q("div");
-      for (let n = 0; n < e.length; n += 1)
-        e[n].c();
-      X(t, "class", "room-labels-container svelte-9eg4zi"), Y(() => o[6].call(t));
+      for (let o = 0; o < e.length; o += 1)
+        e[o].c();
+      X(t, "class", "room-labels-container svelte-9eg4zi"), Y(() => n[6].call(t));
     },
-    m(n, i) {
-      H(n, t, i);
+    m(o, i) {
+      H(o, t, i);
       for (let d = 0; d < e.length; d += 1)
         e[d].m(t, null);
-      s = Z(t, o[6].bind(t)), r = !0;
+      l = Z(t, n[6].bind(t)), r = !0;
     },
-    p(n, [i]) {
-      i & 3 && (a = n[0], le(), e = $(e, i, m, 1, n, a, l, t, ce, U, null, T), ee());
+    p(o, [i]) {
+      i & 3 && (a = o[0], ce(), e = $(e, i, m, 1, o, a, s, t, ae, T, null, U), ee());
     },
-    i(n) {
+    i(o) {
       if (!r) {
         for (let i = 0; i < a.length; i += 1)
           O(e[i]);
         r = !0;
       }
     },
-    o(n) {
+    o(o) {
       for (let i = 0; i < e.length; i += 1)
         V(e[i]);
       r = !1;
     },
-    d(n) {
-      n && W(t);
+    d(o) {
+      o && W(t);
       for (let i = 0; i < e.length; i += 1)
         e[i].d();
-      s();
+      l();
     }
   };
 }
-function he(o, t, e) {
+function pe(n, t, e) {
   var k;
-  let l, { five: s } = t, { roomLabels: r } = t, a, m, n = (k = s.model.shownFloor) != null ? k : null;
+  let s, { five: l } = t, { roomLabels: r } = t, a, m, o = (k = l.model.shownFloor) != null ? k : null;
   function i(c) {
-    if (!(n === null || c.floorIndex === n))
+    if (!(o === null || c.floorIndex === o))
       return !1;
-    const g = new ae(), u = s.camera.position.clone(), h = new w(c.position.x, c.position.y, c.position.z), b = h.distanceTo(u);
+    const g = new fe(), u = l.camera.position.clone(), h = new z(c.position.x, c.position.y, c.position.z), b = h.distanceTo(u);
     g.set(u.clone(), h.clone().sub(u).normalize());
-    const [f] = s.model.intersectRaycaster(g);
+    const [f] = l.model.intersectRaycaster(g);
     return !(f && f.distance + 1 < b);
   }
-  function d(c, _) {
-    const u = new w(c.position.x, c.position.y, c.position.z).clone().project(s.camera), h = Math.ceil((u.x + 1) / 2 * _.x), b = Math.ceil((-u.y + 1) / 2 * _.y);
+  function d(c, p) {
+    const u = new z(c.position.x, c.position.y, c.position.z).clone().project(l.camera), h = Math.ceil((u.x + 1) / 2 * p.x), b = Math.ceil((-u.y + 1) / 2 * p.y);
     return `translate(${h}px, ${b}px)`;
   }
-  function z(c) {
-    const { rendererSize: _, shownFloor: g } = c, u = /* @__PURE__ */ new Map();
+  function L(c) {
+    const { rendererSize: p, shownFloor: g } = c, u = /* @__PURE__ */ new Map();
     function h(f) {
-      const p = u.get(f.id);
-      if (p)
-        return p;
-      const { x: L, y: v, z: x } = f.position, y = new w(L, v, x).clone().distanceTo(s.camera.position);
+      const _ = u.get(f.id);
+      if (_)
+        return _;
+      const { x: w, y: v, z: x } = f.position, y = new z(w, v, x).clone().distanceTo(l.camera.position);
       return u.set(f.id, y), y;
     }
     return r.map((f) => {
-      const p = i(f), L = p ? d(f, _) : f.transform, v = h(f), y = r.filter((M) => M.visible && h(M) < v).length * 10;
-      return S(R({}, f), { visible: p, transform: L, zIndex: y });
+      const _ = i(f), w = _ ? d(f, p) : f.transform, v = h(f), y = r.filter((M) => M.visible && h(M) < v).length * 10;
+      return S(R({}, f), { visible: _, transform: w, zIndex: y });
     });
   }
   function F() {
-    e(0, r = z({ rendererSize: l, shownFloor: n }));
+    e(0, r = L({ rendererSize: s, shownFloor: o }));
   }
   function I(c) {
-    e(4, n = c);
+    e(4, o = c);
   }
-  s.on("cameraUpdate", F), s.on("modelShownFloorChange", I), te(() => {
-    s.off("cameraUpdate", F), s.off("modelShownFloorChange", I);
+  l.on("cameraUpdate", F), l.on("modelShownFloorChange", I), te(() => {
+    e(0, r = L({ rendererSize: s, shownFloor: o }));
+  }), oe(() => {
+    l.off("cameraUpdate", F), l.off("modelShownFloorChange", I);
   });
   function j() {
     a = this.clientWidth, m = this.clientHeight, e(2, a), e(3, m);
   }
-  return o.$$set = (c) => {
-    "five" in c && e(1, s = c.five), "roomLabels" in c && e(0, r = c.roomLabels);
-  }, o.$$.update = () => {
-    o.$$.dirty & 12 && e(5, l = { x: a, y: m }), o.$$.dirty & 48 && e(0, r = z({ rendererSize: l, shownFloor: n }));
+  return n.$$set = (c) => {
+    "five" in c && e(1, l = c.five), "roomLabels" in c && e(0, r = c.roomLabels);
+  }, n.$$.update = () => {
+    n.$$.dirty & 12 && e(5, s = { x: a, y: m }), n.$$.dirty & 48 && e(0, r = L({ rendererSize: s, shownFloor: o }));
   }, [
     r,
-    s,
+    l,
     a,
     m,
-    n,
-    l,
+    o,
+    s,
     j
   ];
 }
-class Le extends G {
+class we extends G {
   constructor(t) {
-    super(), J(this, t, he, de, K, { five: 1, roomLabels: 0 }, ue);
+    super(), J(this, t, pe, he, K, { five: 1, roomLabels: 0 }, de);
   }
 }
 export {
-  Le as default
+  we as default
 };

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

@@ -1,45 +1,45 @@
-import { SvelteComponent as b, init as k, safe_not_equal as I, append_styles as v, create_slot as S, element as C, attr as p, insert as A, listen as j, stop_propagation as O, update_slot_base as E, get_all_dirty_from_scope as N, get_slot_changes as T, transition_in as w, transition_out as D, detach as P, createEventDispatcher as R, getContext as h } from "../../../vendor/svelte/internal/index.js";
-import { getAudioDuration as q } from "../../../shared-utils/audio.js";
-import { SharedAudio as L } from "../../utils/audio/SharedAudio.js";
-function M(s) {
-  v(s, "svelte-13e7hxv", ".audio.svelte-13e7hxv{pointer-events:auto;cursor:pointer;width:100%;height:100%}");
+import { SvelteComponent as b, init as I, safe_not_equal as k, append_styles as S, create_slot as C, element as j, attr as p, insert as v, listen as O, stop_propagation as A, update_slot_base as E, get_all_dirty_from_scope as N, get_slot_changes as T, transition_in as w, transition_out as P, detach as R, createEventDispatcher as q, getContext as g } from "../../../vendor/svelte/internal/index.js";
+import { SharedAudio as D } from "../../utils/audio/SharedAudio.js";
+import "../../../shared-utils/audio.js";
+function L(i) {
+  S(i, "svelte-13e7hxv", ".audio.svelte-13e7hxv{pointer-events:auto;cursor:pointer;width:100%;height:100%}");
 }
-function z(s) {
-  let o, n, r, f;
-  const d = s[8].default, a = S(d, s, s[7], null);
+function M(i) {
+  let o, n, f, c;
+  const r = i[8].default, a = C(r, i, i[7], null);
   return {
     c() {
-      o = C("div"), a && a.c(), p(o, "class", "audio svelte-13e7hxv"), p(o, "style", s[0]);
+      o = j("div"), a && a.c(), p(o, "class", "audio svelte-13e7hxv"), p(o, "style", i[0]);
     },
-    m(i, u) {
-      A(i, o, u), a && a.m(o, null), n = !0, r || (f = j(o, "click", O(s[1])), r = !0);
+    m(s, u) {
+      v(s, o, u), a && a.m(o, null), n = !0, f || (c = O(o, "click", A(i[1])), f = !0);
     },
-    p(i, [u]) {
+    p(s, [u]) {
       a && a.p && (!n || u & 128) && E(
         a,
-        d,
-        i,
-        i[7],
-        n ? T(d, i[7], u, null) : N(i[7]),
+        r,
+        s,
+        s[7],
+        n ? T(r, s[7], u, null) : N(s[7]),
         null
-      ), (!n || u & 1) && p(o, "style", i[0]);
+      ), (!n || u & 1) && p(o, "style", s[0]);
     },
-    i(i) {
-      n || (w(a, i), n = !0);
+    i(s) {
+      n || (w(a, s), n = !0);
     },
-    o(i) {
-      D(a, i), n = !1;
+    o(s) {
+      P(a, s), n = !1;
     },
-    d(i) {
-      i && P(o), a && a.d(i), r = !1, f();
+    d(s) {
+      s && R(o), a && a.d(s), f = !1, c();
     }
   };
 }
-function B(s, o, n) {
-  let { $$slots: r = {}, $$scope: f } = o, { url: d } = o, { enable: a = !0 } = o, { style: i = "" } = o, { hooksInfo: u } = o;
-  const l = R(), m = h("hooks"), y = h("mediaStore");
-  let e, c = !0;
-  function g() {
+function z(i, o, n) {
+  let { $$slots: f = {}, $$scope: c } = o, { url: r } = o, { enable: a = !0 } = o, { style: s = "" } = o, { hooksInfo: u } = o;
+  const l = q(), m = g("hooks"), y = g("mediaStore");
+  let e, d = !0;
+  function h() {
     n(
       5,
       e.onplay = (t) => {
@@ -50,7 +50,7 @@ function B(s, o, n) {
             mediaInstance: e
           },
           u
-        )), l("play"), n(6, c = !1);
+        )), l("play"), n(6, d = !1);
       },
       e
     ), n(
@@ -63,7 +63,20 @@ function B(s, o, n) {
             mediaInstance: e
           },
           u
-        )), l("pause"), n(6, c = !0);
+        )), l("pause"), n(6, d = !0);
+      },
+      e
+    ), n(
+      5,
+      e.onended = (t) => {
+        m.emit("playStateChange", Object.assign(
+          {
+            event: t,
+            state: "paused",
+            mediaInstance: e
+          },
+          u
+        )), l("pause"), n(6, d = !0);
       },
       e
     ), n(
@@ -72,6 +85,12 @@ function B(s, o, n) {
         typeof e.duration == "number" && !Number.isNaN(e.duration) && l("duration", e.duration);
       },
       e
+    ), n(
+      5,
+      e.onerror = (t) => {
+        l("pause"), n(6, d = !0);
+      },
+      e
     ), n(
       5,
       e.ontimeupdate = (t) => {
@@ -81,7 +100,7 @@ function B(s, o, n) {
     );
   }
   y.subscribe(({ currentMediaElement: t }) => {
-    t !== e && (c || e == null || e.pause());
+    t !== e && (d || e == null || e.pause());
   });
   function _(t) {
     !e || (m.emit("click", Object.assign(
@@ -100,30 +119,30 @@ function B(s, o, n) {
       u
     )), e.paused ? e.play() : e.pause());
   }
-  return s.$$set = (t) => {
-    "url" in t && n(2, d = t.url), "enable" in t && n(3, a = t.enable), "style" in t && n(0, i = t.style), "hooksInfo" in t && n(4, u = t.hooksInfo), "$$scope" in t && n(7, f = t.$$scope);
-  }, s.$$.update = () => {
-    s.$$.dirty & 4 && (d || l("duration", 0)), s.$$.dirty & 36 && (e == null || e.dispose(), n(5, e = new L(d)), l("audioRef", e), setTimeout(() => l("audioRef", e), 200), q(d).then((t) => l("duration", t)), g()), s.$$.dirty & 40 && (a || e == null || e.pause()), s.$$.dirty & 72 && l(a && !c ? "play" : "pause");
-  }, [i, _, d, a, u, e, c, f, r];
+  return i.$$set = (t) => {
+    "url" in t && n(2, r = t.url), "enable" in t && n(3, a = t.enable), "style" in t && n(0, s = t.style), "hooksInfo" in t && n(4, u = t.hooksInfo), "$$scope" in t && n(7, c = t.$$scope);
+  }, i.$$.update = () => {
+    i.$$.dirty & 4 && (r || l("duration", 0)), i.$$.dirty & 36 && (e == null || e.dispose(), n(5, e = new D(r)), l("audioRef", e), setTimeout(() => l("audioRef", e), 200), h()), i.$$.dirty & 40 && (a || e == null || e.pause()), i.$$.dirty & 72 && l(a && !d ? "play" : "pause");
+  }, [s, _, r, a, u, e, d, c, f];
 }
-class J extends b {
+class H extends b {
   constructor(o) {
-    super(), k(
+    super(), I(
       this,
       o,
-      B,
       z,
-      I,
+      M,
+      k,
       {
         url: 2,
         enable: 3,
         style: 0,
         hooksInfo: 4
       },
-      M
+      L
     );
   }
 }
 export {
-  J as default
+  H as default
 };

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

@@ -1,143 +1,145 @@
-import { SvelteComponent as q, init as M, safe_not_equal as N, append_styles as P, empty as S, insert as v, transition_in as m, transition_out as h, check_outros as W, detach as w, element as c, create_component as j, attr as g, set_style as _, append as b, mount_component as k, destroy_component as y, space as B, group_outros as D, bubble as E, text as F, set_data as G } from "../../../../vendor/svelte/internal/index.js";
-import H from "../../Common/Icon/audioIcon.js";
-import J from "../../Common/Text/MText.js";
-import K from "../../Common/Audio.js";
+import { SvelteComponent as M, init as N, safe_not_equal as P, append_styles as S, empty as W, insert as w, transition_in as m, transition_out as g, check_outros as B, detach as $, element as c, create_component as j, attr as h, set_style as b, append as v, mount_component as k, destroy_component as y, space as D, group_outros as E, bubble as F, text as G, set_data as H } from "../../../../vendor/svelte/internal/index.js";
+import J from "../../Common/Icon/audioIcon.js";
+import K from "../../Common/Text/MText.js";
+import L from "../../Common/Audio.js";
 import "../../../utils/px2rem.js";
 import "../../Common/Shadow.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../../../vendor/svelte/easing/index.js";
-import "../../../../shared-utils/audio.js";
 import "../../../utils/audio/SharedAudio.js";
-function L(o) {
-  P(o, "svelte-58hfjf", ".audio-tag__wrapper.svelte-58hfjf{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.audio-tag.svelte-58hfjf{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:0.1875rem;padding-right:0.625rem;border-radius:624999.9375rem;border:0.03125rem solid rgba(255, 255, 255, 0.2)}.audio__inner.svelte-58hfjf{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.text.svelte-58hfjf{font-weight:bold;font-size:0.75rem;margin-left:0.25rem}.audio-icon__wrapper.svelte-58hfjf{position:relative;vertical-align:top;pointer-events:none;width:1.375rem;height:1.375rem}");
+import "../../../../shared-utils/audio.js";
+function O(o) {
+  S(o, "svelte-58hfjf", ".audio-tag__wrapper.svelte-58hfjf{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.audio-tag.svelte-58hfjf{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:0.1875rem;padding-right:0.625rem;border-radius:624999.9375rem;border:0.03125rem solid rgba(255, 255, 255, 0.2)}.audio__inner.svelte-58hfjf{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.text.svelte-58hfjf{font-weight:bold;font-size:0.75rem;margin-left:0.25rem}.audio-icon__wrapper.svelte-58hfjf{position:relative;vertical-align:top;pointer-events:none;width:1.375rem;height:1.375rem}");
 }
 function A(o) {
-  let n, t, e, i;
-  return e = new K({
+  let r, t, e, i;
+  return e = new L({
     props: {
       style: "width: max-content; height: max-content;",
       enable: o[0].state.visible,
       url: o[0].data.audioUrl,
       hooksInfo: { tag: o[0] },
-      $$slots: { default: [Q] },
+      $$slots: { default: [V] },
       $$scope: { ctx: o }
     }
-  }), e.$on("play", o[11]), e.$on("pause", o[12]), e.$on("timeupdate", o[13]), e.$on("duration", o[14]), e.$on("audioRef", o[15]), {
+  }), e.$on("play", o[11]), e.$on("pause", o[12]), e.$on("error", o[13]), e.$on("timeupdate", o[14]), e.$on("duration", o[15]), e.$on("audioRef", o[16]), {
     c() {
-      n = c("div"), t = c("div"), j(e.$$.fragment), g(t, "class", "audio-tag svelte-58hfjf"), _(t, "background-color", o[5]), _(t, "color", o[4]), g(n, "class", "audio-tag__wrapper svelte-58hfjf");
+      r = c("div"), t = c("div"), j(e.$$.fragment), h(t, "class", "audio-tag svelte-58hfjf"), b(t, "background-color", o[5]), b(t, "color", o[4]), h(r, "class", "audio-tag__wrapper svelte-58hfjf");
     },
-    m(r, a) {
-      v(r, n, a), b(n, t), k(e, t, null), i = !0;
+    m(n, a) {
+      w(n, r, a), v(r, t), k(e, t, null), i = !0;
     },
-    p(r, a) {
+    p(n, a) {
       const s = {};
-      a & 1 && (s.enable = r[0].state.visible), a & 1 && (s.url = r[0].data.audioUrl), a & 1 && (s.hooksInfo = { tag: r[0] }), a & 65608 && (s.$$scope = { dirty: a, ctx: r }), e.$set(s), a & 32 && _(t, "background-color", r[5]), a & 16 && _(t, "color", r[4]);
+      a & 1 && (s.enable = n[0].state.visible), a & 1 && (s.url = n[0].data.audioUrl), a & 1 && (s.hooksInfo = { tag: n[0] }), a & 131144 && (s.$$scope = { dirty: a, ctx: n }), e.$set(s), a & 32 && b(t, "background-color", n[5]), a & 16 && b(t, "color", n[4]);
     },
-    i(r) {
-      i || (m(e.$$.fragment, r), i = !0);
+    i(n) {
+      i || (m(e.$$.fragment, n), i = !0);
     },
-    o(r) {
-      h(e.$$.fragment, r), i = !1;
+    o(n) {
+      g(e.$$.fragment, n), i = !1;
     },
-    d(r) {
-      r && w(n), y(e);
+    d(n) {
+      n && $(r), y(e);
     }
   };
 }
-function O(o) {
-  let n;
+function Q(o) {
+  let r;
   return {
     c() {
-      n = F(o[6]);
+      r = G(o[6]);
     },
     m(t, e) {
-      v(t, n, e);
+      w(t, r, e);
     },
     p(t, e) {
-      e & 64 && G(n, t[6]);
+      e & 64 && H(r, t[6]);
     },
     d(t) {
-      t && w(n);
+      t && $(r);
     }
   };
 }
-function Q(o) {
-  let n, t, e, i, r, a, s;
-  return e = new H({ props: { playing: o[3] } }), a = new J({
+function V(o) {
+  let r, t, e, i, n, a, s;
+  return e = new J({ props: { playing: o[3] } }), a = new K({
     props: {
       maxWidth: 72,
-      $$slots: { default: [O] },
+      $$slots: { default: [Q] },
       $$scope: { ctx: o }
     }
   }), {
     c() {
-      n = c("div"), t = c("div"), j(e.$$.fragment), i = B(), r = c("div"), j(a.$$.fragment), g(t, "class", "audio-icon__wrapper svelte-58hfjf"), g(r, "class", "text svelte-58hfjf"), g(n, "class", "audio__inner svelte-58hfjf");
+      r = c("div"), t = c("div"), j(e.$$.fragment), i = D(), n = c("div"), j(a.$$.fragment), h(t, "class", "audio-icon__wrapper svelte-58hfjf"), h(n, "class", "text svelte-58hfjf"), h(r, "class", "audio__inner svelte-58hfjf");
     },
     m(l, f) {
-      v(l, n, f), b(n, t), k(e, t, null), b(n, i), b(n, r), k(a, r, null), s = !0;
+      w(l, r, f), v(r, t), k(e, t, null), v(r, i), v(r, n), k(a, n, null), s = !0;
     },
     p(l, f) {
       const u = {};
       f & 8 && (u.playing = l[3]), e.$set(u);
       const p = {};
-      f & 65600 && (p.$$scope = { dirty: f, ctx: l }), a.$set(p);
+      f & 131136 && (p.$$scope = { dirty: f, ctx: l }), a.$set(p);
     },
     i(l) {
       s || (m(e.$$.fragment, l), m(a.$$.fragment, l), s = !0);
     },
     o(l) {
-      h(e.$$.fragment, l), h(a.$$.fragment, l), s = !1;
+      g(e.$$.fragment, l), g(a.$$.fragment, l), s = !1;
     },
     d(l) {
-      l && w(n), y(e), y(a);
+      l && $(r), y(e), y(a);
     }
   };
 }
-function V(o) {
-  let n, t, e = o[0].state && A(o);
+function X(o) {
+  let r, t, e = o[0].state && A(o);
   return {
     c() {
-      e && e.c(), n = S();
+      e && e.c(), r = W();
     },
-    m(i, r) {
-      e && e.m(i, r), v(i, n, r), t = !0;
+    m(i, n) {
+      e && e.m(i, n), w(i, r, n), t = !0;
     },
-    p(i, [r]) {
-      i[0].state ? e ? (e.p(i, r), r & 1 && m(e, 1)) : (e = A(i), e.c(), m(e, 1), e.m(n.parentNode, n)) : e && (D(), h(e, 1, 1, () => {
+    p(i, [n]) {
+      i[0].state ? e ? (e.p(i, n), n & 1 && m(e, 1)) : (e = A(i), e.c(), m(e, 1), e.m(r.parentNode, r)) : e && (E(), g(e, 1, 1, () => {
         e = null;
-      }), W());
+      }), B());
     },
     i(i) {
       t || (m(e), t = !0);
     },
     o(i) {
-      h(e), t = !1;
+      g(e), t = !1;
     },
     d(i) {
-      e && e.d(i), i && w(n);
+      e && e.d(i), i && $(r);
     }
   };
 }
-function X(o, n, t) {
-  let e, i, r, a;
+function Y(o, r, t) {
+  let e, i, n, a;
   var s, l, f;
-  let { tag: u } = n, p = 0, z = 0, $ = !1;
+  let { tag: u } = r, p = 0, z = 0, _ = !1;
   const C = () => {
-    t(3, $ = !0);
+    t(3, _ = !0);
   }, I = () => {
-    t(3, $ = !1);
-  }, T = (d) => {
-    t(1, p = d.detail);
+    t(3, _ = !1);
+  }, T = () => {
+    t(3, _ = !1);
   }, R = (d) => {
+    t(1, p = d.detail);
+  }, U = (d) => {
     t(2, z = d.detail);
   };
-  function U(d) {
-    E.call(this, o, d);
+  function q(d) {
+    F.call(this, o, d);
   }
   return o.$$set = (d) => {
     "tag" in d && t(0, u = d.tag);
   }, o.$$.update = () => {
-    o.$$.dirty & 385 && t(6, e = t(8, l = t(7, s = u.data.title) !== null && s !== void 0 ? s : u.data.text) !== null && l !== void 0 ? l : ""), o.$$.dirty & 513 && t(10, i = t(9, f = u.data.theme) !== null && f !== void 0 ? f : "light"), o.$$.dirty & 1024 && t(5, r = (() => {
+    o.$$.dirty & 385 && t(6, e = t(8, l = t(7, s = u.data.title) !== null && s !== void 0 ? s : u.data.text) !== null && l !== void 0 ? l : ""), o.$$.dirty & 513 && t(10, i = t(9, f = u.data.theme) !== null && f !== void 0 ? f : "light"), o.$$.dirty & 1024 && t(5, n = (() => {
       if (i === "dark")
         return "rgba(0, 0, 0, 0.3)";
       if (i === "light")
@@ -152,9 +154,9 @@ function X(o, n, t) {
     u,
     p,
     z,
-    $,
+    _,
     a,
-    r,
+    n,
     e,
     s,
     l,
@@ -164,14 +166,15 @@ function X(o, n, t) {
     I,
     T,
     R,
-    U
+    U,
+    q
   ];
 }
-class le extends q {
-  constructor(n) {
-    super(), M(this, n, X, V, N, { tag: 0 }, L);
+class se extends M {
+  constructor(r) {
+    super(), N(this, r, Y, X, P, { tag: 0 }, O);
   }
 }
 export {
-  le as default
+  se as default
 };