@realsee/dnalogel 2.13.2 → 2.14.0-dev.0

package/libs/Object3DHelperPlugin/Controller.js

@@ -1,15 +1,15 @@
-var F = Object.defineProperty;
-var M = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
-var C = (i, o, e) => o in i ? F(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, b = (i, o) => {
+var R = Object.defineProperty;
+var E = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var C = (i, o, e) => o in i ? R(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, b = (i, o) => {
   for (var e in o || (o = {}))
-    P.call(o, e) && C(i, e, o[e]);
-  if (M)
-    for (var e of M(o))
-      j.call(o, e) && C(i, e, o[e]);
+    F.call(o, e) && C(i, e, o[e]);
+  if (E)
+    for (var e of E(o))
+      P.call(o, e) && C(i, e, o[e]);
   return i;
 };
-var h = (i, o, e) => (C(i, typeof o != "symbol" ? o + "" : o, e), e);
+var c = (i, o, e) => (C(i, typeof o != "symbol" ? o + "" : o, e), e);
 var H = (i, o, e) => new Promise((t, r) => {
   var s = (p) => {
     try {
@@ -26,24 +26,24 @@ var H = (i, o, e) => new Promise((t, r) => {
   }, m = (p) => p.done ? t(p.value) : Promise.resolve(p.value).then(s, a);
   m((e = e.apply(i, o)).next());
 });
-import { Subscribe as y } from "@realsee/five";
-import { Controller as I } from "../base/BasePlugin.js";
+import { Subscribe as j } from "@realsee/five";
+import { Controller as y } from "../base/BasePlugin.js";
 import "three";
 import { MoveHelper as k } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
 import { RotateHelper as x } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
-import { CSS3DScaleHelper as W } from "../shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js";
-import { BoundingBoxHelper as L } from "../shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js";
-import { MoveController as $ } from "../shared-utils/Object3DHelper/Controller/MoveController.js";
+import { CSS3DScaleHelper as I } from "../shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js";
+import { BoundingBoxHelper as W } from "../shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js";
+import { MoveController as L } from "../shared-utils/Object3DHelper/Controller/MoveController.js";
 import { ControllerWrapper as v } from "./FiveControllerWrapper.js";
 import { Object3DHelper as _ } from "../shared-utils/Object3DHelper/index.js";
-import { RotateController as G } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
-import { CSS3DScaleController as N } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
-import { CSS3DRender as U } from "../CSS3DRenderPlugin/CSS3DRender.js";
-import V from "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-import q from "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { BoundingBoxController as z } from "../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
-import { ScaleHelper as A } from "../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
-import { ScaleController as J } from "../shared-utils/Object3DHelper/Controller/ScaleController.js";
+import { RotateController as $ } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
+import { CSS3DScaleController as G } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import { CSS3DRender as U } from "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import N from "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import V from "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { BoundingBoxController as q } from "../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
+import { ScaleHelper as z } from "../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
+import { ScaleController as A } from "../shared-utils/Object3DHelper/Controller/ScaleController.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
 import "../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
@@ -55,7 +55,7 @@ import "../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
 import "../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
 import "../shared-utils/Object3DHelper/utils/boundingBox.js";
 import "../shared-utils/Object3DHelper/Base/BaseController.js";
-import "../shared-utils/Object3DHelper/utils/threex/domevents/index.js";
+import "../shared-utils/threex/domevents/index.js";
 import "../shared-utils/isNil.js";
 import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
 import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
@@ -74,26 +74,25 @@ import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-const O = "v1.0.0", S = "Object3DHelperPlugin", w = `${S}@${O}`, K = () => {
+const S = "Object3DHelperPlugin", w = S, J = () => {
   console.error(`${w} is disposed`);
-}, Q = () => {
+}, K = () => {
   console.warn(`${w} is disabled`);
-}, T = () => {
+}, Q = () => {
   console.error(`${w} is disabled`);
 };
-class Ae extends I {
+class ze extends y {
   constructor(e) {
     super(e);
-    h(this, "version", O);
-    h(this, "name", S);
-    h(this, "state", {
+    c(this, "name", S);
+    c(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1
     });
-    h(this, "objectHelperMap", /* @__PURE__ */ new Map());
-    h(this, "css3DObjectParentMap", /* @__PURE__ */ new Map());
-    h(this, "css3DRender");
+    c(this, "objectHelperMap", /* @__PURE__ */ new Map());
+    c(this, "css3DObjectParentMap", /* @__PURE__ */ new Map());
+    c(this, "css3DRender");
     this.five = e, this.css3DRender = new U(this.five.scene), console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\uFF0C\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${S.toUpperCase()}_DEBUG__`]: this });
   }
   show(e) {
@@ -117,9 +116,9 @@ class Ae extends I {
   }
   setState(e, t) {
     if (this.state.disposed)
-      return K();
+      return J();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
-      return T();
+      return Q();
     const r = b({}, this.state);
     this.state = b(b({}, 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 });
   }
@@ -134,34 +133,34 @@ class Ae extends I {
       console.warn(`Object3DHelperPlugin: object3D ${e.name} is already has helper`);
       return;
     }
-    const r = new _(), s = [], a = (g = this.five.getElement()) == null ? void 0 : g.parentElement, m = this.five.camera, { moveHelper: p = !0, rotateHelper: f = !0, scaleHelper: B = !0, boundingBoxHelper: R = !1 } = t, u = new y();
+    const r = new _(), s = [], a = (g = this.five.getElement()) == null ? void 0 : g.parentElement, m = this.five.camera, { moveHelper: p = !0, rotateHelper: f = !0, scaleHelper: O = !0, boundingBoxHelper: B = !1 } = t, u = new j();
     if (p) {
-      const n = new k(e), l = this.getConfig(t.moveHelper), d = new v(this.five, $, e, n, l, u);
+      const n = new k(e), l = this.getConfig(t.moveHelper), d = new v(this.five, L, e, n, l, u);
       r.addControllers({ moveController: d.helperController }), s.push(() => d.dispose());
     }
     if (f) {
-      const n = this.getConfig(t.rotateHelper), l = new x(e, b({ container: a }, n)), d = new v(this.five, G, e, l, n, u);
+      const n = this.getConfig(t.rotateHelper), l = new x(e, b({ container: a }, n)), d = new v(this.five, $, e, l, n, u);
       r.addControllers({ rotateController: d.helperController }), s.push(() => d.dispose());
     }
-    if (R) {
-      const n = new L(e), l = new v(this.five, z, e, n, void 0, u);
+    if (B) {
+      const n = new W(e), l = new v(this.five, q, e, n, void 0, u);
       r.addControllers({ boundingBoxController: l.helperController });
     }
-    if (B)
+    if (O)
       if (e.isCSS3DObjectPlus && a) {
-        const n = new W(e, a, m, this.five.scene), l = new v(this.five, N, e, n, void 0, u);
-        r.addControllers({ scaleController: l.helperController }), s.push(() => l.dispose()), V(this.five).then(() => {
+        const n = new I(e, a, m, this.five.scene), l = new v(this.five, G, e, n, void 0, u);
+        r.addControllers({ scaleController: l.helperController }), s.push(() => l.dispose()), N(this.five).then(() => {
           var d, D;
           if (e.isCSS3DObjectPlus) {
-            const c = e;
-            if (!c || c.mode !== "front")
+            const h = e;
+            if (!h || h.mode !== "front")
               return;
-            const E = (d = this.css3DRender.behindModeCSS3DRenderer.wrapper) != null ? d : q(this.five);
-            E && (this.css3DObjectParentMap.set(c, c.parent), c.removeFromParent(), this.css3DRender.behindModeCSS3DRenderer.setWrapper(E), (D = this.css3DRender.getBehindCSS3DObjectGroup()) == null || D.add(c), this.css3DRender.render(this.five.camera));
+            const M = (d = this.css3DRender.behindModeCSS3DRenderer.wrapper) != null ? d : V(this.five);
+            M && (this.css3DObjectParentMap.set(h, h.parent), h.removeFromParent(), this.css3DRender.behindModeCSS3DRenderer.setWrapper(M), (D = this.css3DRender.getBehindCSS3DObjectGroup()) == null || D.add(h), this.css3DRender.render(this.five.camera));
           }
         });
       } else {
-        const n = new A(e), l = new v(this.five, J, e, n, void 0, u);
+        const n = new z(e), l = new v(this.five, A, e, n, void 0, u);
         r.addControllers({ scaleController: l.helperController }), s.push(() => l.dispose());
       }
     return this.objectHelperMap.set(e, { helper: r, disposers: s }), r.controllers;
@@ -197,7 +196,7 @@ class Ae extends I {
   actionIfStateIsEnabled(e, t) {
     if (this.state.enabled)
       return e();
-    t != null && t.warnLog && Q();
+    t != null && t.warnLog && K();
   }
   getConfig(e) {
     if (!!e && typeof e != "boolean" && e.enable)
@@ -205,7 +204,6 @@ class Ae extends I {
   }
 }
 export {
-  Ae as Object3DHelperController,
-  w as PLUGIN,
-  O as VERSION
+  ze as Object3DHelperController,
+  w as PLUGIN
 };

package/libs/Object3DHelperPlugin/index.js

@@ -1,7 +1,7 @@
 import "three";
-import "../shared-utils/Object3DHelper/utils/threex/domevents/index.js";
+import "../shared-utils/threex/domevents/index.js";
 import { Object3DHelperController as o } from "./Controller.js";
-import { Object3DHelperController as rr, PLUGIN as or, VERSION as tr } from "./Controller.js";
+import { Object3DHelperController as rr, PLUGIN as or } from "./Controller.js";
 import "@realsee/five";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
@@ -11,7 +11,7 @@ import "../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
 import "../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
 import "../shared-utils/Object3DHelper/utils/direction.js";
 import "../shared-utils/Object3DHelper/Constants/color.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -53,6 +53,5 @@ export {
   rr as Object3DHelperController,
   Z as Object3DHelperPlugin,
   or as PLUGIN,
-  tr as VERSION,
   Z as default
 };

package/libs/PanoCompassPlugin/Controller.js

@@ -37,7 +37,7 @@ import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "./Assets/roomInfoIcon.js";
 import "../CSS3DRenderPlugin/Controller.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";

package/libs/PanoCompassPlugin/index.js

@@ -9,7 +9,7 @@ import "./Assets/roomInfoIcon.js";
 import "../shared-utils/three/loadTexture.js";
 import "../CSS3DRenderPlugin/index.js";
 import "../CSS3DRenderPlugin/Controller.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -6,7 +6,7 @@ import Pe from "./Components/tag.js";
 import { pluginStyle as xe } from "./style.js";
 import { render as Ee } from "../shared-utils/tinyEJSrender.js";
 import "../CSS3DRenderPlugin/Controller.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";

package/libs/PanoSpatialTagPlugin/index.js

@@ -4,7 +4,7 @@ import "three";
 import "@realsee/five";
 import "../CSS3DRenderPlugin/index.js";
 import "../CSS3DRenderPlugin/Controller.js";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";

package/libs/PanoTagPlugin/Archive/deprecated.d.ts

@@ -0,0 +1,7 @@
+/**  @deprecated 改用具体的string */
+export declare enum PointType {
+    PointTag = "PointTag",
+    PlaneTag = "PlaneTag"
+}
+/**  @deprecated 改用 stickType */
+export declare type TagPointType = keyof typeof PointType;

package/libs/PanoTagPlugin/Archive/deprecated.js

@@ -0,0 +1,4 @@
+var g = /* @__PURE__ */ ((a) => (a.PointTag = "PointTag", a.PlaneTag = "PlaneTag", a))(g || {});
+export {
+  g as PointType
+};

package/libs/PanoTagPlugin/Archive/index.d.ts

@@ -0,0 +1 @@
+export * from './deprecated';

package/libs/PanoTagPlugin/Archive/index.js

@@ -0,0 +1,4 @@
+import { PointType as p } from "./deprecated.js";
+export {
+  p as PointType
+};

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

@@ -1,148 +1,144 @@
-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";
+var S = Object.defineProperty;
+var _ = Object.getOwnPropertySymbols;
+var C = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var g = (o, n, t) => n in o ? S(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t, d = (o, n) => {
+  for (var t in n || (n = {}))
+    C.call(n, t) && g(o, t, n[t]);
+  if (_)
+    for (var t of _(n))
+      A.call(n, t) && g(o, t, n[t]);
+  return o;
+};
+import { SvelteComponent as E, init as N, safe_not_equal as T, append_styles as w, create_slot as P, element as R, attr as y, insert as q, listen as D, stop_propagation as L, update_slot_base as M, get_all_dirty_from_scope as j, get_slot_changes as z, transition_in as B, transition_out as F, detach as G, createEventDispatcher as H, getContext as I } from "../../../vendor/svelte/internal/index.js";
+import { SharedAudio as J } 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 K(o) {
+  w(o, "svelte-13e7hxv", ".audio.svelte-13e7hxv{pointer-events:auto;cursor:pointer;width:100%;height:100%}");
 }
-function M(i) {
-  let o, n, f, c;
-  const r = i[8].default, a = C(r, i, i[7], null);
+function O(o) {
+  let n, t, c, m;
+  const r = o[8].default, u = P(r, o, o[7], null);
   return {
     c() {
-      o = j("div"), a && a.c(), p(o, "class", "audio svelte-13e7hxv"), p(o, "style", i[0]);
+      n = R("div"), u && u.c(), y(n, "class", "audio svelte-13e7hxv"), y(n, "style", o[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);
+    m(a, i) {
+      q(a, n, i), u && u.m(n, null), t = !0, c || (m = D(n, "click", L(o[1])), c = !0);
     },
-    p(s, [u]) {
-      a && a.p && (!n || u & 128) && E(
-        a,
+    p(a, [i]) {
+      u && u.p && (!t || i & 128) && M(
+        u,
         r,
-        s,
-        s[7],
-        n ? T(r, s[7], u, null) : N(s[7]),
+        a,
+        a[7],
+        t ? z(r, a[7], i, null) : j(a[7]),
         null
-      ), (!n || u & 1) && p(o, "style", s[0]);
+      ), (!t || i & 1) && y(n, "style", a[0]);
     },
-    i(s) {
-      n || (w(a, s), n = !0);
+    i(a) {
+      t || (B(u, a), t = !0);
     },
-    o(s) {
-      P(a, s), n = !1;
+    o(a) {
+      F(u, a), t = !1;
     },
-    d(s) {
-      s && R(o), a && a.d(s), f = !1, c();
+    d(a) {
+      a && G(n), u && u.d(a), c = !1, m();
     }
   };
 }
-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(
+function Q(o, n, t) {
+  let { $$slots: c = {}, $$scope: m } = n, { url: r } = n, { enable: u = !0 } = n, { style: a = "" } = n, { hooksInfo: i } = n;
+  const l = H(), p = I("hooks"), h = I("mediaStore");
+  let e, f = !0;
+  function b() {
+    t(
       5,
-      e.onplay = (t) => {
-        m.emit("playStateChange", Object.assign(
-          {
-            event: t,
-            state: "playing",
-            mediaInstance: e
-          },
-          u
-        )), l("play"), n(6, d = !1);
+      e.onplay = (s) => {
+        p.emit("playStateChange", d({
+          event: s,
+          state: "playing",
+          mediaInstance: e
+        }, i)), l("play"), t(6, f = !1);
       },
       e
-    ), n(
+    ), t(
       5,
-      e.onpause = (t) => {
-        m.emit("playStateChange", Object.assign(
-          {
-            event: t,
-            state: "paused",
-            mediaInstance: e
-          },
-          u
-        )), l("pause"), n(6, d = !0);
+      e.onpause = (s) => {
+        p.emit("playStateChange", d({
+          event: s,
+          state: "paused",
+          mediaInstance: e
+        }, i)), l("pause"), t(6, f = !0);
       },
       e
-    ), n(
+    ), t(
       5,
-      e.onended = (t) => {
-        m.emit("playStateChange", Object.assign(
-          {
-            event: t,
-            state: "paused",
-            mediaInstance: e
-          },
-          u
-        )), l("pause"), n(6, d = !0);
+      e.onended = (s) => {
+        p.emit("playStateChange", d({
+          event: s,
+          state: "paused",
+          mediaInstance: e
+        }, i)), l("pause"), t(6, f = !0);
       },
       e
-    ), n(
+    ), t(
       5,
-      e.onloadedmetadata = (t) => {
+      e.onloadedmetadata = (s) => {
         typeof e.duration == "number" && !Number.isNaN(e.duration) && l("duration", e.duration);
       },
       e
-    ), n(
+    ), t(
       5,
-      e.onerror = (t) => {
-        l("pause"), n(6, d = !0);
+      e.onerror = (s) => {
+        l("pause"), t(6, f = !0);
       },
       e
-    ), n(
+    ), t(
       5,
-      e.ontimeupdate = (t) => {
+      e.ontimeupdate = (s) => {
         l("timeupdate", e.currentTime);
       },
       e
     );
   }
-  y.subscribe(({ currentMediaElement: t }) => {
-    t !== e && (d || e == null || e.pause());
+  h.subscribe(({ currentMediaElement: s }) => {
+    s !== e && (f || e == null || e.pause());
   });
-  function _(t) {
-    !e || (m.emit("click", Object.assign(
-      {
-        event: t,
-        target: "AudioTagPlayIcon",
-        audioInstance: e
-      },
-      u
-    )), y.set({ currentMediaElement: e }), m.emit("playStateChange", Object.assign(
-      {
-        event: t,
-        state: e.paused ? "playing" : "paused",
-        mediaInstance: e
-      },
-      u
-    )), e.paused ? e.play() : e.pause());
+  function k(s) {
+    !e || (p.emit("click", d({
+      event: s,
+      target: "AudioTagPlayIcon",
+      audioInstance: e
+    }, i)), h.set({ currentMediaElement: e }), p.emit("playStateChange", d({
+      event: s,
+      state: e.paused ? "playing" : "paused",
+      mediaInstance: e
+    }, i)), e.paused ? e.play() : e.pause());
   }
-  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];
+  return o.$$set = (s) => {
+    "url" in s && t(2, r = s.url), "enable" in s && t(3, u = s.enable), "style" in s && t(0, a = s.style), "hooksInfo" in s && t(4, i = s.hooksInfo), "$$scope" in s && t(7, m = s.$$scope);
+  }, o.$$.update = () => {
+    o.$$.dirty & 4 && (r || l("duration", 0)), o.$$.dirty & 36 && (e == null || e.dispose(), t(5, e = new J(r)), l("audioRef", e), setTimeout(() => l("audioRef", e), 200), b()), o.$$.dirty & 40 && (u || e == null || e.pause()), o.$$.dirty & 72 && l(u && !f ? "play" : "pause");
+  }, [a, k, r, u, i, e, f, m, c];
 }
-class H extends b {
-  constructor(o) {
-    super(), I(
+class Y extends E {
+  constructor(n) {
+    super(), N(
       this,
-      o,
-      z,
-      M,
-      k,
+      n,
+      Q,
+      O,
+      T,
       {
         url: 2,
         enable: 3,
         style: 0,
         hooksInfo: 4
       },
-      L
+      K
     );
   }
 }
 export {
-  H as default
+  Y as default
 };