@realsee/dnalogel 3.41.7 → 3.42.0-alpha-tag.0

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

@@ -65,7 +65,7 @@ export declare abstract class TagRender extends TagComputer {
     /**
      * @description 一个点的标签
      */
-    protected setPointTagPosition(tag?: TagInstance | TagInstance[]): void;
+    protected setPointTagPosition: (tag?: TagInstance | TagInstance[]) => void;
     /**
      * @description 渲染单个点的标签
      */

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,15 +1,15 @@
-var I = Object.defineProperty;
+var V = Object.defineProperty;
 var j = Object.getOwnPropertySymbols;
-var x = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var C = (u, l, e) => l in u ? I(u, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[l] = e, k = (u, l) => {
+var I = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var C = (u, l, e) => l in u ? V(u, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[l] = e, k = (u, l) => {
   for (var e in l || (l = {}))
-    x.call(l, e) && C(u, e, l[e]);
+    I.call(l, e) && C(u, e, l[e]);
   if (j)
     for (var e of j(l))
       O.call(l, e) && C(u, e, l[e]);
   return u;
 };
-var h = (u, l, e) => (C(u, typeof l != "symbol" ? l + "" : l, e), e);
+var c = (u, l, e) => (C(u, typeof l != "symbol" ? l + "" : l, e), e);
 var M = (u, l, e) => new Promise((o, t) => {
   var i = (s) => {
     try {
@@ -102,7 +102,6 @@ import "../../vendor/svelte/easing/index.js";
 import "../Components/Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
 import "../utils/px2rem.js";
-import "../../vendor/classnames/index.js";
 import "../Components/Tag/TextTag/index.js";
 import "../Components/Tag/TextTag/TextTag.js";
 import "../Components/Common/Line/Straight.js";
@@ -163,31 +162,32 @@ import "../Components/Tag/MediaPlane.js";
 import "../Components/Tag/LinkTag.js";
 import "../Components/Tag/PanoramaTag.js";
 import "../Components/Tag/CustomTag.js";
+import "../../vendor/classnames/index.js";
 import "@realsee/five/gltf-loader";
 const B = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
 class Si extends E {
   constructor(e) {
     super(e);
-    h(this, "rendererMap", /* @__PURE__ */ new Map());
-    h(this, "contentTypeMap", /* @__PURE__ */ new Map());
-    h(this, "group", new R());
-    h(this, "imagePlaneGroup", new R());
-    h(this, "gltfObjectGroup", new R());
+    c(this, "rendererMap", /* @__PURE__ */ new Map());
+    c(this, "contentTypeMap", /* @__PURE__ */ new Map());
+    c(this, "group", new R());
+    c(this, "imagePlaneGroup", new R());
+    c(this, "gltfObjectGroup", new R());
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
-    h(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    c(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     /** 临时状态 */
-    h(this, "temporaryState", { visible: !0 });
+    c(this, "temporaryState", { visible: !0 });
     /** 点标签 */
-    h(this, "TagContainerSvelte");
+    c(this, "TagContainerSvelte");
     /**
      * @description 渲染3D贴片
      */
-    h(this, "updateRender3DDomTag", (e) => {
+    c(this, "updateRender3DDomTag", (e) => {
       (e ? v(e) : this.filterCSS3DTag).forEach((t) => {
         var i, r, n, s, a;
         if (t.tag3DContentSvelte) {
-          const { svelteApp: c, css3DInstance: m, initialNormal: f, currentNormal: d } = t.tag3DContentSvelte;
-          if ((r = m == null ? void 0 : m.css3DObject) == null || r.setVisible((this.state.visible && ((i = t.state) == null ? void 0 : i.visible)) !== !1), c.$set({ tag: t, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !f.equals(d)) {
+          const { svelteApp: h, css3DInstance: m, initialNormal: f, currentNormal: d } = t.tag3DContentSvelte;
+          if ((r = m == null ? void 0 : m.css3DObject) == null || r.setVisible((this.state.visible && ((i = t.state) == null ? void 0 : i.visible)) !== !1), h.$set({ tag: t, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !f.equals(d)) {
             const p = new G().setFromUnitVectors(f, d);
             m.css3DObject.setRotationFromQuaternion(p);
           }
@@ -197,8 +197,8 @@ class Si extends E {
             return;
           if (t.stickType === "3DPoint" && !t.normal)
             return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
-          const c = this.getPositions(t);
-          if (!c)
+          const h = this.getPositions(t);
+          if (!h)
             return;
           const m = this.getTagNormal(t);
           if (!m)
@@ -210,14 +210,14 @@ class Si extends E {
             d.container.style.backgroundColor = P, d.container.style.border = `3px solid ${P}`, this.css3DRenderPlugin.hooks.on("render", () => {
               var b;
               if (p.css3DObject.opacityMesh && f.clickable !== !1) {
-                const A = this.addObjectClickHandler(t, p.css3DObject.opacityMesh, (V) => {
-                  this.hooks.emit("click", { event: V, target: "TagContent", tag: t });
+                const A = this.addObjectClickHandler(t, p.css3DObject.opacityMesh, (x) => {
+                  this.hooks.emit("click", { event: x, target: "TagContent", tag: t });
                 });
                 (b = this.store.css3DRenderDisposer.get(t.id)) == null || b.push(A);
               }
             });
           }
-          const p = this.css3DRenderPlugin.create3DDomContainer(c, d);
+          const p = this.css3DRenderPlugin.create3DDomContainer(h, d);
           if (!p)
             return;
           this.store.css3DRenderDisposer.set(t.id, [p.dispose]);
@@ -245,15 +245,39 @@ class Si extends E {
         }
       }), this.clearUnusedPanelTag();
     });
+    /**
+     * @description 一个点的标签
+     */
+    c(this, "setPointTagPosition", (e) => {
+      const o = e ? v(e) : this.filterPointTag;
+      o.length !== 0 && o.forEach((t) => {
+        var s;
+        const i = this.getCurrentVisibleState(t), r = (s = t.__Object__) != null ? s : {
+          timeoutId: void 0,
+          inAnimation: !1
+        };
+        if (t.__Object__ = r, !i && t.screenPosition ? (r.inAnimation = !0, r.timeoutId = setTimeout(() => {
+          requestAnimationFrame(() => {
+            this.getCurrentVisibleState(t) || (r.inAnimation = !1, t.screenPosition = null, this.updateDomView());
+          });
+        }, 1e3)) : r.timeoutId && (clearTimeout(r.timeoutId), r.inAnimation = !1, r.timeoutId = void 0), !i && !r.inAnimation)
+          return;
+        const n = this.getTagProject(t);
+        n ? t.screenPosition = {
+          leftPx: (n.x + 1) / 2 * this.renderWidthPx,
+          topPx: (-n.y + 1) / 2 * this.renderHeightPx
+        } : t.screenPosition = null;
+      });
+    });
     /**
      * @description 渲染单个点的标签
      */
-    h(this, "updateRenderPointTag", (e) => {
+    c(this, "updateRenderPointTag", (e) => {
       const o = e ? v(e) : this.filterPointTag;
       this.setTagZIndex(o), this.setPointTagPosition(), $("updateDomView", this.updateDomView)();
     });
     /** 加载外部模型 */
-    h(this, "loadModel", (e) => M(this, null, function* () {
+    c(this, "loadModel", (e) => M(this, null, function* () {
       var n;
       const o = e.data.modelUrl;
       if (!o)
@@ -290,7 +314,7 @@ class Si extends E {
       }
       return this.gltfObjectGroup.add(i), i;
     }));
-    h(this, "updateDomView", (e = {}) => {
+    c(this, "updateDomView", (e = {}) => {
       var t;
       const o = this.filterPointTag.filter((i) => i.state.visible);
       if (this.TagContainerSvelte)
@@ -366,8 +390,8 @@ class Si extends E {
       const { url: r } = i;
       if (!r)
         return;
-      const n = this.getCurrentVisibleState(t), s = (() => !!(t.mediaPlane && !n))(), a = (() => !!(!t.mediaPlane && n))(), c = (() => !!(t.mediaPlane && t.mediaPlane.src !== r))();
-      if ((s || c) && t.mediaPlane && (this.imagePlaneGroup.remove(t.mediaPlane), t.mediaPlane.dispose(), t.mediaPlane.removeFromParent(), t.mediaPlane = void 0), a || c) {
+      const n = this.getCurrentVisibleState(t), s = (() => !!(t.mediaPlane && !n))(), a = (() => !!(!t.mediaPlane && n))(), h = (() => !!(t.mediaPlane && t.mediaPlane.src !== r))();
+      if ((s || h) && t.mediaPlane && (this.imagePlaneGroup.remove(t.mediaPlane), t.mediaPlane.dispose(), t.mediaPlane.removeFromParent(), t.mediaPlane = void 0), a || h) {
         const f = t.position.map(S), d = new q(r, f, {
           videoCoverSrc: i.videoCoverUrl,
           playButton: t.data.playIcon,
@@ -396,8 +420,8 @@ class Si extends E {
       const { url: i } = t.data.mediaData[0];
       if (!i)
         return;
-      const r = t.position.map(S), n = this.getCurrentVisibleState(t), s = (() => !!(t.mediaPlane && !n))(), a = (() => !!(!t.mediaPlane && n))(), c = (() => !!(t.mediaPlane && t.mediaPlane.src !== i))();
-      (s || c) && t.mediaPlane && (this.imagePlaneGroup.remove(t.mediaPlane), t.mediaPlane.dispose(), t.mediaPlane.removeFromParent(), t.mediaPlane = void 0), (a || c) && (t.mediaPlane = new w(i, r, { objectFit: t.data.objectFit }), this.getTagConfig(t).clickable !== !1 && this.domEvents.addAutoBindEventListener(
+      const r = t.position.map(S), n = this.getCurrentVisibleState(t), s = (() => !!(t.mediaPlane && !n))(), a = (() => !!(!t.mediaPlane && n))(), h = (() => !!(t.mediaPlane && t.mediaPlane.src !== i))();
+      (s || h) && t.mediaPlane && (this.imagePlaneGroup.remove(t.mediaPlane), t.mediaPlane.dispose(), t.mediaPlane.removeFromParent(), t.mediaPlane = void 0), (a || h) && (t.mediaPlane = new w(i, r, { objectFit: t.data.objectFit }), this.getTagConfig(t).clickable !== !1 && this.domEvents.addAutoBindEventListener(
         t.mediaPlane,
         "click",
         (m) => {
@@ -443,7 +467,7 @@ class Si extends E {
     if (!r || r.length !== 4 || !Array.isArray(r[0]) || !Array.isArray(r[2]))
       return;
     o.updateWorldMatrix(!1, !1);
-    const n = o.matrixWorld, s = new D().fromArray(r[0]), a = new D().fromArray(r[2]), c = U(s, a).add(new D(0, 0, 5e-4)), m = new g().setPosition(c), f = new g().makeScale(t, t, t), d = new g().multiply(n).multiply(m).multiply(f);
+    const n = o.matrixWorld, s = new D().fromArray(r[0]), a = new D().fromArray(r[2]), h = U(s, a).add(new D(0, 0, 5e-4)), m = new g().setPosition(h), f = new g().makeScale(t, t, t), d = new g().multiply(n).multiply(m).multiply(f);
     d.decompose(i.position, i.quaternion, i.scale);
     const p = i.opacityMesh;
     p && d.decompose(p.position, p.quaternion, p.scale);
@@ -455,27 +479,6 @@ class Si extends E {
       yield Promise.all(o), this.setVisible(), this.updateRenderAllTags();
     });
   }
-  /**
-   * @description 一个点的标签
-   */
-  setPointTagPosition(e) {
-    const o = e ? v(e) : this.filterPointTag;
-    o.length !== 0 && o.forEach((t) => {
-      var s;
-      const i = this.getCurrentVisibleState(t), r = (s = t.__Object__) != null ? s : {
-        timeoutId: void 0,
-        inAnimation: !1
-      };
-      if (t.__Object__ = r, !i && t.screenPosition ? (r.inAnimation = !0, r.timeoutId = setTimeout(() => {
-        requestAnimationFrame(() => {
-          this.getCurrentVisibleState(t) || (r.inAnimation = !1, t.screenPosition = null, this.updateDomView());
-        });
-      }, 1e3)) : r.timeoutId && (clearTimeout(r.timeoutId), r.inAnimation = !1, r.timeoutId = void 0), !i && !r.inAnimation)
-        return;
-      const n = this.getTagProject(t);
-      n ? t.screenPosition = { leftPercent: (n.x + 1) / 2 * 100, topPercent: (-n.y + 1) / 2 * 100 } : t.screenPosition = null;
-    });
-  }
   updateTagContainerVisible() {
     var e;
     (e = this.TagContainerSvelte) == null || e.$set({

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

@@ -8,6 +8,8 @@ import type { Mode } from '@realsee/five';
 import { FiveDomEvents } from '../../shared-utils/five/FiveDomEvents';
 export declare abstract class TagUtil extends TagCache {
     tags: TagInstance[];
+    renderWidthPx?: number;
+    renderHeightPx?: number;
     get container(): Element;
     set container(container: Element);
     config: Pick<Tags, 'globalConfig' | 'contentTypeConfig'>;

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -12,10 +12,10 @@ var k = (l, s, e) => s in l ? q(l, s, { enumerable: !0, configurable: !0, writab
 }, V = (l, s) => K(l, Q(s));
 var f = (l, s, e) => (k(l, typeof s != "symbol" ? s + "" : s, e), e);
 import { defaultGlobalConfig as ie } from "../typings/tag/TagConfig.js";
-import { objectAssignDeepExports as y } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import { objectAssignDeepExports as P } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 import * as U from "three";
 import { DefaultConfig as te } from "../tag.config.js";
-import { anyPositionToVector3 as P } from "../../shared-utils/positionToVector3.js";
+import { anyPositionToVector3 as y } from "../../shared-utils/positionToVector3.js";
 import { planeNormal as E } from "../utils/planeNormal.js";
 import { getTagCenterPosition as B } from "../utils/tagPosition.js";
 import { normalPositionToPositions as oe } from "../utils/normalPositionToPositions.js";
@@ -28,11 +28,11 @@ import { isMediaPlaneTag as ce, isMediaModelTag as N, isPlaneTag as le, isPoint3
 import { VideoPlane as ue } from "../utils/model/mediaPlane.js";
 import { FiveDomEvents as me } from "../../shared-utils/five/FiveDomEvents.js";
 import z from "../utils/tag/adaptConfig.js";
-import { isPanoramaLike as S, isModelLike as $ } from "../../shared-utils/five/mode.js";
+import { isPanoramaLike as S, isModelLike as H } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "animejs";
-import { entries as H } from "../../shared-utils/typescript/entries.js";
+import { entries as $ } from "../../shared-utils/typescript/entries.js";
 import { getUrlExt as J } from "../../shared-utils/url/getUrl.js";
 import { transformPosition as G } from "../../shared-utils/five/transformPosition.js";
 import "../../shared-utils/three/centerPoint.js";
@@ -72,6 +72,8 @@ class Ti extends ne {
   constructor(e) {
     super(e);
     f(this, "tags", []);
+    f(this, "renderWidthPx");
+    f(this, "renderHeightPx");
     f(this, "config", te);
     /** 插件参数 */
     f(this, "params");
@@ -187,7 +189,7 @@ class Ti extends ne {
       const o = this.getTagConfig(e);
       if (e.config = o, e.config.initialData) {
         const n = JSON.parse(JSON.stringify(e.data));
-        e.data = (t = o.initialData) != null && t.important ? y(e.data, n, o.initialData) : y(e.data, o.initialData, n);
+        e.data = (t = o.initialData) != null && t.important ? P(e.data, n, o.initialData) : P(e.data, o.initialData, n);
       }
     });
   }
@@ -245,7 +247,7 @@ class Ti extends ne {
       const n = this.workUtil.getObserverPosition(o);
       if (n === void 0)
         throw new Error(`getAngle(): observerPosition is ${n}`);
-      const r = (() => e.stickType === "3DPoint" ? P(e.normal) : E(e.position))();
+      const r = (() => e.stickType === "3DPoint" ? y(e.normal) : E(e.position))();
       if (!r)
         return;
       const a = B(e);
@@ -272,7 +274,7 @@ class Ti extends ne {
       const g = d.distanceTo(a);
       return r && (r.distance = g), g;
     }
-    if ($(n))
+    if (H(n))
       return this.five.camera.position.distanceTo(a);
   }
   getPositions(e) {
@@ -281,7 +283,7 @@ class Ti extends ne {
     if (N(e))
       return e.data.mediaPosition;
     if (de(e))
-      return oe(this.five.camera.position, P(e.position), P(e.normal));
+      return oe(this.five.camera.position, y(e.position), y(e.normal));
   }
   addObjectClickHandler(e, i, o) {
     if (!i || !this.domEvents)
@@ -299,7 +301,7 @@ class Ti extends ne {
   }
   getTagNormal(e) {
     if (e.normal)
-      return P(e.normal);
+      return y(e.normal);
     if (e.stickType === "Plane")
       return E(e.position);
     if (e.stickType === "Model")
@@ -309,7 +311,7 @@ class Ti extends ne {
     if (!e)
       return;
     const i = this.workUtil.transform;
-    return Array.isArray(e) && e.length === 4 ? e.map(P).map((o) => G(o, i)) : G(P(e), i);
+    return Array.isArray(e) && e.length === 4 ? e.map(y).map((o) => G(o, i)) : G(y(e), i);
   }
   getTransformedMatrix(e) {
     const i = new U.Matrix4().fromArray(e);
@@ -326,20 +328,20 @@ class Ti extends ne {
    * @description 获取merge后的配置
    */
   calculateTagConfig(e, i) {
-    var w, A, x, O, I;
+    var w, x, A, O, I;
     const o = (w = i == null ? void 0 : i.useCache) != null ? w : !0;
     if (!e)
-      return (A = this.config.globalConfig) != null ? A : {};
+      return (x = this.config.globalConfig) != null ? x : {};
     if (o) {
-      if ((x = e == null ? void 0 : e.computedConfig) != null && x._isMerged)
+      if ((A = e == null ? void 0 : e.computedConfig) != null && A._isMerged)
         return e.computedConfig;
       if ((O = e == null ? void 0 : e.config) != null && O._isMerged)
         return e.config;
     }
     const t = {}, n = {}, r = {};
     this.config.contentTypeConfig && Object.entries(this.config.contentTypeConfig).forEach(([u, m]) => {
-      var W, R;
-      const c = u, _ = c.split("-"), j = u.startsWith("["), T = j ? _[0].slice(1, -1) : void 0, h = j ? _.slice(1) : _, v = T ? ["PanoramaLike", "ModelLike"].includes(T) ? (W = n[T]) != null ? W : n[T] = {} : (R = r[T]) != null ? R : r[T] = {} : t;
+      var j, R;
+      const c = u, _ = c.split("-"), W = u.startsWith("["), T = W ? _[0].slice(1, -1) : void 0, h = W ? _.slice(1) : _, v = T ? ["PanoramaLike", "ModelLike"].includes(T) ? (j = n[T]) != null ? j : n[T] = {} : (R = r[T]) != null ? R : r[T] = {} : t;
       if (!v[c]) {
         if (h.length === 0 && (v[c] = m), h.length === 1) {
           const [p] = h;
@@ -358,14 +360,14 @@ class Ti extends ne {
         }
       }
     });
-    const a = (I = e.initialConfig) != null ? I : {}, d = y({}, ie, this.config.globalConfig, ...Object.values(t)), g = y({}, d, a), C = {}, X = Object.values(ae.Mode);
-    H(n).forEach(([u, m]) => {
+    const a = (I = e.initialConfig) != null ? I : {}, d = P({}, ie, this.config.globalConfig, ...Object.values(t)), g = P({}, d, a), C = {}, X = Object.values(ae.Mode);
+    $(n).forEach(([u, m]) => {
       X.forEach((c) => {
-        (u === "PanoramaLike" && S(c) || u === "ModelLike" && $(c)) && (C[c] = y({}, d, ...Object.values(m), a, { _isMerged: !0 }));
+        (u === "PanoramaLike" && S(c) || u === "ModelLike" && H(c)) && (C[c] = P({}, d, ...Object.values(m), a, { _isMerged: !0 }));
       });
-    }), H(r).forEach(([u, m]) => {
+    }), $(r).forEach(([u, m]) => {
       const c = C[u];
-      C[u] = y({}, d, c, ...Object.values(m), a, { _isMerged: !0 });
+      C[u] = P({}, d, c, ...Object.values(m), a, { _isMerged: !0 });
     });
     const b = V(D({}, g), { configWithFiveMode: C });
     return z(b), Object.values(C).forEach((u) => z(u)), b._isMerged = !0, b;

package/libs/PanoTagPlugin/controller/index.js

@@ -1,31 +1,31 @@
-var k = Object.defineProperty, F = Object.defineProperties;
-var E = Object.getOwnPropertyDescriptors;
+var V = Object.defineProperty, k = Object.defineProperties;
+var F = Object.getOwnPropertyDescriptors;
 var P = Object.getOwnPropertySymbols;
 var M = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var y = (d, a, e) => a in d ? k(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, c = (d, a) => {
-  for (var e in a || (a = {}))
-    M.call(a, e) && y(d, e, a[e]);
+var y = (l, h, e) => h in l ? V(l, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[h] = e, c = (l, h) => {
+  for (var e in h || (h = {}))
+    M.call(h, e) && y(l, e, h[e]);
   if (P)
-    for (var e of P(a))
-      O.call(a, e) && y(d, e, a[e]);
-  return d;
-}, T = (d, a) => F(d, E(a));
-var f = (d, a, e) => (y(d, typeof a != "symbol" ? a + "" : a, e), e);
-var g = (d, a, e) => new Promise((t, i) => {
+    for (var e of P(h))
+      O.call(h, e) && y(l, e, h[e]);
+  return l;
+}, T = (l, h) => k(l, F(h));
+var f = (l, h, e) => (y(l, typeof h != "symbol" ? h + "" : h, e), e);
+var g = (l, h, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
       n(e.next(r));
-    } catch (h) {
-      i(h);
+    } catch (a) {
+      i(a);
     }
   }, o = (r) => {
     try {
       n(e.throw(r));
-    } catch (h) {
-      i(h);
+    } catch (a) {
+      i(a);
     }
   }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
-  n((e = e.apply(d, a)).next());
+  n((e = e.apply(l, h)).next());
 });
 import * as C from "three";
 import { Subscribe as _ } from "@realsee/five";
@@ -35,21 +35,21 @@ import { arrayPositionToVector3 as w } from "../../shared-utils/positionToVector
 import { isMediaModelTag as L, isModelTag as G } from "../utils/tag/tagCheck.js";
 import { debounce as N } from "../utils/debounce.js";
 import { throttle as S } from "../utils/throttle.js";
-import x, { getTagStickType as z } from "../utils/tag/format.js";
-import { generateBlankAudio as W, AudioNamespace as $ } from "../../shared-utils/audio.js";
+import x, { getTagStickType as W } from "../utils/tag/format.js";
+import { generateBlankAudio as z, AudioNamespace as $ } from "../../shared-utils/audio.js";
 import { resizeObserver as U } from "../../shared-utils/dom/resizeObserver.js";
-import { TagRender as j } from "./TagRender.js";
-import { uuid as J } from "../../shared-utils/uuid.js";
-import { isModelLike as q } from "../../shared-utils/five/mode.js";
+import { TagRender as H } from "./TagRender.js";
+import { uuid as j } from "../../shared-utils/uuid.js";
+import { isModelLike as J } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { waitFiveModelLoaded as H } from "../../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as q } from "../../shared-utils/five/fiveModelLoad.js";
 import { blink as Q, reblink as Y } from "../../shared-utils/three/blink.js";
 import { tweenProgress as Z } from "../../shared-utils/animationFrame/BetterTween.js";
 import { DebugUtil as K } from "../utils/DebugUtil.js";
-import { safeObj as I } from "../../shared-utils/safeObj.js";
+import { safeObj as E } from "../../shared-utils/safeObj.js";
 import { sleep as X } from "../../CruisePlugin/utils/sleep.js";
 import "./TagComputer.js";
 import "../utils/tagPosition.js";
@@ -175,8 +175,8 @@ import "../Components/Common/TagPoint.js";
 import "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/animationFrame/index.js";
-const B = "Dnalogel-PanoTagPlugin", xi = (d) => `${B}--${d}`;
-class zi extends j {
+const I = "Dnalogel-PanoTagPlugin", xi = (l) => `${I}--${l}`;
+class Wi extends H {
   constructor(e, t) {
     super(e);
     /** state */
@@ -256,16 +256,16 @@ class zi extends j {
         var t;
         return (t = this.getTagConfig(e).modelConfig) == null ? void 0 : t.autoLookAtEnabled;
       }).forEach((e) => {
-        var h;
-        const t = new C.Mesh(new C.BoxGeometry(), new C.MeshBasicMaterial()), i = (h = e.model) == null ? void 0 : h.object;
+        var a;
+        const t = new C.Mesh(new C.BoxGeometry(), new C.MeshBasicMaterial()), i = (a = e.model) == null ? void 0 : a.object;
         if (!i)
           return;
         t.position.copy(i.position), t.quaternion.copy(i.quaternion);
         const s = this.five.camera.position;
         t.lookAt(s.clone().setY(t.position.y));
         const o = i.quaternion.clone(), n = t.quaternion.clone(), r = Z();
-        r.onUpdate(({ progress: l }) => {
-          i.quaternion.copy(o.clone().slerp(n, l));
+        r.onUpdate(({ progress: d }) => {
+          i.quaternion.copy(o.clone().slerp(n, d));
         }), r.play();
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
     }));
@@ -274,9 +274,9 @@ class zi extends j {
       this.setVisible(), this.updateRenderAllTags();
     });
     f(this, "onFiveEveryReady", () => {
-      this.setUnfoldedByCamera(), q(this.five.getCurrentState().mode) && (this.setTagZIndex(this.filterPointTag), this.setVisible(), this.setPointTagPosition()), this.updateDomView({ withAnimation: !0 });
+      this.setUnfoldedByCamera(), J(this.five.getCurrentState().mode) && (this.setTagZIndex(this.filterPointTag), this.setVisible(), this.setPointTagPosition()), this.updateDomView({ withAnimation: !0 });
     });
-    this.params = m({}, { debug: !1, config: this.config }, c({}, t)), this.debug = this.params.debug, this.config = this.params.config, W(1, { namespace: $.PlayAudio });
+    this.params = m({}, { debug: !1, config: this.config }, c({}, t)), this.debug = this.params.debug, this.config = this.params.config, z(1, { namespace: $.PlayAudio });
     try {
       Array.isArray(window.__PANOTAGPLUGIN_DEBUG_LIST__) || (window.__PANOTAGPLUGIN_DEBUG_LIST__ = []), window.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), window.__PANOTAGPLUGIN_DEBUG__ || Object.defineProperty(window, "__PANOTAGPLUGIN_DEBUG__", {
         get: function() {
@@ -298,7 +298,7 @@ class zi extends j {
   load(e, t) {
     return g(this, null, function* () {
       var s, o;
-      this.clearTags(), console.debug(B, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = m({}, this.config, {
+      this.clearTags(), console.debug(I, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = m({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       }), this.store.visibleWithAnimation = !0;
@@ -319,29 +319,29 @@ class zi extends j {
     return g(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
         var b, v, D, A;
-        o.stickType = z(o);
+        o.stickType = W(o);
         const n = JSON.parse(JSON.stringify(o.data)), r = (b = o.initialConfig) != null ? b : o.config ? JSON.parse(JSON.stringify(o.config)) : {};
         o.initialConfig = r;
-        const h = this.calculateTagConfig(o), l = this.getTagConfig(o);
-        o.config = l;
+        const a = this.calculateTagConfig(o), d = this.getTagConfig(o);
+        o.config = d;
         const p = T(c({}, o), {
           enabled: (v = o.enabled) != null ? v : !0,
-          id: (D = o.id) != null ? D : J(),
-          data: (A = l.initialData) != null && A.important ? m(o.data, n, l.initialData) : m(o.data, l.initialData, n),
+          id: (D = o.id) != null ? D : j(),
+          data: (A = d.initialData) != null && A.important ? m(o.data, n, d.initialData) : m(o.data, d.initialData, n),
           state: c({
             visible: void 0,
             unfolded: !this.can("fold", o)
-          }, l.initialState),
+          }, d.initialState),
           hooks: new _(),
           originPosition: o.position,
           position: (() => {
             const u = this.getTransformedPostion(o.position);
-            return Array.isArray(u) ? u.map((V) => V.toArray()) : u.toArray();
+            return Array.isArray(u) ? u.map((B) => B.toArray()) : u.toArray();
           })(),
           matrix: o.matrix ? this.getTransformedMatrix(o.matrix) : o.matrix,
           initialConfig: r,
-          computedConfig: h,
-          config: l,
+          computedConfig: a,
+          config: d,
           unfold: () => this.changeUnfoldedById(p.id, !0),
           fold: () => this.changeUnfoldedById(p.id, !1),
           enable: () => this.changeEnabledById(p.id, !0),
@@ -353,9 +353,9 @@ class zi extends j {
         });
         return p;
       });
-      return s.forEach(x), this.tags.push(...s), this.tagsLengthWillUpdate = !0, H(this.five).then(() => g(this, null, function* () {
-        var o, n, r;
-        this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(s), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }), this.updateRenderAllTags();
+      return s.forEach(x), this.tags.push(...s), this.tagsLengthWillUpdate = !0, q(this.five).then(() => g(this, null, function* () {
+        var o, n, r, a, d;
+        this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.renderHeightPx || (this.renderHeightPx = (r = this.five.getElement()) == null ? void 0 : r.clientHeight, this.renderWidthPx = (a = this.five.getElement()) == null ? void 0 : a.clientWidth), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(s), this.setVisibleAndUnfolded({ withAnimation: (d = t == null ? void 0 : t.withAnimation) != null ? d : !0 }), this.updateRenderAllTags();
       }));
     });
   }
@@ -417,8 +417,8 @@ class zi extends j {
   dispose() {
     var e, t, i, s, o, n;
     this.tagsLengthWillUpdate = !0, this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((r) => {
-      var h;
-      return (h = r.tag3DContentSvelte) == null ? void 0 : h.svelteApp.$destroy();
+      var a;
+      return (a = r.tag3DContentSvelte) == null ? void 0 : a.svelteApp.$destroy();
     }), this.tags = [], (t = this.store.disposers) == null || t.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], (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.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.imagePlaneGroup.remove(...this.imagePlaneGroup.children), this.clearCache(), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
   }
   /**
@@ -428,11 +428,11 @@ class zi extends j {
    */
   blinkTagById(e, t) {
     return g(this, null, function* () {
-      var l, p;
+      var d, p;
       const i = this.getTagById(e);
       if (!i)
         return;
-      const s = (l = i.enabled) != null ? l : !0, o = (p = i.state) == null ? void 0 : p.visible, n = s && o;
+      const s = (d = i.enabled) != null ? d : !0, o = (p = i.state) == null ? void 0 : p.visible, n = s && o;
       n === !1 && (i.state.visible = !0, i.enabled = !0, this.setPointTagPosition(), this.updateTag(i), this.updateDomView(), yield X(0), i.dom && (i.dom.style.visibility = "hidden"), i.contentDom && (i.contentDom.style.visibility = "hidden"));
       const r = (() => {
         var v;
@@ -585,10 +585,11 @@ class zi extends j {
     }
   }
   addResizeObserver() {
-    if (!this.store.disposed)
+    if (this.store.disposed)
       return;
     const e = this.five.getElement(), t = () => {
-      this.state.enabled && (this.show(), this.updateRenderAllTags());
+      var a, d;
+      this.state.enabled && (this.renderWidthPx = (a = this.five.getElement()) == null ? void 0 : a.clientWidth, this.renderHeightPx = (d = this.five.getElement()) == null ? void 0 : d.clientHeight, this.show(), this.updateRenderPointTag());
     }, i = () => {
       this.state.enabled && this.hide();
     }, { observe: s, unobserve: o } = U(
@@ -611,22 +612,22 @@ class zi extends j {
       if (t.state && i !== void 0) {
         if (i === !0 && t.screenPosition) {
           const s = this.getTagConfig(t).unfoldedConfig;
-          I(s).keep !== "unfolded" && (e = !0);
+          E(s).keep !== "unfolded" && (e = !0);
         }
         t.state.unfolded = i;
       }
     }), e && this.filterPointTag.forEach((t) => {
       const i = this.getTagConfig(t).unfoldedConfig;
-      typeof i == "object" && (i.autoUnfold || i.autoUnfold === !1 || I(i.autoUnfold).enable === !1 || i.keep) || t.state && (t.state.unfolded = !1);
+      typeof i == "object" && (i.autoUnfold || i.autoUnfold === !1 || E(i.autoUnfold).enable === !1 || i.keep) || t.state && (t.state.unfolded = !1);
     });
   }
   changeTagMode(e, t) {
-    var i, s, o, n, r, h;
-    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : n.mode) !== t && ((r = e.config) != null && r.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.forEach((l) => l == null ? void 0 : l()), e.tag3DContentSvelte = void 0);
+    var i, s, o, n, r, a;
+    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : n.mode) !== t && ((r = e.config) != null && r.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (a = this.store.css3DRenderDisposer.get(e.id)) == null || a.forEach((d) => d == null ? void 0 : d()), e.tag3DContentSvelte = void 0);
   }
 }
 export {
-  zi as PanoTagPluginController,
-  zi as default,
+  Wi as PanoTagPluginController,
+  Wi as default,
   xi as pluginFlag
 };

package/libs/PanoTagPlugin/tag.config.js

@@ -15,6 +15,11 @@ const e = {
     }
   },
   contentTypeConfig: {
+    "[Panorama]": {
+      visibleConfig: {
+        visibleDistance: { max: 30 }
+      }
+    },
     "[Mapview]": {
       unfoldedConfig: {
         autoUnfold: {