@realsee/dnalogel 2.15.0-alpha.1 → 2.15.0

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

@@ -1,203 +1,221 @@
-import { SvelteComponent as T, init as M, safe_not_equal as q, append_styles as A, empty as J, insert as k, noop as C, detach as y, getContext as S, onMount as R, element as g, attr as s, binding_callbacks as X, space as D, set_style as j, toggle_class as v, append as U, listen as P, src_url_equal as b, run_all as G } from "../../../vendor/svelte/internal/index.js";
-import { Image_Play_Icon_With_Text as K, Image_Play_Icon as Q } from "../../Assets/Icon.js";
-function Y(o) {
-  A(o, "svelte-159ski6", ".media-item.svelte-159ski6.svelte-159ski6{position:relative;height:100%}.media-content.svelte-159ski6.svelte-159ski6{position:relative;pointer-events:auto;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.media-content.showPlayButton.svelte-159ski6.svelte-159ski6{pointer-events:none}.video-icon.svelte-159ski6.svelte-159ski6{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-159ski6.svelte-159ski6{display:none;position:absolute;width:100%;height:100%;top:0;left:0;transform:translate3d(0, 0, 0)}.video-play-button-container.showPlayButton.svelte-159ski6.svelte-159ski6{pointer-events:none;display:block}.video-icon.svelte-159ski6.svelte-159ski6{pointer-events:auto}.video-icon.large.svelte-159ski6.svelte-159ski6{width:12.5rem;height:6.25rem}.video-icon.small.svelte-159ski6.svelte-159ski6{width:1.75rem;height:1.75rem}.video-icon.svelte-159ski6 .video-icon-img.svelte-159ski6{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-159ski6 .video-icon-img.canPlay.svelte-159ski6{cursor:pointer}");
+import { SvelteComponent as q, init as A, safe_not_equal as J, append_styles as R, empty as X, insert as k, noop as B, detach as y, getContext as S, onMount as D, element as g, attr as a, binding_callbacks as G, space as K, set_style as j, toggle_class as v, append as U, listen as I, src_url_equal as P, run_all as Q } from "../../../vendor/svelte/internal/index.js";
+import { Image_Play_Icon_With_Text as Y, Image_Play_Icon as Z } from "../../Assets/Icon.js";
+function x(l) {
+  R(l, "svelte-159ski6", ".media-item.svelte-159ski6.svelte-159ski6{position:relative;height:100%}.media-content.svelte-159ski6.svelte-159ski6{position:relative;pointer-events:auto;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.media-content.showPlayButton.svelte-159ski6.svelte-159ski6{pointer-events:none}.video-icon.svelte-159ski6.svelte-159ski6{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-159ski6.svelte-159ski6{display:none;position:absolute;width:100%;height:100%;top:0;left:0;transform:translate3d(0, 0, 0)}.video-play-button-container.showPlayButton.svelte-159ski6.svelte-159ski6{pointer-events:none;display:block}.video-icon.svelte-159ski6.svelte-159ski6{pointer-events:auto}.video-icon.large.svelte-159ski6.svelte-159ski6{width:12.5rem;height:6.25rem}.video-icon.small.svelte-159ski6.svelte-159ski6{width:1.75rem;height:1.75rem}.video-icon.svelte-159ski6 .video-icon-img.svelte-159ski6{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-159ski6 .video-icon-img.canPlay.svelte-159ski6{cursor:pointer}");
 }
-function L(o) {
+function L(l) {
   let e;
-  function i(n, r) {
-    if (n[2].type === "Image")
-      return x;
-    if (n[2].type === "Video")
-      return Z;
+  function i(o, r) {
+    if (o[2].type === "Image")
+      return ee;
+    if (o[2].type === "Video")
+      return $;
   }
-  let t = i(o), l = t && t(o);
+  let t = i(l), n = t && t(l);
   return {
     c() {
-      e = g("div"), l && l.c(), s(e, "class", "media-item svelte-159ski6"), s(e, "draggable", "false");
+      e = g("div"), n && n.c(), a(e, "class", "media-item svelte-159ski6"), a(e, "draggable", "false");
     },
-    m(n, r) {
-      k(n, e, r), l && l.m(e, null);
+    m(o, r) {
+      k(o, e, r), n && n.m(e, null);
     },
-    p(n, r) {
-      t === (t = i(n)) && l ? l.p(n, r) : (l && l.d(1), l = t && t(n), l && (l.c(), l.m(e, null)));
+    p(o, r) {
+      t === (t = i(o)) && n ? n.p(o, r) : (n && n.d(1), n = t && t(o), n && (n.c(), n.m(e, null)));
     },
-    d(n) {
-      n && y(e), l && l.d();
+    d(o) {
+      o && y(e), n && n.d();
     }
   };
 }
-function Z(o) {
-  let e, i, t, l, n, r;
+function $(l) {
+  let e, i, t, n, o, r;
   function c(d, m) {
-    return d[7] && d[2].videoCoverUrl ? ee : $;
+    return d[7] && d[2].videoCoverUrl ? ie : te;
   }
-  let u = c(o), f = u(o);
+  let u = c(l), f = u(l);
   return {
     c() {
-      f.c(), e = D(), i = g("div"), t = g("div"), l = g("div"), s(l, "class", "video-icon-img svelte-159ski6"), j(l, "background-image", "url(" + o[18]() + ")"), v(l, "canPlay", o[5]), s(t, "class", "video-icon svelte-159ski6"), v(t, "large", o[4] === "large"), v(t, "small", o[4] === "small"), s(i, "class", "video-play-button-container svelte-159ski6"), v(i, "showPlayButton", o[9]);
+      f.c(), e = K(), i = g("div"), t = g("div"), n = g("div"), a(n, "class", "video-icon-img svelte-159ski6"), j(n, "background-image", "url(" + l[20]() + ")"), v(n, "canPlay", l[5]), a(t, "class", "video-icon svelte-159ski6"), v(t, "large", l[4] === "large"), v(t, "small", l[4] === "small"), a(i, "class", "video-play-button-container svelte-159ski6"), v(i, "showPlayButton", l[10]);
     },
     m(d, m) {
-      f.m(d, m), k(d, e, m), k(d, i, m), U(i, t), U(t, l), n || (r = P(l, "click", o[19]), n = !0);
+      f.m(d, m), k(d, e, m), k(d, i, m), U(i, t), U(t, n), o || (r = I(n, "click", l[21]), o = !0);
     },
     p(d, m) {
-      u === (u = c(d)) && f ? f.p(d, m) : (f.d(1), f = u(d), f && (f.c(), f.m(e.parentNode, e))), m & 8 && j(l, "background-image", "url(" + d[18]() + ")"), m & 32 && v(l, "canPlay", d[5]), m & 16 && v(t, "large", d[4] === "large"), m & 16 && v(t, "small", d[4] === "small"), m & 512 && v(i, "showPlayButton", d[9]);
+      u === (u = c(d)) && f ? f.p(d, m) : (f.d(1), f = u(d), f && (f.c(), f.m(e.parentNode, e))), m & 8 && j(n, "background-image", "url(" + d[20]() + ")"), m & 32 && v(n, "canPlay", d[5]), m & 16 && v(t, "large", d[4] === "large"), m & 16 && v(t, "small", d[4] === "small"), m & 1024 && v(i, "showPlayButton", d[10]);
     },
     d(d) {
-      f.d(d), d && y(e), d && y(i), n = !1, r();
+      f.d(d), d && y(e), d && y(i), o = !1, r();
     }
   };
 }
-function x(o) {
-  let e, i, t, l;
+function ee(l) {
+  let e, i, t, n;
   return {
     c() {
-      e = g("img"), s(e, "class", "media-content svelte-159ski6"), s(e, "style", i = `object-fit: ${o[6]};`), b(e.src, t = o[2].url) || s(e, "src", t), s(e, "alt", l = o[2].name), s(e, "draggable", !1);
+      e = g("img"), a(e, "class", "media-content svelte-159ski6"), a(e, "style", i = `object-fit: ${l[6]};`), P(e.src, t = l[2].url) || a(e, "src", t), a(e, "alt", n = l[2].name), a(e, "draggable", !1);
     },
-    m(n, r) {
-      k(n, e, r);
+    m(o, r) {
+      k(o, e, r);
     },
-    p(n, r) {
-      r & 64 && i !== (i = `object-fit: ${n[6]};`) && s(e, "style", i), r & 4 && !b(e.src, t = n[2].url) && s(e, "src", t), r & 4 && l !== (l = n[2].name) && s(e, "alt", l);
+    p(o, r) {
+      r & 64 && i !== (i = `object-fit: ${o[6]};`) && a(e, "style", i), r & 4 && !P(e.src, t = o[2].url) && a(e, "src", t), r & 4 && n !== (n = o[2].name) && a(e, "alt", n);
     },
-    d(n) {
-      n && y(e);
+    d(o) {
+      o && y(e);
     }
   };
 }
-function $(o) {
-  let e, i, t, l, n, r, c;
+function te(l) {
+  let e, i, t, n, o, r, c;
   return {
     c() {
-      e = g("video"), s(e, "class", "media-content svelte-159ski6"), s(e, "style", i = `object-fit: ${o[6]};`), b(e.src, t = o[2].videoCoverUrl ? o[2].url : o[2].url + "#t=0.1") || s(e, "src", t), s(e, "poster", l = o[2].videoCoverUrl), s(e, "preload", n = o[2].videoCoverUrl ? "none" : "auto"), s(e, "disablepictureinpicture", ""), e.playsInline = !0, s(e, "paused", ""), e.muted = !0, s(e, "draggable", !1), e.loop = !1, s(e, "crossorigin", ""), e.controls = !1, v(e, "showPlayButton", o[9]);
+      e = g("video"), a(e, "class", "media-content svelte-159ski6"), a(e, "style", i = `object-fit: ${l[6]};`), P(e.src, t = l[2].videoCoverUrl ? l[2].url : l[2].url + "#t=0.1") || a(e, "src", t), a(e, "poster", n = l[2].videoCoverUrl), a(e, "preload", o = l[2].videoCoverUrl ? "none" : "auto"), a(e, "disablepictureinpicture", ""), e.playsInline = !0, a(e, "paused", ""), e.muted = !0, a(e, "draggable", !1), e.loop = !1, a(e, "crossorigin", ""), e.controls = !1, v(e, "showPlayButton", l[10]);
     },
     m(u, f) {
-      k(u, e, f), o[17](e), r || (c = [
-        P(e, "play", o[14]),
-        P(e, "pause", o[15]),
-        P(e, "click", o[16])
+      k(u, e, f), l[19](e), r || (c = [
+        I(e, "play", l[14]),
+        I(e, "pause", l[15]),
+        I(e, "error", l[16]),
+        I(e, "ended", l[17]),
+        I(e, "click", l[18])
       ], r = !0);
     },
     p(u, f) {
-      f & 64 && i !== (i = `object-fit: ${u[6]};`) && s(e, "style", i), f & 4 && !b(e.src, t = u[2].videoCoverUrl ? u[2].url : u[2].url + "#t=0.1") && s(e, "src", t), f & 4 && l !== (l = u[2].videoCoverUrl) && s(e, "poster", l), f & 4 && n !== (n = u[2].videoCoverUrl ? "none" : "auto") && s(e, "preload", n), f & 512 && v(e, "showPlayButton", u[9]);
+      f & 64 && i !== (i = `object-fit: ${u[6]};`) && a(e, "style", i), f & 4 && !P(e.src, t = u[2].videoCoverUrl ? u[2].url : u[2].url + "#t=0.1") && a(e, "src", t), f & 4 && n !== (n = u[2].videoCoverUrl) && a(e, "poster", n), f & 4 && o !== (o = u[2].videoCoverUrl ? "none" : "auto") && a(e, "preload", o), f & 1024 && v(e, "showPlayButton", u[10]);
     },
     d(u) {
-      u && y(e), o[17](null), r = !1, G(c);
+      u && y(e), l[19](null), r = !1, Q(c);
     }
   };
 }
-function ee(o) {
-  let e, i, t, l;
+function ie(l) {
+  let e, i, t, n;
   return {
     c() {
-      e = g("img"), s(e, "class", "media-content svelte-159ski6"), s(e, "style", i = `object-fit: ${o[6]};`), b(e.src, t = o[2].videoCoverUrl) || s(e, "src", t), s(e, "alt", l = o[2].name), s(e, "draggable", !1);
+      e = g("img"), a(e, "class", "media-content svelte-159ski6"), a(e, "style", i = `object-fit: ${l[6]};`), P(e.src, t = l[2].videoCoverUrl) || a(e, "src", t), a(e, "alt", n = l[2].name), a(e, "draggable", !1);
     },
-    m(n, r) {
-      k(n, e, r);
+    m(o, r) {
+      k(o, e, r);
     },
-    p(n, r) {
-      r & 64 && i !== (i = `object-fit: ${n[6]};`) && s(e, "style", i), r & 4 && !b(e.src, t = n[2].videoCoverUrl) && s(e, "src", t), r & 4 && l !== (l = n[2].name) && s(e, "alt", l);
+    p(o, r) {
+      r & 64 && i !== (i = `object-fit: ${o[6]};`) && a(e, "style", i), r & 4 && !P(e.src, t = o[2].videoCoverUrl) && a(e, "src", t), r & 4 && n !== (n = o[2].name) && a(e, "alt", n);
     },
-    d(n) {
-      n && y(e);
+    d(o) {
+      o && y(e);
     }
   };
 }
-function te(o) {
-  let e, i = o[2] && L(o);
+function oe(l) {
+  let e, i = l[2] && L(l);
   return {
     c() {
-      i && i.c(), e = J();
+      i && i.c(), e = X();
     },
-    m(t, l) {
-      i && i.m(t, l), k(t, e, l);
+    m(t, n) {
+      i && i.m(t, n), k(t, e, n);
     },
-    p(t, [l]) {
-      t[2] ? i ? i.p(t, l) : (i = L(t), i.c(), i.m(e.parentNode, e)) : i && (i.d(1), i = null);
+    p(t, [n]) {
+      t[2] ? i ? i.p(t, n) : (i = L(t), i.c(), i.m(e.parentNode, e)) : i && (i.d(1), i = null);
     },
-    i: C,
-    o: C,
+    i: B,
+    o: B,
     d(t) {
       i && i.d(t), t && y(e);
     }
   };
 }
-function ie(o, e, i) {
-  let t, l, { mediaInstance: n = { videoInstance: void 0, paused: !0 } } = e, { tag: r } = e, { media: c } = e, { playButtonIfNeed: u = "withoutText" } = e, { playButtonSizeIfNeed: f = "small" } = e, { canPlay: d = !0 } = e, { objectFit: m = "fill" } = e, { disableVideoIfHavePoster: B = !1 } = e, p = !0, h = !1;
+function le(l, e, i) {
+  let t, n, { mediaInstance: o = { videoInstance: void 0, paused: !0 } } = e, { tag: r } = e, { media: c } = e, { playButtonIfNeed: u = "withoutText" } = e, { playButtonSizeIfNeed: f = "small" } = e, { canPlay: d = !0 } = e, { objectFit: m = "fill" } = e, { disableVideoIfHavePoster: C = !1 } = e, p = !0, b = !1;
   function N() {
-    i(12, h = (c == null ? void 0 : c.type) === "Video" && Boolean(c.videoCoverUrl));
+    i(8, b = (c == null ? void 0 : c.type) === "Video" && Boolean(c.videoCoverUrl));
   }
-  const w = S("mediaStore"), I = S("hooks"), _ = () => {
-    h || !t || (i(8, t.muted = !0, t), t.play(), t.pause(), i(8, t.muted = !1, t), i(12, h = !0));
+  const w = S("mediaStore"), h = S("hooks"), _ = () => {
+    console.debug("loadPoster"), !b && (!t || (i(9, t.muted = !0, t), t.play(), t.pause(), i(9, t.muted = !1, t), i(8, b = !0), console.debug("loadPoster end")));
   };
-  I.on("loadVideoFirstFrame", _), R(() => {
-    w.subscribe(({ currentMediaElement: a }) => {
-      a !== t && (t == null || t.pause());
+  h.on("loadVideoFirstFrame", _), D(() => {
+    w.subscribe(({ currentMediaElement: s }) => {
+      s !== t && (t == null || t.pause());
     });
   });
-  const V = (a) => {
-    i(9, p = !1), i(0, n.paused = !1, n), t && w.set({ currentMediaElement: t }), I.emit("playStateChange", {
-      event: a,
+  const V = (s) => {
+    i(10, p = !1), i(0, o.paused = !1, o), i(8, b = !0), t && w.set({ currentMediaElement: t }), h.emit("playStateChange", {
+      event: s,
       state: "playing",
       tag: r,
       mediaInstance: t
     });
-  }, E = (a) => {
-    i(9, p = !0), i(0, n.paused = !0, n), I.emit("playStateChange", {
-      event: a,
+  }, E = (s) => {
+    i(10, p = !0), i(0, o.paused = !0, o), h.emit("playStateChange", {
+      event: s,
       state: "paused",
       tag: r,
       mediaInstance: t
     });
-  }, z = (a) => {
+  }, z = (s) => {
+    i(10, p = !0), i(0, o.paused = !0, o), h.emit("playStateChange", {
+      event: s,
+      state: "paused",
+      tag: r,
+      mediaInstance: t
+    });
+  }, F = (s) => {
+    i(10, p = !0), i(0, o.paused = !0, o), h.emit("playStateChange", {
+      event: s,
+      state: "paused",
+      tag: r,
+      mediaInstance: t
+    });
+  }, O = (s) => {
     t && t.pause();
   };
-  function F(a) {
-    X[a ? "unshift" : "push"](() => {
-      n.videoInstance = a, i(0, n);
+  function W(s) {
+    G[s ? "unshift" : "push"](() => {
+      o.videoInstance = s, i(0, o);
     });
   }
-  const O = () => u === "withText" ? K : u === "withoutText" ? Q : u, W = (a) => {
-    !d || t && (i(8, t.muted = !1, t), t.play());
+  const H = () => u === "withText" ? Y : u === "withoutText" ? Z : u, T = (s) => {
+    !d || t && (i(9, t.muted = !1, t), t.play());
   };
-  return o.$$set = (a) => {
-    "mediaInstance" in a && i(0, n = a.mediaInstance), "tag" in a && i(1, r = a.tag), "media" in a && i(2, c = a.media), "playButtonIfNeed" in a && i(3, u = a.playButtonIfNeed), "playButtonSizeIfNeed" in a && i(4, f = a.playButtonSizeIfNeed), "canPlay" in a && i(5, d = a.canPlay), "objectFit" in a && i(6, m = a.objectFit), "disableVideoIfHavePoster" in a && i(7, B = a.disableVideoIfHavePoster);
-  }, o.$$.update = () => {
-    if (o.$$.dirty & 1 && i(8, t = n.videoInstance), o.$$.dirty & 4 && i(13, l = c == null ? void 0 : c.url), o.$$.dirty & 8192 && Boolean(l) && N(), o.$$.dirty & 256 && t && i(9, p = t.paused), o.$$.dirty & 4356 && (c == null ? void 0 : c.type) === "Video" && !h) {
-      const a = navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1, H = navigator.userAgent.toLowerCase().indexOf("iphone") !== -1 && a;
-      t && H && t.paused && (document.removeEventListener("WeixinJSBridgeReady", _), document.removeEventListener("touchstart", _), document.removeEventListener("click", _), document.addEventListener("WeixinJSBridgeReady", _), document.addEventListener("touchstart", _), document.addEventListener("click", _));
+  return l.$$set = (s) => {
+    "mediaInstance" in s && i(0, o = s.mediaInstance), "tag" in s && i(1, r = s.tag), "media" in s && i(2, c = s.media), "playButtonIfNeed" in s && i(3, u = s.playButtonIfNeed), "playButtonSizeIfNeed" in s && i(4, f = s.playButtonSizeIfNeed), "canPlay" in s && i(5, d = s.canPlay), "objectFit" in s && i(6, m = s.objectFit), "disableVideoIfHavePoster" in s && i(7, C = s.disableVideoIfHavePoster);
+  }, l.$$.update = () => {
+    if (l.$$.dirty & 1 && i(9, t = o.videoInstance), l.$$.dirty & 4 && i(13, n = c == null ? void 0 : c.url), l.$$.dirty & 8192 && Boolean(n) && N(), l.$$.dirty & 512 && t && i(10, p = t.paused), l.$$.dirty & 772 && (c == null ? void 0 : c.type) === "Video" && !b) {
+      const s = navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1, M = navigator.userAgent.toLowerCase().indexOf("iphone") !== -1 && s;
+      t && M && t.paused && (document.removeEventListener("WeixinJSBridgeReady", _), document.removeEventListener("touchstart", _), document.removeEventListener("click", _), document.addEventListener("WeixinJSBridgeReady", _), document.addEventListener("touchstart", _), document.addEventListener("click", _));
     }
   }, [
-    n,
+    o,
     r,
     c,
     u,
     f,
     d,
     m,
-    B,
+    C,
+    b,
     t,
     p,
     w,
-    I,
     h,
-    l,
+    n,
     V,
     E,
     z,
     F,
     O,
-    W
+    W,
+    H,
+    T
   ];
 }
-class se extends T {
+class re extends q {
   constructor(e) {
-    super(), M(
+    super(), A(
       this,
       e,
-      ie,
-      te,
-      q,
+      le,
+      oe,
+      J,
       {
         mediaInstance: 0,
         tag: 1,
@@ -208,10 +226,10 @@ class se extends T {
         objectFit: 6,
         disableVideoIfHavePoster: 7
       },
-      Y
+      x
     );
   }
 }
 export {
-  se as default
+  re as default
 };

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -4,18 +4,18 @@ var d = (l, p, t) => (w(l, typeof p != "symbol" ? p + "" : p, t), t);
 var D = (l, p, t) => new Promise((e, i) => {
   var o = (s) => {
     try {
-      n(t.next(s));
+      a(t.next(s));
     } catch (r) {
       i(r);
     }
-  }, a = (s) => {
+  }, n = (s) => {
     try {
-      n(t.throw(s));
+      a(t.throw(s));
     } catch (r) {
       i(r);
     }
-  }, n = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(o, a);
-  n((t = t.apply(l, p)).next());
+  }, a = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(o, n);
+  a((t = t.apply(l, p)).next());
 });
 import { TagComputer as O } from "./TagComputer.js";
 import { Group as P, Quaternion as x, Vector3 as f, Matrix4 as T } from "three";
@@ -152,8 +152,8 @@ class Le extends O {
       if (((s = t.model) == null ? void 0 : s.promise) !== i || (t.model.object = o, !this.tags.includes(t)))
         return;
       o.visible = this.getCurrentVisibleState(t), new T().fromArray(t.matrix).decompose(o.position, o.quaternion, o.scale), o.updateWorldMatrix(!0, !0), o.visible = this.getVisibleByFloorIndex(t);
-      const n = this.gltfObjectGroup.children.find((r) => r.customID === t.id);
-      if (n && this.gltfObjectGroup.remove(n), this.getRenderType(t) === "Mesh") {
+      const a = this.gltfObjectGroup.children.find((r) => r.customID === t.id);
+      if (a && this.gltfObjectGroup.remove(a), this.getRenderType(t) === "Mesh") {
         if (!t.imagePlane) {
           const r = t.data.mediaPosition.map(b);
           t.imagePlane = new R(t.data.mediaData[0].url, t.data.mediaPosition.map(b));
@@ -177,9 +177,9 @@ class Le extends O {
   }
   updateRenderImagePlane() {
     this.sort(this.filterImagePlane).forEach((e) => {
-      var a, n, s, r;
-      const i = (a = e.data.mediaData[0]) == null ? void 0 : a.url;
-      if (!i || (e.imagePlane && (e.imagePlane.visible = (s = (n = e.state) == null ? void 0 : n.visible) != null ? s : !0), ((r = e.imagePlane) == null ? void 0 : r.imageSrc) === i))
+      var n, a, s, r;
+      const i = (n = e.data.mediaData[0]) == null ? void 0 : n.url;
+      if (!i || (e.imagePlane && (e.imagePlane.visible = (s = (a = e.state) == null ? void 0 : a.visible) != null ? s : !0), ((r = e.imagePlane) == null ? void 0 : r.imageSrc) === i))
         return;
       const o = e.position.map(b);
       e.imagePlane = new R(i, o), e.imagePlane.setMatrixByCornerPoints(o), this.imagePlaneGroup.add(e.imagePlane);
@@ -189,10 +189,10 @@ class Le extends O {
     this.sort([...this.filterCSS3DTag]).forEach((e) => {
       var i, o;
       if (e.tag3DContentSvelte) {
-        const { svelteApp: a, domContainer: n, initialNormal: s, currentNormal: r } = e.tag3DContentSvelte;
-        if (a.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !s.equals(r)) {
+        const { svelteApp: n, domContainer: a, initialNormal: s, currentNormal: r } = e.tag3DContentSvelte;
+        if (n.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !s.equals(r)) {
           const m = new x().setFromUnitVectors(s, r);
-          n.css3DObject.setRotationFromQuaternion(m);
+          a.css3DObject.setRotationFromQuaternion(m);
         }
         return;
       } else {
@@ -200,12 +200,12 @@ class Le extends O {
           return;
         if (this.css3DRenderPlugin || (this.css3DRenderPlugin = E(this.five)), e.stickType === "3DPoint" && !e.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const a = this.getPositions(e);
-        if (!a)
-          return;
-        const n = this.getTagNormal(e);
+        const n = this.getPositions(e);
         if (!n)
           return;
+        const a = this.getTagNormal(e);
+        if (!a)
+          return;
         const r = (o = this.getTagConfig(e).tag3DConfig) != null ? o : {};
         if (this.getRenderType(e) === "BehindDom") {
           r.mode = "behind", r.container = document.createElement("div");
@@ -214,13 +214,13 @@ class Le extends O {
             var u;
             if (m.css3DObject.opacityMesh) {
               const g = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (c) => {
-                console.log(e), this.hooks.emit("click", { event: c, target: "TagContent", tag: e });
+                this.hooks.emit("click", { event: c, target: "TagContent", tag: e });
               });
               (u = this.store.css3DRenderDisposer.get(e.id)) == null || u.push(g);
             }
           });
         }
-        const m = this.css3DRenderPlugin.create3DDomContainer(a, r);
+        const m = this.css3DRenderPlugin.create3DDomContainer(n, r);
         if (!m)
           return;
         this.store.css3DRenderDisposer.set(e.id, [m.dispose]), e.tag3DContentSvelte = {
@@ -235,8 +235,8 @@ class Le extends O {
             }
           }),
           domContainer: m,
-          initialNormal: n,
-          currentNormal: n
+          initialNormal: a,
+          currentNormal: a
         };
       }
     }), this.clearUnusedPanelTag();
@@ -245,8 +245,8 @@ class Le extends O {
     const t = (i) => !this.enabledModelTagSet.has(i.customID);
     this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(t)), this.tags.filter(S).forEach((i) => {
       var o;
-      (o = i.model) == null || o.promise.then((a) => {
-        a.visible = this.getCurrentVisibleState(i);
+      (o = i.model) == null || o.promise.then((n) => {
+        n.visible = this.getCurrentVisibleState(i);
       });
     });
   }
@@ -261,9 +261,9 @@ class Le extends O {
     const i = (M = (v = (C = t.mergedConfig) == null ? void 0 : C.tag3DConfig) == null ? void 0 : v.ratio) != null ? M : 216e-5, o = (y = t.tag3DContentSvelte) == null ? void 0 : y.domContainer.css3DObject;
     if (!o)
       return;
-    const a = S(t) ? t.data.mediaPosition : t.position;
+    const n = S(t) ? t.data.mediaPosition : t.position;
     e.updateWorldMatrix(!1, !1);
-    const n = e.matrixWorld, s = new f().fromArray(a[0]), r = new f().fromArray(a[2]), m = A(s, r).add(new f(0, 0, 5e-4)), h = new T().setPosition(m), u = new T().makeScale(i, i, i), g = new T().multiply(n).multiply(h).multiply(u);
+    const a = e.matrixWorld, s = new f().fromArray(n[0]), r = new f().fromArray(n[2]), m = A(s, r).add(new f(0, 0, 5e-4)), h = new T().setPosition(m), u = new T().makeScale(i, i, i), g = new T().multiply(a).multiply(h).multiply(u);
     g.decompose(o.position, o.quaternion, o.scale);
     const c = o.opacityMesh;
     c && g.decompose(c.position, c.quaternion, c.scale);
@@ -296,8 +296,8 @@ class Le extends O {
       temporaryState: this.temporaryState,
       withAnimation: this.store.visibleWithAnimation
     }), this.filterCSS3DTag.forEach((e) => {
-      var i, o, a, n, s;
-      (n = (o = (i = e.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : o.css3DObject) == null || n.setVisible((this.state.visible && ((a = e.state) == null ? void 0 : a.visible)) !== !1), (s = e.tag3DContentSvelte) == null || s.svelteApp.$set({
+      var i, o, n, a, s;
+      (a = (o = (i = e.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : o.css3DObject) == null || a.setVisible((this.state.visible && ((n = e.state) == null ? void 0 : n.visible)) !== !1), (s = e.tag3DContentSvelte) == null || s.svelteApp.$set({
         state: this.state,
         temporaryState: this.temporaryState,
         withAnimation: this.store.visibleWithAnimation

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -141,7 +141,7 @@ class le extends b {
           if (o[0].type === "Image")
             return "Mesh";
           if (o[0].type === "Video")
-            return "BehindDom";
+            return "Dom";
         } else
           return "Dom";
       else if (v(e))

package/libs/base/BasePlugin.js

@@ -2,9 +2,9 @@ var i = Object.defineProperty;
 var a = (e, r, t) => r in e ? i(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
 var s = (e, r, t) => (a(e, typeof r != "symbol" ? r + "" : r, t), t);
 import { Subscribe as c } from "../shared-utils/Subscribe.js";
-class o {
+class x {
   constructor(r, t) {
-    s(this, "VERSION", "2.15.0-alpha.1");
+    s(this, "VERSION", "2.15.0");
     s(this, "five");
     s(this, "hooks", new c());
     s(this, "staticPrefix", "//vrlab-static.ljcdn.com");
@@ -15,5 +15,5 @@ class o {
   }
 }
 export {
-  o as Controller
+  x as Controller
 };