@realsee/dnalogel 2.11.0-aplha.0 → 2.11.1

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

@@ -1,4 +1,4 @@
-import { SvelteComponent as K, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as S, transition_in as g, transition_out as h, check_outros as E, detach as T, element as $, create_component as y, space as D, attr as k, add_render_callback as G, set_style as Y, toggle_class as L, mount_component as z, append as c, add_resize_listener as Z, listen as x, group_outros as H, destroy_component as R, create_in_transition as ee, create_out_transition as te, bubble as ie } from "../../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as K, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as S, transition_in as g, transition_out as h, check_outros as E, detach as T, element as w, create_component as k, space as D, attr as $, add_render_callback as G, set_style as Y, toggle_class as L, mount_component as y, append as c, add_resize_listener as Z, listen as x, group_outros as H, destroy_component as z, create_in_transition as ee, create_out_transition as te, bubble as ie } from "../../../../vendor/svelte/internal/index.js";
 import { cubicInOut as N } from "../../../../vendor/svelte/easing/index.js";
 import { fade as O } from "../../../../vendor/svelte/transition/index.js";
 import ne from "../../Common/Audio.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 re 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";
@@ -23,8 +23,8 @@ function ae(e) {
   V(e, "svelte-1s6gk4a", ".audio-tag.svelte-1s6gk4a{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.audio-icon__wrapper.svelte-1s6gk4a{position:relative;vertical-align:top;width:100%;height:100%}.content.svelte-1s6gk4a{width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0.125rem;overflow:hidden;box-sizing:border-box;font-size:0;white-space:nowrap;font-weight:600}.wrapper.svelte-1s6gk4a{position:relative;width:100%;height:100%}.audio-icon.svelte-1s6gk4a{pointer-events:none;vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.audio.svelte-1s6gk4a{position:relative;width:100%;height:100%}");
 }
 function j(e) {
-  var M, b;
-  let n, i, o, t, a, u, m, l, s, d, w, _, v, U, I;
+  var I, M;
+  let n, i, o, t, a, u, m, r, s, d, v, _, b, R, U;
   i = new J({
     props: {
       visible: e[6],
@@ -46,35 +46,35 @@ function j(e) {
     props: {
       unfolded: e[6],
       length: e[3],
-      outDelay: e[4] + 20 * Math.min((b = (M = e[5]) == null ? void 0 : M.length) != null ? b : 10, 15),
+      outDelay: e[4] + 20 * Math.min((M = (I = e[5]) == null ? void 0 : I.length) != null ? M : 10, 15),
       useLinearColor: !0
     }
   }), {
     c() {
-      n = $("div"), y(i.$$.fragment), o = D(), t = $("div"), a = $("div"), u = $("div"), f && f.c(), m = D(), l = $("div"), y(s.$$.fragment), w = D(), y(_.$$.fragment), k(u, "class", "audio-icon svelte-1s6gk4a"), G(() => e[14].call(l)), Y(l, "display", "inline-block"), k(a, "class", "wrapper svelte-1s6gk4a"), k(t, "class", "content svelte-1s6gk4a"), k(n, "class", "audio-tag svelte-1s6gk4a"), L(n, "unfolded", e[6]);
+      n = w("div"), k(i.$$.fragment), o = D(), t = w("div"), a = w("div"), u = w("div"), f && f.c(), m = D(), r = w("div"), k(s.$$.fragment), v = D(), k(_.$$.fragment), $(u, "class", "audio-icon svelte-1s6gk4a"), G(() => e[15].call(r)), Y(r, "display", "inline-block"), $(a, "class", "wrapper svelte-1s6gk4a"), $(t, "class", "content svelte-1s6gk4a"), $(n, "class", "audio-tag svelte-1s6gk4a"), L(n, "unfolded", e[6]);
     },
-    m(r, p) {
-      S(r, n, p), z(i, n, null), c(n, o), c(n, t), c(t, a), c(a, u), f && f.m(u, null), c(a, m), c(a, l), z(s, l, null), d = Z(l, e[14].bind(l)), c(n, w), z(_, n, null), v = !0, U || (I = x(l, "click", e[7]), U = !0);
+    m(l, p) {
+      S(l, n, p), y(i, n, null), c(n, o), c(n, t), c(t, a), c(a, u), f && f.m(u, null), c(a, m), c(a, r), y(s, r, null), d = Z(r, e[15].bind(r)), c(n, v), y(_, n, null), b = !0, R || (U = x(r, "click", e[7]), R = !0);
     },
-    p(r, p) {
+    p(l, p) {
       var q, F;
       const W = {};
-      p & 64 && (W.visible = r[6]), p & 8 && (W.left = r[3] / 2 + "px"), i.$set(W), r[6] ? f ? (f.p(r, p), p & 64 && g(f, 1)) : (f = B(r), f.c(), g(f, 1), f.m(u, null)) : f && (H(), h(f, 1, 1, () => {
+      p & 64 && (W.visible = l[6]), p & 8 && (W.left = l[3] / 2 + "px"), i.$set(W), l[6] ? f ? (f.p(l, p), p & 64 && g(f, 1)) : (f = B(l), f.c(), g(f, 1), f.m(u, null)) : f && (H(), h(f, 1, 1, () => {
         f = null;
       }), E());
       const A = {};
-      p & 64 && (A.visible = r[6]), p & 2 && (A.textUnfolded = r[1]), p & 32 && (A.content = r[5]), s.$set(A);
+      p & 64 && (A.visible = l[6]), p & 2 && (A.textUnfolded = l[1]), p & 32 && (A.content = l[5]), s.$set(A);
       const C = {};
-      p & 64 && (C.unfolded = r[6]), p & 8 && (C.length = r[3]), p & 48 && (C.outDelay = r[4] + 20 * Math.min((F = (q = r[5]) == null ? void 0 : q.length) != null ? F : 10, 15)), _.$set(C), (!v || p & 64) && L(n, "unfolded", r[6]);
+      p & 64 && (C.unfolded = l[6]), p & 8 && (C.length = l[3]), p & 48 && (C.outDelay = l[4] + 20 * Math.min((F = (q = l[5]) == null ? void 0 : q.length) != null ? F : 10, 15)), _.$set(C), (!b || p & 64) && L(n, "unfolded", l[6]);
     },
-    i(r) {
-      v || (g(i.$$.fragment, r), g(f), g(s.$$.fragment, r), g(_.$$.fragment, r), v = !0);
+    i(l) {
+      b || (g(i.$$.fragment, l), g(f), g(s.$$.fragment, l), g(_.$$.fragment, l), b = !0);
     },
-    o(r) {
-      h(i.$$.fragment, r), h(f), h(s.$$.fragment, r), h(_.$$.fragment, r), v = !1;
+    o(l) {
+      h(i.$$.fragment, l), h(f), h(s.$$.fragment, l), h(_.$$.fragment, l), b = !1;
     },
-    d(r) {
-      r && T(n), R(i), f && f.d(), R(s), d(), R(_), U = !1, I();
+    d(l) {
+      l && T(n), z(i), f && f.d(), z(s), d(), z(_), R = !1, U();
     }
   };
 }
@@ -94,20 +94,20 @@ function B(e) {
       $$slots: { default: [se] },
       $$scope: { ctx: e }
     }
-  }), t.$on("play", e[11]), t.$on("pause", e[12]), t.$on("audioRef", e[13]), {
+  }), t.$on("play", e[11]), t.$on("pause", e[12]), t.$on("error", e[13]), t.$on("audioRef", e[14]), {
     c() {
-      n = $("div"), y(i.$$.fragment), o = D(), y(t.$$.fragment), k(n, "class", "audio svelte-1s6gk4a");
+      n = w("div"), k(i.$$.fragment), o = D(), k(t.$$.fragment), $(n, "class", "audio svelte-1s6gk4a");
     },
-    m(l, s) {
-      S(l, n, s), z(i, n, null), c(n, o), z(t, n, null), m = !0;
+    m(r, s) {
+      S(r, n, s), y(i, n, null), c(n, o), y(t, n, null), m = !0;
     },
-    p(l, s) {
-      e = l;
+    p(r, s) {
+      e = r;
       const d = {};
-      s & 64 && (d.enable = e[6]), s & 1 && (d.url = e[0].data.audioUrl), s & 1 && (d.hooksInfo = { tag: e[0] }), s & 32772 && (d.$$scope = { dirty: s, ctx: e }), t.$set(d);
+      s & 64 && (d.enable = e[6]), s & 1 && (d.url = e[0].data.audioUrl), s & 1 && (d.hooksInfo = { tag: e[0] }), s & 65540 && (d.$$scope = { dirty: s, ctx: e }), t.$set(d);
     },
-    i(l) {
-      m || (g(i.$$.fragment, l), g(t.$$.fragment, l), l && G(() => {
+    i(r) {
+      m || (g(i.$$.fragment, r), g(t.$$.fragment, r), r && G(() => {
         u && u.end(1), a = ee(n, O, {
           duration: 1e3,
           delay: 0,
@@ -115,16 +115,16 @@ function B(e) {
         }), a.start();
       }), m = !0);
     },
-    o(l) {
+    o(r) {
       var s, d;
-      h(i.$$.fragment, l), h(t.$$.fragment, l), a && a.invalidate(), l && (u = te(n, O, {
+      h(i.$$.fragment, r), h(t.$$.fragment, r), a && a.invalidate(), r && (u = te(n, O, {
         duration: 1e3,
         delay: 20 * Math.min((d = (s = e[5]) == null ? void 0 : s.length) != null ? d : 10, 15),
         easing: N
       })), m = !1;
     },
-    d(l) {
-      l && T(n), R(i), R(t), l && u && u.end();
+    d(r) {
+      r && T(n), z(i), z(t), r && u && u.end();
     }
   };
 }
@@ -132,10 +132,10 @@ function se(e) {
   let n, i, o;
   return i = new re({ props: { playing: e[2] } }), {
     c() {
-      n = $("div"), y(i.$$.fragment), k(n, "class", "audio-icon__wrapper svelte-1s6gk4a");
+      n = w("div"), k(i.$$.fragment), $(n, "class", "audio-icon__wrapper svelte-1s6gk4a");
     },
     m(t, a) {
-      S(t, n, a), z(i, n, null), o = !0;
+      S(t, n, a), y(i, n, null), o = !0;
     },
     p(t, a) {
       const u = {};
@@ -148,7 +148,7 @@ function se(e) {
       h(i.$$.fragment, t), o = !1;
     },
     d(t) {
-      t && T(n), R(i);
+      t && T(n), z(i);
     }
   };
 }
@@ -179,41 +179,44 @@ function fe(e) {
 }
 function ue(e, n, i) {
   let o, t, a;
-  var u, m, l;
-  let { tag: s } = n, d = !1, w = !1, _;
-  function v() {
+  var u, m, r;
+  let { tag: s } = n, d = !1, v = !1, _;
+  function b() {
     i(1, d = !d);
   }
-  const U = () => {
-    i(2, w = !0);
-  }, I = () => {
-    i(2, w = !1);
+  const R = () => {
+    i(2, v = !0);
+  }, U = () => {
+    i(2, v = !1);
+  }, f = () => {
+    i(2, v = !1);
   };
-  function f(b) {
-    ie.call(this, e, b);
+  function I(l) {
+    ie.call(this, e, l);
   }
   function M() {
     _ = this.clientWidth, i(3, _);
   }
-  return e.$$set = (b) => {
-    "tag" in b && i(0, s = b.tag);
+  return e.$$set = (l) => {
+    "tag" in l && i(0, s = l.tag);
   }, e.$$.update = () => {
-    e.$$.dirty & 257 && i(6, o = !!(!(i(8, u = s.state) === null || u === void 0) && u.unfolded)), e.$$.dirty & 1537 && i(5, t = i(10, l = i(9, m = s.data.title) !== null && m !== void 0 ? m : s.data.text) !== null && l !== void 0 ? l : ""), e.$$.dirty & 2 && i(4, a = d ? 450 : 0);
+    e.$$.dirty & 257 && i(6, o = !!(!(i(8, u = s.state) === null || u === void 0) && u.unfolded)), e.$$.dirty & 1537 && i(5, t = i(10, r = i(9, m = s.data.title) !== null && m !== void 0 ? m : s.data.text) !== null && r !== void 0 ? r : ""), e.$$.dirty & 2 && i(4, a = d ? 450 : 0);
   }, [
     s,
     d,
-    w,
+    v,
     _,
     a,
     t,
     o,
-    v,
+    b,
     u,
     m,
-    l,
+    r,
+    R,
     U,
-    I,
     f,
+    I,
     M
   ];
 }

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

@@ -4,8 +4,8 @@ import v 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

@@ -80,8 +80,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

@@ -79,8 +79,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

@@ -79,8 +79,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,51 +1,51 @@
-var V = Object.defineProperty, B = Object.defineProperties;
-var G = Object.getOwnPropertyDescriptors;
-var R = Object.getOwnPropertySymbols;
-var x = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
-var P = (h, d, e) => d in h ? V(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e, p = (h, d) => {
-  for (var e in d || (d = {}))
-    x.call(d, e) && P(h, e, d[e]);
-  if (R)
-    for (var e of R(d))
-      N.call(d, e) && P(h, e, d[e]);
+var I = Object.defineProperty, L = Object.defineProperties;
+var V = Object.getOwnPropertyDescriptors;
+var F = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
+var P = (h, a, e) => a in h ? I(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, p = (h, a) => {
+  for (var e in a || (a = {}))
+    B.call(a, e) && P(h, e, a[e]);
+  if (F)
+    for (var e of F(a))
+      x.call(a, e) && P(h, e, a[e]);
   return h;
-}, T = (h, d) => B(h, G(d));
-var l = (h, d, e) => (P(h, typeof d != "symbol" ? d + "" : d, e), e);
-var c = (h, d, e) => new Promise((t, i) => {
+}, T = (h, a) => L(h, V(a));
+var l = (h, a, e) => (P(h, typeof a != "symbol" ? a + "" : a, e), e);
+var c = (h, a, e) => new Promise((t, i) => {
   var s = (n) => {
     try {
       r(e.next(n));
-    } catch (a) {
-      i(a);
+    } catch (d) {
+      i(d);
     }
   }, o = (n) => {
     try {
       r(e.throw(n));
-    } catch (a) {
-      i(a);
+    } catch (d) {
+      i(d);
     }
   }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, o);
-  r((e = e.apply(h, d)).next());
+  r((e = e.apply(h, a)).next());
 });
-import { Subscribe as W } from "@realsee/five";
-import { Group as E, Vector3 as A, Matrix4 as S, Quaternion as z } from "three";
+import { Subscribe as G } from "@realsee/five";
+import { Group as E, Vector3 as A, Matrix4 as S, Quaternion as N } from "three";
 import v from "object-assign-deep";
-import { writable as _ } from "../../vendor/svelte/store/index.js";
-import $ from "../Components/TagContainer.js";
-import q from "../Components/Tag/index.js";
+import { writable as W } from "../../vendor/svelte/store/index.js";
+import z from "../Components/TagContainer.js";
+import _ from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as C } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as H } from "../utils/addDebugPoints.js";
+import { addDebugPoints as $ } from "../utils/addDebugPoints.js";
 import { planeNormal as k } from "../utils/planeNormal.js";
-import { isMediaModelTag as f } from "../utils/tag/tagCheck.js";
-import { waitFiveModelLoaded as J } from "../utils/actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as Q } from "../utils/normalPositionToPositions.js";
+import { isMediaModelTag as m } from "../utils/tag/tagCheck.js";
+import { waitFiveModelLoaded as q } from "../utils/actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as H } from "../utils/normalPositionToPositions.js";
 import { debounce as j } from "../utils/debounce.js";
-import { throttle as X } from "../utils/throttle.js";
+import { throttle as J } from "../utils/throttle.js";
 import { resizeObserver as U } from "../utils/resizeObserver.js";
-import { TagComputer as K } from "./TagComputer.js";
-import { CSS3DRenderPlugin as Y } from "../../CSS3DRenderPlugin/index.js";
-import Z from "../utils/tag/format.js";
-import { generateBlankAudio as I, AudioNamespace as L } from "../../shared-utils/audio.js";
+import { TagComputer as Q } from "./TagComputer.js";
+import { CSS3DRenderPlugin as X } from "../../CSS3DRenderPlugin/index.js";
+import K from "../utils/tag/format.js";
+import { generateBlankAudio as Y, AudioNamespace as Z } from "../../shared-utils/audio.js";
 import { loadGLTF as ee } from "../../shared-utils/three/GLTFLoader.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/TagItem.js";
@@ -141,7 +141,7 @@ import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "@realsee/five/gltf-loader";
 const M = "DnalogelPlugin-PanoTagPlugin", te = !1, di = (h) => `${M}--${h}`;
-class li extends K {
+class li extends Q {
   constructor(e, t) {
     super(e);
     l(this, "state", { enabled: !0, visible: !0 });
@@ -150,7 +150,7 @@ class li extends K {
     l(this, "css3DRenderPlugin");
     l(this, "TagContainerSvelte");
     l(this, "temporaryState", { visible: !0 });
-    l(this, "mediaStore", _({
+    l(this, "mediaStore", W({
       currentMediaElement: null
     }));
     l(this, "group", new E());
@@ -172,12 +172,12 @@ class li extends K {
     l(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        f(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
+        m(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
       }), this.updateRenderAllTags(), this.updateRenderAllTags();
     });
     l(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !f(e) || (e.state.visible = this.getVisible(e));
+        !m(e) || (e.state.visible = this.getVisible(e));
       }), this.updateRenderAllTags();
     });
     l(this, "loadModel", (e) => c(this, null, function* () {
@@ -185,16 +185,16 @@ class li extends K {
       const t = e.data.modelUrl;
       if (!t)
         return;
-      const i = ee(t).then((a) => Object.assign(a.scene, { customID: e.id, isTagModel: !0 }));
+      const i = ee(t).then((d) => Object.assign(d.scene, { customID: e.id, isTagModel: !0 }));
       e.model = { promise: i };
       const s = yield i;
       if (((n = e.model) == null ? void 0 : n.promise) !== i || (e.model.object = s, !this.tags.includes(e)))
         return;
       s.visible = e.state.visible, new S().fromArray(e.matrix).decompose(s.position, s.quaternion, s.scale), s.updateWorldMatrix(!0, !0), this.getVisibleByFloorIndex(e) || (s.visible = !1);
-      const r = this.gltfObjectGroup.children.find((a) => a.customID === e.id);
+      const r = this.gltfObjectGroup.children.find((d) => d.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, I(1, { namespace: L.GetAudioDuration }), I(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, Y(1, { namespace: Z.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* () {
@@ -206,7 +206,7 @@ class li extends K {
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          H(this.five, this.tags);
+          $(this.five, this.tags);
         } catch (r) {
           console.error(r);
         }
@@ -219,12 +219,12 @@ class li extends K {
         const r = this.getTagConfig(o);
         return T(p({}, o), {
           state: p({ visible: void 0, unfolded: te }, r.initialState),
-          hooks: new W(),
+          hooks: new G(),
           clickable: r.clickable,
           mergedConfig: r
         });
       }).filter((o) => o.position);
-      return s.forEach(Z), this.tags.push(...s), J(this.five).then(() => {
+      return s.forEach(K), this.tags.push(...s), q(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);
       });
@@ -270,8 +270,8 @@ class li extends K {
   dispose() {
     var e, t, i, s, o, r;
     this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag().forEach((n) => {
-      var a;
-      return (a = n.tag3DContentSvelte) == null ? void 0 : a.svelteApp.$destroy();
+      var d;
+      return (d = n.tag3DContentSvelte) == null ? void 0 : d.svelteApp.$destroy();
     }), this.tags = [], (t = this.store.disposers) == null || t.forEach((n) => n == null ? void 0 : n()), this.store.disposers = [], this.store.disposed = !0, (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (r = (o = this.store).resizeObserverDisposer) == null || r.call(o), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.clearCache(), this.five.needsRender = !0, this.hooks.emit("dispose");
   }
   setState(e, t) {
@@ -285,9 +285,11 @@ class li extends K {
     const i = this.getTagById(e);
     if (!i)
       return;
-    i.state.unfolded = t;
-    const s = this.filterPointTag();
-    (o = this.TagContainerSvelte) == null || o.$set({ tags: s });
+    let s = !1;
+    if (t && this.can("unfold", i) && (i.state.unfolded = !0, s = !0), t && (this.can("unfold", i) ? (i.state.unfolded = !0, s = !0) : console.warn(`tag ${e} cannot be unfolded`)), t || (this.can("fold", i) ? (i.state.unfolded = !1, s = !0) : console.warn(`tag ${e} cannot be folded`)), s) {
+      const r = this.filterPointTag();
+      (o = this.TagContainerSvelte) == null || o.$set({ tags: r });
+    }
   }
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
@@ -314,25 +316,20 @@ class li extends K {
     this.mediaStore.set({ currentMediaElement: null });
   }
   updateTagCss3DObjectMatrix(e, t) {
-    var D, w, O, F;
-    const i = (O = (w = (D = e.mergedConfig) == null ? void 0 : D.tag3DConfig) == null ? void 0 : w.ratio) != null ? O : 216e-5, s = (F = e.tag3DContentSvelte) == null ? void 0 : F.domContainer.css3DObject;
+    var D, w, R, O;
+    const i = (R = (w = (D = e.mergedConfig) == null ? void 0 : D.tag3DConfig) == null ? void 0 : w.ratio) != null ? R : 216e-5, s = (O = e.tag3DContentSvelte) == null ? void 0 : O.domContainer.css3DObject;
     if (!s)
       return;
-    const o = f(e) ? e.data.mediaPosition : e.position;
+    const o = m(e) ? e.data.mediaPosition : e.position;
     t.updateWorldMatrix(!1, !1);
-    const r = t.matrixWorld, n = new A().fromArray(o[0]), a = new A().fromArray(o[2]), m = new A().lerpVectors(n, a, 0.5).add(new A(0, 0, 5e-4)), g = new S().setPosition(m), y = new S().makeScale(i, i, i), b = new S().multiply(r).multiply(g).multiply(y);
+    const r = t.matrixWorld, n = new A().fromArray(o[0]), d = new A().fromArray(o[2]), f = new A().lerpVectors(n, d, 0.5).add(new A(0, 0, 5e-4)), g = new S().setPosition(f), y = new S().makeScale(i, i, i), b = new S().multiply(r).multiply(g).multiply(y);
     b.decompose(s.position, s.quaternion, s.scale);
     const u = s.opacityMesh;
     !u || b.decompose(u.position, u.quaternion, u.scale);
   }
   updateTagCss3DObjectVisible(e) {
-    var s, o, r, n, a;
-    const t = (s = e.tag3DContentSvelte) == null ? void 0 : s.domContainer.css3DObject;
-    if (!t)
-      return;
-    t.visible = (r = (o = e.state) == null ? void 0 : o.visible) != null ? r : !0;
-    const i = t.opacityMesh;
-    !i || (i.visible = (a = (n = e.state) == null ? void 0 : n.visible) != null ? a : !0);
+    var t, i, s, o, r;
+    (r = (i = (t = e.tag3DContentSvelte) == null ? void 0 : t.domContainer) == null ? void 0 : i.css3DObject) == null || r.setVisible(this.state.visible && ((o = (s = e.state) == null ? void 0 : s.visible) != null ? o : !0)), this.five.needsRender = !0;
   }
   setVisibleAndUnfolded() {
     return c(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
@@ -345,10 +342,10 @@ class li extends K {
     });
   }
   handleShow() {
-    this.state.visible = !0, this.updateTagContainerVisible();
+    this.state.visible = !0, this.group.visible = !0, this.updateTagContainerVisible(), this.five.needsRender = !0;
   }
   handleHide() {
-    this.pauseCurrentMedia(), this.state.visible = !1, this.updateTagContainerVisible();
+    this.pauseCurrentMedia(), this.state.visible = !1, this.group.visible = !1, this.updateTagContainerVisible(), this.five.needsRender = !0;
   }
   handleEnable() {
     this.state.enabled = !0, this.store.eventListenerDisposer = this.addEventListener(), this.updateRenderAllTags();
@@ -361,9 +358,9 @@ class li extends K {
     });
   }
   addEventListener() {
-    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), r = this.handleFiveCameraUpdateDebounce(), n = this.handleFivePanoArrived.bind(this), a = this.loadVideoFirstFrame.bind(this), m = this.clickhandler.bind(this), g = this.five.currentMode;
-    return this.handleFiveModeChange(g), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", r), e.on("panoArrived", n), e.on("panoArrived", a), t.on("click", m), () => {
-      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", r), e.off("panoArrived", n), e.off("panoArrived", a), t.off("click", m), this.store.eventListenerDisposer = void 0;
+    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), r = this.handleFiveCameraUpdateDebounce(), n = this.handleFivePanoArrived.bind(this), d = this.loadVideoFirstFrame.bind(this), f = this.clickhandler.bind(this), g = this.five.currentMode;
+    return this.handleFiveModeChange(g), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", r), e.on("panoArrived", n), e.on("panoArrived", d), t.on("click", f), () => {
+      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", r), e.off("panoArrived", n), e.off("panoArrived", d), t.off("click", f), this.store.eventListenerDisposer = void 0;
     };
   }
   loadVideoFirstFrame() {
@@ -385,7 +382,7 @@ class li extends K {
     }, i = () => {
       !this.state.enabled || this.hide();
     }, { observe: s, unobserve: o } = U(
-      X(() => {
+      J(() => {
         !this.store.resizeObserverDisposer || i();
       }, 500),
       e
@@ -399,7 +396,7 @@ class li extends K {
   }
   handleFiveModeChange(e) {
     this.setModelMedialVisible(), this.tags.forEach((t) => {
-      f(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
+      m(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
     }), this.updateRenderAllTags(), this.updateRenderAllTags();
   }
   handleFiveWantsMoveToPano() {
@@ -434,8 +431,8 @@ class li extends K {
       temporaryState: this.temporaryState,
       withAnimation: this.store.visibleWithAnimation
     }), this.filter3DTag().forEach((t) => {
-      var i;
-      (i = t.tag3DContentSvelte) == null || i.svelteApp.$set({
+      var i, s, o, r;
+      (o = (s = (i = t.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : s.css3DObject) == null || o.setVisible(this.state.visible), (r = t.tag3DContentSvelte) == null || r.svelteApp.$set({
         state: this.state,
         temporaryState: this.temporaryState,
         withAnimation: this.store.visibleWithAnimation
@@ -476,7 +473,7 @@ class li extends K {
       const i = (t = this.five.getElement()) == null ? void 0 : t.parentElement;
       if (!i)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new $({
+      this.TagContainerSvelte = new z({
         target: i,
         props: { hooks: this.hooks, tags: e, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
       });
@@ -484,8 +481,8 @@ class li extends K {
   }
   updateRenderPlaneTag() {
     this.sort([...this.filterPlaneTag(), ...this.filter3DPointTag(), ...this.filterModelTag()]).forEach((t) => {
-      var n, a, m;
-      if (f(t) && ((n = t.model) == null ? void 0 : n.object) && this.updateTagCss3DObjectMatrix(t, (a = t.model) == null ? void 0 : a.object), t.tag3DContentSvelte) {
+      var n, d, f;
+      if (m(t) && ((n = t.model) == null ? void 0 : n.object) && this.updateTagCss3DObjectMatrix(t, (d = t.model) == null ? void 0 : d.object), t.tag3DContentSvelte) {
         const { svelteApp: g, domContainer: y, initialNormal: b, currentNormal: u } = t.tag3DContentSvelte;
         if (this.updateTagCss3DObjectVisible(t), g.$set({
           tag: t,
@@ -493,16 +490,16 @@ class li extends K {
           state: this.state,
           temporaryState: this.temporaryState
         }), !b.equals(u)) {
-          const D = new z().setFromUnitVectors(b, u);
+          const D = new N().setFromUnitVectors(b, u);
           y.css3DObject.setRotationFromQuaternion(D);
         }
         return;
       }
-      if (((m = t.state) == null ? void 0 : m.visible) === !1)
+      if (((f = t.state) == null ? void 0 : f.visible) === !1)
         return;
-      if (this.css3DRenderPlugin || (this.css3DRenderPlugin = Y(this.five)), t.stickType === "3DPoint" && !t.normal)
+      if (this.css3DRenderPlugin || (this.css3DRenderPlugin = X(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 : Q(
+      const i = (() => t.stickType === "Plane" ? t.position : m(t) ? t.data.mediaPosition : H(
         this.five.camera.position,
         C(t.position),
         C(t.normal)
@@ -521,7 +518,7 @@ class li extends K {
         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 q({
+        svelteApp: new _({
           target: r.container,
           props: {
             tag: t,
@@ -539,7 +536,7 @@ class li extends K {
   }
   updateRenderModelTag() {
     const e = (i) => !this.enabledModelTagSet.has(i.customID);
-    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(f).forEach((i) => {
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(m).forEach((i) => {
       var s;
       (s = i.model) == null || s.promise.then((o) => {
         o.visible = i.state.visible;
@@ -563,7 +560,7 @@ class li extends K {
   }
   addMediaModelTag(e) {
     return c(this, null, function* () {
-      const t = e.filter(f).map(this.loadModel);
+      const t = e.filter(m).map(this.loadModel);
       yield Promise.all(t), this.setModelMedialVisible(), this.updateRenderAllTags();
     });
   }

package/libs/PanoTagPlugin/index.js

@@ -86,8 +86,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/utils/audio/SharedAudio.d.ts

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