@realsee/dnalogel 2.1.0-alpha.27 → 2.1.0-alpha.29

package/libs/PanoTagPlugin/Components/TagWrapper.js

@@ -1,9 +1,9 @@
-import { S as N, i as O, s as Q, a as R, e as L, o as U, b as w, I as k, q as _, c as B, p as V, f as d, t as c, d as C, g as E, j as F, m as G, k as H, K as X, W as Y, h as q } from "../../index.164f1850.js";
+import { S as M, i as N, s as O, a as Q, e as K, o as R, b as k, I as T, q as _, c as L, p as U, f as d, t as c, d as A, g as B, j as E, m as F, k as G, K as V, W as X, h as C } from "../../index.164f1850.js";
 import "three";
-import { noTypecheck as I } from "../utils/noTypecheck.js";
-import { DimensionType as W, PointType as j, ContentType as Z } from "../typings/tag.js";
-import x from "./Tag/index.js";
-import $ from "./Common/Point/PointSwitch.js";
+import { noTypecheck as q } from "../utils/noTypecheck.js";
+import { DimensionType as I, PointType as W, ContentType as Y } from "../typings/tag.js";
+import Z from "./Tag/index.js";
+import x from "./Common/Point/PointSwitch.js";
 import "./Tag/TextTag.js";
 import "./Common/Line/Straight.js";
 import "../../index.dca207cb.js";
@@ -30,30 +30,30 @@ import "./Tag/LinkTag.js";
 import "./Tag/CustomTag.js";
 import "./Common/Point/CustomPoint.js";
 import "./Common/Point/DefaultPoint.js";
-function tt(e) {
-  R(e, "svelte-1vzhbu2", ".wrapper.svelte-1vzhbu2{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}.point.svelte-1vzhbu2{-webkit-tap-highlight-color:transparent;position:absolute;transform:translate(-50%, -50%);left:50%;top:50%}");
+function $(e) {
+  Q(e, "svelte-1vzhbu2", ".wrapper.svelte-1vzhbu2{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}.point.svelte-1vzhbu2{-webkit-tap-highlight-color:transparent;position:absolute;transform:translate(-50%, -50%);left:50%;top:50%}");
 }
-function D(e) {
+function j(e) {
   let t, i;
-  return t = new x({
+  return t = new Z({
     props: {
       mediaStore: e[4],
       withAnimation: e[0],
-      tag: I(e[1]),
+      tag: q(e[1]),
       hooks: e[2],
       state: e[3],
       temporaryState: e[5]
     }
   }), {
     c() {
-      F(t.$$.fragment);
+      E(t.$$.fragment);
     },
-    m(a, l) {
-      G(t, a, l), i = !0;
+    m(a, s) {
+      F(t, a, s), i = !0;
     },
-    p(a, l) {
+    p(a, s) {
       const o = {};
-      l & 16 && (o.mediaStore = a[4]), l & 1 && (o.withAnimation = a[0]), l & 2 && (o.tag = I(a[1])), l & 4 && (o.hooks = a[2]), l & 8 && (o.state = a[3]), l & 32 && (o.temporaryState = a[5]), t.$set(o);
+      s & 16 && (o.mediaStore = a[4]), s & 1 && (o.withAnimation = a[0]), s & 2 && (o.tag = q(a[1])), s & 4 && (o.hooks = a[2]), s & 8 && (o.state = a[3]), s & 32 && (o.temporaryState = a[5]), t.$set(o);
     },
     i(a) {
       i || (d(t.$$.fragment, a), i = !0);
@@ -62,22 +62,22 @@ function D(e) {
       c(t.$$.fragment, a), i = !1;
     },
     d(a) {
-      H(t, a);
+      G(t, a);
     }
   };
 }
-function K(e) {
-  let t, i, a, l, o;
-  return i = new $({ props: { tag: e[1] } }), {
+function D(e) {
+  let t, i, a, s, o;
+  return i = new x({ props: { tag: e[1] } }), {
     c() {
-      t = L("div"), F(i.$$.fragment), w(t, "class", "point svelte-1vzhbu2");
+      t = K("div"), E(i.$$.fragment), k(t, "class", "point svelte-1vzhbu2");
     },
     m(n, f) {
-      B(n, t, f), G(i, t, null), a = !0, l || (o = X(t, "click", Y(e[11])), l = !0);
+      L(n, t, f), F(i, t, null), a = !0, s || (o = V(t, "click", X(e[11])), s = !0);
     },
     p(n, f) {
-      const u = {};
-      f & 2 && (u.tag = n[1]), i.$set(u);
+      const p = {};
+      f & 2 && (p.tag = n[1]), i.$set(p);
     },
     i(n) {
       a || (d(i.$$.fragment, n), a = !0);
@@ -86,87 +86,86 @@ function K(e) {
       c(i.$$.fragment, n), a = !1;
     },
     d(n) {
-      n && E(t), H(i), l = !1, o();
+      n && B(t), G(i), s = !1, o();
     }
   };
 }
-function et(e) {
-  var f, u;
-  let t, i, a, l, o = e[1].dimensionType === W.Two && D(e), n = e[1].pointType === j.PointTag && ((u = (f = e[1].style) == null ? void 0 : f.point) == null ? void 0 : u.style) !== "noPoint" && K(e);
+function tt(e) {
+  var f, p;
+  let t, i, a, s, o = e[1].dimensionType === I.Two && j(e), n = e[1].pointType === W.PointTag && ((p = (f = e[1].style) == null ? void 0 : f.point) == null ? void 0 : p.style) !== "noPoint" && D(e);
   return {
     c() {
-      t = L("div"), o && o.c(), i = U(), n && n.c(), w(t, "class", "wrapper svelte-1vzhbu2"), w(t, "data-id", a = e[1].id), k(t, "hide", e[10]), k(t, "unfolded", e[6]), _(t, "left", e[9]), _(t, "top", e[8]), _(t, "z-index", e[7]);
+      t = K("div"), o && o.c(), i = R(), n && n.c(), k(t, "class", "wrapper svelte-1vzhbu2"), k(t, "data-id", a = e[1].id), T(t, "hide", e[10]), T(t, "unfolded", e[6]), _(t, "left", e[9]), _(t, "top", e[8]), _(t, "z-index", e[7]);
     },
-    m(r, s) {
-      B(r, t, s), o && o.m(t, null), V(t, i), n && n.m(t, null), l = !0;
+    m(r, l) {
+      L(r, t, l), o && o.m(t, null), U(t, i), n && n.m(t, null), s = !0;
     },
-    p(r, [s]) {
+    p(r, [l]) {
       var g, h;
-      r[1].dimensionType === W.Two ? o ? (o.p(r, s), s & 2 && d(o, 1)) : (o = D(r), o.c(), d(o, 1), o.m(t, i)) : o && (q(), c(o, 1, 1, () => {
+      r[1].dimensionType === I.Two ? o ? (o.p(r, l), l & 2 && d(o, 1)) : (o = j(r), o.c(), d(o, 1), o.m(t, i)) : o && (C(), c(o, 1, 1, () => {
         o = null;
-      }), C()), r[1].pointType === j.PointTag && ((h = (g = r[1].style) == null ? void 0 : g.point) == null ? void 0 : h.style) !== "noPoint" ? n ? (n.p(r, s), s & 2 && d(n, 1)) : (n = K(r), n.c(), d(n, 1), n.m(t, null)) : n && (q(), c(n, 1, 1, () => {
+      }), A()), r[1].pointType === W.PointTag && ((h = (g = r[1].style) == null ? void 0 : g.point) == null ? void 0 : h.style) !== "noPoint" ? n ? (n.p(r, l), l & 2 && d(n, 1)) : (n = D(r), n.c(), d(n, 1), n.m(t, null)) : n && (C(), c(n, 1, 1, () => {
         n = null;
-      }), C()), (!l || s & 2 && a !== (a = r[1].id)) && w(t, "data-id", a), (!l || s & 1024) && k(t, "hide", r[10]), (!l || s & 64) && k(t, "unfolded", r[6]), s & 512 && _(t, "left", r[9]), s & 256 && _(t, "top", r[8]), s & 128 && _(t, "z-index", r[7]);
+      }), A()), (!s || l & 2 && a !== (a = r[1].id)) && k(t, "data-id", a), (!s || l & 1024) && T(t, "hide", r[10]), (!s || l & 64) && T(t, "unfolded", r[6]), l & 512 && _(t, "left", r[9]), l & 256 && _(t, "top", r[8]), l & 128 && _(t, "z-index", r[7]);
     },
     i(r) {
-      l || (d(o), d(n), l = !0);
+      s || (d(o), d(n), s = !0);
     },
     o(r) {
-      c(o), c(n), l = !1;
+      c(o), c(n), s = !1;
     },
     d(r) {
-      r && E(t), o && o.d(), n && n.d();
+      r && B(t), o && o.d(), n && n.d();
     }
   };
 }
-function it(e, t, i) {
-  let a, l, o, n, f, u;
-  var r, s, g, h, T;
-  let { withAnimation: v = !1 } = t, { tag: p } = t, { hooks: y } = t, { state: P } = t, { mediaStore: z } = t, { temporaryState: A } = t, S, b = !1;
-  function J(m) {
-    S !== void 0 && clearTimeout(S), b = !0, S = setTimeout(
+function et(e, t, i) {
+  let a, s, o, n, f, p;
+  var r, l, g, h;
+  let { withAnimation: b = !1 } = t, { tag: u } = t, { hooks: w } = t, { state: v } = t, { mediaStore: P } = t, { temporaryState: z } = t, y, S = !1;
+  function H(m) {
+    y !== void 0 && clearTimeout(y), S = !0, y = setTimeout(
       () => {
-        b = !1;
+        S = !1;
       },
       800
     );
   }
-  const M = (m) => {
-    b || y.emit("click", { event: m, target: "TagPoint", tag: p });
+  const J = (m) => {
+    S || w.emit("click", { event: m, target: "TagPoint", tag: u });
   };
   return e.$$set = (m) => {
-    "withAnimation" in m && i(0, v = m.withAnimation), "tag" in m && i(1, p = m.tag), "hooks" in m && i(2, y = m.hooks), "state" in m && i(3, P = m.state), "mediaStore" in m && i(4, z = m.mediaStore), "temporaryState" in m && i(5, A = m.temporaryState);
+    "withAnimation" in m && i(0, b = m.withAnimation), "tag" in m && i(1, u = m.tag), "hooks" in m && i(2, w = m.hooks), "state" in m && i(3, v = m.state), "mediaStore" in m && i(4, P = m.mediaStore), "temporaryState" in m && i(5, z = m.temporaryState);
   }, e.$$.update = () => {
-    e.$$.dirty & 4098 && i(17, a = i(12, r = p.state) === null || r === void 0 ? void 0 : r.visible), e.$$.dirty & 131072 && i(10, l = !a), e.$$.dirty & 8194 && i(6, o = i(13, s = p.state) === null || s === void 0 ? void 0 : s.unfolded), e.$$.dirty & 16386 && i(9, n = (i(14, g = p.pointTagStyle) === null || g === void 0 ? void 0 : g.leftPercent) + "%"), e.$$.dirty & 32770 && i(8, f = (i(15, h = p.pointTagStyle) === null || h === void 0 ? void 0 : h.topPercent) + "%"), e.$$.dirty & 65538 && i(7, u = p.contentType === Z.Link ? 20 : !(i(16, T = p.state) === null || T === void 0) && T.unfolded ? 10 : 0), e.$$.dirty & 64 && J();
+    e.$$.dirty & 4098 && i(16, a = i(12, r = u.state) === null || r === void 0 ? void 0 : r.visible), e.$$.dirty & 65536 && i(10, s = !a), e.$$.dirty & 8194 && i(6, o = i(13, l = u.state) === null || l === void 0 ? void 0 : l.unfolded), e.$$.dirty & 16386 && i(9, n = (i(14, g = u.pointTagStyle) === null || g === void 0 ? void 0 : g.leftPercent) + "%"), e.$$.dirty & 32770 && i(8, f = (i(15, h = u.pointTagStyle) === null || h === void 0 ? void 0 : h.topPercent) + "%"), e.$$.dirty & 2 && i(7, p = u.contentType === Y.Link ? 1 : 0), e.$$.dirty & 64 && H();
   }, [
+    b,
+    u,
+    w,
     v,
-    p,
-    y,
     P,
     z,
-    A,
     o,
-    u,
+    p,
     f,
     n,
-    l,
-    M,
-    r,
     s,
+    J,
+    r,
+    l,
     g,
     h,
-    T,
     a
   ];
 }
-class Lt extends N {
+class Kt extends M {
   constructor(t) {
-    super(), O(
+    super(), N(
       this,
       t,
-      it,
       et,
-      Q,
+      tt,
+      O,
       {
         withAnimation: 0,
         tag: 1,
@@ -175,10 +174,10 @@ class Lt extends N {
         mediaStore: 4,
         temporaryState: 5
       },
-      tt
+      $
     );
   }
 }
 export {
-  Lt as default
+  Kt as default
 };

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -1,4 +1,4 @@
-import { T as x } from "../../TagComputer.0920083a.js";
+import { T as x } from "../../TagComputer.92e6d9a9.js";
 import "three";
 import "../tag.config.js";
 import "../typings/tag.js";

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

@@ -18,7 +18,7 @@ declare class PanoTagPluginController extends TagComputer {
     /** css3DRenderPlugin */
     private css3DRenderPlugin?;
     /** 点标签 */
-    private PointTagSvelte?;
+    private TagContainerSvelte?;
     /** 临时状态 */
     private temporaryState;
     private mediaStore;
@@ -101,6 +101,7 @@ declare class PanoTagPluginController extends TagComputer {
      * @description: 添加 cameraUpdate, panoArrived 等事件监听
      */
     private addEventListener;
+    private addResizeListener;
     private addResizeObserver;
     /**
      * @description: 切换模式处理函数

package/libs/PanoTagPlugin/controller/index.js

@@ -1,11 +1,11 @@
 var T = Object.defineProperty;
-var C = (h, d, e) => d in h ? T(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e;
-var a = (h, d, e) => (C(h, typeof d != "symbol" ? d + "" : d, e), e);
+var C = (l, h, e) => h in l ? T(l, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[h] = e;
+var a = (l, h, e) => (C(l, typeof h != "symbol" ? h + "" : h, e), e);
 import { Subscribe as D } from "@realsee/five";
 import { Quaternion as y } from "three";
-import { T as S, o as c } from "../../TagComputer.0920083a.js";
-import { w as P } from "../../index.ad783a2f.js";
-import A from "../Components/PointTag.js";
+import { T as S, o as c } from "../../TagComputer.92e6d9a9.js";
+import { w as A } from "../../index.ad783a2f.js";
+import P from "../Components/TagContainer.js";
 import R from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as p } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { addDebugPoints as w } from "../utils/addDebugPoints.js";
@@ -15,7 +15,7 @@ import { normalPositionToPositions as k } from "../utils/normalPositionToPositio
 import { debounce as m } from "../utils/debounce.js";
 import { throttle as F } from "../utils/throttle.js";
 import { resizeObserver as u } from "../utils/resizeObserver.js";
-import { CSS3DRenderPlugin as B } from "../../CSS3DRenderPlugin/index.js";
+import { CSS3DRenderPlugin as L } from "../../CSS3DRenderPlugin/index.js";
 import { PointType as f, DimensionType as v } from "../typings/tag.js";
 import "../tag.config.js";
 import "../utils/tagPosition.js";
@@ -59,7 +59,7 @@ import "../../CSS3DRenderPlugin/CSS3DRender.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/evenNumber.js";
 import "../../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
-const b = "1.2.2", g = `DnalogelPlugin-PanoTagPlugin@${b}`, O = !1, ze = (h) => `${g}--${h}`;
+const b = "1.2.6", g = `DnalogelPlugin-PanoTagPlugin@${b}`, B = !1, $e = (l) => `${g}--${l}`;
 class je extends S {
   constructor(e, t) {
     super(e);
@@ -68,9 +68,9 @@ class je extends S {
     a(this, "params");
     a(this, "debug");
     a(this, "css3DRenderPlugin");
-    a(this, "PointTagSvelte");
+    a(this, "TagContainerSvelte");
     a(this, "temporaryState", { visible: !0 });
-    a(this, "mediaStore", P({
+    a(this, "mediaStore", A({
       currentMediaUrl: ""
     }));
     a(this, "store", {
@@ -114,20 +114,14 @@ class je extends S {
       const n = this.getTagConfig(o);
       return {
         ...o,
-        state: { visible: void 0, unfolded: O, ...n.initialState },
+        state: { visible: void 0, unfolded: B, ...n.initialState },
         hooks: new D(),
         clickable: n.clickable
       };
     }).filter((o) => o.position);
     this.tags.push(...s), U(this.five, () => {
       var o, n, r;
-      if (this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.store.eventListenerDisposer = this.addEventListener(), !this.store.resizeObserverDisposer && !this.store.resizeObserverDisposerAdding) {
-        const l = this.addResizeObserver();
-        this.store.resizeObserverDisposerAdding = !0, setTimeout(() => {
-          this.store.resizeObserverDisposer = l, this.store.resizeObserverDisposerAdding = !1;
-        }, 200);
-      }
-      this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags();
+      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();
     });
   }
   clearTags() {
@@ -159,9 +153,9 @@ class je extends S {
   }
   dispose() {
     var e, t, i, s, o, n;
-    this.disposeAllCSS3DContainer(), (e = this.PointTagSvelte) == null || e.$destroy(), this.filter3DTag().forEach((r) => {
-      var l;
-      return (l = r.tag3DContentSvelte) == null ? void 0 : l.svelteApp.$destroy();
+    this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag().forEach((r) => {
+      var d;
+      return (d = r.tag3DContentSvelte) == null ? void 0 : d.svelteApp.$destroy();
     }), this.tags = [], (t = this.store.disposers) == null || t.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], this.store.disposed = !0, (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (n = (o = this.store).resizeObserverDisposer) == null || n.call(o), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.clearCache(), this.hooks.emit("dispose");
   }
   setState(e, t) {
@@ -205,35 +199,47 @@ class je extends S {
     this.state.visible = !1, this.updateTagContainerVisible();
   }
   handleEnable() {
-    this.state.enabled = !0, this.updateRenderAllTags();
+    this.state.enabled = !0, this.store.eventListenerDisposer = this.addEventListener(), this.updateRenderAllTags();
   }
   handleDisable() {
-    var e;
-    this.state.enabled = !1, (e = this.PointTagSvelte) == null || e.$set({ tags: [] }), this.filter3DTag().forEach((t) => {
-      var i;
-      (i = t.tag3DContentSvelte) == null || i.svelteApp.$destroy(), t.tag3DContentSvelte = void 0;
+    var e, t, i;
+    this.state.enabled = !1, (t = (e = this.store).eventListenerDisposer) == null || t.call(e), (i = this.TagContainerSvelte) == null || i.$set({ tags: [] }), this.filter3DTag().forEach((s) => {
+      var o;
+      (o = s.tag3DContentSvelte) == null || o.svelteApp.$destroy(), s.tag3DContentSvelte = void 0;
     });
   }
   addEventListener() {
-    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), l = this.clickhandler.bind(this);
-    return e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), t.on("click", l), () => {
-      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), t.off("click", l), 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), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), d = this.clickhandler.bind(this);
+    return e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), t.on("click", d), () => {
+      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), t.off("click", d), this.store.eventListenerDisposer = void 0;
     };
   }
+  addResizeListener() {
+    if (!this.store.resizeObserverDisposer && !this.store.resizeObserverDisposerAdding) {
+      const e = this.addResizeObserver();
+      this.store.resizeObserverDisposerAdding = !0, setTimeout(() => {
+        this.store.resizeObserverDisposer = e, this.store.resizeObserverDisposerAdding = !1;
+      }, 200);
+    }
+  }
   addResizeObserver() {
+    if (!this.store.disposed)
+      return;
     const e = this.five.getElement(), t = () => {
-      this.show(), this.updateRenderAllTags();
-    }, { observe: i, unobserve: s } = u(
+      !this.state.enabled || (this.show(), this.updateRenderAllTags());
+    }, i = () => {
+      !this.state.enabled || this.hide();
+    }, { observe: s, unobserve: o } = u(
       F(() => {
-        !this.store.resizeObserverDisposer || this.hide();
+        !this.store.resizeObserverDisposer || i();
       }, 500),
       e
-    ), { observe: o, unobserve: n } = u(
+    ), { observe: n, unobserve: r } = u(
       m(() => t(), 400),
       e
     );
-    return i(), o(), () => {
-      s(), n();
+    return s(), n(), () => {
+      o(), r();
     };
   }
   handleFiveModeChange(e) {
@@ -266,7 +272,11 @@ class je extends S {
   }
   updateTagContainerVisible() {
     var e;
-    (e = this.PointTagSvelte) == null || e.$set({ state: this.state, temporaryState: this.temporaryState, withAnimation: this.store.visibleWithAnimation }), this.filter3DTag().forEach((t) => {
+    (e = this.TagContainerSvelte) == null || e.$set({
+      state: this.state,
+      temporaryState: this.temporaryState,
+      withAnimation: this.store.visibleWithAnimation
+    }), this.filter3DTag().forEach((t) => {
       var i;
       (i = t.tag3DContentSvelte) == null || i.svelteApp.$set({
         state: this.state,
@@ -301,13 +311,13 @@ class je extends S {
   updateRenderPointTag() {
     var t;
     const e = this.filterPointTag();
-    if (this.setPointTagPosition(), this.PointTagSvelte)
-      this.PointTagSvelte.$set({ tags: e, state: this.state, temporaryState: this.temporaryState });
+    if (this.setPointTagPosition(), this.TagContainerSvelte)
+      this.TagContainerSvelte.$set({ tags: e, state: this.state, temporaryState: this.temporaryState });
     else {
       const i = (t = this.five.getElement()) == null ? void 0 : t.parentElement;
       if (!i)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.PointTagSvelte = new A({
+      this.TagContainerSvelte = new P({
         target: i,
         props: { hooks: this.hooks, tags: e, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
       });
@@ -324,13 +334,13 @@ class je extends S {
           state: this.state,
           temporaryState: this.temporaryState
         }), !n.equals(r)) {
-          const l = new y().setFromUnitVectors(n, r);
-          o.css3DObject.setRotationFromQuaternion(l);
+          const d = new y().setFromUnitVectors(n, r);
+          o.css3DObject.setRotationFromQuaternion(d);
         }
       } else {
         if (((i = t.state) == null ? void 0 : i.visible) === !1)
           return;
-        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = B(this.five)), t.pointType === f.PointTag && !t.normal)
+        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = L(this.five)), t.pointType === f.PointTag && !t.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
         const s = t.pointType === f.PlaneTag ? t.position : k(this.five.camera.position, p(t.position), p(t.normal)), o = t.pointType === f.PlaneTag ? E(t.position) : p(t.normal), n = this.getTagConfig(t).tag3DConfig, r = this.css3DRenderPlugin.create3DDomContainer(s, n);
         if (!r)
@@ -372,5 +382,5 @@ class je extends S {
 export {
   je as PanoTagPluginController,
   je as default,
-  ze as pluginFlag
+  $e as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -3,7 +3,7 @@ import { default as go, pluginFlag as Po } from "./controller/index.js";
 import { ContentType as uo, DimensionType as fo, LinkType as so, PointType as yo } from "./typings/tag.js";
 import "@realsee/five";
 import "three";
-import "../TagComputer.0920083a.js";
+import "../TagComputer.92e6d9a9.js";
 import "./tag.config.js";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
 import "./utils/planeNormal.js";
@@ -15,7 +15,7 @@ import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "../index.ad783a2f.js";
 import "../index.164f1850.js";
-import "./Components/PointTag.js";
+import "./Components/TagContainer.js";
 import "./Components/TagWrapper.js";
 import "./utils/noTypecheck.js";
 import "./Components/Tag/index.js";

package/libs/PanoTagPlugin/tag.config.js

@@ -31,6 +31,7 @@ const n = {
         keep: "unfolded"
       },
       visibleConfig: {
+        alwaysShowWhenMovePano: !0,
         angleRange: void 0,
         visibleDistance: void 0
       }

package/libs/index.js

@@ -205,13 +205,13 @@ import "./ItemLabelPlugin/utils/getStrokeLength.js";
 import "./ItemLabelPlugin/utils/getLabelTransform.js";
 import "./ItemLabelPlugin/utils/transform2RenderData.js";
 import "./ItemLabelPlugin/utils/parseData.js";
-import "./TagComputer.0920083a.js";
+import "./TagComputer.92e6d9a9.js";
 import "./PanoTagPlugin/tag.config.js";
 import "./PanoTagPlugin/utils/planeNormal.js";
 import "./PanoTagPlugin/utils/tagPosition.js";
 import "./PanoTagPlugin/utils/checkRange.js";
 import "./PanoTagPlugin/controller/TagCacheController.js";
-import "./PanoTagPlugin/Components/PointTag.js";
+import "./PanoTagPlugin/Components/TagContainer.js";
 import "./PanoTagPlugin/Components/TagWrapper.js";
 import "./PanoTagPlugin/utils/noTypecheck.js";
 import "./PanoTagPlugin/Components/Tag/index.js";