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

package/dist/index.js

@@ -6423,13 +6423,13 @@ const ff = `<style type="text/css">
         X.style.display = "none";
         continue;
       }
-      const de = V.clone().project(v), ue = (de.x + 1) / 2 * E, me = (-de.y + 1) / 2 * L, Ee = P.clone().project(v), Me = (Ee.x + 1) / 2 * E, Re = (-Ee.y + 1) / 2 * L, ae = Math.sqrt(Math.pow(Me - ue, 2) + Math.pow(Re - me, 2));
+      const de = V.clone().project(v), ue = (de.x + 1) / 2 * E, me = (-de.y + 1) / 2 * L, Ee = P.clone().project(v), Me = (Ee.x + 1) / 2 * E, Oe = (-Ee.y + 1) / 2 * L, ae = Math.sqrt(Math.pow(Me - ue, 2) + Math.pow(Oe - me, 2));
       let ve = ae, we = 50;
       const ce = c({ x: ~~ue, y: ~~me }, {
         x: ~~Me,
-        y: ~~Re
+        y: ~~Oe
       }, E, L);
-      if (ce && ce.length === 1 && (D === V ? (ve = Math.sqrt(Math.pow(ce[0].x - ue, 2) + Math.pow(ce[0].y - me, 2)), we = ve / ae * 50) : D === P && (ve = Math.sqrt(Math.pow(ce[0].x - Me, 2) + Math.pow(ce[0].y - Re, 2)), we = 100 - ve / ae * 50)), ce && ce.length === 2) {
+      if (ce && ce.length === 1 && (D === V ? (ve = Math.sqrt(Math.pow(ce[0].x - ue, 2) + Math.pow(ce[0].y - me, 2)), we = ve / ae * 50) : D === P && (ve = Math.sqrt(Math.pow(ce[0].x - Me, 2) + Math.pow(ce[0].y - Oe, 2)), we = 100 - ve / ae * 50)), ce && ce.length === 2) {
         const mt = {
           x: (ce[0].x + ce[1].x) / 2,
           y: (ce[0].y + ce[1].y) / 2
@@ -6438,7 +6438,7 @@ const ff = `<style type="text/css">
           Math.pow(mt.x - ue, 2) + Math.pow(mt.y - me, 2)
         ) / ae * 100;
       }
-      const Lt = (Math.PI / 2 - Math.atan2(Me - ue, me - Re)) / Math.PI * 180, ge = R.querySelector(".PanoRulerPlugin-rule-label"), ht = ge.children[0].clientWidth;
+      const Lt = (Math.PI / 2 - Math.atan2(Me - ue, me - Oe)) / Math.PI * 180, ge = R.querySelector(".PanoRulerPlugin-rule-label"), ht = ge.children[0].clientWidth;
       ht >= ae || ht / 2 >= we / 100 * ae || ht / 2 >= (1 - we / 100) * ae ? R.style.display = "none" : (R.style.display = "block", R.style.width = ae + "px", R.style.left = ue + "px", R.style.top = me + "px", R.style.transform = `rotate(${-Lt}deg)`, ge.style.left = `${we}%`);
     }
   }, u = () => Oa(d), f = () => {
@@ -6717,7 +6717,7 @@ function Cf(i, t, e) {
       var ue, me;
       const X = H.start, V = H.end, { startLeft: P, startTop: R, distance: O, deg: W, visible: Y, labelOffset: N, ruleLength: U } = u(new Z(X[0], -X[1], -X[2]), new Z(V[0], -V[1], -V[2]), B), de = [];
       return H.children && ((ue = H.children) == null ? void 0 : ue.length) > 0 && ((me = H.children) == null || me.forEach((Ee) => {
-        const Me = Ee.start, Re = Ee.end, { distance: ae } = d(new Z(Me[0], -Me[1], -Me[2]), new Z(Re[0], -Re[1], -Re[2]));
+        const Me = Ee.start, Oe = Ee.end, { distance: ae } = d(new Z(Me[0], -Me[1], -Me[2]), new Z(Oe[0], -Oe[1], -Oe[2]));
         de.push({ width: ae, state: Ee.state });
       })), {
         width: O,
@@ -9274,7 +9274,7 @@ class Qh {
   }
 }
 const Si = 1e-3, Vs = 0.01, Rh = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", Sv = (i, t) => {
-  var N, U, de, ue, me, Ee, Me, Re;
+  var N, U, de, ue, me, Ee, Me, Oe;
   let e = t == null ? void 0 : t.container, n = 1.4;
   const o = (N = t == null ? void 0 : t.wait) != null ? N : 200, s = (U = t == null ? void 0 : t.maxNumberOnScreen) != null ? U : 3, r = (de = t == null ? void 0 : t.minRad) != null ? de : Math.PI / 4, a = (ue = t == null ? void 0 : t.nearTolerance) != null ? ue : 100, l = (me = t == null ? void 0 : t.upsideHeight) != null ? me : 1.6, c = (Ee = t == null ? void 0 : t.minDistance) != null ? Ee : 1.2, d = (Me = t == null ? void 0 : t.maxDistance) != null ? Me : 3.5, u = En(i), f = document.createElement("div");
   f.classList.add("PanoSpatialTagPlugin"), Object.assign(f.style, zh);
@@ -9361,16 +9361,16 @@ const Si = 1e-3, Vs = 0.01, Rh = "https://vrlab-image4.ljcdn.com/release/web/Pan
     ), tt.setFromProjectionMatrix(Lt);
     const ht = A.tags.filter(
       (Te) => tt.containsPoint(Te.position) && !Te.destroying
-    ).length, mt = A.points.reduce((Te, Oe) => {
-      if (A.tags.find((Be) => Oe.id === Be.id && !Be.destroying))
+    ).length, mt = A.points.reduce((Te, He) => {
+      if (A.tags.find((Be) => He.id === Be.id && !Be.destroying))
         return Te;
-      const Ue = ce.position.clone().setY(n).distanceTo(Oe.position);
-      if (Ue < c || Ue > d || !tt.containsPoint(Oe.position))
+      const Ue = ce.position.clone().setY(n).distanceTo(He.position);
+      if (Ue < c || Ue > d || !tt.containsPoint(He.position))
         return Te;
-      const tn = Oe.position.clone().sub(ce.position).setY(0);
-      if (tn.angleTo(Oe.normal) > Math.PI / 2 - r && tn.angleTo(Oe.normal) < Math.PI / 2 + r)
+      const tn = He.position.clone().sub(ce.position).setY(0);
+      if (tn.angleTo(He.normal) > Math.PI / 2 - r && tn.angleTo(He.normal) < Math.PI / 2 + r)
         return Te;
-      const Ft = Oe.position.clone().project(ce);
+      const Ft = He.position.clone().project(ce);
       if (!A.tags.every((Be) => {
         if (Be.position.clone().sub(ce.position).setY(0).angleTo(ge.setY(0)) > Math.PI / 2)
           return !0;
@@ -9381,11 +9381,11 @@ const Si = 1e-3, Vs = 0.01, Rh = "https://vrlab-image4.ljcdn.com/release/web/Pan
       }))
         return Te;
       const St = {
-        id: Oe.id,
-        position: Oe.position,
-        normal: Oe.normal,
-        replacement: Oe.replacement,
-        weight: Oe.weight,
+        id: He.id,
+        position: He.position,
+        normal: He.normal,
+        replacement: He.replacement,
+        weight: He.weight,
         distance: Ue
       };
       let Pe;
@@ -9402,7 +9402,7 @@ const Si = 1e-3, Vs = 0.01, Rh = "https://vrlab-image4.ljcdn.com/release/web/Pan
       }
       return Pe !== void 0 ? Te.splice(Pe, 0, St) : Te.push(St), Te;
     }, []);
-    for (let Te = 0, Oe = mt.length; Te < Oe && !(ht + we.length >= s); Te++) {
+    for (let Te = 0, He = mt.length; Te < He && !(ht + we.length >= s); Te++) {
       const Ue = mt[Te];
       if (we.find((Pe) => Ue.id === Pe.id))
         continue;
@@ -9496,7 +9496,7 @@ const Si = 1e-3, Vs = 0.01, Rh = "https://vrlab-image4.ljcdn.com/release/web/Pan
       ae.app.$destroy(), ae = null;
     }), A.origins = [], A.tags = [], i.off("modelLoaded", W), i.off("renderFrame", I), i.off("panoWillArrive", y), i.off("panoArrived", w), i.off("modeChange", C), i.off("cameraUpdate", v), i.off("dispose", Y), window.removeEventListener("resize", O, !1);
   };
-  return window.addEventListener("resize", O, !1), (Re = i == null ? void 0 : i.model) != null && Re.loaded ? W() : i.once("modelLoaded", W), i.on("dispose", Y), {
+  return window.addEventListener("resize", O, !1), (Oe = i == null ? void 0 : i.model) != null && Oe.loaded ? W() : i.once("modelLoaded", W), i.on("dispose", Y), {
     load: D,
     setIntersectObjects: B,
     unfoldAll: X,
@@ -10256,7 +10256,7 @@ function lm(i, t, e) {
     const W = R.camera.position.clone(), Y = new o(O.modelPosition[0], O.modelPosition[1], O.modelPosition[2]), N = Y.distanceTo(W);
     return d !== void 0 && R.state.mode === je.Mode.Panorama && N > d ? !1 : Fs(R, Y.clone().sub(W).normalize(), W, N);
   }, y = (R) => {
-    const { camera: O, model: W } = s, { x: Y, y: N, z: U } = R.clone().project(O), de = (Y + 1) / 2, ue = (2 - (N + 1)) / 2, Me = Math.abs(U) < 1 && [de, ue].every((Re) => Re < 1 && Re >= 0);
+    const { camera: O, model: W } = s, { x: Y, y: N, z: U } = R.clone().project(O), de = (Y + 1) / 2, ue = (2 - (N + 1)) / 2, Me = Math.abs(U) < 1 && [de, ue].every((Oe) => Oe < 1 && Oe >= 0);
     return Boolean(Me);
   }, C = (R, O) => {
     const W = new o(O.modelPosition[0], O.modelPosition[1], O.modelPosition[2]), Y = R.project2d(W), N = Y == null ? void 0 : Y.x, U = Y == null ? void 0 : Y.y;
@@ -11733,7 +11733,7 @@ function Jm(i) {
 function Zm(i) {
   return i.stickType === "3DPoint" || i.stickType === "Plane";
 }
-function He(i) {
+function Re(i) {
   return i.stickType === "Model" && i.contentType === "MediaModel";
 }
 function Ji(i) {
@@ -11746,7 +11746,7 @@ function Ji(i) {
 function $s(i) {
   if (Jm(i))
     return ot(i == null ? void 0 : i.position);
-  if (He(i) && i.matrix) {
+  if (Re(i) && i.matrix) {
     const t = new an().fromArray(i.matrix), e = i.data.mediaPosition.map((n) => new Z().fromArray(n).applyMatrix4(t));
     return no(e[0], e[2]);
   } else
@@ -16291,7 +16291,7 @@ function X0(i, t, e) {
   }
   function w(C, I, E) {
     var L, D;
-    return !(!I.visible || !I.enabled || !E.visible || !((L = C.state) != null && L.visible) || ((D = C.temporaryState) == null ? void 0 : D.visible) === !1 || He(C) && C.mediaVisible === !1);
+    return !(!I.visible || !I.enabled || !E.visible || !((L = C.state) != null && L.visible) || ((D = C.temporaryState) == null ? void 0 : D.visible) === !1 || Re(C) && C.mediaVisible === !1);
   }
   const y = (C) => u.emit("click", { event: C, target: "TagContent", tag: d });
   return i.$$set = (C) => {
@@ -16778,6 +16778,7 @@ const cA = {
       },
       visibleConfig: {
         keep: "visible",
+        visibleFiveMode: ["Panorama", "Floorplan", "Model", "Mapview"],
         alwaysShowWhenMovePano: !0
       }
     }
@@ -16833,7 +16834,7 @@ class uA extends dA {
   getVisibleByPanoIndex(e, n) {
     var r;
     const o = this.getCache({ panoIndex: n, id: e.id }), s = (r = this.five.panoIndex) != null ? r : n;
-    if (He(e))
+    if (Re(e))
       return !0;
     if (o.visible !== void 0)
       return o.visible;
@@ -17083,7 +17084,7 @@ class uA extends dA {
   }
   setModelMedialVisibleByPanoIndex() {
     this.tags.forEach((e) => {
-      if (!He(e))
+      if (!Re(e))
         return;
       const n = this.getModelMedialVisibleByPanoIndex(e);
       e.mediaVisible = n;
@@ -17132,9 +17133,9 @@ class uA extends dA {
   getTagEnableByIntersect(e, n) {
     var d, u, f;
     const o = (d = this.getTagConfig(e).visibleConfig) != null ? d : {}, s = this.getDistance(e), [r] = this.five.model.intersectRaycaster(n), a = (() => {
-      if (!He(e))
+      if (!Re(e))
         return;
-      const h = this.tags.filter(He).map((A) => {
+      const h = this.tags.filter(Re).map((A) => {
         var g;
         return (g = A.model) == null ? void 0 : g.object;
       }).filter(_e);
@@ -17225,12 +17226,12 @@ class gA extends uA {
     m(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((n) => {
-        n.state.visible = this.getVisible(n), He(n) && e === "Panorama" && this.changeTagMode(n, "front");
+        n.state.visible = this.getVisible(n), Re(n) && e === "Panorama" && this.changeTagMode(n, "front");
       }), this.updateRenderAllTags(), this.updateRenderAllTags();
     });
     m(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !He(e) || (e.state.visible = this.checkFloorIndex(e));
+        !Re(e) || (e.state.visible = this.checkFloorIndex(e));
       }), this.updateRenderAllTags();
     });
     m(this, "loadModel", (e) => _(this, null, function* () {
@@ -17275,7 +17276,7 @@ class gA extends uA {
           clickable: a.clickable,
           mergedConfig: a
         });
-        return He(r) && (l.temporaryState = { visible: !1 }), l;
+        return Re(r) && (l.temporaryState = { visible: !1 }), l;
       }).filter((r) => r.position);
       return s.forEach(fA), this.tags.push(...s), qm(this.five).then(() => {
         var r, a, l;
@@ -17371,7 +17372,7 @@ class gA extends uA {
     const o = (v = (g = (A = e.mergedConfig) == null ? void 0 : A.tag3DConfig) == null ? void 0 : g.ratio) != null ? v : 216e-5, s = (w = e.tag3DContentSvelte) == null ? void 0 : w.domContainer.css3DObject;
     if (!s)
       return;
-    const r = He(e) ? e.data.mediaPosition : e.position;
+    const r = Re(e) ? e.data.mediaPosition : e.position;
     n.updateWorldMatrix(!1, !1);
     const a = n.matrixWorld, l = new Z().fromArray(r[0]), c = new Z().fromArray(r[2]), d = new Z().lerpVectors(l, c, 0.5).add(new Z(0, 0, 5e-4)), u = new an().setPosition(d), f = new an().makeScale(o, o, o), h = new an().multiply(a).multiply(u).multiply(f);
     h.decompose(s.position, s.quaternion, s.scale);
@@ -17443,7 +17444,7 @@ class gA extends uA {
   }
   handleFiveModeChange(e) {
     this.tags.forEach((n) => {
-      n.state.visible = this.getVisible(n), He(n) && e !== "Panorama" && this.changeTagMode(n, "behind");
+      n.state.visible = this.getVisible(n), Re(n) && e !== "Panorama" && this.changeTagMode(n, "behind");
     }), this.updateRenderAllTags(), this.updateRenderAllTags();
   }
   handleFiveWantsMoveToPano() {
@@ -17528,46 +17529,46 @@ class gA extends uA {
   }
   updateRenderPlaneTag() {
     this.sort([...this.filterPlaneTag(), ...this.filter3DPointTag(), ...this.filterModelTag()]).forEach((n) => {
-      var o;
+      var o, s, r;
       if (n.tag3DContentSvelte) {
-        const { svelteApp: s, domContainer: r, initialNormal: a, currentNormal: l } = n.tag3DContentSvelte;
-        if (s.$set({
+        const { svelteApp: a, domContainer: l, initialNormal: c, currentNormal: d } = n.tag3DContentSvelte;
+        if (a.$set({
           tag: n,
           hooks: this.hooks,
           state: this.state,
           temporaryState: this.temporaryState
-        }), !a.equals(l)) {
-          const c = new oa().setFromUnitVectors(a, l);
-          r.css3DObject.setRotationFromQuaternion(c);
+        }), !c.equals(d)) {
+          const u = new oa().setFromUnitVectors(c, d);
+          l.css3DObject.setRotationFromQuaternion(u);
         }
       } else {
         if (((o = n.state) == null ? void 0 : o.visible) === !1)
           return;
         if (this.css3DRenderPlugin || (this.css3DRenderPlugin = En(this.five)), n.stickType === "3DPoint" && !n.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const s = (() => n.stickType === "Plane" ? n.position : He(n) ? n.data.mediaPosition : Km(
+        const a = (() => n.stickType === "Plane" ? n.position : Re(n) ? n.data.mediaPosition : Km(
           this.five.camera.position,
           ot(n.position),
           ot(n.normal)
         ))();
-        if (!s)
+        if (!a)
           return;
-        const r = function() {
+        const l = function() {
           if (n.normal)
             return ot(n.normal);
           if (n.stickType === "Plane")
             return Ui(n.position);
           if (n.contentType === "MediaModel")
-            return Ui(s);
+            return Ui(a);
         }();
-        if (!r)
-          return;
-        const a = this.getTagConfig(n).tag3DConfig, l = this.css3DRenderPlugin.create3DDomContainer(s, a);
         if (!l)
           return;
-        this.store.css3DRenderDisposer.set(n.id, l.dispose), n.tag3DContentSvelte = {
+        const c = this.getTagConfig(n).tag3DConfig, d = this.css3DRenderPlugin.create3DDomContainer(a, c);
+        if (!d)
+          return;
+        this.store.css3DRenderDisposer.set(n.id, d.dispose), n.tag3DContentSvelte = {
           svelteApp: new Al({
-            target: l.container,
+            target: d.container,
             props: {
               tag: n,
               hooks: this.hooks,
@@ -17576,16 +17577,16 @@ class gA extends uA {
               temporaryState: this.temporaryState
             }
           }),
-          domContainer: l,
-          initialNormal: r,
-          currentNormal: r
-        };
+          domContainer: d,
+          initialNormal: l,
+          currentNormal: l
+        }, Re(n) && ((s = n.model) == null ? void 0 : s.object) && this.updateTagCss3DObjectMatrix(n, (r = n.model) == null ? void 0 : r.object);
       }
     }), this.checkPanelTag();
   }
   updateRenderModelTag() {
     const e = (o) => !this.enabledModelTagSet.has(o.customID);
-    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(He).forEach((o) => {
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(Re).forEach((o) => {
       var s;
       (s = o.model) == null || s.promise.then((r) => {
         r.visible = o.state.visible;
@@ -17609,7 +17610,7 @@ class gA extends uA {
   }
   addMediaModelTag(e) {
     return _(this, null, function* () {
-      const n = e.filter(He).map(this.loadModel);
+      const n = e.filter(Re).map(this.loadModel);
       yield Promise.all(n), this.five.getCurrentState().mode === "Panorama" && this.setModelMedialVisibleByPanoIndex(), this.updateRenderAllTags();
     });
   }