@realsee/dnalogel 2.10.4 → 2.10.5-alpha.1

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

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

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

@@ -6,8 +6,8 @@ import oe from "../../Common/Line/Straight.js";
 import J from "../../Common/Shadow.js";
 import le from "../../Common/Text/FlyMText.js";
 import ae from "../../Common/Icon/audioIcon.js";
-import "../../../../shared-utils/audio.js";
 import "../../../utils/audio/SharedAudio.js";
+import "../../../../shared-utils/audio.js";
 import "../../../../shared-utils/uuid.js";
 import "../../Common/Text/FlyText.js";
 import "animejs";

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

@@ -4,8 +4,8 @@ import w from "./AudioPlaneTag.js";
 import "../../../../vendor/svelte/easing/index.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../Common/Audio.js";
-import "../../../../shared-utils/audio.js";
 import "../../../utils/audio/SharedAudio.js";
+import "../../../../shared-utils/audio.js";
 import "../../Common/Line/Straight.js";
 import "../../../../shared-utils/uuid.js";
 import "../../Common/Shadow.js";

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

@@ -81,8 +81,8 @@ import "../../../shared-utils/animationFrame/BetterTween.js";
 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 "../../../shared-utils/audio.js";
 import "../Common/Icon/audioIcon.js";
 import "./AudioTag/AudioPlaneTag.js";
 import "../Common/Icon/Icon.js";

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -80,8 +80,8 @@ import "../utils/tag/tagCheck.js";
 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 "../../shared-utils/audio.js";
 import "./Common/Icon/audioIcon.js";
 import "./Tag/AudioTag/AudioPlaneTag.js";
 import "./Tag/MediaPlane.js";

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -80,8 +80,8 @@ import "../utils/tag/tagCheck.js";
 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 "../../shared-utils/audio.js";
 import "./Common/Icon/audioIcon.js";
 import "./Tag/AudioTag/AudioPlaneTag.js";
 import "./Tag/MediaPlane.js";

package/libs/PanoTagPlugin/controller/index.js

@@ -1,15 +1,15 @@
-var B = Object.defineProperty, G = Object.defineProperties;
-var x = Object.getOwnPropertyDescriptors;
+var L = Object.defineProperty, V = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
 var F = Object.getOwnPropertySymbols;
-var N = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var P = (h, d, e) => d in h ? B(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e, p = (h, d) => {
+var x = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
+var P = (h, d, e) => d in h ? L(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e, p = (h, d) => {
   for (var e in d || (d = {}))
-    N.call(d, e) && P(h, e, d[e]);
+    x.call(d, e) && P(h, e, d[e]);
   if (F)
     for (var e of F(d))
-      W.call(d, e) && P(h, e, d[e]);
+      G.call(d, e) && P(h, e, d[e]);
   return h;
-}, T = (h, d) => G(h, x(d));
+}, T = (h, d) => V(h, B(d));
 var l = (h, d, e) => (P(h, typeof d != "symbol" ? d + "" : d, e), e);
 var c = (h, d, e) => new Promise((t, i) => {
   var s = (n) => {
@@ -27,26 +27,26 @@ var c = (h, d, e) => new Promise((t, i) => {
   }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, o);
   r((e = e.apply(h, d)).next());
 });
-import { Subscribe as z } from "@realsee/five";
-import { Group as E, Vector3 as A, Matrix4 as S, Quaternion as _ } from "three";
+import { Subscribe as N } from "@realsee/five";
+import { Group as E, Vector3 as A, Matrix4 as S, Quaternion as W } from "three";
 import v from "object-assign-deep";
-import { writable as $ } from "../../vendor/svelte/store/index.js";
-import q from "../Components/TagContainer.js";
-import H from "../Components/Tag/index.js";
+import { writable as z } from "../../vendor/svelte/store/index.js";
+import _ from "../Components/TagContainer.js";
+import $ from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as C } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as J } from "../utils/addDebugPoints.js";
+import { addDebugPoints as q } from "../utils/addDebugPoints.js";
 import { planeNormal as k } from "../utils/planeNormal.js";
 import "@realsee/five/gltf-loader";
 import { isMediaModelTag as f } from "../utils/tag/tagCheck.js";
-import { waitFiveModelLoaded as Q } from "../utils/actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as X } from "../utils/normalPositionToPositions.js";
+import { waitFiveModelLoaded as H } from "../utils/actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as J } from "../utils/normalPositionToPositions.js";
 import { debounce as j } from "../utils/debounce.js";
-import { throttle as K } from "../utils/throttle.js";
+import { throttle as Q } from "../utils/throttle.js";
 import { resizeObserver as I } from "../utils/resizeObserver.js";
-import { TagComputer as Y } from "./TagComputer.js";
-import { CSS3DRenderPlugin as Z } from "../../CSS3DRenderPlugin/index.js";
-import ee from "../utils/tag/format.js";
-import { generateBlankAudio as U, AudioNamespace as L } from "../../shared-utils/audio.js";
+import { TagComputer as X } from "./TagComputer.js";
+import { CSS3DRenderPlugin as K } from "../../CSS3DRenderPlugin/index.js";
+import Y from "../utils/tag/format.js";
+import { generateBlankAudio as Z, AudioNamespace as ee } from "../../shared-utils/audio.js";
 import { loadGLTF as te } from "../../shared-utils/three/GLTFLoader.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/TagItem.js";
@@ -140,18 +140,18 @@ import "./TagCacheController.js";
 import "../../base/BasePlugin.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const V = "3.0.0", M = `DnalogelPlugin-PanoTagPlugin@${V}`, ie = !1, li = (h) => `${M}--${h}`;
-class hi extends Y {
+const U = "3.0.0", M = `DnalogelPlugin-PanoTagPlugin@${U}`, ie = !1, li = (h) => `${M}--${h}`;
+class hi extends X {
   constructor(e, t) {
     super(e);
-    l(this, "version", V);
+    l(this, "version", U);
     l(this, "state", { enabled: !0, visible: !0 });
     l(this, "params");
     l(this, "debug");
     l(this, "css3DRenderPlugin");
     l(this, "TagContainerSvelte");
     l(this, "temporaryState", { visible: !0 });
-    l(this, "mediaStore", $({
+    l(this, "mediaStore", z({
       currentMediaElement: null
     }));
     l(this, "group", new E());
@@ -195,7 +195,7 @@ class hi extends Y {
       const r = this.gltfObjectGroup.children.find((a) => a.customID === e.id);
       return r && this.gltfObjectGroup.remove(r), this.gltfObjectGroup.add(s), this.updateTagCss3DObjectMatrix(e, s), s;
     }));
-    this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.group.add(this.gltfObjectGroup), this.params = p({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, U(1, { namespace: L.GetAudioDuration }), U(1, { namespace: L.PlayAudio }), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this }), this.state.enabled && this.five.scene.add(this.group);
+    this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.group.add(this.gltfObjectGroup), this.params = p({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, Z(1, { namespace: ee.PlayAudio }), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this }), this.state.enabled && this.five.scene.add(this.group);
   }
   load(e, t) {
     return c(this, null, function* () {
@@ -207,7 +207,7 @@ class hi extends Y {
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          J(this.five, this.tags);
+          q(this.five, this.tags);
         } catch (r) {
           console.error(r);
         }
@@ -220,12 +220,12 @@ class hi extends Y {
         const r = this.getTagConfig(o);
         return T(p({}, o), {
           state: p({ visible: void 0, unfolded: ie }, r.initialState),
-          hooks: new z(),
+          hooks: new N(),
           clickable: r.clickable,
           mergedConfig: r
         });
       }).filter((o) => o.position);
-      return s.forEach(ee), this.tags.push(...s), Q(this.five).then(() => {
+      return s.forEach(Y), this.tags.push(...s), H(this.five).then(() => {
         var o, r, n;
         return this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (n = t == null ? void 0 : t.withAnimation) != null ? n : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), this.addMediaModelTag(s);
       });
@@ -386,7 +386,7 @@ class hi extends Y {
     }, i = () => {
       !this.state.enabled || this.hide();
     }, { observe: s, unobserve: o } = I(
-      K(() => {
+      Q(() => {
         !this.store.resizeObserverDisposer || i();
       }, 500),
       e
@@ -477,7 +477,7 @@ class hi extends Y {
       const i = (t = this.five.getElement()) == null ? void 0 : t.parentElement;
       if (!i)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new q({
+      this.TagContainerSvelte = new _({
         target: i,
         props: { hooks: this.hooks, tags: e, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
       });
@@ -494,16 +494,16 @@ class hi extends Y {
           state: this.state,
           temporaryState: this.temporaryState
         }), !b.equals(u)) {
-          const D = new _().setFromUnitVectors(b, u);
+          const D = new W().setFromUnitVectors(b, u);
           y.css3DObject.setRotationFromQuaternion(D);
         }
         return;
       }
       if (((m = t.state) == null ? void 0 : m.visible) === !1)
         return;
-      if (this.css3DRenderPlugin || (this.css3DRenderPlugin = Z(this.five)), t.stickType === "3DPoint" && !t.normal)
+      if (this.css3DRenderPlugin || (this.css3DRenderPlugin = K(this.five)), t.stickType === "3DPoint" && !t.normal)
         return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-      const i = (() => t.stickType === "Plane" ? t.position : f(t) ? t.data.mediaPosition : X(
+      const i = (() => t.stickType === "Plane" ? t.position : f(t) ? t.data.mediaPosition : J(
         this.five.camera.position,
         C(t.position),
         C(t.normal)
@@ -522,7 +522,7 @@ class hi extends Y {
         return;
       const o = this.getTagConfig(t).tag3DConfig, r = this.css3DRenderPlugin.create3DDomContainer(i, o);
       !r || (this.updateTagCss3DObjectVisible(t), this.store.css3DRenderDisposer.set(t.id, r.dispose), t.tag3DContentSvelte = {
-        svelteApp: new H({
+        svelteApp: new $({
           target: r.container,
           props: {
             tag: t,

package/libs/PanoTagPlugin/index.js

@@ -87,8 +87,8 @@ import "./utils/tag/tagCheck.js";
 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 "../shared-utils/audio.js";
 import "./Components/Common/Icon/audioIcon.js";
 import "./Components/Tag/AudioTag/AudioPlaneTag.js";
 import "./Components/Tag/MediaPlane.js";

package/libs/PanoTagPlugin/mocks/v1/mock-80P6A03eQRQKY3oqLj.d.ts

@@ -0,0 +1,4 @@
+declare const data: {
+    tagList: any[];
+};
+export default data;

package/libs/PanoTagPlugin/mocks/v1/mock-80P6A03eQRQKY3oqLj.js

@@ -0,0 +1,6 @@
+const t = {
+  tagList: []
+};
+export {
+  t as default
+};

package/libs/PanoTagPlugin/mocks/v1/mock-80QG2vMPboNv5DWrom.d.ts

@@ -0,0 +1,93 @@
+declare const _default: ({
+    id: number;
+    pointType: string;
+    dimensionType: string;
+    position: number[];
+    normal: number[];
+    style: {
+        point: {
+            iconUrl: string;
+            style: string;
+        };
+        style: string;
+    };
+    contentType: string;
+    data: {
+        text: string;
+        extraData: {
+            baseNormal: number[];
+            fiveState: {
+                distance: number;
+                fov: number;
+                latitude: number;
+                longitude: number;
+                mode: string;
+                offset: {
+                    x: number;
+                    y: number;
+                    z: number;
+                };
+                panoIndex: number;
+            };
+            style: {
+                point: {
+                    iconUrl: string;
+                    style: string;
+                };
+                style: string;
+            };
+            tagClosedStyle: string;
+            tagIconUrl: string;
+        };
+        mediaData?: undefined;
+    };
+} | {
+    id: number;
+    pointType: string;
+    dimensionType: string;
+    position: number[];
+    normal: number[];
+    style: {
+        point: {
+            iconUrl: string;
+            style: string;
+        };
+        style?: undefined;
+    };
+    contentType: string;
+    data: {
+        text: string;
+        mediaData: {
+            type: string;
+            url: string;
+            videoCoverUrl: string;
+            name: string;
+        }[];
+        extraData: {
+            baseNormal: number[];
+            fiveState: {
+                distance: number;
+                fov: number;
+                latitude: number;
+                longitude: number;
+                mode: string;
+                offset: {
+                    x: number;
+                    y: number;
+                    z: number;
+                };
+                panoIndex: number;
+            };
+            style: {
+                point: {
+                    iconUrl: string;
+                    style: string;
+                };
+                style?: undefined;
+            };
+            tagClosedStyle: string;
+            tagIconUrl: string;
+        };
+    };
+})[];
+export default _default;