@realsee/dnalogel 3.81.10-alpha.0 → 3.81.10-alpha.2

package/libs/CruisePlugin/index.js

@@ -1,7 +1,6 @@
-import { typing as Bm } from "./typing/index.js";
+import { typing as Am } from "./typing/index.js";
 import t from "./Work.js";
 import i from "./Move.js";
-import "../shared-utils/audioFocus.js";
 import "../GuideLinePlugin/index.js";
 import "../GuideLinePlugin/Controller.js";
 import "../base/BasePluginWithData.js";
@@ -346,13 +345,13 @@ import "./utils/sleep.js";
 import "../shared-utils/five/fiveLoaded.js";
 import "./BaseController.js";
 import "./utils/getFiveStateOnCurve.js";
-const jm = (o, r) => new t(o, r), qm = (o, r) => new i(o, r);
+const hm = (o, r) => new t(o, r), jm = (o, r) => new i(o, r);
 export {
-  jm as CruisePlugin,
+  hm as CruisePlugin,
   t as CruisePluginController,
-  Bm as CruisePluginTypes,
+  Am as CruisePluginTypes,
   i as MoveController,
-  qm as MovePlugin,
+  jm as MovePlugin,
   t as WalkController,
-  jm as default
+  hm as default
 };

package/libs/CurrentPanoImagePlugin/Controller.d.ts

@@ -10,7 +10,7 @@ export declare class CurrentPanoImagePluginController extends BasePlugin.Control
         yOffset: number;
         yRotate: number;
         imageURL: string;
-        audioFocus?: import("..").AudioFocusHost;
+        mediaManager?: import("..").PlaybackManager;
         staticPrefix?: string;
         i18n?: (key: string) => string;
     };

package/libs/GuideLinePlugin/Controller.js

@@ -136,7 +136,6 @@ import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";
 import "../PanoTagPlugin/utils/model/mediaPlane.js";
-import "../shared-utils/audioFocus.js";
 import "../shared-utils/three/Quadrangle.js";
 import "../shared-utils/math/pointsIsRectangle.js";
 import "../shared-utils/three/loadVideoTexture.js";
@@ -374,8 +373,8 @@ import "../CruisePlugin/utils/coordinatesToVector.js";
 import "../CruisePlugin/utils/safeCall.js";
 import "../CruisePlugin/utils/sleep.js";
 import "../shared-utils/five/fiveLoaded.js";
-const _ = "GuideLinePlugin", E = `${_}`, ge = (a) => `${E}--${a}`;
-class _e extends k {
+const _ = "GuideLinePlugin", E = `${_}`, be = (a) => `${E}--${a}`;
+class ge extends k {
   constructor(t, i) {
     super(t, i);
     d(this, "name", _);
@@ -573,6 +572,6 @@ class _e extends k {
   }
 }
 export {
-  _e as default,
-  ge as pluginFlag
+  ge as default,
+  be as pluginFlag
 };

package/libs/GuideLinePlugin/GuideLineItem.js

@@ -5,7 +5,7 @@ import "../shared-utils/five/changeMode.js";
 import "../CruisePlugin/Move.js";
 import "../CruisePlugin/Work.js";
 import "../shared-utils/Subscribe.js";
-import { GuideLineItem as vp } from "./GuideLineItem/index.js";
+import { GuideLineItem as sp } from "./GuideLineItem/index.js";
 import "three";
 import "./utils/createLineGeometry.js";
 import "../vendor/polyline-normals/index.js";
@@ -105,7 +105,6 @@ import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";
 import "../PanoTagPlugin/utils/model/mediaPlane.js";
-import "../shared-utils/audioFocus.js";
 import "../shared-utils/three/Quadrangle.js";
 import "../shared-utils/math/pointsIsRectangle.js";
 import "../shared-utils/three/loadVideoTexture.js";
@@ -346,5 +345,5 @@ import "../CruisePlugin/utils/safeCall.js";
 import "../CruisePlugin/utils/sleep.js";
 import "../shared-utils/five/fiveLoaded.js";
 export {
-  vp as GuideLineItem
+  sp as GuideLineItem
 };

package/libs/GuideLinePlugin/GuideLineModeItem.js

@@ -26,7 +26,7 @@ import "./utils/index.js";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "./utils/createPath.js";
 import "../shared-utils/fontSize.js";
-import { GuideLineModeItem as dp } from "./GuideLineModeItem/index.js";
+import { GuideLineModeItem as ep } from "./GuideLineModeItem/index.js";
 import "../vendor/polyline-normals/index.js";
 import "../vendor/polyline-miter-util/index.js";
 import "../vendor/gl-vec2/add.js";
@@ -104,7 +104,6 @@ import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";
 import "../PanoTagPlugin/utils/model/mediaPlane.js";
-import "../shared-utils/audioFocus.js";
 import "../shared-utils/three/Quadrangle.js";
 import "../shared-utils/math/pointsIsRectangle.js";
 import "../shared-utils/three/loadVideoTexture.js";
@@ -328,5 +327,5 @@ import "../PanoTagPlugin/Components/Common/TagPopover/ShareIcon.js";
 import "../PanoTagPlugin/utils/popoverContainer.js";
 import "../shared-utils/px2rem.js";
 export {
-  dp as GuideLineModeItem
+  ep as GuideLineModeItem
 };

package/libs/GuideLinePlugin/index.js

@@ -1,6 +1,6 @@
 import t from "./Controller.js";
-import { GuideLineItem$1 as qp } from "./GuideLineItem/index.js";
-import { GuideLineModeItem$1 as yp } from "./GuideLineModeItem/index.js";
+import { GuideLineItem$1 as kp } from "./GuideLineItem/index.js";
+import { GuideLineModeItem$1 as vp } from "./GuideLineModeItem/index.js";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
@@ -78,7 +78,6 @@ import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "../CruisePlugin/Work.js";
-import "../shared-utils/audioFocus.js";
 import "./index.js";
 import "../CruisePlugin/utils/coordinatesAngle.js";
 import "../CruisePlugin/utils/coordinatesToVector.js";
@@ -345,10 +344,10 @@ import "../shared-utils/five/changeMode.js";
 import "../shared-utils/nearlyEqual.js";
 import "../CruisePlugin/Move.js";
 import "../CruisePlugin/utils/getFiveStateOnCurve.js";
-const r = (i, o) => new t(i, o), hp = r;
+const r = (i, o) => new t(i, o), bp = r;
 export {
-  qp as GuideLineItem,
-  yp as GuideLineModeItem,
+  kp as GuideLineItem,
+  vp as GuideLineModeItem,
   r as GuideLinePlugin,
-  hp as default
+  bp as default
 };

package/libs/ModelTVVideoPlugin/Plugin.js

@@ -1,24 +1,23 @@
-var M = (s, w, g) => new Promise((t, y) => {
-  var h = (p) => {
+var L = (d, A, h) => new Promise((t, y) => {
+  var v = (p) => {
     try {
-      l(g.next(p));
-    } catch (f) {
-      y(f);
+      T(h.next(p));
+    } catch (c) {
+      y(c);
     }
   }, x = (p) => {
     try {
-      l(g.throw(p));
-    } catch (f) {
-      y(f);
+      T(h.throw(p));
+    } catch (c) {
+      y(c);
     }
-  }, l = (p) => p.done ? t(p.value) : Promise.resolve(p.value).then(h, x);
-  l((g = g.apply(s, w)).next());
+  }, T = (p) => p.done ? t(p.value) : Promise.resolve(p.value).then(v, x);
+  T((h = h.apply(d, A)).next());
 });
-import { AudioTask as k } from "../shared-utils/audioFocus.js";
-import * as c from "three";
-import { parseModelTVVideoPoints as B } from "./utils/parseData.js";
-import { CSS3DRenderPlugin as _ } from "../CSS3DRenderPlugin/index.js";
-import { Image_Play_Icon_With_Text as C } from "../PanoTagPlugin/Assets/Icon.js";
+import * as l from "three";
+import { parseModelTVVideoPoints as W } from "./utils/parseData.js";
+import { CSS3DRenderPlugin as $ } from "../CSS3DRenderPlugin/index.js";
+import { Image_Play_Icon_With_Text as q } from "../PanoTagPlugin/Assets/Icon.js";
 import "./typings.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -89,185 +88,204 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/url/defaultUrls.js";
-const ct = (s, { videoElement: w, audioFocus: g }) => {
+const ut = (d, { videoElement: A, mediaManager: h }) => {
   const t = {
     videoMeshes: [],
     videoTextureEnabled: !1,
     videoSource: "",
     rectPoints: [],
     enabled: !1,
-    videoElement: w
+    videoElement: A
   };
-  let y = 0, h, x;
-  const l = new k(g, "model-tv", () => {
-    t.videoTexture && (t.videoTexture.image.muted = !0, t.videoTexture.image.pause());
-  }), p = (e) => M(void 0, null, function* () {
-    const o = l.begin(e);
-    if (!o || !t.videoTexture)
+  let y = 0, v, x, T = 0, p;
+  const c = h == null ? void 0 : h.createController({ label: "model-tv", onCancel: () => {
+    T++, p = void 0;
+  } }), g = () => {
+    c == null || c.cancel(), T++, p = void 0, t.videoTexture && (t.videoTexture.image.muted = !0, t.videoTexture.image.pause());
+  }, M = (e = !1, i = !1) => L(void 0, null, function* () {
+    var u;
+    if (!t.videoTexture)
       return;
-    const i = t.videoTexture.image;
-    i.muted = !1;
+    const r = c == null ? void 0 : c.begin({ userAction: e, audible: !i });
+    if (c && !r)
+      return;
+    p = r;
+    const n = ++T, a = t.videoTexture.image, s = (u = r == null ? void 0 : r.bind(a)) != null ? u : a;
+    s.muted = i;
     try {
-      yield i.play();
-    } catch (n) {
-      if (o())
-        throw l.cancel(), n;
+      yield s.play();
+    } catch (m) {
+      if (r != null && r.signal.aborted || n !== T || r !== p)
+        return;
+      if (m.name === "AbortError") {
+        g();
+        return;
+      }
+      throw g(), m;
     }
-  }), f = _(s), A = /* @__PURE__ */ new Map(), R = (e) => {
-    if (t.videoTexture) {
-      if (!e && !l.begin())
+  }), w = $(d), F = /* @__PURE__ */ new Map(), P = (e, i = !1) => {
+    var a;
+    if (!t.videoTexture)
+      return;
+    if (!e) {
+      if (!t.videoTexture.image.paused)
+        return M(i);
+      const s = c == null ? void 0 : c.begin({ userAction: i, audible: !0 });
+      if (c && !s)
         return;
-      t.videoTexture.image.muted = e, e && l.release();
+      p = s;
     }
-  }, L = () => t.videoTexture ? t.videoTexture.image.muted : !0, F = () => {
+    const r = t.videoTexture.image, n = (a = p == null ? void 0 : p.bind(r)) != null ? a : r;
+    n.muted = e;
+  }, V = () => t.videoTexture ? t.videoTexture.image.muted : !0, O = () => {
     if (t.enabled || !t.videoTexture)
       return;
-    t.enabled = !0, t.videoMeshes = S(), t.videoMeshes.forEach((o) => s.scene.add(o));
+    t.enabled = !0, t.videoMeshes = j(), t.videoMeshes.forEach((i) => d.scene.add(i));
     const e = () => {
       if (!t.enabled || !t.videoTexture)
         return;
-      const o = () => {
-        var i;
-        t.videoTexture && ((i = t.videoTexture) == null || i.image.removeEventListener("timeupdate", o), t.videoTextureEnabled = !0, t.videoMeshes.forEach((n) => {
+      const i = () => {
+        var r;
+        t.videoTexture && ((r = t.videoTexture) == null || r.image.removeEventListener("timeupdate", i), t.videoTextureEnabled = !0, t.videoMeshes.forEach((n) => {
           n.material.map !== t.videoTexture && (n.material.map = t.videoTexture);
-        }), s.needsRender = !0);
+        }), d.needsRender = !0);
       };
-      t.videoTexture.image.addEventListener("timeupdate", o), t.videoTexture && t.videoMeshes.length && (t.videoTexture.image.muted ? t.videoTexture.image.play() : p("auto"), t.videoTexture.image.onplay = () => {
-        f.hide();
+      t.videoTexture.image.addEventListener("timeupdate", i), t.videoTexture && t.videoMeshes.length && (M(!1, t.videoTexture.image.muted), t.videoTexture.image.onplay = () => {
+        w.hide();
       }, t.videoTexture.image.onpause = () => {
-        f.show();
+        w.show();
       }, t.videoTexture.image.onclick = () => {
-        p("user");
+        M(!0);
       });
     };
-    if (s.model.loaded)
+    if (d.model.loaded)
       e();
     else
-      return s.once("modelLoaded", () => e());
-  }, P = () => {
-    y++, h == null || h.abort(), l.cancel(), t.enabled && (t.enabled = !1, t.videoMeshes.forEach((e) => {
-      e.geometry.dispose(), e.material.dispose(), s.scene.remove(e), t.videoTexture && t.videoTexture.image.pause();
-    }), t.videoMeshes = [], s.needsRender = !0);
-  }, S = () => t.rectPoints.map((e, o) => {
-    const i = new c.BufferGeometry(), n = 128, d = [];
-    d.push(...e[0].toArray());
-    for (let r = 1; r < n; r++)
-      d.push(
-        e[0].x + (e[1].x - e[0].x) * r / n,
-        e[0].y + (e[1].y - e[0].y) * r / n,
-        e[0].z + (e[1].z - e[0].z) * r / n
+      return d.once("modelLoaded", () => e());
+  }, I = () => {
+    y++, v == null || v.abort(), g(), t.enabled && (t.enabled = !1, t.videoMeshes.forEach((e) => {
+      e.geometry.dispose(), e.material.dispose(), d.scene.remove(e), t.videoTexture && t.videoTexture.image.pause();
+    }), t.videoMeshes = [], d.needsRender = !0);
+  }, j = () => t.rectPoints.map((e, i) => {
+    const r = new l.BufferGeometry(), n = 128, a = [];
+    a.push(...e[0].toArray());
+    for (let o = 1; o < n; o++)
+      a.push(
+        e[0].x + (e[1].x - e[0].x) * o / n,
+        e[0].y + (e[1].y - e[0].y) * o / n,
+        e[0].z + (e[1].z - e[0].z) * o / n
       );
-    d.push(...e[1].toArray()), d.push(...e[2].toArray());
-    for (let r = 1; r < n; r++)
-      d.push(
-        e[2].x + (e[3].x - e[2].x) * r / n,
-        e[2].y + (e[3].y - e[2].y) * r / n,
-        e[2].z + (e[3].z - e[2].z) * r / n
+    a.push(...e[1].toArray()), a.push(...e[2].toArray());
+    for (let o = 1; o < n; o++)
+      a.push(
+        e[2].x + (e[3].x - e[2].x) * o / n,
+        e[2].y + (e[3].y - e[2].y) * o / n,
+        e[2].z + (e[3].z - e[2].z) * o / n
       );
-    d.push(...e[3].toArray());
-    const a = [];
-    a.push(0, 1);
-    for (let r = 1; r < n; r++)
-      a.push(0, 1 - r / n);
-    a.push(0, 0), a.push(1, 0);
-    for (let r = 1; r < n; r++)
-      a.push(1, r / n);
-    a.push(1, 1);
-    const m = [];
-    for (let r = 0; r < n; r++)
-      m.push(r, r + 1, n * 2 - r, r, n * 2 - r, n * 2 + 1 - r);
-    i.setAttribute("position", new c.BufferAttribute(new Float32Array(d), 3)), i.setAttribute("uv", new c.BufferAttribute(new Float32Array(a), 2)), i.setIndex(new c.BufferAttribute(new Uint32Array(m), 1));
-    const u = new c.MeshBasicMaterial({
+    a.push(...e[3].toArray());
+    const s = [];
+    s.push(0, 1);
+    for (let o = 1; o < n; o++)
+      s.push(0, 1 - o / n);
+    s.push(0, 0), s.push(1, 0);
+    for (let o = 1; o < n; o++)
+      s.push(1, o / n);
+    s.push(1, 1);
+    const u = [];
+    for (let o = 0; o < n; o++)
+      u.push(o, o + 1, n * 2 - o, o, n * 2 - o, n * 2 + 1 - o);
+    r.setAttribute("position", new l.BufferAttribute(new Float32Array(a), 3)), r.setAttribute("uv", new l.BufferAttribute(new Float32Array(s), 2)), r.setIndex(new l.BufferAttribute(new Uint32Array(u), 1));
+    const m = new l.MeshBasicMaterial({
       map: t.videoTextureEnabled ? t.videoTexture : t.imageTexture,
-      side: c.DoubleSide
-    }), v = new c.Mesh(i, u);
-    v.renderOrder = 1, v.name = `ModelTVVideoPlugin-${o}-${performance.now()}`;
-    const E = [e[1], e[2], e[3], e[0]], T = f.create3DDomContainer(E);
-    if (T != null && T.container) {
-      const r = document.createElement("div");
-      r.classList.add("play-icon"), r.style.width = "100%", r.style.height = "100%", r.style.display = "flex", r.style.justifyContent = "center", r.style.alignItems = "center", r.style.pointerEvents = "none", T.container.appendChild(r);
-      const b = document.createElement("img");
-      b.src = C, b.style.width = "200px", b.style.pointerEvents = "auto", b.onclick = () => {
-        p("user");
-      }, r.appendChild(b), A.set(v, T);
+      side: l.DoubleSide
+    }), f = new l.Mesh(r, m);
+    f.renderOrder = 1, f.name = `ModelTVVideoPlugin-${i}-${performance.now()}`;
+    const R = [e[1], e[2], e[3], e[0]], b = w.create3DDomContainer(R);
+    if (b != null && b.container) {
+      const o = document.createElement("div");
+      o.classList.add("play-icon"), o.style.width = "100%", o.style.height = "100%", o.style.display = "flex", o.style.justifyContent = "center", o.style.alignItems = "center", o.style.pointerEvents = "none", b.container.appendChild(o);
+      const E = document.createElement("img");
+      E.src = q, E.style.width = "200px", E.style.pointerEvents = "auto", E.onclick = () => {
+        M(!0);
+      }, o.appendChild(E), F.set(f, b);
     }
-    return v;
-  }), U = (e) => {
-    const o = new c.TextureLoader().load(e);
-    return o.minFilter = c.LinearFilter, o.magFilter = c.LinearFilter, o.format = c.RGBFormat, o;
-  }, j = (e, o) => {
-    let i = o;
-    return new Promise((n, d) => {
-      const a = new XMLHttpRequest();
-      h == null || h.abort(), h = a, a.onreadystatechange = () => {
-        if (a.readyState === 4)
-          if (a.status === 200) {
-            const m = window.URL || window.webkitURL;
-            i = i || document.createElement("video"), i.crossOrigin = "anonymous", i.muted = !0, i.loop = !0, i.playsInline = !0, x && URL.revokeObjectURL(x), x = m.createObjectURL(a.response), i.src = x;
-            const u = new c.VideoTexture(i);
-            u.minFilter = c.LinearFilter, u.magFilter = c.LinearFilter, u.format = c.RGBFormat, n(Object.assign(u, { videoSource: e }));
+    return f;
+  }), z = (e) => {
+    const i = new l.TextureLoader().load(e);
+    return i.minFilter = l.LinearFilter, i.magFilter = l.LinearFilter, i.format = l.RGBFormat, i;
+  }, B = (e, i) => {
+    let r = i;
+    return new Promise((n, a) => {
+      const s = new XMLHttpRequest();
+      v == null || v.abort(), v = s, s.onreadystatechange = () => {
+        if (s.readyState === 4)
+          if (s.status === 200) {
+            const u = window.URL || window.webkitURL;
+            r = r || document.createElement("video"), r.crossOrigin = "anonymous", r.muted = !0, r.loop = !0, r.playsInline = !0, x && URL.revokeObjectURL(x), x = u.createObjectURL(s.response), r.src = x;
+            const m = new l.VideoTexture(r);
+            m.minFilter = l.LinearFilter, m.magFilter = l.LinearFilter, m.format = l.RGBFormat, n(Object.assign(m, { videoSource: e }));
           } else
-            d(new Error("Video download Error: " + a.status));
-      }, a.onerror = (m) => d(m), a.onabort = () => d(new DOMException("Video load canceled", "AbortError")), a.open("GET", e), a.responseType = "blob", a.send();
+            a(new Error("Video download Error: " + s.status));
+      }, s.onerror = (u) => a(u), s.onabort = () => a(new DOMException("Video load canceled", "AbortError")), s.open("GET", e), s.responseType = "blob", s.send();
     });
-  }, z = (e, o) => M(void 0, null, function* () {
-    const i = ++y;
-    l.cancel("replaced");
-    const { video_src: n, video_poster_src: d, points: a } = e;
-    t.videoSource = n, t.rectPoints = B(a).map((u) => u.map(({ x: v, y: E, z: T }) => new c.Vector3(v, E, T))), t.imageTexture = U(d), o && (t.videoElement = o);
-    let m;
+  }, _ = (e, i) => L(void 0, null, function* () {
+    const r = ++y;
+    g();
+    const { video_src: n, video_poster_src: a, points: s } = e;
+    t.videoSource = n, t.rectPoints = W(s).map((m) => m.map(({ x: f, y: R, z: b }) => new l.Vector3(f, R, b))), t.imageTexture = z(a), i && (t.videoElement = i);
+    let u;
     try {
-      m = yield j(t.videoSource, t.videoElement);
-    } catch (u) {
-      if (i !== y)
+      u = yield B(t.videoSource, t.videoElement);
+    } catch (m) {
+      if (r !== y)
         return;
-      throw u;
+      throw m;
     }
-    if (i !== y) {
-      m.dispose();
+    if (r !== y) {
+      u.dispose();
       return;
     }
-    t.videoTexture = m, t.enabled = !1, e.enable && F();
-  }), V = (e) => {
+    t.videoTexture = u, t.enabled = !1, e.enable && O();
+  }), S = (e) => {
     if (!t.enabled)
       return;
-    const o = t.videoMeshes;
-    if (!(!o || e.intersectObjects(o).length === 0))
-      return t.videoTexture && (t.videoTexture.image.paused || l.cancel()), !1;
-  }, O = (e) => {
-    e === "Floorplan" ? f.hide() : f.show();
-  }, I = () => {
+    const i = t.videoMeshes;
+    if (!(!i || e.intersectObjects(i).length === 0))
+      return t.videoTexture && (t.videoTexture.image.paused || g()), !1;
+  }, G = (e) => {
+    e === "Floorplan" ? w.hide() : w.show();
+  }, U = () => {
     if (!t.enabled)
       return;
-    const e = s.camera.position;
-    if (A.forEach((o, i) => {
-      const n = o.css3DObject.position.clone(), d = n.clone().sub(e).normalize(), a = new c.Raycaster(e, d), m = s.model.intersectRaycaster(a)[0], u = n.distanceTo(e), v = 0.01;
-      m && m.distance + v < u ? o.hide() : o.show();
-    }), !L()) {
-      const o = t.rectPoints.find((i) => {
-        const n = i[0].clone().add(i[1]).add(i[2]).add(i[3]).divideScalar(4);
-        return i.map((d) => d.clone().add(n).divideScalar(2)).filter((d) => {
-          const a = d.distanceTo(e), m = new c.Raycaster(e, d.clone().sub(e).normalize()), u = s.model.intersectRaycaster(m)[0], v = 0.01;
-          return !(u && u.distance + v < a);
+    const e = d.camera.position;
+    if (F.forEach((i, r) => {
+      const n = i.css3DObject.position.clone(), a = n.clone().sub(e).normalize(), s = new l.Raycaster(e, a), u = d.model.intersectRaycaster(s)[0], m = n.distanceTo(e), f = 0.01;
+      u && u.distance + f < m ? i.hide() : i.show();
+    }), !V()) {
+      const i = t.rectPoints.find((r) => {
+        const n = r[0].clone().add(r[1]).add(r[2]).add(r[3]).divideScalar(4);
+        return r.map((a) => a.clone().add(n).divideScalar(2)).filter((a) => {
+          const s = a.distanceTo(e), u = new l.Raycaster(e, a.clone().sub(e).normalize()), m = d.model.intersectRaycaster(u)[0], f = 0.01;
+          return !(m && m.distance + f < s);
         }).length >= 2;
       });
-      (!o || o.length === 0) && R(!0);
+      (!i || i.length === 0) && P(!0);
     }
-  }, G = () => {
+  }, D = () => {
     var e;
-    P(), l.dispose(), x && URL.revokeObjectURL(x), (e = t.videoTexture) == null || e.dispose(), t.videoTexture = void 0, s.off("modeChange", O), s.off("wantsTapGesture", V), s.off("panoArrived", I), s.off("renderFrame", () => {
-      t.videoMeshes.forEach((o) => {
-        o && (o.needsRender = !0);
+    I(), g(), c == null || c.dispose(), x && URL.revokeObjectURL(x), (e = t.videoTexture) == null || e.dispose(), t.videoTexture = void 0, d.off("modeChange", G), d.off("wantsTapGesture", S), d.off("panoArrived", U), d.off("renderFrame", () => {
+      t.videoMeshes.forEach((i) => {
+        i && (i.needsRender = !0);
       });
     });
   };
-  return s.on("modeChange", O), s.on("wantsTapGesture", V), s.on("panoArrived", I), s.on("renderFrame", () => {
+  return d.on("modeChange", G), d.on("wantsTapGesture", S), d.on("panoArrived", U), d.on("renderFrame", () => {
     t.videoMeshes.forEach((e) => {
       e && (e.needsRender = !0);
     });
-  }), { enable: F, disable: P, load: z, dispose: G, state: t, css3DRenderPlugin: f, setMuted: R, getMuted: L };
+  }), { enable: O, disable: I, load: _, dispose: D, state: t, css3DRenderPlugin: w, setMuted: P, getMuted: V };
 };
 export {
-  ct as ModelTVVideoPlugin,
-  ct as default
+  ut as ModelTVVideoPlugin,
+  ut as default
 };

package/libs/ModelTVVideoPlugin/index.js

@@ -1,6 +1,5 @@
 import { ModelTVVideoPlugin as r } from "./Plugin.js";
-import { DIRECTION as Po } from "./typings.js";
-import "../shared-utils/audioFocus.js";
+import { DIRECTION as Oo } from "./typings.js";
 import "three";
 import "./utils/parseData.js";
 import "../CSS3DRenderPlugin/index.js";
@@ -75,7 +74,7 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/url/defaultUrls.js";
 import "../PanoTagPlugin/Assets/Icon.js";
 export {
-  Po as DIRECTION,
+  Oo as DIRECTION,
   r as ModelTVVideoPlugin,
   r as default
 };

package/libs/ModelTVVideoPlugin/typings.d.ts

@@ -1,6 +1,6 @@
-import type { AudioFocusHost } from '../shared-utils/audioFocus';
+import type { PlaybackManager } from '../shared-utils/playback';
 export interface ModelTVVideoPluginParameterType {
-    audioFocus?: AudioFocusHost;
+    mediaManager?: PlaybackManager;
     videoElement?: HTMLVideoElement;
 }
 export declare enum DIRECTION {

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

@@ -9,20 +9,19 @@ var C = (o, n, t) => n in o ? N(o, n, { enumerable: !0, configurable: !0, writab
       w.call(n, t) && C(o, t, n[t]);
   return o;
 };
-import { SvelteComponent as D, init as M, safe_not_equal as P, append_styles as R, create_slot as q, element as L, attr as _, insert as j, listen as z, stop_propagation as B, update_slot_base as F, get_all_dirty_from_scope as G, get_slot_changes as H, transition_in as J, transition_out as K, detach as O, createEventDispatcher as Q, getContext as k, onDestroy as U } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as D, init as P, safe_not_equal as R, append_styles as q, create_slot as L, element as M, attr as _, insert as j, listen as z, stop_propagation as B, update_slot_base as F, get_all_dirty_from_scope as G, get_slot_changes as H, transition_in as J, transition_out as K, detach as O, createEventDispatcher as Q, getContext as k, onDestroy as U } from "../../../vendor/svelte/internal/index.js";
 import { SharedAudio as V } from "../../utils/audio/SharedAudio.js";
-import "../../../shared-utils/audioFocus.js";
 import "../../../shared-utils/audio.js";
 import "../../utils/audio/AudioDiagnostics.js";
 function W(o) {
-  R(o, "svelte-13e7hxv", ".audio.svelte-13e7hxv{pointer-events:auto;cursor:pointer;width:100%;height:100%}");
+  q(o, "svelte-13e7hxv", ".audio.svelte-13e7hxv{pointer-events:auto;cursor:pointer;width:100%;height:100%}");
 }
 function X(o) {
   let n, t, d, m;
   const l = (
     /*#slots*/
     o[9].default
-  ), i = q(
+  ), i = L(
     l,
     o,
     /*$$scope*/
@@ -31,7 +30,7 @@ function X(o) {
   );
   return {
     c() {
-      n = L("div"), i && i.c(), _(n, "class", "audio svelte-13e7hxv"), _(
+      n = M("div"), i && i.c(), _(n, "class", "audio svelte-13e7hxv"), _(
         n,
         "style",
         /*style*/
@@ -145,7 +144,7 @@ function Y(o, n, t) {
       event: s,
       target: "AudioTagPlayIcon",
       audioInstance: e
-    }, u)), g.set({ currentMediaElement: e }), e.paused ? e.play("user") : e.pause());
+    }, u)), g.set({ currentMediaElement: e }), e.paused ? e.play(!0) : e.pause());
   }
   return U(() => {
     A(), f == null || f(), e == null || e.dispose();
@@ -154,8 +153,8 @@ function Y(o, n, t) {
   }, o.$$.update = () => {
     var s, h;
     o.$$.dirty & /*url*/
-    4 && (l || r("duration", 0)), o.$$.dirty & /*unbindAudioFocus, audio, url, hooksInfo*/
-    116 && (f == null || f(), e == null || e.dispose(), t(6, e = new V(l, (s = u == null ? void 0 : u.tag) == null ? void 0 : s.audioFocus)), t(5, f = (h = u == null ? void 0 : u.tag) == null ? void 0 : h.bindAudioFocus((b) => e.setAudioFocus(b))), r("audioRef", e), setTimeout(() => r("audioRef", e), 200), I()), o.$$.dirty & /*enable, audio*/
+    4 && (l || r("duration", 0)), o.$$.dirty & /*unbindMediaManager, audio, url, hooksInfo*/
+    116 && (f == null || f(), e == null || e.dispose(), t(6, e = new V(l, (s = u == null ? void 0 : u.tag) == null ? void 0 : s.mediaManager)), t(5, f = (h = u == null ? void 0 : u.tag) == null ? void 0 : h.bindMediaManager((b) => e.setMediaManager(b))), r("audioRef", e), setTimeout(() => r("audioRef", e), 200), I()), o.$$.dirty & /*enable, audio*/
     72 && (i || e == null || e.pause()), o.$$.dirty & /*enable, audioPaused*/
     136 && r(i && !c ? "play" : "pause");
   }, [
@@ -171,14 +170,14 @@ function Y(o, n, t) {
     d
   ];
 }
-class ne extends D {
+class te extends D {
   constructor(n) {
-    super(), M(
+    super(), P(
       this,
       n,
       Y,
       X,
-      P,
+      R,
       {
         url: 2,
         enable: 3,
@@ -190,5 +189,5 @@ class ne extends D {
   }
 }
 export {
-  ne as default
+  te as default
 };