@realsee/dnalogel 2.3.5-dev.3 → 2.3.5-dev.4

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

@@ -1,76 +1,76 @@
-import { SvelteComponent as A, init as F, safe_not_equal as M, append_styles as U, element as w, space as $, create_component as D, attr as y, set_style as u, toggle_class as _, insert as B, append as f, mount_component as I, listen as E, transition_in as R, transition_out as j, detach as G, destroy_component as q, getContext as H } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as M, init as U, safe_not_equal as B, append_styles as E, element as j, space as T, create_component as I, attr as w, set_style as g, toggle_class as y, insert as $, mount_component as R, append as _, listen as G, transition_in as q, transition_out as A, detach as P, destroy_component as F, getContext as H } from "../../../vendor/svelte/internal/index.js";
 import { Shadow as J } from "./Shadow.js";
 import { Icon as K } from "./Icon/Icon.js";
 import { Image_Default_Point as L } from "../../Assets/Icon.js";
 import { px2rem as b } from "../../utils/px2rem.js";
-function N(o) {
-  U(o, "svelte-u8kmhd", '@charset "UTF-8";.click-helper.svelte-u8kmhd.svelte-u8kmhd{position:absolute;pointer-events:auto;cursor:pointer;width:2.5rem;height:2.5rem;left:50%;top:50%;transform:translate(-50%, -50%)}.tag-point-wrapper.svelte-u8kmhd.svelte-u8kmhd{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1}.tag-folded-point.svelte-u8kmhd.svelte-u8kmhd,.tag-unfolded-point.svelte-u8kmhd.svelte-u8kmhd{transition:all 0.5s}.tag-point-wrapper.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd:after{content:"";position:absolute;width:0.3125rem;height:0.3125rem;border-radius:50%;background-color:white}.tag-point-wrapper.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd:before{content:"";position:absolute;width:0.875rem;height:0.875rem;border-radius:50%;background-color:rgba(0, 0, 0, 0.2)}.tag-point-wrapper.folded.svelte-u8kmhd .tag-folded-point.svelte-u8kmhd{opacity:1}.tag-point-wrapper.folded.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd{opacity:0}.tag-point-wrapper.unfolded.svelte-u8kmhd .tag-folded-point.svelte-u8kmhd{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-u8kmhd .tag-unfolded-point.svelte-u8kmhd{opacity:1;scale:1}');
+function N(n) {
+  E(n, "svelte-gna22j", '@charset "UTF-8";.tag-point-click-helper.svelte-gna22j.svelte-gna22j{position:absolute;pointer-events:auto;cursor:pointer;width:2.5rem;height:2.5rem;left:50%;top:50%;transform:translate(-50%, -50%)}.tag-point-wrapper.svelte-gna22j.svelte-gna22j{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1}.tag-folded-point.svelte-gna22j.svelte-gna22j,.tag-unfolded-point.svelte-gna22j.svelte-gna22j{transition:all 0.5s}.tag-point-wrapper.svelte-gna22j .tag-unfolded-point.svelte-gna22j{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-gna22j .tag-unfolded-point.svelte-gna22j:after{content:"";position:absolute;width:0.3125rem;height:0.3125rem;border-radius:50%;background-color:white}.tag-point-wrapper.svelte-gna22j .tag-unfolded-point.svelte-gna22j:before{content:"";position:absolute;width:0.875rem;height:0.875rem;border-radius:50%;background-color:rgba(0, 0, 0, 0.2)}.tag-point-wrapper.folded.svelte-gna22j .tag-folded-point.svelte-gna22j{opacity:1}.tag-point-wrapper.folded.svelte-gna22j .tag-unfolded-point.svelte-gna22j{opacity:0}.tag-point-wrapper.unfolded.svelte-gna22j .tag-folded-point.svelte-gna22j{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-gna22j .tag-unfolded-point.svelte-gna22j{opacity:1;scale:1}');
 }
-function O(o) {
-  let t, s, p, d, h, a, c, n, r, l, g, k;
+function O(n) {
+  let l, r, t, d, u, p, c, i, a, s, m, v;
   return d = new J({
     props: {
       center: !0,
       blurRadius: 12,
       spreadRadius: 5
     }
-  }), r = new K({
+  }), a = new K({
     props: {
-      icon: o[2],
-      width: o[1]
+      icon: n[2],
+      width: n[1]
     }
   }), {
     c() {
-      t = w("div"), s = w("div"), p = $(), D(d.$$.fragment), h = $(), a = w("div"), c = $(), n = w("div"), D(r.$$.fragment), y(s, "class", "click-helper svelte-u8kmhd"), y(a, "class", "tag-unfolded-point svelte-u8kmhd"), u(a, "transition-delay", (o[3] ? T : 0) + "ms"), y(n, "class", "tag-folded-point svelte-u8kmhd"), u(n, "transition-delay", (o[3] ? T : 0) + "ms"), y(t, "class", "tag-point-wrapper svelte-u8kmhd"), _(t, "unfolded", o[0]), _(t, "folded", o[3]), u(t, "width", b(o[1])), u(t, "height", b(o[1]));
+      l = j("div"), r = T(), t = j("div"), I(d.$$.fragment), u = T(), p = j("div"), c = T(), i = j("div"), I(a.$$.fragment), w(l, "class", "tag-point-click-helper svelte-gna22j"), w(p, "class", "tag-unfolded-point svelte-gna22j"), g(p, "transition-delay", (n[3] ? k : 0) + "ms"), w(i, "class", "tag-folded-point svelte-gna22j"), g(i, "transition-delay", (n[3] ? k : 0) + "ms"), w(t, "class", "tag-point-wrapper svelte-gna22j"), y(t, "unfolded", n[0]), y(t, "folded", n[3]), g(t, "width", b(n[1])), g(t, "height", b(n[1]));
     },
-    m(e, i) {
-      B(e, t, i), f(t, s), f(t, p), I(d, t, null), f(t, h), f(t, a), f(t, c), f(t, n), I(r, n, null), l = !0, g || (k = E(s, "click", o[4]), g = !0);
+    m(e, o) {
+      $(e, l, o), $(e, r, o), $(e, t, o), R(d, t, null), _(t, u), _(t, p), _(t, c), _(t, i), R(a, i, null), s = !0, m || (v = G(l, "click", n[4]), m = !0);
     },
-    p(e, [i]) {
-      i & 8 && u(a, "transition-delay", (e[3] ? T : 0) + "ms");
-      const m = {};
-      i & 4 && (m.icon = e[2]), i & 2 && (m.width = e[1]), r.$set(m), i & 8 && u(n, "transition-delay", (e[3] ? T : 0) + "ms"), (!l || i & 1) && _(t, "unfolded", e[0]), (!l || i & 8) && _(t, "folded", e[3]), i & 2 && u(t, "width", b(e[1])), i & 2 && u(t, "height", b(e[1]));
+    p(e, [o]) {
+      o & 8 && g(p, "transition-delay", (e[3] ? k : 0) + "ms");
+      const f = {};
+      o & 4 && (f.icon = e[2]), o & 2 && (f.width = e[1]), a.$set(f), o & 8 && g(i, "transition-delay", (e[3] ? k : 0) + "ms"), (!s || o & 1) && y(t, "unfolded", e[0]), (!s || o & 8) && y(t, "folded", e[3]), o & 2 && g(t, "width", b(e[1])), o & 2 && g(t, "height", b(e[1]));
     },
     i(e) {
-      l || (R(d.$$.fragment, e), R(r.$$.fragment, e), l = !0);
+      s || (q(d.$$.fragment, e), q(a.$$.fragment, e), s = !0);
     },
     o(e) {
-      j(d.$$.fragment, e), j(r.$$.fragment, e), l = !1;
+      A(d.$$.fragment, e), A(a.$$.fragment, e), s = !1;
     },
     d(e) {
-      e && G(t), q(d), q(r), g = !1, k();
+      e && P(l), e && P(r), e && P(t), F(d), F(a), m = !1, v();
     }
   };
 }
-const T = 800;
-function Q(o, t, s) {
-  let p, d, h, a;
+const k = 800;
+function Q(n, l, r) {
+  let t, d, u, p;
   const c = H("hooks");
-  let { tag: n } = t, r, l = !1;
-  const g = () => {
-    r !== void 0 && clearTimeout(r), l = !0, r = setTimeout(
+  let { tag: i } = l, a, s = !1;
+  const m = () => {
+    a !== void 0 && clearTimeout(a), s = !0, a = setTimeout(
       () => {
-        l = !1;
+        s = !1;
       },
       800
     );
-  }, k = (e) => {
-    l || c.emit("click", { event: e, target: "TagPoint", tag: n });
+  }, v = (e) => {
+    s || c.emit("click", { event: e, target: "TagPoint", tag: i });
   };
-  return o.$$set = (e) => {
-    "tag" in e && s(5, n = e.tag);
-  }, o.$$.update = () => {
-    var e, i, m, P;
-    o.$$.dirty & 32 && s(0, p = (e = n.state) == null ? void 0 : e.unfolded), o.$$.dirty & 1 && s(3, d = !p), o.$$.dirty & 32 && s(2, h = (m = (i = n.style) == null ? void 0 : i.point) != null && m.url ? (P = n.style) == null ? void 0 : P.point : { url: L }), o.$$.dirty & 32 && s(1, a = (() => {
-      var S, z, C;
-      const v = (C = (z = (S = n.style) == null ? void 0 : S.point) == null ? void 0 : z.size) != null ? C : "S";
-      return typeof v == "number" ? v : v === "S" ? 20 : v === "M" ? 24 : 20;
+  return n.$$set = (e) => {
+    "tag" in e && r(5, i = e.tag);
+  }, n.$$.update = () => {
+    var e, o, f, S;
+    n.$$.dirty & 32 && r(0, t = (e = i.state) == null ? void 0 : e.unfolded), n.$$.dirty & 1 && r(3, d = !t), n.$$.dirty & 32 && r(2, u = (f = (o = i.style) == null ? void 0 : o.point) != null && f.url ? (S = i.style) == null ? void 0 : S.point : { url: L }), n.$$.dirty & 32 && r(1, p = (() => {
+      var z, C, D;
+      const h = (D = (C = (z = i.style) == null ? void 0 : z.point) == null ? void 0 : C.size) != null ? D : "S";
+      return typeof h == "number" ? h : h === "S" ? 20 : h === "M" ? 24 : 20;
     })());
-  }, g(), [p, a, h, d, k, n];
+  }, m(), [t, p, u, d, v, i];
 }
-class x extends A {
-  constructor(t) {
-    super(), F(this, t, Q, O, M, { tag: 5 }, N);
+class x extends M {
+  constructor(l) {
+    super(), U(this, l, Q, O, B, { tag: 5 }, N);
   }
 }
 export {

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -96,8 +96,8 @@ function $(i, t, e) {
   return i.$$set = (u) => {
     "withAnimation" in u && e(0, S = u.withAnimation), "tag" in u && e(1, s = u.tag), "mediaStore" in u && e(2, w = u.mediaStore), "state" in u && e(3, v = u.state), "temporaryState" in u && e(4, y = u.temporaryState);
   }, i.$$.update = () => {
-    var u, T, k, A, P, z, C, I;
-    i.$$.dirty & 2 && e(13, a = (() => !(s.contentType === "Link" || s.contentType === "Audio" && s.data.appearance === "plane"))()), i.$$.dirty & 2 && e(12, o = (() => s.contentType === "2DPoint")()), i.$$.dirty & 2 && e(11, n = s.id), i.$$.dirty & 2 && e(10, f = !((u = s.pointTagStyle) != null && u.leftPercent) || !((T = s.pointTagStyle) != null && T.topPercent) || s.enabled === !1 || !s.state), i.$$.dirty & 2 && e(9, r = !((k = s.state) != null && k.visible) || ((A = s.temporaryState) == null ? void 0 : A.visible) === !1), i.$$.dirty & 2 && e(8, l = (P = s.state) == null ? void 0 : P.unfolded), i.$$.dirty & 2 && e(7, b = ((z = s.pointTagStyle) == null ? void 0 : z.leftPercent) + "%"), i.$$.dirty & 2 && e(6, h = ((C = s.pointTagStyle) == null ? void 0 : C.topPercent) + "%"), i.$$.dirty & 2 && e(5, _ = (I = s.state) != null && I.unfolded ? 1 : 0);
+    var u, k, T, A, P, z, C, I;
+    i.$$.dirty & 2 && e(13, a = (() => !(s.contentType === "Link" || s.contentType === "Audio" && s.data.appearance === "plane"))()), i.$$.dirty & 2 && e(12, o = (() => s.stickType === "2DPoint")()), i.$$.dirty & 2 && e(11, n = s.id), i.$$.dirty & 2 && e(10, f = !((u = s.pointTagStyle) != null && u.leftPercent) || !((k = s.pointTagStyle) != null && k.topPercent) || s.enabled === !1 || !s.state), i.$$.dirty & 2 && e(9, r = !((T = s.state) != null && T.visible) || ((A = s.temporaryState) == null ? void 0 : A.visible) === !1), i.$$.dirty & 2 && e(8, l = (P = s.state) == null ? void 0 : P.unfolded), i.$$.dirty & 2 && e(7, b = ((z = s.pointTagStyle) == null ? void 0 : z.leftPercent) + "%"), i.$$.dirty & 2 && e(6, h = ((C = s.pointTagStyle) == null ? void 0 : C.topPercent) + "%"), i.$$.dirty & 2 && e(5, _ = (I = s.state) != null && I.unfolded ? 1 : 0);
   }, [
     S,
     s,

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

@@ -7,6 +7,7 @@ export declare abstract class TagComputer extends TagCacheController {
         globalConfig?: Tags['globalConfig'];
         contentTypeConfig?: Tags['contentTypeConfig'];
     };
+    protected get isPanorama(): boolean;
     private raycaster;
     protected constructor(five: Five);
     getTagById(id: TagId): TagElement<TagContentType, StickType>;

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -2,22 +2,22 @@ var U = Object.defineProperty, j = Object.defineProperties;
 var w = Object.getOwnPropertyDescriptors;
 var k = Object.getOwnPropertySymbols;
 var B = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var P = (u, c, e) => c in u ? U(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e, x = (u, c) => {
+var T = (u, c, e) => c in u ? U(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e, x = (u, c) => {
   for (var e in c || (c = {}))
-    B.call(c, e) && P(u, e, c[e]);
+    B.call(c, e) && T(u, e, c[e]);
   if (k)
     for (var e of k(c))
-      A.call(c, e) && P(u, e, c[e]);
+      A.call(c, e) && T(u, e, c[e]);
   return u;
 }, D = (u, c) => j(u, w(c));
-var y = (u, c, e) => (P(u, typeof c != "symbol" ? c + "" : c, e), e);
-import C from "object-assign-deep";
+var y = (u, c, e) => (T(u, typeof c != "symbol" ? c + "" : c, e), e);
+import P from "object-assign-deep";
 import * as I from "three";
 import { DefaultConfig as E } from "../tag.config.js";
 import { is3DTag as V, isPointTag as R } from "../utils/tag/tagCheck.js";
 import { arrayPositionToVector3 as M, anyPositionToVector3 as S } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { planeNormal as $ } from "../utils/planeNormal.js";
-import { tagPosition as T } from "../utils/tagPosition.js";
+import { tagPosition as C } from "../utils/tagPosition.js";
 import { checkRange as v } from "../utils/checkRange.js";
 import { TagCacheController as z } from "./TagCacheController.js";
 class q extends z {
@@ -27,6 +27,9 @@ class q extends z {
     y(this, "config", E);
     y(this, "raycaster", new I.Raycaster());
   }
+  get isPanorama() {
+    return this.five.currentMode === "Panorama";
+  }
   getTagById(e) {
     const t = this.tags.find((i) => i.id === e);
     if (!t) {
@@ -36,13 +39,13 @@ class q extends z {
     return t;
   }
   changeConfig(e, t = !0) {
-    t ? this.config = C({}, this.config, e) : this.config = e, this.clearCache();
+    t ? this.config = P({}, this.config, e) : this.config = e, this.clearCache();
   }
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = C({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.clearCache();
+    t ? this.config.globalConfig = P({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.clearCache();
   }
   changeContentTypeConfig(e, t, i = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = C({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.clearCache();
+    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = P({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.clearCache();
   }
   getVisibleByPanoIndex(e, t) {
     var n;
@@ -51,7 +54,7 @@ class q extends z {
       return i.visible;
     {
       const l = (() => {
-        var d, p, r;
+        var d, p, f;
         const o = (d = this.getTagConfig(e).visibleConfig) != null ? d : {}, a = this.getDistance(e);
         if (typeof o == "function")
           return o(this.five, { tag: e, distance: a });
@@ -64,11 +67,11 @@ class q extends z {
         if (o.intersectRaycaster !== !1 && o.intersectRaycaster) {
           if (s === void 0)
             return !1;
-          const f = (r = this.five.work.observers[s]) == null ? void 0 : r.position;
-          if (f === void 0)
-            throw new Error(`getVisible(): observerPosition is ${f}`);
-          const h = T(e.position).sub(f).normalize();
-          this.raycaster.set(f, h);
+          const r = (f = this.five.work.observers[s]) == null ? void 0 : f.position;
+          if (r === void 0)
+            throw new Error(`getVisible(): observerPosition is ${r}`);
+          const h = C(e.position).sub(r).normalize();
+          this.raycaster.set(r, h);
           const [g] = this.five.model.intersectRaycaster(this.raycaster), b = (() => {
             var m;
             return typeof o.intersectRaycaster == "object" && (m = o.intersectRaycaster.distanceAccuracy) != null ? m : 0.01;
@@ -126,19 +129,19 @@ class q extends z {
             return !1;
         }
         if (n.autoUnfold.strategy === "MinimumDistance") {
-          const d = this.filterPointTag().filter((r) => this.getVisibleByPanoIndex(r)).filter((r) => {
-            const f = this.getTagProject(r);
-            if (!f)
+          const d = this.filterPointTag().filter((f) => this.getVisibleByPanoIndex(f)).filter((f) => {
+            const r = this.getTagProject(f);
+            if (!r)
               return !1;
-            const { x: h, y: g, z: b } = f;
+            const { x: h, y: g, z: b } = r;
             return !(Math.abs(b) > 1 || Math.abs(h) > 1 || Math.abs(g) > 1);
-          }).map((r) => ({ tag: r, id: r.id, tagConfig: this.getTagConfig(r).unfoldedConfig })).filter(({ tag: r, tagConfig: f }) => {
+          }).map((f) => ({ tag: f, id: f.id, tagConfig: this.getTagConfig(f).unfoldedConfig })).filter(({ tag: f, tagConfig: r }) => {
             var h, g;
-            return !(typeof f != "object" || f.keep || f.autoUnfold === !1 || ((h = f.autoUnfold) == null ? void 0 : h.enable) === !1 || ((g = f.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance");
-          }).map((r) => D(x({}, r), { distance: this.getDistance(r.tag) })).filter(({ distance: r, tagConfig: f }) => {
+            return !(typeof r != "object" || r.keep || r.autoUnfold === !1 || ((h = r.autoUnfold) == null ? void 0 : h.enable) === !1 || ((g = r.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance");
+          }).map((f) => D(x({}, f), { distance: this.getDistance(f.tag) })).filter(({ distance: f, tagConfig: r }) => {
             var h, g;
-            return !(r === void 0 || typeof f != "object" || f.autoUnfold === !1 || ((h = f.autoUnfold) == null ? void 0 : h.enable) === !1 || ((g = f.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance" || f.autoUnfold.distance && v(r, f.autoUnfold.distance) === !1);
-          }).sort((r, f) => r.distance - f.distance).findIndex((r) => r.id === e.id);
+            return !(f === void 0 || typeof r != "object" || r.autoUnfold === !1 || ((h = r.autoUnfold) == null ? void 0 : h.enable) === !1 || ((g = r.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance" || r.autoUnfold.distance && v(f, r.autoUnfold.distance) === !1);
+          }).sort((f, r) => f.distance - r.distance).findIndex((f) => f.id === e.id);
           if (d === -1 || d <= ((l = n.autoUnfold.maxNumber) != null ? l : 1) - 1 === !1)
             return !1;
         }
@@ -158,7 +161,7 @@ class q extends z {
       const a = (o = (l = this.five.work) == null ? void 0 : l.observers[i]) == null ? void 0 : o.position;
       if (a === void 0)
         throw new Error(`getDistance(): observerPosition is ${a}`);
-      const d = (() => R(e) ? M(e == null ? void 0 : e.position) : T(e.position))(), p = a.distanceTo(d);
+      const d = (() => R(e) ? M(e == null ? void 0 : e.position) : C(e.position))(), p = a.distanceTo(d);
       return s.distance = p, p;
     }
   }
@@ -177,8 +180,8 @@ class q extends z {
       const d = (() => e.stickType === "3DPoint" ? S(e.normal) : $(e.position))();
       if (!d)
         return;
-      const p = new I.Vector3().copy(a).sub(T(e.position)), r = d.angleTo(p) * 180 / Math.PI;
-      return s.angle = r, s.angle;
+      const p = new I.Vector3().copy(a).sub(C(e.position)), f = d.angleTo(p) * 180 / Math.PI;
+      return s.angle = f, s.angle;
     }
   }
   getTagConfig(e) {
@@ -195,7 +198,7 @@ class q extends z {
       const [a = "Any", d = "Any"] = o || [];
       (e.stickType === a || a === "Any") && (e.contentType === d || d === "Any") && (t[l] = this.config.contentTypeConfig[l]);
     });
-    const i = C({}, this.config.globalConfig, ...Object.values(t), e.config);
+    const i = P({}, this.config.globalConfig, ...Object.values(t), e.config);
     return typeof i.unfoldedConfig == "object" && (i.unfoldedConfig.disableFold && (i.unfoldedConfig = { keep: "unfolded" }), i.unfoldedConfig.disableUnfold && (i.unfoldedConfig = { keep: "folded" }), i.unfoldedConfig.keep && (i.unfoldedConfig = { keep: i.unfoldedConfig.keep })), typeof i.visibleConfig == "object" && i.visibleConfig.keep && (i.visibleConfig = { keep: i.visibleConfig.keep }), i;
   }
   can(e, t) {
@@ -256,7 +259,7 @@ class q extends z {
   getTagProject(e) {
     if (!this.getVisibleByPanoIndex(e))
       return;
-    const i = T(e.position), { x: s, y: n, z: l } = i.project(this.five.camera);
+    const i = C(e.position), { x: s, y: n, z: l } = i.project(this.five.camera);
     if (!(l > 1))
       return { x: s, y: n, z: l };
   }

package/libs/PanoTagPlugin/controller/index.js

@@ -1,8 +1,8 @@
-var A = Object.defineProperty, y = Object.defineProperties;
+var S = Object.defineProperty, y = Object.defineProperties;
 var P = Object.getOwnPropertyDescriptors;
 var T = Object.getOwnPropertySymbols;
 var w = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var u = (h, a, e) => a in h ? A(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, f = (h, a) => {
+var u = (h, a, e) => a in h ? S(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, f = (h, a) => {
   for (var e in a || (a = {}))
     w.call(a, e) && u(h, e, a[e]);
   if (T)
@@ -10,30 +10,30 @@ var u = (h, a, e) => a in h ? A(h, a, { enumerable: !0, configurable: !0, writab
       E.call(a, e) && u(h, e, a[e]);
   return h;
 }, c = (h, a) => y(h, P(a));
-var l = (h, a, e) => (u(h, typeof a != "symbol" ? a + "" : a, e), e);
-var g = (h, a, e) => new Promise((t, i) => {
+var d = (h, a, e) => (u(h, typeof a != "symbol" ? a + "" : a, e), e);
+var p = (h, a, e) => new Promise((t, i) => {
   var s = (n) => {
     try {
       r(e.next(n));
-    } catch (d) {
-      i(d);
+    } catch (l) {
+      i(l);
     }
   }, o = (n) => {
     try {
       r(e.throw(n));
-    } catch (d) {
-      i(d);
+    } catch (l) {
+      i(l);
     }
   }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, o);
   r((e = e.apply(h, a)).next());
 });
-import { Subscribe as k } from "@realsee/five";
-import { Quaternion as F } from "three";
+import { Subscribe as F } from "@realsee/five";
+import { Quaternion as k } from "three";
 import v from "object-assign-deep";
 import { writable as R } from "../../vendor/svelte/store/index.js";
 import { TagContainer as U } from "../Components/TagContainer.js";
 import { Tag as L } from "../Components/Tag/index.js";
-import { arrayPositionToVector3 as p } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { arrayPositionToVector3 as g } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { addDebugPoints as O } from "../utils/addDebugPoints.js";
 import { planeNormal as I } from "../utils/planeNormal.js";
 import { actionAfterFiveModelLoad as B } from "../utils/actionAfterFiveModelLoad.js";
@@ -44,28 +44,28 @@ import { resizeObserver as D } from "../utils/resizeObserver.js";
 import { TagComputer as z } from "./TagComputer.js";
 import { CSS3DRenderPlugin as N } from "../../CSS3DRenderPlugin/index.js";
 import { formatTag as W } from "../utils/tag/format.js";
-const S = "2.0.0-dev.8", m = `DnalogelPlugin-PanoTagPlugin@${S}`, $ = !1, re = (h) => `${m}--${h}`;
-class ae extends z {
+const A = "2.0.0-dev.9", m = `DnalogelPlugin-PanoTagPlugin@${A}`, $ = !1, ae = (h) => `${m}--${h}`;
+class he extends z {
   constructor(e, t) {
     super(e);
-    l(this, "version", S);
-    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", R({
+    d(this, "version", A);
+    d(this, "state", { enabled: !0, visible: !0 });
+    d(this, "params");
+    d(this, "debug");
+    d(this, "css3DRenderPlugin");
+    d(this, "TagContainerSvelte");
+    d(this, "temporaryState", { visible: !0 });
+    d(this, "mediaStore", R({
       currentMediaElement: null
     }));
-    l(this, "isIOSWX", navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1);
-    l(this, "store", {
+    d(this, "isIOSWX", navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1);
+    d(this, "store", {
       disposers: [],
       disposed: !1,
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    l(this, "disposedErrorLog", () => {
+    d(this, "disposedErrorLog", () => {
       console.error(`${m} is disposed`);
     });
     this.params = f({
@@ -85,22 +85,20 @@ class ae extends z {
       const r = this.getTagConfig(o);
       return c(f({}, o), {
         state: f({ visible: void 0, unfolded: $ }, r.initialState),
-        hooks: new k(),
+        hooks: new F(),
         clickable: r.clickable
       });
     }).filter((o) => o.position);
     s.forEach(W), this.tags.push(...s), B(this.five, () => {
-      var r, n, d;
-      this.store.eventListenerDisposer && ((n = (r = this.store).eventListenerDisposer) == null || n.call(r)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener());
-      const o = this.five.getCurrentState().mode;
-      o && o !== "Panorama" && this.temporaryHide(), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (d = t == null ? void 0 : t.withAnimation) != null ? d : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags();
+      var o, r, n;
+      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();
     });
   }
   clearTags() {
     this.tags = [], this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
   }
   show(e) {
-    return g(this, null, function* () {
+    return p(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -108,7 +106,7 @@ class ae extends z {
     });
   }
   hide(e) {
-    return g(this, null, function* () {
+    return p(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -130,8 +128,8 @@ class ae extends z {
   dispose() {
     var e, t, i, s, o, r;
     this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag().forEach((n) => {
-      var d;
-      return (d = n.tag3DContentSvelte) == null ? void 0 : d.svelteApp.$destroy();
+      var l;
+      return (l = n.tag3DContentSvelte) == null ? void 0 : l.svelteApp.$destroy();
     }), this.tags = [], (t = this.store.disposers) == null || t.forEach((n) => n == null ? void 0 : n()), this.store.disposers = [], this.store.disposed = !0, (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (r = (o = this.store).resizeObserverDisposer) == null || r.call(o), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.clearCache(), this.hooks.emit("dispose");
   }
   setState(e, t) {
@@ -151,7 +149,7 @@ class ae extends z {
   }
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = p(t), this.updateRenderPlaneTag());
+    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = g(t), this.updateRenderPlaneTag());
   }
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
@@ -162,7 +160,7 @@ class ae extends z {
   }
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !t || (i ? v(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = p(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
+    !t || (i ? v(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = g(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
   }
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
@@ -174,12 +172,13 @@ class ae extends z {
     this.mediaStore.set({ currentMediaElement: null });
   }
   setVisibleAndUnfolded() {
-    return g(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
-      return this.setVisibleByPanoIndex(), e ? new Promise((t, i) => {
-        setTimeout(() => {
-          this.setUnfoldedByPanoIndex(), t();
-        }, 10);
-      }) : (this.setUnfoldedByPanoIndex(), Promise.resolve());
+    return p(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
+      if (!!this.isPanorama)
+        return this.setVisibleByPanoIndex(), e ? new Promise((t, i) => {
+          setTimeout(() => {
+            this.setUnfoldedByPanoIndex(), t();
+          }, 10);
+        }) : (this.setUnfoldedByPanoIndex(), Promise.resolve());
     });
   }
   handleShow() {
@@ -199,9 +198,9 @@ class ae extends z {
     });
   }
   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), d = this.loadVideoFirstFrame.bind(this), b = this.clickhandler.bind(this);
-    return e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("cameraUpdate", o), e.on("cameraUpdate", r), e.on("panoArrived", n), e.on("panoArrived", d), t.on("click", b), () => {
-      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("cameraUpdate", o), e.off("cameraUpdate", r), e.off("panoArrived", n), e.off("panoArrived", d), t.off("click", b), 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), l = this.loadVideoFirstFrame.bind(this), b = this.clickhandler.bind(this);
+    return this.five.currentMode && (this.isPanorama ? (this.handleFivePanoArrived(), this.temporaryShow({ withAnimation: !0 })) : this.temporaryHide()), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("cameraUpdate", o), e.on("cameraUpdate", r), e.on("panoArrived", n), e.on("panoArrived", l), t.on("click", b), () => {
+      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("cameraUpdate", o), e.off("cameraUpdate", r), e.off("panoArrived", n), e.off("panoArrived", l), t.off("click", b), this.store.eventListenerDisposer = void 0;
     };
   }
   loadVideoFirstFrame() {
@@ -287,7 +286,7 @@ class ae extends z {
     this.updateRenderPointTag();
   }
   handleFivePanoArrived() {
-    return g(this, null, function* () {
+    return p(this, null, function* () {
       yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
         e.temporaryState = c(f({}, e.temporaryState), { visible: !0 });
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible();
@@ -329,15 +328,15 @@ class ae extends z {
           state: this.state,
           temporaryState: this.temporaryState
         }), !r.equals(n)) {
-          const d = new F().setFromUnitVectors(r, n);
-          o.css3DObject.setRotationFromQuaternion(d);
+          const l = new k().setFromUnitVectors(r, n);
+          o.css3DObject.setRotationFromQuaternion(l);
         }
       } else {
         if (((i = t.state) == null ? void 0 : i.visible) === !1)
           return;
         if (this.css3DRenderPlugin || (this.css3DRenderPlugin = N(this.five)), t.stickType === "3DPoint" && !t.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const s = t.stickType === "Plane" ? t.position : M(this.five.camera.position, p(t.position), p(t.normal)), o = t.stickType === "Plane" ? I(t.position) : p(t.normal), r = this.getTagConfig(t).tag3DConfig, n = this.css3DRenderPlugin.create3DDomContainer(s, r);
+        const s = t.stickType === "Plane" ? t.position : M(this.five.camera.position, g(t.position), g(t.normal)), o = t.stickType === "Plane" ? I(t.position) : g(t.normal), r = this.getTagConfig(t).tag3DConfig, n = this.css3DRenderPlugin.create3DDomContainer(s, r);
         if (!n)
           return;
         this.store.css3DRenderDisposer.set(t.id, n.dispose), t.tag3DContentSvelte = {
@@ -375,6 +374,6 @@ class ae extends z {
   }
 }
 export {
-  ae as PanoTagPluginController,
-  re as pluginFlag
+  he as PanoTagPluginController,
+  ae as pluginFlag
 };

package/libs/PanoTagPlugin/utils/tag/format.js

@@ -1,12 +1,12 @@
-function o(n) {
-  var i, t;
+function r(n) {
+  var i, t, o, p;
   if (!n.stickType) {
     const e = (() => n.pointType === "PointTag" && n.dimensionType === "3D" ? "3DPoint" : n.pointType === "PlaneTag" ? "Plane" : "2DPoint")();
     n.stickType = e;
   }
   if (n.contentType === "VRLink" || n.contentType === "PanoLink" || n.contentType === "Link") {
     const e = n;
-    !((i = e.data) != null && i.icon) && !((t = e.style) != null && t.point) && (e.data.icon = {
+    !((t = (i = e.data) == null ? void 0 : i.icon) != null && t.url) && !((p = (o = e.style) == null ? void 0 : o.point) != null && p.url) && (e.data.icon = {
       url: "//vrlab-static.ljcdn.com/release/web/test.09dee741.png",
       steps: 28
     });
@@ -14,5 +14,5 @@ function o(n) {
   return n;
 }
 export {
-  o as formatTag
+  r as formatTag
 };

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.3.5-dev.3",
+  "version": "2.3.5-dev.4",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",