@realsee/dnalogel 2.3.9-alpha.5 → 2.3.9-alpha.7

package/libs/PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js

@@ -1,100 +1,100 @@
-import { SvelteComponent as j, init as A, safe_not_equal as B, append_styles as E, empty as F, insert as z, transition_in as u, transition_out as v, check_outros as G, detach as T, create_component as k, space as D, element as w, attr as _, set_style as M, toggle_class as g, mount_component as y, append as h, destroy_component as Y, group_outros as H } from "../../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as j, init as A, safe_not_equal as B, append_styles as E, empty as F, insert as Y, transition_in as u, transition_out as k, check_outros as G, detach as z, create_component as h, space as D, element as _, attr as v, set_style as M, toggle_class as x, mount_component as b, append as g, destroy_component as y, group_outros as H } from "../../../../vendor/svelte/internal/index.js";
 import I from "../../Common/Line/Straight.js";
 import N from "../../Common/Text/MText.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../../../vendor/svelte/easing/index.js";
 import "../../../../shared-utils/uuid.js";
 import "../../../utils/px2rem.js";
-function J(l) {
-  E(l, "svelte-1lhi5w1", ".plane__container.svelte-1lhi5w1.svelte-1lhi5w1{position:absolute;left:50%;transform:translate(-50%, -100%);width:-moz-max-content;width:max-content}.plane__wrapper.svelte-1lhi5w1.svelte-1lhi5w1{transition:transform 500ms linear, opacity 200ms linear;padding:0.625rem;background-color:rgba(0, 0, 0, 0.5);border:0.03125rem solid rgba(255, 255, 255, 0.3);border-radius:0.25rem}.unfolded.svelte-1lhi5w1 .plane__wrapper.svelte-1lhi5w1{transition-delay:200ms, 500ms;opacity:1}.folded.svelte-1lhi5w1 .plane__wrapper.svelte-1lhi5w1{opacity:0}.plane.svelte-1lhi5w1.svelte-1lhi5w1{max-width:11.75rem}.title.svelte-1lhi5w1.svelte-1lhi5w1{white-space:pre-wrap;font-weight:bold;font-size:0.75rem;line-height:1.125rem;margin-bottom:0.25rem}.description.svelte-1lhi5w1.svelte-1lhi5w1{white-space:pre-wrap;font-size:0.6875rem;line-height:1rem}");
+function J(n) {
+  E(n, "svelte-1oxrkr1", ".plane__container.svelte-1oxrkr1.svelte-1oxrkr1{position:absolute;left:50%;transform:translate(-50%, -100%);width:-moz-max-content;width:max-content}.plane__wrapper.svelte-1oxrkr1.svelte-1oxrkr1{transition:transform 500ms linear, opacity 200ms linear;padding:0.625rem;background-color:rgba(0, 0, 0, 0.5);border:0.03125rem solid rgba(255, 255, 255, 0.3);border-radius:0.25rem}.unfolded.svelte-1oxrkr1 .plane__wrapper.svelte-1oxrkr1{transition-delay:200ms, 500ms;opacity:1}.folded.svelte-1oxrkr1 .plane__wrapper.svelte-1oxrkr1{opacity:0}.plane.svelte-1oxrkr1.svelte-1oxrkr1{max-width:11.75rem}.title.svelte-1oxrkr1.svelte-1oxrkr1{white-space:pre-wrap;font-weight:bold;font-size:0.75rem;line-height:1.125rem}.description.svelte-1oxrkr1.svelte-1oxrkr1{margin-top:0.25rem;white-space:pre-wrap;font-size:0.6875rem;line-height:1rem}");
 }
-function P(l) {
-  var x, C;
-  let n, a, e, i, r, d, s, c, p, f, m;
-  return n = new I({
+function P(n) {
+  var T, C;
+  let o, a, e, r, i, d, l, c, p, f, m;
+  return o = new I({
     props: {
-      unfolded: l[1],
+      unfolded: n[1],
       direction: "vertical",
       length: 15,
       duration: 500,
       inDelay: 200,
       useLinearColor: !0
     }
-  }), s = new N({
+  }), l = new N({
     props: {
-      text: l[2],
-      edit: (x = l[0].data.edit) == null ? void 0 : x.title
+      text: n[2],
+      edit: (T = n[0].data.edit) == null ? void 0 : T.title
     }
   }), f = new N({
     props: {
-      text: l[0].data.description,
-      edit: (C = l[0].data.edit) == null ? void 0 : C.description,
+      text: n[0].data.description,
+      edit: (C = n[0].data.edit) == null ? void 0 : C.description,
       maxLine: 3
     }
   }), {
     c() {
-      k(n.$$.fragment), a = D(), e = w("div"), i = w("div"), r = w("div"), d = w("div"), k(s.$$.fragment), c = D(), p = w("div"), k(f.$$.fragment), _(d, "class", "title svelte-1lhi5w1"), _(p, "class", "description svelte-1lhi5w1"), _(r, "class", "plane svelte-1lhi5w1"), _(i, "class", "plane__wrapper svelte-1lhi5w1"), M(i, "transform", l[1] ? "translateY(-15px)" : "translateY(0)"), _(e, "class", "plane__container svelte-1lhi5w1"), g(e, "unfolded", l[1]), g(e, "folded", l[3]);
+      h(o.$$.fragment), a = D(), e = _("div"), r = _("div"), i = _("div"), d = _("div"), h(l.$$.fragment), c = D(), p = _("div"), h(f.$$.fragment), v(d, "class", "title svelte-1oxrkr1"), v(p, "class", "description svelte-1oxrkr1"), v(i, "class", "plane svelte-1oxrkr1"), v(r, "class", "plane__wrapper svelte-1oxrkr1"), M(r, "transform", n[1] ? "translateY(-15px)" : "translateY(0)"), v(e, "class", "plane__container svelte-1oxrkr1"), x(e, "unfolded", n[1]), x(e, "folded", n[3]);
     },
-    m(t, o) {
-      y(n, t, o), z(t, a, o), z(t, e, o), h(e, i), h(i, r), h(r, d), y(s, d, null), h(r, c), h(r, p), y(f, p, null), m = !0;
+    m(t, s) {
+      b(o, t, s), Y(t, a, s), Y(t, e, s), g(e, r), g(r, i), g(i, d), b(l, d, null), g(i, c), g(i, p), b(f, p, null), m = !0;
     },
-    p(t, o) {
+    p(t, s) {
       var S, q;
       const L = {};
-      o & 2 && (L.unfolded = t[1]), n.$set(L);
+      s & 2 && (L.unfolded = t[1]), o.$set(L);
+      const w = {};
+      s & 4 && (w.text = t[2]), s & 1 && (w.edit = (S = t[0].data.edit) == null ? void 0 : S.title), l.$set(w);
       const $ = {};
-      o & 4 && ($.text = t[2]), o & 1 && ($.edit = (S = t[0].data.edit) == null ? void 0 : S.title), s.$set($);
-      const b = {};
-      o & 1 && (b.text = t[0].data.description), o & 1 && (b.edit = (q = t[0].data.edit) == null ? void 0 : q.description), f.$set(b), o & 2 && M(i, "transform", t[1] ? "translateY(-15px)" : "translateY(0)"), (!m || o & 2) && g(e, "unfolded", t[1]), (!m || o & 8) && g(e, "folded", t[3]);
+      s & 1 && ($.text = t[0].data.description), s & 1 && ($.edit = (q = t[0].data.edit) == null ? void 0 : q.description), f.$set($), s & 2 && M(r, "transform", t[1] ? "translateY(-15px)" : "translateY(0)"), (!m || s & 2) && x(e, "unfolded", t[1]), (!m || s & 8) && x(e, "folded", t[3]);
     },
     i(t) {
-      m || (u(n.$$.fragment, t), u(s.$$.fragment, t), u(f.$$.fragment, t), m = !0);
+      m || (u(o.$$.fragment, t), u(l.$$.fragment, t), u(f.$$.fragment, t), m = !0);
     },
     o(t) {
-      v(n.$$.fragment, t), v(s.$$.fragment, t), v(f.$$.fragment, t), m = !1;
+      k(o.$$.fragment, t), k(l.$$.fragment, t), k(f.$$.fragment, t), m = !1;
     },
     d(t) {
-      Y(n, t), t && T(a), t && T(e), Y(s), Y(f);
+      y(o, t), t && z(a), t && z(e), y(l), y(f);
     }
   };
 }
-function K(l) {
-  let n, a, e = l[0].state && P(l);
+function K(n) {
+  let o, a, e = n[0].state && P(n);
   return {
     c() {
-      e && e.c(), n = F();
+      e && e.c(), o = F();
     },
-    m(i, r) {
-      e && e.m(i, r), z(i, n, r), a = !0;
+    m(r, i) {
+      e && e.m(r, i), Y(r, o, i), a = !0;
     },
-    p(i, [r]) {
-      i[0].state ? e ? (e.p(i, r), r & 1 && u(e, 1)) : (e = P(i), e.c(), u(e, 1), e.m(n.parentNode, n)) : e && (H(), v(e, 1, 1, () => {
+    p(r, [i]) {
+      r[0].state ? e ? (e.p(r, i), i & 1 && u(e, 1)) : (e = P(r), e.c(), u(e, 1), e.m(o.parentNode, o)) : e && (H(), k(e, 1, 1, () => {
         e = null;
       }), G());
     },
-    i(i) {
+    i(r) {
       a || (u(e), a = !0);
     },
-    o(i) {
-      v(e), a = !1;
+    o(r) {
+      k(e), a = !1;
     },
-    d(i) {
-      e && e.d(i), i && T(n);
+    d(r) {
+      e && e.d(r), r && z(o);
     }
   };
 }
-function O(l, n, a) {
-  let e, i, r, { tag: d } = n;
-  return l.$$set = (s) => {
-    "tag" in s && a(0, d = s.tag);
-  }, l.$$.update = () => {
-    var s, c, p;
-    l.$$.dirty & 1 && a(1, e = !!((s = d.state) != null && s.unfolded)), l.$$.dirty & 2 && a(3, i = !e), l.$$.dirty & 1 && a(2, r = (p = (c = d.data.title) != null ? c : d.data.text) != null ? p : "");
-  }, [d, e, r, i];
+function O(n, o, a) {
+  let e, r, i, { tag: d } = o;
+  return n.$$set = (l) => {
+    "tag" in l && a(0, d = l.tag);
+  }, n.$$.update = () => {
+    var l, c, p;
+    n.$$.dirty & 1 && a(1, e = !!((l = d.state) != null && l.unfolded)), n.$$.dirty & 2 && a(3, r = !e), n.$$.dirty & 1 && a(2, i = (p = (c = d.data.title) != null ? c : d.data.text) != null ? p : "");
+  }, [d, e, i, r];
 }
 class ee extends j {
-  constructor(n) {
-    super(), A(this, n, O, K, B, { tag: 0 }, J);
+  constructor(o) {
+    super(), A(this, o, O, K, B, { tag: 0 }, J);
   }
 }
 export {

package/libs/PanoTagPlugin/Components/Tag/index.js

@@ -62,6 +62,7 @@ import "../../../shared-utils/animationFrame/index.js";
 import "./AudioTag/AudioTag.js";
 import "../Common/Audio.js";
 import "../../../shared-utils/audio.js";
+import "../../utils/audio/SharedAudio.js";
 import "../Common/Icon/audioIcon.js";
 import "./AudioTag/AudioPlaneTag.js";
 import "../../utils/timeToString.js";
@@ -371,7 +372,7 @@ function BA(o, A, t) {
     E
   ];
 }
-class Je extends V {
+class Pe extends V {
   constructor(A) {
     super(), N(
       this,
@@ -392,5 +393,5 @@ class Je extends V {
   }
 }
 export {
-  Je as default
+  Pe as default
 };

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -61,6 +61,7 @@ import "./Tag/AudioTag/index.js";
 import "./Tag/AudioTag/AudioTag.js";
 import "./Common/Audio.js";
 import "../../shared-utils/audio.js";
+import "../utils/audio/SharedAudio.js";
 import "./Common/Icon/audioIcon.js";
 import "./Tag/AudioTag/AudioPlaneTag.js";
 import "../utils/timeToString.js";
@@ -186,7 +187,7 @@ function F(l, t, o) {
     "withAnimation" in a && o(0, e = a.withAnimation), "tags" in a && o(1, n = a.tags), "hooks" in a && o(5, r = a.hooks), "mediaStore" in a && o(2, p = a.mediaStore), "state" in a && o(3, i = a.state), "temporaryState" in a && o(4, m = a.temporaryState);
   }, [e, n, p, i, m, r];
 }
-class ie extends S {
+class oe extends S {
   constructor(t) {
     super(), v(
       this,
@@ -207,5 +208,5 @@ class ie extends S {
   }
 }
 export {
-  ie as default
+  oe as default
 };

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -61,6 +61,7 @@ import "./Tag/AudioTag/index.js";
 import "./Tag/AudioTag/AudioTag.js";
 import "./Common/Audio.js";
 import "../../shared-utils/audio.js";
+import "../utils/audio/SharedAudio.js";
 import "./Common/Icon/audioIcon.js";
 import "./Tag/AudioTag/AudioPlaneTag.js";
 import "../utils/timeToString.js";
@@ -229,7 +230,7 @@ function it(o, e, t) {
     m
   ];
 }
-class ve extends K {
+class Se extends K {
   constructor(e) {
     super(), M(
       this,
@@ -249,5 +250,5 @@ class ve extends K {
   }
 }
 export {
-  ve as default
+  Se as default
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -1,15 +1,15 @@
-var S = Object.defineProperty, y = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
+var P = Object.defineProperty, w = Object.defineProperties;
+var E = Object.getOwnPropertyDescriptors;
 var T = Object.getOwnPropertySymbols;
-var w = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var u = (h, a, e) => a in h ? S(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, p = (h, a) => {
+var R = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var u = (h, a, e) => a in h ? P(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, p = (h, a) => {
   for (var e in a || (a = {}))
-    w.call(a, e) && u(h, e, a[e]);
+    R.call(a, e) && u(h, e, a[e]);
   if (T)
     for (var e of T(a))
-      E.call(a, e) && u(h, e, a[e]);
+      k.call(a, e) && u(h, e, a[e]);
   return h;
-}, f = (h, a) => y(h, P(a));
+}, f = (h, a) => w(h, E(a));
 var d = (h, a, e) => (u(h, typeof a != "symbol" ? a + "" : a, e), e);
 var m = (h, a, e) => new Promise((t, i) => {
   var s = (r) => {
@@ -27,24 +27,24 @@ var m = (h, a, e) => new Promise((t, i) => {
   }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
   n((e = e.apply(h, a)).next());
 });
-import { Subscribe as R } from "@realsee/five";
-import { Quaternion as k } from "three";
+import { Subscribe as F } from "@realsee/five";
+import { Quaternion as U } from "three";
 import c from "object-assign-deep";
-import { writable as F } from "../../vendor/svelte/store/index.js";
-import U from "../Components/TagContainer.js";
-import L from "../Components/Tag/index.js";
+import { writable as L } from "../../vendor/svelte/store/index.js";
+import O from "../Components/TagContainer.js";
+import I from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as g } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as O } from "../utils/addDebugPoints.js";
-import { planeNormal as I } from "../utils/planeNormal.js";
-import { waitFiveModelLoaded as B } from "../utils/actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as M } from "../utils/normalPositionToPositions.js";
+import { addDebugPoints as B } from "../utils/addDebugPoints.js";
+import { planeNormal as M } from "../utils/planeNormal.js";
+import { waitFiveModelLoaded as N } from "../utils/actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as V } from "../utils/normalPositionToPositions.js";
 import { debounce as C } from "../utils/debounce.js";
-import { throttle as V } from "../utils/throttle.js";
+import { throttle as z } from "../utils/throttle.js";
 import { resizeObserver as D } from "../utils/resizeObserver.js";
-import { TagComputer as N } from "./TagComputer.js";
-import { CSS3DRenderPlugin as z } from "../../CSS3DRenderPlugin/index.js";
-import W from "../utils/tag/format.js";
-import { generateBlankAudio as _ } from "../../shared-utils/audio.js";
+import { TagComputer as W } from "./TagComputer.js";
+import { CSS3DRenderPlugin as _ } from "../../CSS3DRenderPlugin/index.js";
+import $ from "../utils/tag/format.js";
+import { generateBlankAudio as A, AudioNamespace as S } from "../../shared-utils/audio.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/TagItem.js";
 import "../utils/noTypecheck.js";
@@ -106,6 +106,7 @@ import "../../shared-utils/animationFrame/index.js";
 import "../Components/Tag/AudioTag/index.js";
 import "../Components/Tag/AudioTag/AudioTag.js";
 import "../Components/Common/Audio.js";
+import "../utils/audio/SharedAudio.js";
 import "../Components/Common/Icon/audioIcon.js";
 import "../Components/Tag/AudioTag/AudioPlaneTag.js";
 import "../utils/timeToString.js";
@@ -121,18 +122,18 @@ import "./TagCacheController.js";
 import "../../base/BasePlugin.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const A = "2.0.4", v = `DnalogelPlugin-PanoTagPlugin@${A}`, $ = !1, Ut = (h) => `${v}--${h}`;
-class Lt extends N {
+const y = "2.0.5", v = `DnalogelPlugin-PanoTagPlugin@${y}`, G = !1, Ot = (h) => `${v}--${h}`;
+class It extends W {
   constructor(e, t) {
     super(e);
-    d(this, "version", A);
+    d(this, "version", y);
     d(this, "state", { enabled: !0, visible: !0 });
     d(this, "params");
     d(this, "debug");
     d(this, "css3DRenderPlugin");
     d(this, "TagContainerSvelte");
     d(this, "temporaryState", { visible: !0 });
-    d(this, "mediaStore", F({
+    d(this, "mediaStore", L({
       currentMediaElement: null
     }));
     d(this, "isIOSWX", navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1);
@@ -145,7 +146,7 @@ class Lt extends N {
     d(this, "disposedErrorLog", () => {
       console.error(`${v} is disposed`);
     });
-    this.params = p({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, _(1), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this });
+    this.params = p({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, A(1, { namespace: S.GetAudioDuration }), A(1, { namespace: S.PlayAudio }), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this });
   }
   load(e, t) {
     return m(this, null, function* () {
@@ -155,7 +156,7 @@ class Lt extends N {
         contentTypeConfig: (s = e.contentTypeConfig) != null ? s : {}
       }), this.debug)
         try {
-          O(this.five, this.tags);
+          B(this.five, this.tags);
         } catch (o) {
           console.error(o);
         }
@@ -167,13 +168,13 @@ class Lt extends N {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
         const n = this.getTagConfig(o);
         return f(p({}, o), {
-          state: p({ visible: void 0, unfolded: $ }, n.initialState),
-          hooks: new R(),
+          state: p({ visible: void 0, unfolded: G }, n.initialState),
+          hooks: new F(),
           clickable: n.clickable,
           mergedConfig: n
         });
       }).filter((o) => o.position);
-      return s.forEach(W), this.tags.push(...s), B(this.five).then(() => {
+      return s.forEach($), this.tags.push(...s), N(this.five).then(() => {
         var o, n, r;
         return this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), !0;
       });
@@ -313,7 +314,7 @@ class Lt extends N {
     }, i = () => {
       !this.state.enabled || this.hide();
     }, { observe: s, unobserve: o } = D(
-      V(() => {
+      z(() => {
         !this.store.resizeObserverDisposer || i();
       }, 500),
       e
@@ -402,7 +403,7 @@ class Lt extends N {
       const i = (t = this.five.getElement()) == null ? void 0 : t.parentElement;
       if (!i)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new U({
+      this.TagContainerSvelte = new O({
         target: i,
         props: { hooks: this.hooks, tags: e, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
       });
@@ -419,19 +420,19 @@ class Lt extends N {
           state: this.state,
           temporaryState: this.temporaryState
         }), !n.equals(r)) {
-          const l = new k().setFromUnitVectors(n, r);
+          const l = new U().setFromUnitVectors(n, r);
           o.css3DObject.setRotationFromQuaternion(l);
         }
       } else {
         if (((i = t.state) == null ? void 0 : i.visible) === !1)
           return;
-        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = z(this.five)), t.stickType === "3DPoint" && !t.normal)
+        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = _(this.five)), t.stickType === "3DPoint" && !t.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const s = t.stickType === "Plane" ? t.position : M(this.five.camera.position, g(t.position), g(t.normal)), o = t.stickType === "Plane" ? I(t.position) : g(t.normal), n = this.getTagConfig(t).tag3DConfig, r = this.css3DRenderPlugin.create3DDomContainer(s, n);
+        const s = t.stickType === "Plane" ? t.position : V(this.five.camera.position, g(t.position), g(t.normal)), o = t.stickType === "Plane" ? M(t.position) : g(t.normal), n = this.getTagConfig(t).tag3DConfig, r = this.css3DRenderPlugin.create3DDomContainer(s, n);
         if (!r)
           return;
         this.store.css3DRenderDisposer.set(t.id, r.dispose), t.tag3DContentSvelte = {
-          svelteApp: new L({
+          svelteApp: new I({
             target: r.container,
             props: {
               tag: t,
@@ -465,7 +466,7 @@ class Lt extends N {
   }
 }
 export {
-  Lt as PanoTagPluginController,
-  Lt as default,
-  Ut as pluginFlag
+  It as PanoTagPluginController,
+  It as default,
+  Ot as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import t from "./controller/index.js";
-import { default as Wo, pluginFlag as Xo } from "./controller/index.js";
-import { ContentType as Zo } from "./typings/tag/TagData.js";
-import { DimensionType as $o, PointType as or } from "./typings/tag/Utils.js";
+import { default as Xo, pluginFlag as Yo } from "./controller/index.js";
+import { ContentType as _o } from "./typings/tag/TagData.js";
+import { DimensionType as or, PointType as rr } from "./typings/tag/Utils.js";
 import "@realsee/five";
 import "three";
 import "object-assign-deep";
@@ -68,6 +68,7 @@ import "./Components/Tag/AudioTag/index.js";
 import "./Components/Tag/AudioTag/AudioTag.js";
 import "./Components/Common/Audio.js";
 import "../shared-utils/audio.js";
+import "./utils/audio/SharedAudio.js";
 import "./Components/Common/Icon/audioIcon.js";
 import "./Components/Tag/AudioTag/AudioPlaneTag.js";
 import "./utils/timeToString.js";
@@ -96,13 +97,13 @@ import "../CSS3DRenderPlugin/index.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "./utils/tag/format.js";
-const So = (o, r) => new t(o, r);
+const Uo = (o, r) => new t(o, r);
 export {
-  Zo as ContentType,
-  $o as DimensionType,
-  So as PanoTagPlugin,
-  Wo as PanoTagPluginController,
-  or as PointType,
-  So as default,
-  Xo as pluginFlag
+  _o as ContentType,
+  or as DimensionType,
+  Uo as PanoTagPlugin,
+  Xo as PanoTagPluginController,
+  rr as PointType,
+  Uo as default,
+  Yo as pluginFlag
 };

package/libs/PanoTagPlugin/typings/controller.d.ts

@@ -89,6 +89,8 @@ export declare type TagElement<C extends TagContentType = TagContentType, S exte
         initialNormal: Vector3;
         currentNormal: Vector3;
     };
+    play: () => void;
+    pause: () => void;
 }> & {
     state: {
         visible?: boolean;

package/libs/PanoTagPlugin/utils/audio/SharedAudio.d.ts

@@ -0,0 +1,16 @@
+export declare class SharedAudio extends Audio {
+    sharedAudioSrc?: string;
+    sharedAudioPaused: boolean;
+    get paused(): boolean;
+    get currentTime(): number;
+    private sharedAudioCurrentTime;
+    private tryplaying;
+    private audioInstance?;
+    private eventListenerDisposer?;
+    constructor(src?: string);
+    play(): Promise<void>;
+    pause(): void;
+    dispose(): void;
+    private clear;
+    private addEventListeners;
+}

package/libs/PanoTagPlugin/utils/audio/SharedAudio.js

@@ -0,0 +1,107 @@
+var y = Object.defineProperty;
+var L = (i, a, e) => a in i ? y(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e;
+var o = (i, a, e) => (L(i, typeof a != "symbol" ? a + "" : a, e), e);
+var m = (i, a, e) => new Promise((d, r) => {
+  var u = (s) => {
+    try {
+      h(e.next(s));
+    } catch (c) {
+      r(c);
+    }
+  }, p = (s) => {
+    try {
+      h(e.throw(s));
+    } catch (c) {
+      r(c);
+    }
+  }, h = (s) => s.done ? d(s.value) : Promise.resolve(s.value).then(u, p);
+  h((e = e.apply(i, a)).next());
+});
+import { getAudio as E, AudioNamespace as A } from "../../../shared-utils/audio.js";
+class f extends Audio {
+  constructor(e) {
+    super();
+    o(this, "sharedAudioSrc");
+    o(this, "sharedAudioPaused", !0);
+    o(this, "sharedAudioCurrentTime", 0);
+    o(this, "tryplaying", !1);
+    o(this, "audioInstance");
+    o(this, "eventListenerDisposer");
+    this.sharedAudioSrc = e;
+  }
+  get paused() {
+    var e;
+    return (e = this.sharedAudioPaused) != null ? e : !0;
+  }
+  get currentTime() {
+    return this.sharedAudioCurrentTime;
+  }
+  play() {
+    return m(this, null, function* () {
+      var e, d, r;
+      this.tryplaying || (this.tryplaying = !0, (!this.audioInstance || ((e = this.audioInstance) == null ? void 0 : e.realSrc) !== this.sharedAudioSrc) && (this.audioInstance = E(this.sharedAudioSrc, { namespace: A.PlayAudio })), this.audioInstance.currentTime = (d = this.currentTime) != null ? d : 0, (r = this.eventListenerDisposer) == null || r.call(this), this.eventListenerDisposer = this.addEventListeners(), this.audioInstance.play().then(() => {
+        this.sharedAudioPaused = !1;
+      }).catch((u) => {
+        this.pause(), console.warn(u);
+      }).finally(() => {
+        this.tryplaying = !1;
+      }));
+    });
+  }
+  pause() {
+    !this.audioInstance || this.paused || (this.sharedAudioPaused = !0, this.audioInstance.addEventListener(
+      "pause",
+      () => {
+        var e;
+        (e = this.eventListenerDisposer) == null || e.call(this);
+      },
+      { once: !0 }
+    ), this.audioInstance.pause());
+  }
+  dispose() {
+    this.clear(), this.audioInstance = void 0;
+  }
+  clear() {
+    var e;
+    (e = this.audioInstance) == null || e.clear();
+  }
+  addEventListeners() {
+    const e = this.audioInstance;
+    if (!e)
+      return;
+    const d = (n) => {
+      var t;
+      this.sharedAudioCurrentTime = e.currentTime, (t = this.ontimeupdate) == null || t.call(this, n);
+    }, r = (n) => {
+      var t;
+      return (t = this.onplay) == null ? void 0 : t.call(this, n);
+    }, u = (n) => {
+      var t;
+      (t = this.onpause) == null || t.call(this, n), this.clear();
+    }, p = (n) => {
+      var t;
+      (t = this.onended) == null || t.call(this, n), this.sharedAudioCurrentTime = 0;
+    }, h = (n) => {
+      var t;
+      return (t = this.onerror) == null ? void 0 : t.call(this, n);
+    }, s = (n) => {
+      var t;
+      return (t = this.oncanplay) == null ? void 0 : t.call(this, n);
+    }, c = (n) => {
+      var t;
+      return (t = this.oncanplaythrough) == null ? void 0 : t.call(this, n);
+    }, l = (n) => {
+      var t;
+      return (t = this.onloadeddata) == null ? void 0 : t.call(this, n);
+    }, v = (n) => {
+      var t;
+      return (t = this.onloadedmetadata) == null ? void 0 : t.call(this, n);
+    };
+    return e.addEventListener("timeupdate", d), e.addEventListener("play", r), e.addEventListener("pause", u), e.addEventListener("ended", p), e.addEventListener("error", h), e.addEventListener("canplay", s), e.addEventListener("canplaythrough", c), e.addEventListener("loadeddata", l), e.addEventListener("loadedmetadata", v), () => {
+      e.removeEventListener("timeupdate", d), e.removeEventListener("play", r), e.removeEventListener("pause", u), e.removeEventListener("ended", p), e.removeEventListener("error", h), e.removeEventListener("canplay", s), e.removeEventListener("canplaythrough", c), e.removeEventListener("loadeddata", l), e.removeEventListener("loadedmetadata", v);
+    };
+  }
+}
+export {
+  f as SharedAudio
+};