@realsee/dnalogel 2.2.6 → 2.3.0

package/libs/PanoRulerProPlugin/Controller.js

@@ -1,33 +1,44 @@
-var v = Object.defineProperty;
-var p = Object.getOwnPropertySymbols;
-var m = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var c = (s, e, t) => e in s ? v(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, f = (s, e) => {
+var m = Object.defineProperty;
+var f = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var p = (i, e, t) => e in i ? m(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, c = (i, e) => {
   for (var t in e || (e = {}))
-    m.call(e, t) && c(s, t, e[t]);
-  if (p)
-    for (var t of p(e))
-      b.call(e, t) && c(s, t, e[t]);
-  return s;
+    v.call(e, t) && p(i, t, e[t]);
+  if (f)
+    for (var t of f(e))
+      b.call(e, t) && p(i, t, e[t]);
+  return i;
 };
-var r = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
-var d = (s, e, t) => new Promise((n, o) => {
-  var a = (i) => {
+var r = (i, e, t) => (p(i, typeof e != "symbol" ? e + "" : e, t), t);
+var d = (i, e, t) => new Promise((a, o) => {
+  var n = (s) => {
     try {
-      h(t.next(i));
-    } catch (u) {
-      o(u);
+      u(t.next(s));
+    } catch (h) {
+      o(h);
     }
-  }, l = (i) => {
+  }, l = (s) => {
     try {
-      h(t.throw(i));
-    } catch (u) {
-      o(u);
+      u(t.throw(s));
+    } catch (h) {
+      o(h);
     }
-  }, h = (i) => i.done ? n(i.value) : Promise.resolve(i.value).then(a, l);
-  h((t = t.apply(s, e)).next());
+  }, u = (s) => s.done ? a(s.value) : Promise.resolve(s.value).then(n, l);
+  u((t = t.apply(i, e)).next());
 });
 import D from "./RulerItems.js";
-class y {
+import "../vendor/svelte/internal/index.js";
+import "@realsee/five";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "@tweenjs/tween.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
+import "../shared-utils/math/planimetry.js";
+import "../shared-utils/throttle.js";
+import "three";
+import "./RulerItem.js";
+class C {
   constructor(e, t) {
     r(this, "five");
     r(this, "container", document.createElement("div"));
@@ -41,13 +52,13 @@ class y {
         distanceText: (e) => `${e.toFixed(1)}m`
       }
     });
-    var n, o;
+    var a, o;
     this.five = e, this.container.classList.add("panoRulerProPlugin-container"), this.container.setAttribute(
       "style",
       "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;"
-    ), t && (t.data && this.load(t.data), this.state.options = f(f({}, this.state.options), t.options || {}), (n = t.options) != null && n.className && this.container.classList.add((o = t.options) == null ? void 0 : o.className)), this.five.once("modelLoaded", () => d(this, null, function* () {
-      var a, l;
-      (l = (a = this.five.getElement()) == null ? void 0 : a.parentNode) == null || l.append(this.container);
+    ), t && (t.data && this.load(t.data), this.state.options = c(c({}, this.state.options), t.options || {}), (a = t.options) != null && a.className && this.container.classList.add((o = t.options) == null ? void 0 : o.className)), this.five.once("modelLoaded", () => d(this, null, function* () {
+      var n, l;
+      (l = (n = this.five.getElement()) == null ? void 0 : n.parentNode) == null || l.append(this.container);
     })), this.five.once("dispose", () => this.dispose());
   }
   load(e) {
@@ -89,5 +100,5 @@ class y {
   }
 }
 export {
-  y as Controller
+  C as default
 };

package/libs/PanoRulerProPlugin/index.js

@@ -1,5 +1,18 @@
-import { Controller as n } from "./Controller.js";
-const t = (r, o) => new n(r, o);
+import t from "./Controller.js";
+import "./RulerItems.js";
+import "../vendor/svelte/internal/index.js";
+import "@realsee/five";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "@tweenjs/tween.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
+import "../shared-utils/math/planimetry.js";
+import "../shared-utils/throttle.js";
+import "three";
+import "./RulerItem.js";
+const g = (r, o) => new t(r, o);
 export {
-  t as PanoRulerProPlugin
+  g as PanoRulerProPlugin,
+  g as default
 };

package/libs/PanoRulerProPlugin/typings.js

@@ -0,0 +1 @@
+

package/libs/PanoSpatialTagPlugin/Components/origins.js

@@ -1,6 +1,5 @@
 import { SvelteComponent as d, init as h, safe_not_equal as P, append_styles as y, empty as v, insert as p, noop as c, destroy_each as S, detach as u, element as T, attr as b, toggle_class as f, set_style as g, listen as k } from "../../vendor/svelte/internal/index.js";
 import { currentTarget as z } from "../store.js";
-import "../../vendor/svelte/store/index.js";
 function w(n) {
   y(n, "svelte-19zi46m", ".PanoSpatialTagPlugin__tag-origin.svelte-19zi46m{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-19zi46m:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-19zi46m{transform:translate(-50%, -50%) scale(0.6);animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
 }
@@ -72,11 +71,11 @@ function C(n, t, o) {
     "origins" in i && o(0, e = i.origins);
   }, [e, a, l];
 }
-class O extends d {
+class N extends d {
   constructor(t) {
     super(), h(this, t, C, $, P, { origins: 0 }, w);
   }
 }
 export {
-  O as default
+  N as Origins
 };

package/libs/PanoSpatialTagPlugin/Components/tag.js

@@ -1,6 +1,5 @@
 import { SvelteComponent as F, init as M, safe_not_equal as j, append_styles as I, element as d, space as k, attr as u, set_style as c, toggle_class as p, insert as L, append as g, listen as O, noop as D, detach as q, onMount as A, afterUpdate as E, onDestroy as U, binding_callbacks as B } from "../../vendor/svelte/internal/index.js";
 import { currentTarget as G } from "../store.js";
-import "../../vendor/svelte/store/index.js";
 function J(n) {
   I(n, "svelte-1i5h9zh", ".PanoSpatialTagPlugin__tag-x.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh.svelte-1i5h9zh{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh.svelte-1i5h9zh{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content .svelte-1i5h9zh{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
 }
@@ -94,7 +93,7 @@ function Q(n, a, i) {
     C
   ];
 }
-class x extends F {
+class X extends F {
   constructor(a) {
     super(), M(
       this,
@@ -120,5 +119,5 @@ class x extends F {
   }
 }
 export {
-  x as default
+  X as Tag
 };

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -1,14 +1,33 @@
 import * as a from "three";
 import { Subscribe as we, Five as ye } from "@realsee/five";
 import { CSS3DRenderPlugin as Te } from "../CSS3DRenderPlugin/index.js";
-import Me from "./Components/origins.js";
-import Pe from "./Components/tag.js";
+import { Origins as Me } from "./Components/origins.js";
+import { Tag as Pe } from "./Components/tag.js";
 import { pluginStyle as xe } from "./style.js";
 import { render as Ee } from "../shared-utils/tinyEJSrender.js";
-const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", Re = (t, s) => {
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../vendor/svelte/internal/index.js";
+import "./store.js";
+import "../vendor/svelte/store/index.js";
+const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", Qe = (n, s) => {
   var k, z, q, B, G, J, K, Q;
   let j = s == null ? void 0 : s.container, y = 1.4;
-  const ee = (k = s == null ? void 0 : s.wait) != null ? k : 200, oe = (z = s == null ? void 0 : s.maxNumberOnScreen) != null ? z : 3, I = (q = s == null ? void 0 : s.minRad) != null ? q : Math.PI / 4, L = (B = s == null ? void 0 : s.nearTolerance) != null ? B : 100, ne = (G = s == null ? void 0 : s.upsideHeight) != null ? G : 1.6, A = (J = s == null ? void 0 : s.minDistance) != null ? J : 1.2, u = (K = s == null ? void 0 : s.maxDistance) != null ? K : 3.5, C = Te(t), S = document.createElement("div");
+  const ee = (k = s == null ? void 0 : s.wait) != null ? k : 200, oe = (z = s == null ? void 0 : s.maxNumberOnScreen) != null ? z : 3, I = (q = s == null ? void 0 : s.minRad) != null ? q : Math.PI / 4, L = (B = s == null ? void 0 : s.nearTolerance) != null ? B : 100, te = (G = s == null ? void 0 : s.upsideHeight) != null ? G : 1.6, A = (J = s == null ? void 0 : s.minDistance) != null ? J : 1.2, f = (K = s == null ? void 0 : s.maxDistance) != null ? K : 3.5, C = Te(n), S = document.createElement("div");
   S.classList.add("PanoSpatialTagPlugin"), Object.assign(S.style, xe);
   const V = new we();
   let Z = new Image();
@@ -33,28 +52,28 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
   }, H = (o, r) => {
     if (e.tags.length === 0)
       return;
-    const p = r.longitude - t.state.longitude, n = t.camera.clone();
-    n.position.copy(r.offset), n.rotateOnWorldAxis(new a.Vector3(0, 1, 0), p), n.updateProjectionMatrix(), n.updateMatrixWorld(!0);
-    const m = new a.Frustum(), P = new a.Matrix4();
+    const p = r.longitude - n.state.longitude, t = n.camera.clone();
+    t.position.copy(r.offset), t.rotateOnWorldAxis(new a.Vector3(0, 1, 0), p), t.updateProjectionMatrix(), t.updateMatrixWorld(!0);
+    const g = new a.Frustum(), P = new a.Matrix4();
     P.multiplyMatrices(
-      n.projectionMatrix,
-      n.matrixWorldInverse
-    ), m.setFromProjectionMatrix(P), e.tags.forEach((i) => {
-      const $ = n.position.clone().setY(y).distanceTo(i.position);
-      if ($ < A || $ > u || !m.containsPoint(i.position))
+      t.projectionMatrix,
+      t.matrixWorldInverse
+    ), g.setFromProjectionMatrix(P), e.tags.forEach((i) => {
+      const $ = t.position.clone().setY(y).distanceTo(i.position);
+      if ($ < A || $ > f || !g.containsPoint(i.position))
         return i.destroying = !0;
-      const x = i.position.clone().sub(n.position).setY(0);
+      const x = i.position.clone().sub(t.position).setY(0);
       if (x.angleTo(i.normal) > Math.PI / 2 - I && x.angleTo(i.normal) < Math.PI / 2 + I)
         return i.destroying = !0;
     }), e.tags.forEach((i) => {
       i.destroying ? i.app.$set({
-        contentZoom: 0.1 + n.position.distanceTo(i.position) / u,
-        lineWidthZoom: 0.38 * (0.01 + n.position.distanceTo(i.position) / u),
+        contentZoom: 0.1 + t.position.distanceTo(i.position) / f,
+        lineWidthZoom: 0.38 * (0.01 + t.position.distanceTo(i.position) / f),
         destroying: i.destroying
       }) : i.app.$set({
-        lineWidthZoom: 0.38 * (0.01 + n.position.distanceTo(i.position) / u),
-        lineHeightZoom: 0.4 + (n.position.distanceTo(i.position) - A) / u * 0.6,
-        contentZoom: 0.1 + n.position.distanceTo(i.position) / u
+        lineWidthZoom: 0.38 * (0.01 + t.position.distanceTo(i.position) / f),
+        lineHeightZoom: 0.4 + (t.position.distanceTo(i.position) - A) / f * 0.6,
+        contentZoom: 0.1 + t.position.distanceTo(i.position) / f
       });
     }), setTimeout(() => {
       e.tags.forEach((i) => {
@@ -68,57 +87,57 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
   }, T = () => {
     if (e.forbidden || !e.enabled)
       return;
-    const o = t.camera, r = o.getWorldDirection(new a.Vector3());
+    const o = n.camera, r = o.getWorldDirection(new a.Vector3());
     e.origins = e.tags.map((p) => {
-      const n = p.position.clone().project(o), m = p.position.clone().sub(o.position).setY(0).angleTo(r.setY(0)) < Math.PI / 2;
+      const t = p.position.clone().project(o), g = p.position.clone().sub(o.position).setY(0).angleTo(r.setY(0)) < Math.PI / 2;
       return {
         id: p.id,
-        front: m,
-        left: (n.x + 1) / 2 * 100,
-        top: (-n.y + 1) / 2 * 100,
+        front: g,
+        left: (t.x + 1) / 2 * 100,
+        top: (-t.y + 1) / 2 * 100,
         destroying: p.destroying
       };
     }), Y.$set({ origins: e.origins });
   }, M = () => {
     e.forbidden || !e.enabled || (e.timeoutId && clearTimeout(e.timeoutId), e.timeoutId = setTimeout(() => {
       e.timeoutId = void 0;
-      const o = te();
+      const o = ne();
       o.length && (e.tags = e.tags.concat(o), T());
     }, ee));
-  }, te = () => {
-    const { clientWidth: o, clientHeight: r } = t.getElement(), p = [], n = t.camera, m = new a.Frustum(), P = new a.Matrix4(), i = n.getWorldDirection(new a.Vector3());
+  }, ne = () => {
+    const { clientWidth: o, clientHeight: r } = n.getElement(), p = [], t = n.camera, g = new a.Frustum(), P = new a.Matrix4(), i = t.getWorldDirection(new a.Vector3());
     P.multiplyMatrices(
-      n.projectionMatrix,
-      n.matrixWorldInverse
-    ), m.setFromProjectionMatrix(P);
+      t.projectionMatrix,
+      t.matrixWorldInverse
+    ), g.setFromProjectionMatrix(P);
     const $ = e.tags.filter(
-      (d) => m.containsPoint(d.position) && !d.destroying
-    ).length, x = e.points.reduce((d, f) => {
-      if (e.tags.find((l) => f.id === l.id && !l.destroying))
+      (d) => g.containsPoint(d.position) && !d.destroying
+    ).length, x = e.points.reduce((d, m) => {
+      if (e.tags.find((l) => m.id === l.id && !l.destroying))
         return d;
-      const g = n.position.clone().setY(y).distanceTo(f.position);
-      if (g < A || g > u || !m.containsPoint(f.position))
+      const u = t.position.clone().setY(y).distanceTo(m.position);
+      if (u < A || u > f || !g.containsPoint(m.position))
         return d;
-      const E = f.position.clone().sub(n.position).setY(0);
-      if (E.angleTo(f.normal) > Math.PI / 2 - I && E.angleTo(f.normal) < Math.PI / 2 + I)
+      const E = m.position.clone().sub(t.position).setY(0);
+      if (E.angleTo(m.normal) > Math.PI / 2 - I && E.angleTo(m.normal) < Math.PI / 2 + I)
         return d;
-      const w = f.position.clone().project(n);
+      const w = m.position.clone().project(t);
       if (!e.tags.every((l) => {
-        if (l.position.clone().sub(n.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
+        if (l.position.clone().sub(t.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
           return !0;
-        const b = l.position.clone().project(n);
+        const b = l.position.clone().project(t);
         return Math.sqrt(
           Math.pow((w.x - b.x) / 2 * o, 2) + Math.pow((w.y - b.y) / 2 * r, 2)
         ) > L;
       }))
         return d;
       const h = {
-        id: f.id,
-        position: f.position,
-        normal: f.normal,
-        replacement: f.replacement,
-        weight: f.weight,
-        distance: g
+        id: m.id,
+        position: m.position,
+        normal: m.normal,
+        replacement: m.replacement,
+        weight: m.weight,
+        distance: u
       };
       let c;
       for (let l = 0, b = d.length; l < b; l++) {
@@ -134,45 +153,45 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
       }
       return c !== void 0 ? d.splice(c, 0, h) : d.push(h), d;
     }, []);
-    for (let d = 0, f = x.length; d < f && !($ + p.length >= oe); d++) {
-      const g = x[d];
-      if (p.find((c) => g.id === c.id))
+    for (let d = 0, m = x.length; d < m && !($ + p.length >= oe); d++) {
+      const u = x[d];
+      if (p.find((c) => u.id === c.id))
         continue;
-      const E = g.position.clone().project(n);
+      const E = u.position.clone().project(t);
       if (!e.tags.concat(p).every((c) => {
-        if (c.position.clone().sub(n.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
+        if (c.position.clone().sub(t.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
           return !0;
-        const l = c.position.clone().project(n);
+        const l = c.position.clone().project(t);
         return Math.sqrt(
           Math.pow((E.x - l.x) / 2 * o, 2) + Math.pow((E.y - l.y) / 2 * r, 2)
         ) > L;
       }))
         continue;
       const w = new a.Raycaster(
-        n.position.clone().setY(y),
-        g.position.clone().sub(n.position.clone().setY(y)).normalize(),
+        t.position.clone().setY(y),
+        u.position.clone().sub(t.position.clone().setY(y)).normalize(),
         0,
-        g.distance + v
-      ), [h] = e.intersectObjects ? w.intersectObjects(e.intersectObjects, !0) : t.model.bvhs.loaded ? t.model.intersectRaycaster(w) : w.intersectObjects(t.model.children, !0);
-      if (!!h && g.distance - h.distance < v) {
-        const { position: c, normal: l, id: b, replacement: O } = g, fe = new a.Plane().setFromNormalAndCoplanarPoint(l, c), X = c.clone().sub(n.position).cross(new a.Vector3(0, 1, 0)).setLength(D), ue = [
+        u.distance + v
+      ), [h] = e.intersectObjects ? w.intersectObjects(e.intersectObjects, !0) : n.model.bvhs.loaded ? n.model.intersectRaycaster(w) : w.intersectObjects(n.model.children, !0);
+      if (!!h && u.distance - h.distance < v) {
+        const { position: c, normal: l, id: b, replacement: O } = u, me = new a.Plane().setFromNormalAndCoplanarPoint(l, c), X = c.clone().sub(t.position).cross(new a.Vector3(0, 1, 0)).setLength(D), fe = [
           c.clone(),
           c.clone().add(X),
           c.clone().add(new a.Vector3(0, D, 0)).add(X),
           c.clone().add(new a.Vector3(0, D, 0))
-        ].map((be) => fe.projectPoint(be, new a.Vector3())), { container: ge, dispose: me } = C.create3DDomContainer(ue) || {}, he = new Pe({
-          target: ge,
+        ].map((be) => me.projectPoint(be, new a.Vector3())), { container: ue, dispose: ge } = C.create3DDomContainer(fe) || {}, he = new Pe({
+          target: ue,
           props: {
             id: b,
             content: e.render(e.template, O),
-            lineWidthZoom: 0.38 * (0.01 + n.position.distanceTo(c) / u),
-            lineHeightZoom: 0.4 + (n.position.distanceTo(c) - A) / u * 0.6,
-            contentZoom: 0.1 + n.position.distanceTo(c) / u,
-            upsideDown: c.y > ne,
+            lineWidthZoom: 0.38 * (0.01 + t.position.distanceTo(c) / f),
+            lineHeightZoom: 0.4 + (t.position.distanceTo(c) - A) / f * 0.6,
+            contentZoom: 0.1 + t.position.distanceTo(c) / f,
+            upsideDown: c.y > te,
             folded: e.folded,
             events: e.events,
             hooks: V,
-            dispose: me
+            dispose: ge
           }
         });
         p.push({
@@ -186,13 +205,13 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
     return p;
   }, ie = (o) => {
     e.points = o.points.map((r) => {
-      var p, n;
+      var p, t;
       return {
         id: r.id,
         position: new a.Vector3().fromArray(r.position),
         normal: new a.Vector3().fromArray(r.normal),
         replacement: (p = r.replacement) != null ? p : {},
-        weight: (n = r.weight) != null ? n : -1
+        weight: (t = r.weight) != null ? t : -1
       };
     }), o.render && (e.render = o.render), o.template && (e.template = o.template), o.events && (e.events = o.events), o.enabled === !1 && (e.enabled = o.enabled), o.folded === !0 && (e.folded = o.folded);
   }, se = (o) => {
@@ -220,15 +239,15 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
       r.id === o && r.app.$set({ folded: !0 });
     });
   }, U = () => {
-    t.once("renderFrame", T);
+    n.once("renderFrame", T);
   }, R = () => {
-    j || (j = t.getElement().parentElement), j && j.appendChild(S), e.forbidden = !1, y = t.model.bounding.getCenter(new a.Vector3()).y, M(), t.on("panoWillArrive", H), t.on("panoArrived", F), t.on("modeChange", N), t.on("cameraUpdate", _);
+    j || (j = n.getElement().parentElement), j && j.appendChild(S), e.forbidden = !1, y = n.model.bounding.getCenter(new a.Vector3()).y, M(), n.on("panoWillArrive", H), n.on("panoArrived", F), n.on("modeChange", N), n.on("cameraUpdate", _);
   }, W = () => {
     Z = null, C.disposeAll(), Y.$destroy(), e.tags.forEach((o) => {
       o.app.$destroy(), o = null;
-    }), e.origins = [], e.tags = [], t.off("modelLoaded", R), t.off("renderFrame", T), t.off("panoWillArrive", H), t.off("panoArrived", F), t.off("modeChange", N), t.off("cameraUpdate", _), t.off("dispose", W), window.removeEventListener("resize", U, !1);
+    }), e.origins = [], e.tags = [], n.off("modelLoaded", R), n.off("renderFrame", T), n.off("panoWillArrive", H), n.off("panoArrived", F), n.off("modeChange", N), n.off("cameraUpdate", _), n.off("dispose", W), window.removeEventListener("resize", U, !1);
   };
-  return window.addEventListener("resize", U, !1), (Q = t == null ? void 0 : t.model) != null && Q.loaded ? R() : t.once("modelLoaded", R), t.on("dispose", W), {
+  return window.addEventListener("resize", U, !1), (Q = n == null ? void 0 : n.model) != null && Q.loaded ? R() : n.once("modelLoaded", R), n.on("dispose", W), {
     load: ie,
     setIntersectObjects: se,
     unfoldAll: de,
@@ -242,5 +261,6 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
   };
 };
 export {
-  Re as PanoSpatialTagPlugin
+  Qe as PanoSpatialTagPlugin,
+  Qe as default
 };

package/libs/PanoSpatialTagPlugin/index.js

@@ -1,4 +1,32 @@
+import "./Plugin.js";
+import { PanoSpatialTagPlugin as B, PanoSpatialTagPlugin as C } from "./Plugin.js";
 import "three";
 import "@realsee/five";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "./Components/origins.js";
 import "../vendor/svelte/internal/index.js";
+import "./store.js";
+import "../vendor/svelte/store/index.js";
+import "./Components/tag.js";
+import "./style.js";
+import "../shared-utils/tinyEJSrender.js";
+export {
+  B as PanoSpatialTagPlugin,
+  C as default
+};

package/libs/PanoSpatialTagPlugin/store.js

@@ -1,4 +1,5 @@
 import { writable as r } from "../vendor/svelte/store/index.js";
+import "../vendor/svelte/internal/index.js";
 const e = r(null);
 export {
   e as currentTarget

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

@@ -1,8 +1,8 @@
-import { SvelteComponent as p, init as D, safe_not_equal as A, append_styles as I, empty as R, insert as y, transition_in as d, transition_out as _, check_outros as S, detach as k, element as v, create_component as z, space as C, attr as c, set_style as N, mount_component as O, append as q, listen as j, add_render_callback as B, create_in_transition as E, create_out_transition as F, destroy_component as G, group_outros as H, bubble as J } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as p, init as D, safe_not_equal as A, append_styles as I, empty as R, insert as y, transition_in as d, group_outros as S, transition_out as _, check_outros as z, detach as k, element as v, create_component as C, space as N, attr as c, set_style as O, mount_component as j, append as q, listen as B, add_render_callback as E, create_in_transition as F, create_out_transition as G, destroy_component as H, bubble as J } from "../../../vendor/svelte/internal/index.js";
 import { fade as w } from "../../../vendor/svelte/transition/index.js";
 import { Image_Arrow as K } from "../../Assets/Icon.js";
 import { cubicInOut as b } from "../../../vendor/svelte/easing/index.js";
-import L from "./Shadow.js";
+import { Shadow as L } from "./Shadow.js";
 function M(i) {
   I(i, "svelte-1ogmlqq", ".arrow.svelte-1ogmlqq{width:100%;height:100%;background-size:100%;transition:transform 400ms ease-in-out;cursor:pointer;pointer-events:auto}.arrow-wrapper.svelte-1ogmlqq{position:relative;width:100%;height:100%}.arrow.left.svelte-1ogmlqq{transform:rotate(0deg)}.arrow.right.svelte-1ogmlqq{transform:rotate(-180deg)}.arrow.top.svelte-1ogmlqq{transform:rotate(90deg)}.arrow.bottom.svelte-1ogmlqq{transform:rotate(-90deg)}");
 }
@@ -16,17 +16,17 @@ function h(i) {
     }
   }), {
     c() {
-      r = v("div"), z(o.$$.fragment), e = C(), t = v("div"), c(t, "class", l = "arrow " + i[0] + " svelte-1ogmlqq"), N(t, "background-image", "url(" + K + ")"), c(r, "class", "arrow-wrapper svelte-1ogmlqq");
+      r = v("div"), C(o.$$.fragment), e = N(), t = v("div"), c(t, "class", l = "arrow " + i[0] + " svelte-1ogmlqq"), O(t, "background-image", "url(" + K + ")"), c(r, "class", "arrow-wrapper svelte-1ogmlqq");
     },
     m(a, m) {
-      y(a, r, m), O(o, r, null), q(r, e), q(r, t), f = !0, n || (g = j(t, "click", i[5]), n = !0);
+      y(a, r, m), j(o, r, null), q(r, e), q(r, t), f = !0, n || (g = B(t, "click", i[5]), n = !0);
     },
     p(a, m) {
       i = a, (!f || m & 1 && l !== (l = "arrow " + i[0] + " svelte-1ogmlqq")) && c(t, "class", l);
     },
     i(a) {
-      f || (d(o.$$.fragment, a), a && B(() => {
-        s && s.end(1), u = E(t, w, {
+      f || (d(o.$$.fragment, a), a && E(() => {
+        s && s.end(1), u = F(t, w, {
           duration: i[2],
           delay: i[3],
           easing: b
@@ -34,14 +34,14 @@ function h(i) {
       }), f = !0);
     },
     o(a) {
-      _(o.$$.fragment, a), u && u.invalidate(), a && (s = F(t, w, {
+      _(o.$$.fragment, a), u && u.invalidate(), a && (s = G(t, w, {
         duration: i[2],
         delay: i[4],
         easing: b
       })), f = !1;
     },
     d(a) {
-      a && k(r), G(o), a && s && s.end(), n = !1, g();
+      a && k(r), H(o), a && s && s.end(), n = !1, g();
     }
   };
 }
@@ -55,9 +55,9 @@ function P(i) {
       e && e.m(t, l), y(t, r, l), o = !0;
     },
     p(t, [l]) {
-      t[1] ? e ? (e.p(t, l), l & 2 && d(e, 1)) : (e = h(t), e.c(), d(e, 1), e.m(r.parentNode, r)) : e && (H(), _(e, 1, 1, () => {
+      t[1] ? e ? (e.p(t, l), l & 2 && d(e, 1)) : (e = h(t), e.c(), d(e, 1), e.m(r.parentNode, r)) : e && (S(), _(e, 1, 1, () => {
         e = null;
-      }), S());
+      }), z());
     },
     i(t) {
       o || (d(e), o = !0);
@@ -99,5 +99,5 @@ class Y extends p {
   }
 }
 export {
-  Y as default
+  Y as Arrow
 };