@realsee/dnalogel 2.1.0-alpha.27 → 2.1.0-alpha.29

package/libs/CSS3DRenderPlugin/utils/CSS3DObjectPlus.js

@@ -1,48 +1,67 @@
 var P = Object.defineProperty;
-var W = (c, o, t) => o in c ? P(c, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[o] = t;
-var i = (c, o, t) => (W(c, typeof o != "symbol" ? o + "" : o, t), t);
+var k = (p, h, t) => h in p ? P(p, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[h] = t;
+var s = (p, h, t) => (k(p, typeof h != "symbol" ? h + "" : h, t), t);
 import { CSS3DObject as D } from "three/examples/jsm/renderers/CSS3DRenderer";
-import { Vector3 as m } from "three";
-import { evenNumber as V } from "./evenNumber.js";
-import { centerPoint as E } from "./centerPoint.js";
-const f = "1.0.1", H = `CSS3DObjectPlus@${f}`, j = 216e-5, v = 3e-3;
-class T extends D {
-  constructor(t, e, h = v, u = 1) {
-    const l = Math.max(j, h), p = e[0].distanceTo(e[1]), a = e[1].distanceTo(e[2]), n = V(p / h * u), d = V(a / h * u), x = E(...e);
-    let g;
-    if (l === h)
-      t.style.width = `${n}px`, t.style.height = `${d}px`, g = t;
+import { Vector3 as n } from "three";
+import { evenNumber as f } from "./evenNumber.js";
+import { centerPoint as W } from "./centerPoint.js";
+import { Subscribe as j } from "../../shared-utils/Subscribe.js";
+const w = "1.0.2", v = `CSS3DObjectPlus@${w}`, C = 216e-5, E = 3e-3;
+class z extends D {
+  constructor(t, e, o = E, x = 1, M = "front") {
+    const l = Math.max(C, o), d = e[0].distanceTo(e[1]), m = e[1].distanceTo(e[2]), c = f(d / o * x), a = f(m / o * x), r = W(...e);
+    let u;
+    if (l === o)
+      t.style.width = `${c}px`, t.style.height = `${a}px`, u = t;
     else {
-      const s = document.createElement("div");
-      s.style.width = `${n}px`, s.style.height = `${d}px`, s.style.pointerEvents = "none";
-      const b = h / l;
-      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${b * n}px`, t.style.height = `${b * d}px`, s.appendChild(t), g = s;
+      const i = document.createElement("div");
+      i.style.width = `${c}px`, i.style.height = `${a}px`, i.style.pointerEvents = "none";
+      const b = o / l;
+      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${b * c}px`, t.style.height = `${b * a}px`, i.appendChild(t), u = i;
     }
-    super(g);
-    i(this, "version", f);
-    i(this, "width");
-    i(this, "height");
-    i(this, "domWidthPx");
-    i(this, "domHeightPx");
-    i(this, "cornerPoints");
-    i(this, "ratio");
-    i(this, "container");
-    i(this, "centerPosition");
-    if (this.scale.set(l, l, l), this.cornerPoints = e, this.ratio = h, this.container = t, l === h)
-      this.width = p, this.height = a, this.domWidthPx = n, this.domHeightPx = d, this.centerPosition = x;
+    super(u);
+    s(this, "version", w);
+    s(this, "width");
+    s(this, "height");
+    s(this, "domWidthPx");
+    s(this, "domHeightPx");
+    s(this, "cornerPoints");
+    s(this, "ratio");
+    s(this, "container");
+    s(this, "centerPosition");
+    s(this, "mode", "front");
+    s(this, "hooks", new j());
+    s(this, "isCSS3DObjectPlus", !0);
+    if (this.scale.set(l, l, l), this.cornerPoints = e, this.ratio = o, this.container = t, this.mode = M, l === o)
+      this.width = d, this.height = m, this.domWidthPx = c, this.domHeightPx = a, this.centerPosition = r;
     else {
-      const s = h / l;
-      this.width = s * p, this.height = s * a, this.domWidthPx = s * n, this.domHeightPx = s * d, this.centerPosition = new m().subVectors(x, e[0]).multiplyScalar(s).add(e[0]);
+      const i = o / l;
+      this.width = i * d, this.height = i * m, this.domWidthPx = i * c, this.domHeightPx = i * a, this.centerPosition = new n().subVectors(r, e[0]).multiplyScalar(i).add(e[0]);
     }
-    t.classList.add(`${H}__container`);
-    const S = new m().subVectors(e[1], e[0]), r = new m().subVectors(e[3], e[0]), $ = new m().crossVectors(S, r).normalize();
+    t.classList.add(`${v}__container`);
+    const V = new n().subVectors(e[1], e[0]), y = new n().subVectors(e[3], e[0]), $ = new n().crossVectors(V, y).normalize();
     this.lookAt($);
-    const y = this.up.clone().applyQuaternion(this.quaternion), w = r.clone(), O = new m().crossVectors(y, w).normalize();
-    this.rotateOnWorldAxis(O, y.angleTo(w)), this.position.copy(x);
+    const g = this.up.clone().applyQuaternion(this.quaternion), S = y.clone(), O = new n().crossVectors(g, S).normalize();
+    this.rotateOnWorldAxis(O, g.angleTo(S)), this.position.copy(r);
+  }
+  changeMode(t, e) {
+    if (t === this.mode)
+      return;
+    const o = this.mode;
+    this.mode = t, this.hooks.emit("changeMode", t, o, e);
+  }
+  applyScaleMatrix4(t) {
+    this.scale.applyMatrix4(t), this.hooks.emit("applyScaleMatrix4", t);
+  }
+  applyMatrix4(t) {
+    super.applyMatrix4(t), this.hooks.emit("applyMatrix4", t);
+  }
+  applyQuaternion(t) {
+    return super.applyQuaternion(t), this.hooks.emit("applyQuaternion", t), this;
   }
 }
 export {
-  T as CSS3DObjectPlus,
-  v as DefaultRatio,
-  j as MinRatio
+  z as CSS3DObjectPlus,
+  E as DefaultRatio,
+  C as MinRatio
 };

package/libs/Object3DHelperPlugin/Controller.js

@@ -1,16 +1,16 @@
 var C = Object.defineProperty;
-var w = (i, o, e) => o in i ? C(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var n = (i, o, e) => (w(i, typeof o != "symbol" ? o + "" : o, e), e);
-import { Controller as S } from "../base/BasePlugin.js";
+var S = (o, i, e) => i in o ? C(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
+var n = (o, i, e) => (S(o, typeof i != "symbol" ? i + "" : i, e), e);
+import { Controller as g } from "../base/BasePlugin.js";
 import "three";
-import { MoveHelper as g } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import { MoveHelper as w } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
 import { RotateHelper as E } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
 import { RectangleScaleHelper as M } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
 import "../shared-utils/Object3DHelper/Helper/OutlineHelper.js";
 import { MoveController as O } from "../shared-utils/Object3DHelper/Controller/MoveController.js";
 import { ControllerWrapper as p } from "./FiveControllerWrapper.js";
-import { Object3DHelper as y } from "../shared-utils/Object3DHelper/index.js";
-import { RotateController as D } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
+import { Object3DHelper as D } from "../shared-utils/Object3DHelper/index.js";
+import { RotateController as y } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
 import { CSS3DScaleController as I } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
@@ -33,14 +33,14 @@ import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
 import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
 import "../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
 import "../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
-const f = "v1.0.0", d = "Object3DHelperPlugin", h = `${d}@${f}`, j = () => {
+const f = "v1.0.0", d = "Object3DHelperPlugin", h = `${d}@${f}`, k = () => {
   console.error(`${h} is disposed`);
-}, $ = () => {
+}, F = () => {
   console.warn(`${h} is disabled`);
-}, L = () => {
+}, P = () => {
   console.error(`${h} is disabled`);
 };
-class he extends S {
+class he extends g {
   constructor(e) {
     super(e);
     n(this, "version", f);
@@ -51,7 +51,7 @@ class he extends S {
       disposed: !1
     });
     n(this, "objectHelperMap", /* @__PURE__ */ new Map());
-    this.five = e, Object.assign(window, { [`__${d.toUpperCase()}_DEBUG__`]: this });
+    this.five = e, console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${d.toUpperCase()}_DEBUG__`]: this });
   }
   async show(e) {
     this.setState({ visible: !0 }, e);
@@ -70,9 +70,9 @@ class he extends S {
   }
   setState(e, t) {
     if (this.state.disposed)
-      return j();
+      return k();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
-      return L();
+      return P();
     const r = { ...this.state };
     this.state = { ...this.state, ...e }, e.disposed !== void 0 && e.disposed !== r.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== r.visible && this.handleVisible(e.visible), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: r });
   }
@@ -84,30 +84,31 @@ class he extends S {
     if (!e)
       return console.error("Object3D is undefined");
     if (this.objectHelperMap.has(e)) {
-      console.warn(`Object3DHelperPlugin: object3D ${e.name} already has helper`);
+      console.warn(`Object3DHelperPlugin: object3D ${e.name} is already has helper`);
       return;
     }
-    const r = new y();
+    const r = new D();
     this.objectHelperMap.set(e, r);
-    const a = (c = this.five.getElement()) == null ? void 0 : c.parentElement, m = this.five.camera, { moveHelper: b = !0, rotateHelper: v = !0, scaleHelper: H = !0 } = t;
+    const a = (c = this.five.getElement()) == null ? void 0 : c.parentElement, m = this.five.camera, { moveHelper: b = !0, rotateHelper: u = !0, scaleHelper: v = !0 } = t;
     if (b) {
-      const s = new g(e), l = new p(this.five, O, e, s);
+      const s = new w(e), l = new p(this.five, O, e, s);
       r.addControllers({ moveController: l.helperController });
     }
-    if (v) {
+    if (u) {
       let s;
       a && m && (s = { container: a });
-      const l = new E(e, s), u = new p(this.five, D, e, l);
-      r.addControllers({ rotateController: u.helperController });
+      const l = new E(e, s), H = new p(this.five, y, e, l);
+      r.addControllers({ rotateController: H.helperController });
     }
-    if (H && a) {
+    if (v && a) {
       const s = new M(e, a, m, this.five.scene), l = new p(this.five, I, e, s);
       r.addControllers({ scaleController: l.helperController });
     }
+    e.isCSS3DObjectPlus && e.changeMode("behind", this.five.scene);
   }
   removeObject3DHelper(e) {
     const t = this.objectHelperMap.get(e);
-    !t || (this.objectHelperMap.delete(e), t.dispose());
+    !t || (e.isCSS3DObjectPlus && e.changeMode("front"), this.objectHelperMap.delete(e), t.dispose());
   }
   handleEnable(e, t = !0) {
     e ? (this.everyHelperDo((r) => r.enable()), this.hooks.emit("enable", { userAction: t })) : (this.everyHelperDo((r) => r.disable()), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
@@ -126,7 +127,7 @@ class he extends S {
   actionIfStateIsEnabled(e, t) {
     if (this.state.enabled)
       return e();
-    t != null && t.warnLog && $();
+    t != null && t.warnLog && F();
   }
 }
 export {

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

@@ -1,12 +1,12 @@
-import { S as j, i as B, s as L, a as O, r as q, c as D, f as k, t as C, d as R, g as M, V as T, e as y, j as G, o as z, b as h, l as E, I as F, m as K, p as v, K as b, W as N, z as P, M as U, T as V, k as W, L as H, h as J, G as Q } from "../../../index.164f1850.js";
-import { f as A } from "../../../index.dca207cb.js";
-import { a as I } from "../../../index.6a0eead1.js";
+import { S as B, i as L, s as O, a as q, r as R, c as S, f as v, t as C, d as T, g as j, V as z, e as y, j as G, o as E, b as h, l as F, I as A, m as K, p, K as b, W as N, z as P, M as U, T as V, k as W, L as H, h as J, G as Q } from "../../../index.164f1850.js";
+import { f as I } from "../../../index.dca207cb.js";
+import { a as D } from "../../../index.6a0eead1.js";
 import X from "./Shadow.js";
 function Y(t) {
-  O(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")}`);
+  q(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")}`);
 }
-function S(t) {
-  let e, n, i, l, r, o, c, g = !0, d, f, a, m, w;
+function M(t) {
+  let e, n, i, l, r, o, f, d = !0, c, g, a, m, w;
   return n = new X({
     props: {
       center: !0,
@@ -15,73 +15,73 @@ function S(t) {
     }
   }), {
     c() {
-      e = y("div"), G(n.$$.fragment), i = z(), l = y("div"), r = z(), o = y("audio"), h(l, "class", "audio-icon svelte-1ku3wt4"), o.controls = !1, h(o, "playsinline", ""), E(o.src, c = t[3]) || h(o, "src", c), h(e, "class", "audio svelte-1ku3wt4"), F(e, "paused", t[6]);
+      e = y("div"), G(n.$$.fragment), i = E(), l = y("div"), r = E(), o = y("audio"), h(l, "class", "audio-icon svelte-1ku3wt4"), o.controls = !1, h(o, "playsinline", ""), F(o.src, f = t[3]) || h(o, "src", f), h(e, "class", "audio svelte-1ku3wt4"), A(e, "paused", t[6]);
     },
     m(u, _) {
-      D(u, e, _), K(n, e, null), v(e, i), v(e, l), v(e, r), v(e, o), t[10](o), a = !0, m || (w = [
-        b(o, "play", t[11]),
-        b(o, "pause", t[11]),
+      S(u, e, _), K(n, e, null), p(e, i), p(e, l), p(e, r), p(e, o), t[9](o), a = !0, m || (w = [
+        b(o, "play", t[10]),
+        b(o, "pause", t[10]),
         b(e, "click", N(t[7]))
       ], m = !0);
     },
     p(u, _) {
-      t = u, (!a || _ & 8 && !E(o.src, c = t[3])) && h(o, "src", c), _ & 64 && g !== (g = t[6]) && o[g ? "pause" : "play"](), (!a || _ & 64) && F(e, "paused", t[6]);
+      t = u, (!a || _ & 8 && !F(o.src, f = t[3])) && h(o, "src", f), _ & 64 && d !== (d = t[6]) && o[d ? "pause" : "play"](), (!a || _ & 64) && A(e, "paused", t[6]);
     },
     i(u) {
-      a || (k(n.$$.fragment, u), u && P(() => {
-        f && f.end(1), d = U(e, A, {
+      a || (v(n.$$.fragment, u), u && P(() => {
+        g && g.end(1), c = U(e, I, {
           duration: t[2],
           delay: t[0],
-          easing: I
-        }), d.start();
+          easing: D
+        }), c.start();
       }), a = !0);
     },
     o(u) {
-      C(n.$$.fragment, u), d && d.invalidate(), u && (f = V(e, A, {
+      C(n.$$.fragment, u), c && c.invalidate(), u && (g = V(e, I, {
         duration: t[2],
         delay: t[1],
-        easing: I
+        easing: D
       })), a = !1;
     },
     d(u) {
-      u && M(e), W(n), t[10](null), u && f && f.end(), m = !1, H(w);
+      u && j(e), W(n), t[9](null), u && g && g.end(), m = !1, H(w);
     }
   };
 }
 function Z(t) {
-  let e, n, i = t[4] && S(t);
+  let e, n, i = t[4] && M(t);
   return {
     c() {
-      i && i.c(), e = q();
+      i && i.c(), e = R();
     },
     m(l, r) {
-      i && i.m(l, r), D(l, e, r), n = !0;
+      i && i.m(l, r), S(l, e, r), n = !0;
     },
     p(l, [r]) {
-      l[4] ? i ? (i.p(l, r), r & 16 && k(i, 1)) : (i = S(l), i.c(), k(i, 1), i.m(e.parentNode, e)) : i && (J(), C(i, 1, 1, () => {
+      l[4] ? i ? (i.p(l, r), r & 16 && v(i, 1)) : (i = M(l), i.c(), v(i, 1), i.m(e.parentNode, e)) : i && (J(), C(i, 1, 1, () => {
         i = null;
-      }), R());
+      }), T());
     },
     i(l) {
-      n || (k(i), n = !0);
+      n || (v(i), n = !0);
     },
     o(l) {
       C(i), n = !1;
     },
     d(l) {
-      i && i.d(l), l && M(e);
+      i && i.d(l), l && j(e);
     }
   };
 }
 function x(t, e, n) {
-  let { inDelay: i = 0 } = e, { outDelay: l = 0 } = e, { duration: r = 0 } = e, { url: o } = e, { unfolded: c } = e, { mediaStore: g } = e, { hooksInfo: d = {} } = e;
-  const f = T("hooks");
+  let { inDelay: i = 0 } = e, { outDelay: l = 0 } = e, { duration: r = 0 } = e, { url: o } = e, { unfolded: f } = e, { hooksInfo: d = {} } = e;
+  const c = z("hooks"), g = z("mediaStore");
   let a, m = !0;
   g.subscribe(({ currentMediaUrl: s }) => {
     s !== o && (a == null || a.pause());
   });
   function w(s) {
-    g.set({ currentMediaUrl: o }), a && (f.emit("click", Object.assign(
+    g.set({ currentMediaUrl: o }), a && (c.emit("click", Object.assign(
       {
         event: s,
         target: "AudioTagPlayIcon",
@@ -90,9 +90,9 @@ function x(t, e, n) {
       d
     )), a.paused ? a.play() : a.pause(), n(
       5,
-      a.onplay = (p) => f.emit("playStateChange", Object.assign(
+      a.onplay = (k) => c.emit("playStateChange", Object.assign(
         {
-          event: p,
+          event: k,
           state: "playing",
           mediaInstance: a
         },
@@ -101,9 +101,9 @@ function x(t, e, n) {
       a
     ), n(
       5,
-      a.onpause = (p) => f.emit("playStateChange", Object.assign(
+      a.onpause = (k) => c.emit("playStateChange", Object.assign(
         {
-          event: p,
+          event: k,
           state: "paused",
           mediaInstance: a
         },
@@ -121,40 +121,38 @@ function x(t, e, n) {
     m = this.paused, n(6, m);
   }
   return t.$$set = (s) => {
-    "inDelay" in s && n(0, i = s.inDelay), "outDelay" in s && n(1, l = s.outDelay), "duration" in s && n(2, r = s.duration), "url" in s && n(3, o = s.url), "unfolded" in s && n(4, c = s.unfolded), "mediaStore" in s && n(8, g = s.mediaStore), "hooksInfo" in s && n(9, d = s.hooksInfo);
+    "inDelay" in s && n(0, i = s.inDelay), "outDelay" in s && n(1, l = s.outDelay), "duration" in s && n(2, r = s.duration), "url" in s && n(3, o = s.url), "unfolded" in s && n(4, f = s.unfolded), "hooksInfo" in s && n(8, d = s.hooksInfo);
   }, t.$$.update = () => {
-    t.$$.dirty & 48 && (c || a == null || a.pause());
+    t.$$.dirty & 48 && (f || a == null || a.pause());
   }, [
     i,
     l,
     r,
     o,
-    c,
+    f,
     a,
     m,
     w,
-    g,
     d,
     u,
     _
   ];
 }
-class ie extends j {
+class ie extends B {
   constructor(e) {
-    super(), B(
+    super(), L(
       this,
       e,
       x,
       Z,
-      L,
+      O,
       {
         inDelay: 0,
         outDelay: 1,
         duration: 2,
         url: 3,
         unfolded: 4,
-        mediaStore: 8,
-        hooksInfo: 9
+        hooksInfo: 8
       },
       Y
     );