@realsee/dnalogel 2.10.6 → 2.11.0-alpha.1

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -1,9 +1,8 @@
-import { SvelteComponent as K, init as M, safe_not_equal as N, append_styles as O, element as A, space as Q, attr as d, set_style as k, toggle_class as g, insert as P, append as j, transition_out as h, check_outros as B, transition_in as y, detach as C, getContext as U, group_outros as E, noop as v, create_component as G, mount_component as H, destroy_component as J } from "../../vendor/svelte/internal/index.js";
-import W from "./Tag/index.js";
+import { SvelteComponent as M, init as N, safe_not_equal as O, append_styles as Q, element as C, space as U, attr as d, set_style as S, toggle_class as b, insert as L, append as j, transition_out as T, check_outros as B, transition_in as z, detach as I, getContext as W, group_outros as E, noop as A, create_component as G, mount_component as H, destroy_component as J } from "../../vendor/svelte/internal/index.js";
+import X from "./Tag/index.js";
 import "three";
 import { noTypecheck as F } from "../utils/noTypecheck.js";
-import "@realsee/five/gltf-loader";
-import X from "./Common/TagPoint.js";
+import Y from "./Common/TagPoint.js";
 import "./Tag/TextTag/index.js";
 import "./Tag/TextTag/TextTag.js";
 import "./Common/Line/Straight.js";
@@ -89,29 +88,29 @@ import "./Tag/LinkTag.js";
 import "./Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
 import "./Tag/CustomTag.js";
-function Y(o) {
-  O(o, "svelte-pzwdws", ".tag.withAnimation.svelte-pzwdws{transition:opacity 0.3s linear}.tag.hide.svelte-pzwdws{opacity:0;pointer-events:none}.tag.hide.svelte-pzwdws *{pointer-events:none !important}.tag.unClickable.svelte-pzwdws{pointer-events:none !important}.tag.unClickable.svelte-pzwdws *{pointer-events:none !important}.tag.disable.svelte-pzwdws{display:none}.wrapper.svelte-pzwdws{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
-}
 function Z(o) {
+  Q(o, "svelte-pzwdws", ".tag.withAnimation.svelte-pzwdws{transition:opacity 0.3s linear}.tag.hide.svelte-pzwdws{opacity:0;pointer-events:none}.tag.hide.svelte-pzwdws *{pointer-events:none !important}.tag.unClickable.svelte-pzwdws{pointer-events:none !important}.tag.unClickable.svelte-pzwdws *{pointer-events:none !important}.tag.disable.svelte-pzwdws{display:none}.wrapper.svelte-pzwdws{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
+}
+function x(o) {
   let e;
   return {
     c() {
-      e = A("div"), d(e, "data-info", "tag content is disable");
+      e = C("div"), d(e, "data-info", "tag content is disable");
     },
     m(t, i) {
-      P(t, e, i);
+      L(t, e, i);
     },
-    p: v,
-    i: v,
-    o: v,
+    p: A,
+    i: A,
+    o: A,
     d(t) {
-      t && C(e);
+      t && I(e);
     }
   };
 }
-function x(o) {
+function $(o) {
   let e, t;
-  return e = new W({
+  return e = new X({
     props: {
       mediaStore: o[2],
       withAnimation: o[0],
@@ -128,40 +127,40 @@ function x(o) {
       H(e, i, n), t = !0;
     },
     p(i, n) {
-      const l = {};
-      n & 4 && (l.mediaStore = i[2]), n & 1 && (l.withAnimation = i[0]), n & 2 && (l.tag = F(i[1])), n & 8 && (l.state = i[3]), n & 16 && (l.temporaryState = i[4]), e.$set(l);
+      const a = {};
+      n & 4 && (a.mediaStore = i[2]), n & 1 && (a.withAnimation = i[0]), n & 2 && (a.tag = F(i[1])), n & 8 && (a.state = i[3]), n & 16 && (a.temporaryState = i[4]), e.$set(a);
     },
     i(i) {
-      t || (y(e.$$.fragment, i), t = !0);
+      t || (z(e.$$.fragment, i), t = !0);
     },
     o(i) {
-      h(e.$$.fragment, i), t = !1;
+      T(e.$$.fragment, i), t = !1;
     },
     d(i) {
       J(e, i);
     }
   };
 }
-function $(o) {
+function tt(o) {
   let e;
   return {
     c() {
-      e = A("div"), d(e, "data-info", "tag point is disable");
+      e = C("div"), d(e, "data-info", "tag point is disable");
     },
     m(t, i) {
-      P(t, e, i);
+      L(t, e, i);
     },
-    p: v,
-    i: v,
-    o: v,
+    p: A,
+    i: A,
+    o: A,
     d(t) {
-      t && C(e);
+      t && I(e);
     }
   };
 }
-function tt(o) {
+function et(o) {
   let e, t;
-  return e = new X({ props: { tag: o[1] } }), {
+  return e = new Y({ props: { tag: o[1] } }), {
     c() {
       G(e.$$.fragment);
     },
@@ -169,93 +168,102 @@ function tt(o) {
       H(e, i, n), t = !0;
     },
     p(i, n) {
-      const l = {};
-      n & 2 && (l.tag = i[1]), e.$set(l);
+      const a = {};
+      n & 2 && (a.tag = i[1]), e.$set(a);
     },
     i(i) {
-      t || (y(e.$$.fragment, i), t = !0);
+      t || (z(e.$$.fragment, i), t = !0);
     },
     o(i) {
-      h(e.$$.fragment, i), t = !1;
+      T(e.$$.fragment, i), t = !1;
     },
     d(i) {
       J(e, i);
     }
   };
 }
-function et(o) {
-  let e, t, i, n, l, s, u, w, f;
-  const S = [x, Z], c = [];
-  function T(r, a) {
+function it(o) {
+  let e, t, i, n, a, l, f, k, s;
+  const P = [$, x], c = [];
+  function v(r, p) {
     return r[12] ? 0 : 1;
   }
-  i = T(o), n = c[i] = S[i](o);
-  const p = [tt, $], _ = [];
-  function z(r, a) {
+  i = v(o), n = c[i] = P[i](o);
+  const h = [et, tt], u = [];
+  function y(r, p) {
     return r[13] ? 0 : 1;
   }
-  return s = z(o), u = _[s] = p[s](o), {
+  return l = y(o), f = u[l] = h[l](o), {
     c() {
-      e = A("div"), t = A("div"), n.c(), l = Q(), u.c(), d(t, "class", "wrapper svelte-pzwdws"), d(t, "data-tag-unfolded", o[8]), d(t, "data-tag-id", o[11]), d(t, "data-content-type", w = o[1].contentType), k(t, "left", o[7]), k(t, "top", o[6]), k(t, "z-index", o[5]), d(e, "class", "tag svelte-pzwdws"), d(e, "data-tag-id", o[11]), g(e, "unClickable", o[1].clickable === !1), g(e, "disable", o[10]), g(e, "hide", o[9]), g(e, "withAnimation", o[0]);
+      e = C("div"), t = C("div"), n.c(), a = U(), f.c(), d(t, "class", "wrapper svelte-pzwdws"), d(t, "data-tag-unfolded", o[8]), d(t, "data-tag-id", o[11]), d(t, "data-content-type", k = o[1].contentType), S(t, "left", o[7]), S(t, "top", o[6]), S(t, "z-index", o[5]), d(e, "class", "tag svelte-pzwdws"), d(e, "data-tag-id", o[11]), b(e, "unClickable", o[1].clickable === !1), b(e, "disable", o[10]), b(e, "hide", o[9]), b(e, "withAnimation", o[0]);
     },
-    m(r, a) {
-      P(r, e, a), j(e, t), c[i].m(t, null), j(t, l), _[s].m(t, null), f = !0;
+    m(r, p) {
+      L(r, e, p), j(e, t), c[i].m(t, null), j(t, a), u[l].m(t, null), s = !0;
     },
-    p(r, [a]) {
-      let m = i;
-      i = T(r), i === m ? c[i].p(r, a) : (E(), h(c[m], 1, 1, () => {
-        c[m] = null;
-      }), B(), n = c[i], n ? n.p(r, a) : (n = c[i] = S[i](r), n.c()), y(n, 1), n.m(t, l));
-      let b = s;
-      s = z(r), s === b ? _[s].p(r, a) : (E(), h(_[b], 1, 1, () => {
-        _[b] = null;
-      }), B(), u = _[s], u ? u.p(r, a) : (u = _[s] = p[s](r), u.c()), y(u, 1), u.m(t, null)), (!f || a & 256) && d(t, "data-tag-unfolded", r[8]), (!f || a & 2048) && d(t, "data-tag-id", r[11]), (!f || a & 2 && w !== (w = r[1].contentType)) && d(t, "data-content-type", w), a & 128 && k(t, "left", r[7]), a & 64 && k(t, "top", r[6]), a & 32 && k(t, "z-index", r[5]), (!f || a & 2048) && d(e, "data-tag-id", r[11]), (!f || a & 2) && g(e, "unClickable", r[1].clickable === !1), (!f || a & 1024) && g(e, "disable", r[10]), (!f || a & 512) && g(e, "hide", r[9]), (!f || a & 1) && g(e, "withAnimation", r[0]);
+    p(r, [p]) {
+      let g = i;
+      i = v(r), i === g ? c[i].p(r, p) : (E(), T(c[g], 1, 1, () => {
+        c[g] = null;
+      }), B(), n = c[i], n ? n.p(r, p) : (n = c[i] = P[i](r), n.c()), z(n, 1), n.m(t, a));
+      let w = l;
+      l = y(r), l === w ? u[l].p(r, p) : (E(), T(u[w], 1, 1, () => {
+        u[w] = null;
+      }), B(), f = u[l], f ? f.p(r, p) : (f = u[l] = h[l](r), f.c()), z(f, 1), f.m(t, null)), (!s || p & 256) && d(t, "data-tag-unfolded", r[8]), (!s || p & 2048) && d(t, "data-tag-id", r[11]), (!s || p & 2 && k !== (k = r[1].contentType)) && d(t, "data-content-type", k), p & 128 && S(t, "left", r[7]), p & 64 && S(t, "top", r[6]), p & 32 && S(t, "z-index", r[5]), (!s || p & 2048) && d(e, "data-tag-id", r[11]), (!s || p & 2) && b(e, "unClickable", r[1].clickable === !1), (!s || p & 1024) && b(e, "disable", r[10]), (!s || p & 512) && b(e, "hide", r[9]), (!s || p & 1) && b(e, "withAnimation", r[0]);
     },
     i(r) {
-      f || (y(n), y(u), f = !0);
+      s || (z(n), z(f), s = !0);
     },
     o(r) {
-      h(n), h(u), f = !1;
+      T(n), T(f), s = !1;
     },
     d(r) {
-      r && C(e), c[i].d(), _[s].d();
+      r && I(e), c[i].d(), u[l].d();
     }
   };
 }
-function it(o, e, t) {
-  let i, n, l, s, u, w, f, S, c, { withAnimation: T = !1 } = e, { tag: p } = e, { mediaStore: _ } = e, { state: z } = e, { temporaryState: r } = e;
-  const a = U("hooks");
-  return o.$$set = (m) => {
-    "withAnimation" in m && t(0, T = m.withAnimation), "tag" in m && t(1, p = m.tag), "mediaStore" in m && t(2, _ = m.mediaStore), "state" in m && t(3, z = m.state), "temporaryState" in m && t(4, r = m.temporaryState);
+function ot(o, e, t) {
+  let i, n, a, l, f, k, s, P, c;
+  var v, h, u, y, r, p, g, w;
+  let { withAnimation: q = !1 } = e, { tag: m } = e, { mediaStore: D } = e, { state: R } = e, { temporaryState: V } = e;
+  const K = W("hooks");
+  return o.$$set = (_) => {
+    "withAnimation" in _ && t(0, q = _.withAnimation), "tag" in _ && t(1, m = _.tag), "mediaStore" in _ && t(2, D = _.mediaStore), "state" in _ && t(3, R = _.state), "temporaryState" in _ && t(4, V = _.temporaryState);
   }, o.$$.update = () => {
-    var m, b, L, I, q, D, R, V;
-    o.$$.dirty & 2 && t(13, i = (() => !(p.contentType === "Sticker" || p.contentType === "Link" || p.contentType === "VRLink" || p.contentType === "PanoLink" || p.contentType === "Audio" && p.data.appearance === "plane"))()), o.$$.dirty & 2 && t(12, n = (() => p.stickType === "2DPoint")()), o.$$.dirty & 2 && t(11, l = p.id), o.$$.dirty & 2 && t(10, s = !((m = p.pointTagStyle) != null && m.leftPercent) || !((b = p.pointTagStyle) != null && b.topPercent) || p.enabled === !1 || !p.state), o.$$.dirty & 2 && t(9, u = !((L = p.state) != null && L.visible) || ((I = p.temporaryState) == null ? void 0 : I.visible) === !1), o.$$.dirty & 2 && t(8, w = (q = p.state) == null ? void 0 : q.unfolded), o.$$.dirty & 2 && t(7, f = ((D = p.pointTagStyle) == null ? void 0 : D.leftPercent) + "%"), o.$$.dirty & 2 && t(6, S = ((R = p.pointTagStyle) == null ? void 0 : R.topPercent) + "%"), o.$$.dirty & 2 && t(5, c = (V = p.state) != null && V.unfolded ? 1 : 0);
+    o.$$.dirty & 2 && t(13, i = (() => !(m.contentType === "Sticker" || m.contentType === "Link" || m.contentType === "VRLink" || m.contentType === "PanoLink" || m.contentType === "Audio" && m.data.appearance === "plane"))()), o.$$.dirty & 2 && t(12, n = (() => m.stickType === "2DPoint")()), o.$$.dirty & 2 && t(11, a = m.id), o.$$.dirty & 98306 && t(10, l = !(!(t(15, v = m.pointTagStyle) === null || v === void 0) && v.leftPercent) || !(!(t(16, h = m.pointTagStyle) === null || h === void 0) && h.topPercent) || m.enabled === !1 || !m.state), o.$$.dirty & 393218 && t(9, f = !(!(t(17, u = m.state) === null || u === void 0) && u.visible) || (t(18, y = m.temporaryState) === null || y === void 0 ? void 0 : y.visible) === !1), o.$$.dirty & 524290 && t(8, k = t(19, r = m.state) === null || r === void 0 ? void 0 : r.unfolded), o.$$.dirty & 1048578 && t(7, s = (t(20, p = m.pointTagStyle) === null || p === void 0 ? void 0 : p.leftPercent) + "%"), o.$$.dirty & 2097154 && t(6, P = (t(21, g = m.pointTagStyle) === null || g === void 0 ? void 0 : g.topPercent) + "%"), o.$$.dirty & 4194306 && t(5, c = !(t(22, w = m.state) === null || w === void 0) && w.unfolded ? 1 : 0);
   }, [
-    T,
-    p,
-    _,
-    z,
-    r,
+    q,
+    m,
+    D,
+    R,
+    V,
     c,
-    S,
-    f,
-    w,
-    u,
+    P,
     s,
+    k,
+    f,
     l,
+    a,
     n,
     i,
-    a
+    K,
+    v,
+    h,
+    u,
+    y,
+    r,
+    p,
+    g,
+    w
   ];
 }
-class He extends K {
+class He extends M {
   constructor(e) {
-    super(), M(
+    super(), N(
       this,
       e,
+      ot,
       it,
-      et,
-      N,
+      O,
       {
         withAnimation: 0,
         tag: 1,
@@ -263,7 +271,7 @@ class He extends K {
         state: 3,
         temporaryState: 4
       },
-      Y
+      Z
     );
   }
 }

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -27,7 +27,6 @@ import "../../CSS3DRenderPlugin/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import { notNil as F } from "../../shared-utils/isNil.js";
 import "../../shared-utils/animationFrame/BetterTween.js";
-import "@realsee/five/gltf-loader";
 import "../../CSS3DRenderPlugin/utils/centerPoint.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
@@ -41,7 +40,7 @@ import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../shared-utils/animationFrame/index.js";
-class ve extends S {
+class pe extends S {
   constructor(e) {
     super(e);
     m(this, "tags", []);
@@ -408,5 +407,5 @@ class ve extends S {
   }
 }
 export {
-  ve as TagComputer
+  pe as TagComputer
 };

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

@@ -6,8 +6,6 @@ import { Object3D } from 'three';
 import { TagComputer } from './TagComputer';
 export declare const pluginFlag: (name: string) => string;
 declare class PanoTagPluginController extends TagComputer {
-    /** 版本号 */
-    version: string;
     /** state */
     state: {
         enabled: boolean;

package/libs/PanoTagPlugin/controller/index.js

@@ -1,15 +1,15 @@
-var B = Object.defineProperty, G = Object.defineProperties;
-var x = 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 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 = {}))
-    N.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]);
+    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]);
   return h;
-}, T = (h, d) => G(h, x(d));
+}, 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) => {
   var s = (n) => {
@@ -27,27 +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 W } from "@realsee/five";
+import { Group as E, Vector3 as A, Matrix4 as S, Quaternion as z } 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 _ } from "../../vendor/svelte/store/index.js";
+import $ from "../Components/TagContainer.js";
+import q 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 H } 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 { isMediaModelTag as m } from "../utils/tag/tagCheck.js";
+import { waitFiveModelLoaded as J } from "../utils/actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as Q } from "../utils/normalPositionToPositions.js";
 import { debounce as j } from "../utils/debounce.js";
-import { throttle as K } 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 { loadGLTF as te } from "../../shared-utils/three/GLTFLoader.js";
+import { throttle as X } 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 { loadGLTF as ee } from "../../shared-utils/three/GLTFLoader.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/TagItem.js";
 import "../utils/noTypecheck.js";
@@ -140,18 +139,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 {
+import "@realsee/five/gltf-loader";
+const M = "DnalogelPlugin-PanoTagPlugin", te = !1, di = (h) => `${M}--${h}`;
+class li extends K {
   constructor(e, t) {
     super(e);
-    l(this, "version", V);
     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", _({
       currentMediaElement: null
     }));
     l(this, "group", new E());
@@ -173,12 +172,12 @@ class hi extends Y {
     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* () {
@@ -186,7 +185,7 @@ class hi extends Y {
       const t = e.data.modelUrl;
       if (!t)
         return;
-      const i = te(t).then((a) => Object.assign(a.scene, { customID: e.id, isTagModel: !0 }));
+      const i = ee(t).then((a) => Object.assign(a.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)))
@@ -195,7 +194,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, 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);
   }
   load(e, t) {
     return c(this, null, function* () {
@@ -207,7 +206,7 @@ class hi extends Y {
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          J(this.five, this.tags);
+          H(this.five, this.tags);
         } catch (r) {
           console.error(r);
         }
@@ -219,13 +218,13 @@ class hi extends Y {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
         const r = this.getTagConfig(o);
         return T(p({}, o), {
-          state: p({ visible: void 0, unfolded: ie }, r.initialState),
-          hooks: new z(),
+          state: p({ visible: void 0, unfolded: te }, r.initialState),
+          hooks: new W(),
           clickable: r.clickable,
           mergedConfig: r
         });
       }).filter((o) => o.position);
-      return s.forEach(ee), this.tags.push(...s), Q(this.five).then(() => {
+      return s.forEach(Z), this.tags.push(...s), J(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);
       });
@@ -286,9 +285,11 @@ class hi extends Y {
     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);
@@ -315,13 +316,13 @@ class hi extends Y {
     this.mediaStore.set({ currentMediaElement: null });
   }
   updateTagCss3DObjectMatrix(e, t) {
-    var D, w, O, R;
-    const i = (O = (w = (D = e.mergedConfig) == null ? void 0 : D.tag3DConfig) == null ? void 0 : w.ratio) != null ? O : 216e-5, s = (R = e.tag3DContentSvelte) == null ? void 0 : R.domContainer.css3DObject;
+    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;
     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]), a = new A().fromArray(o[2]), f = new A().lerpVectors(n, a, 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);
@@ -362,9 +363,9 @@ class hi extends Y {
     });
   }
   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), a = 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", a), 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", a), t.off("click", f), this.store.eventListenerDisposer = void 0;
     };
   }
   loadVideoFirstFrame() {
@@ -385,12 +386,12 @@ class hi extends Y {
       !this.state.enabled || (this.show(), this.updateRenderAllTags());
     }, i = () => {
       !this.state.enabled || this.hide();
-    }, { observe: s, unobserve: o } = I(
-      K(() => {
+    }, { observe: s, unobserve: o } = U(
+      X(() => {
         !this.store.resizeObserverDisposer || i();
       }, 500),
       e
-    ), { observe: r, unobserve: n } = I(
+    ), { observe: r, unobserve: n } = U(
       j(() => t(), 400),
       e
     );
@@ -400,7 +401,7 @@ class hi extends Y {
   }
   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() {
@@ -477,7 +478,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 }
       });
@@ -485,8 +486,8 @@ class hi extends Y {
   }
   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, a, f;
+      if (m(t) && ((n = t.model) == null ? void 0 : n.object) && this.updateTagCss3DObjectMatrix(t, (a = t.model) == null ? void 0 : a.object), t.tag3DContentSvelte) {
         const { svelteApp: g, domContainer: y, initialNormal: b, currentNormal: u } = t.tag3DContentSvelte;
         if (this.updateTagCss3DObjectVisible(t), g.$set({
           tag: t,
@@ -494,16 +495,16 @@ class hi extends Y {
           state: this.state,
           temporaryState: this.temporaryState
         }), !b.equals(u)) {
-          const D = new _().setFromUnitVectors(b, u);
+          const D = new z().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 = Z(this.five)), t.stickType === "3DPoint" && !t.normal)
+      if (this.css3DRenderPlugin || (this.css3DRenderPlugin = Y(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 : m(t) ? t.data.mediaPosition : Q(
         this.five.camera.position,
         C(t.position),
         C(t.normal)
@@ -522,7 +523,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 q({
           target: r.container,
           props: {
             tag: t,
@@ -540,7 +541,7 @@ class hi extends Y {
   }
   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;
@@ -564,7 +565,7 @@ class hi extends Y {
   }
   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();
     });
   }
@@ -574,7 +575,7 @@ class hi extends Y {
   }
 }
 export {
-  hi as PanoTagPluginController,
-  hi as default,
-  li as pluginFlag
+  li as PanoTagPluginController,
+  li as default,
+  di as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,6 +1,5 @@
 import t from "./controller/index.js";
 import { default as ur, pluginFlag as Tr } from "./controller/index.js";
-import "@realsee/five/gltf-loader";
 import { ContentType as xr } from "./typings/tag/TagData.js";
 import { DimensionType as Cr, PointType as dr } from "./typings/tag/Utils.js";
 import "@realsee/five";
@@ -115,6 +114,7 @@ import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "./utils/tag/format.js";
 import "../shared-utils/three/GLTFLoader.js";
+import "@realsee/five/gltf-loader";
 const gr = (o, r) => new t(o, r);
 export {
   xr as ContentType,

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
+};