@realsee/dnalogel 3.56.1 → 3.57.1

package/libs/base/BasePlugin.js

@@ -20,7 +20,7 @@ let F = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.56.1");
+    i(this, "VERSION", "3.57.1");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");

package/libs/components/AreaLabel/LabelItem.js

@@ -1,157 +1,180 @@
-import { SvelteComponent as w, init as C, safe_not_equal as D, append_styles as N, element as g, attr as k, set_style as f, insert as b, noop as h, detach as _, onMount as L, onDestroy as B, text as M, space as O, append as j, listen as q, is_function as A, set_data as E, binding_callbacks as G } from "../../vendor/svelte/internal/index.js";
-import { ROOM_LABEL_BG as R } from "./Assets/roomLabelBg.js";
-function S(n) {
-  N(n, "svelte-ntto16", ".room-label-item.svelte-ntto16{position:absolute;font-size:0.625rem;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.room-label-item__text.svelte-ntto16{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.25rem;min-width:2rem;padding:0 0.375rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-ntto16{position:absolute;top:-2.75rem;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}");
+import { SvelteComponent as S, init as j, safe_not_equal as q, append_styles as A, element as I, attr as p, set_style as s, insert as g, noop as N, detach as y, onMount as E, onDestroy as F, text as G, space as P, append as R, listen as T, is_function as Y, set_data as H, binding_callbacks as z } from "../../vendor/svelte/internal/index.js";
+import { ROOM_LABEL_BG as J } from "./Assets/roomLabelBg.js";
+import { rad2Deg as K } from "../../shared-utils/math/rad2Deg.js";
+function Q(i) {
+  A(i, "svelte-16mrlad", ".room-label-item.svelte-16mrlad{position:absolute;font-size:0.625rem;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.room-label-item__text.svelte-16mrlad{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.25rem;min-width:2rem;padding:0 0.375rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-16mrlad{position:absolute;transform-origin:top;top:-2.75rem;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}");
 }
-function z(n) {
-  let e, t, o, l, a, m;
+function L(i) {
+  let e, n, o, l, r, d;
   return {
     c() {
-      e = g("span"), t = M(
+      e = I("span"), n = G(
         /*content*/
-        n[0]
-      ), o = O(), l = g("div"), k(e, "class", "room-label-item__text svelte-ntto16"), f(e, "background-image", "url(" + R + ")"), k(l, "class", "room-label-item__bar svelte-ntto16");
+        i[0]
+      ), o = P(), l = I("div"), p(e, "class", "room-label-item__text svelte-16mrlad"), s(e, "background-image", "url(" + J + ")"), p(l, "class", "room-label-item__bar svelte-16mrlad");
     },
-    m(r, s) {
-      b(r, e, s), j(e, t), b(r, o, s), b(r, l, s), a || (m = q(e, "click", function() {
-        A(
+    m(f, a) {
+      g(f, e, a), R(e, n), i[13](e), g(f, o, a), g(f, l, a), i[14](l), r || (d = T(e, "click", function() {
+        Y(
           /*onClick*/
-          n[4]
-        ) && n[4].apply(this, arguments);
-      }), a = !0);
+          i[4]
+        ) && i[4].apply(this, arguments);
+      }), r = !0);
     },
-    p(r, s) {
-      n = r, s & /*content*/
-      1 && E(
-        t,
+    p(f, a) {
+      i = f, a & /*content*/
+      1 && H(
+        n,
         /*content*/
-        n[0]
+        i[0]
       );
     },
-    d(r) {
-      r && _(e), r && _(o), r && _(l), a = !1, m();
+    d(f) {
+      f && y(e), i[13](null), f && y(o), f && y(l), i[14](null), r = !1, d();
     }
   };
 }
-function F(n) {
-  let e, t = !/*rendererIfNeed*/
-  n[5] && z(n);
+function V(i) {
+  let e, n = !/*rendererIfNeed*/
+  i[5] && L(i);
   return {
     c() {
-      e = g("div"), t && t.c(), k(e, "class", "room-label-item svelte-ntto16"), f(
+      e = I("div"), n && n.c(), p(e, "class", "room-label-item svelte-16mrlad"), s(
         e,
         "z-index",
         /*zIndex*/
-        n[2]
-      ), f(
+        i[2]
+      ), s(
         e,
         "transform",
         /*transform*/
-        n[3]
-      ), f(
+        i[3]
+      ), s(
         e,
         "opacity",
         /*opacity*/
-        n[1]
-      ), f(
+        i[1]
+      ), s(
         e,
         "visibility",
         /*visibility*/
-        n[7]
+        i[9]
       );
     },
     m(o, l) {
-      b(o, e, l), t && t.m(e, null), n[10](e);
+      g(o, e, l), n && n.m(e, null), i[15](e);
     },
     p(o, [l]) {
       /*rendererIfNeed*/
-      o[5] ? t && (t.d(1), t = null) : t ? t.p(o, l) : (t = z(o), t.c(), t.m(e, null)), l & /*zIndex*/
-      4 && f(
+      o[5] ? n && (n.d(1), n = null) : n ? n.p(o, l) : (n = L(o), n.c(), n.m(e, null)), l & /*zIndex*/
+      4 && s(
         e,
         "z-index",
         /*zIndex*/
         o[2]
       ), l & /*transform*/
-      8 && f(
+      8 && s(
         e,
         "transform",
         /*transform*/
         o[3]
       ), l & /*opacity*/
-      2 && f(
+      2 && s(
         e,
         "opacity",
         /*opacity*/
         o[1]
       ), l & /*visibility*/
-      128 && f(
+      512 && s(
         e,
         "visibility",
         /*visibility*/
-        o[7]
+        o[9]
       );
     },
-    i: h,
-    o: h,
+    i: N,
+    o: N,
     d(o) {
-      o && _(e), t && t.d(), n[10](null);
+      o && y(e), n && n.d(), i[15](null);
     }
   };
 }
-function H(n, e, t) {
-  let o, { content: l } = e, { visible: a = !0 } = e, { opacity: m = 1 } = e, { zIndex: r = 0 } = e, { transform: s = void 0 } = e, { onClick: y = () => {
-  } } = e, { rendererIfNeed: u = void 0 } = e, { rendererData: v = void 0 } = e, d, c;
-  L(() => {
-    d && typeof u == "function" && (c = u(d, v));
-  }), B(() => {
-    c == null || c();
+function W(i, e, n) {
+  let o, { content: l } = e, { five: r = void 0 } = e, { visible: d = !0 } = e, { opacity: f = 1 } = e, { zIndex: a = 0 } = e, { transform: C = void 0 } = e, { onClick: D = () => {
+  } } = e, { rendererIfNeed: b = void 0 } = e, { rendererData: h = void 0 } = e, u, m, c, _;
+  const k = (t) => {
+    if (r.state.mode !== "Panorama") {
+      const w = -(10 + 54 * (1 - K(t.latitude) / 90)), v = w + 20, O = v >= 0 ? 0 : -v / 44;
+      n(7, m.style.transform = `scaleY(${O})`, m), n(7, m.style.top = `${v}px`, m), n(8, c.style.top = `${w}px`, c);
+    }
+  };
+  E(() => {
+    u && typeof b == "function" && (_ = b(u, h)), r && (k(r.camera.pose), r.on("cameraUpdate", k));
+  }), F(() => {
+    _ == null || _(), r == null || r.off("cameraUpdate", k);
   });
-  function I(i) {
-    G[i ? "unshift" : "push"](() => {
-      d = i, t(6, d);
+  function U(t) {
+    z[t ? "unshift" : "push"](() => {
+      c = t, n(8, c);
+    });
+  }
+  function B(t) {
+    z[t ? "unshift" : "push"](() => {
+      m = t, n(7, m);
+    });
+  }
+  function M(t) {
+    z[t ? "unshift" : "push"](() => {
+      u = t, n(6, u);
     });
   }
-  return n.$$set = (i) => {
-    "content" in i && t(0, l = i.content), "visible" in i && t(8, a = i.visible), "opacity" in i && t(1, m = i.opacity), "zIndex" in i && t(2, r = i.zIndex), "transform" in i && t(3, s = i.transform), "onClick" in i && t(4, y = i.onClick), "rendererIfNeed" in i && t(5, u = i.rendererIfNeed), "rendererData" in i && t(9, v = i.rendererData);
-  }, n.$$.update = () => {
-    n.$$.dirty & /*visible*/
-    256 && t(7, o = a ? "visible" : "hidden");
+  return i.$$set = (t) => {
+    "content" in t && n(0, l = t.content), "five" in t && n(10, r = t.five), "visible" in t && n(11, d = t.visible), "opacity" in t && n(1, f = t.opacity), "zIndex" in t && n(2, a = t.zIndex), "transform" in t && n(3, C = t.transform), "onClick" in t && n(4, D = t.onClick), "rendererIfNeed" in t && n(5, b = t.rendererIfNeed), "rendererData" in t && n(12, h = t.rendererData);
+  }, i.$$.update = () => {
+    i.$$.dirty & /*visible*/
+    2048 && n(9, o = d ? "visible" : "hidden");
   }, [
     l,
+    f,
+    a,
+    C,
+    D,
+    b,
+    u,
     m,
+    c,
+    o,
     r,
-    s,
-    y,
-    u,
     d,
-    o,
-    a,
-    v,
-    I
+    h,
+    U,
+    B,
+    M
   ];
 }
-class P extends w {
+class ne extends S {
   constructor(e) {
-    super(), C(
+    super(), j(
       this,
       e,
-      H,
-      F,
-      D,
+      W,
+      V,
+      q,
       {
         content: 0,
-        visible: 8,
+        five: 10,
+        visible: 11,
         opacity: 1,
         zIndex: 2,
         transform: 3,
         onClick: 4,
         rendererIfNeed: 5,
-        rendererData: 9
+        rendererData: 12
       },
-      S
+      Q
     );
   }
 }
 export {
-  P as LabelItem
+  ne as LabelItem
 };

package/libs/shared-utils/five/FiveDomEvents.js

@@ -1,67 +1,68 @@
-var H = Object.defineProperty;
-var L = Object.getOwnPropertySymbols;
-var x = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
-var M = (l, e, t) => e in l ? H(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t, w = (l, e) => {
+var S = Object.defineProperty, j = Object.defineProperties;
+var $ = Object.getOwnPropertyDescriptors;
+var D = Object.getOwnPropertySymbols;
+var W = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var M = (u, e, t) => e in u ? S(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t, w = (u, e) => {
   for (var t in e || (e = {}))
-    x.call(e, t) && M(l, t, e[t]);
-  if (L)
-    for (var t of L(e))
-      S.call(e, t) && M(l, t, e[t]);
-  return l;
-};
-var o = (l, e, t) => (M(l, typeof e != "symbol" ? e + "" : e, t), t);
-import { getObjectVisible as I } from "../three/getObjectVisible.js";
-import { calculateThreeMouse as $ } from "./calculateThreeMouse.js";
-import { getFiveModel as W } from "./getFiveModel.js";
-import { THREERaycaster as D } from "../three/core/Raycaster.js";
-class N {
+    W.call(e, t) && M(u, t, e[t]);
+  if (D)
+    for (var t of D(e))
+      k.call(e, t) && M(u, t, e[t]);
+  return u;
+}, H = (u, e) => j(u, $(e));
+var a = (u, e, t) => (M(u, typeof e != "symbol" ? e + "" : e, t), t);
+import { getObjectVisible as T } from "../three/getObjectVisible.js";
+import { calculateThreeMouse as N } from "./calculateThreeMouse.js";
+import { getFiveModel as R } from "./getFiveModel.js";
+import { THREERaycaster as x } from "../three/core/Raycaster.js";
+class Y {
   // 事件由five触发时，用来补充 originEvent 属性
   constructor(e, t) {
-    o(this, "five");
+    a(this, "five");
     /**
      * @description: 拖动中
      */
-    o(this, "dragging", !1);
-    o(this, "boundObject", {});
-    o(this, "config");
-    o(this, "lastMouseDownEvent");
+    a(this, "dragging", !1);
+    a(this, "boundObject", {});
+    a(this, "config");
+    a(this, "lastMouseDownEvent");
     // 事件由five触发时，用来补充 originEvent 属性
-    o(this, "lastTouchEvent");
-    o(this, "handleWantsGesture", (e, t) => {
-      var s;
+    a(this, "lastTouchEvent");
+    a(this, "handleWantsGesture", (e, t) => {
+      var r;
       if (t.length !== 1)
         return;
       const n = t[0];
       if (n.raycaster) {
-        const i = new D();
+        const i = new x();
         i.ray = n.raycaster.ray, i.near = n.raycaster.near, i.far = n.raycaster.far, i.camera = n.raycaster.camera, i.layers = n.raycaster.layers, i.params = n.raycaster.params, n.raycaster = i;
       }
       if (n) {
         if (e === "mouseMove" && this.onDomEvent("hover", n), e === "tap") {
           let i;
-          i || (i = (s = this.lastMouseDownEvent) != null ? s : this.lastTouchEvent), i || (i = new MouseEvent("click", { clientX: n.x, clientY: n.y }));
-          const d = this.onDomEvent("click", n, i), c = this.onDomEvent("wantDblclick", n, i, this.boundObject.dblclick);
-          if (d === !1 || c === !1)
+          i || (i = (r = this.lastMouseDownEvent) != null ? r : this.lastTouchEvent), i || (i = new MouseEvent("click", { clientX: n.x, clientY: n.y }));
+          const d = this.onDomEvent("click", n, i), l = this.onDomEvent("wantDblclick", n, i, this.boundObject.dblclick);
+          if (d === !1 || l === !1)
             return !1;
         }
         if (this.dragging)
           return !1;
       }
     });
-    o(this, "handleDomEvent", (e, t, n) => {
-      const s = { x: t.clientX, y: t.clientY };
-      this.onDomEvent(e, s, t, n);
+    a(this, "handleDomEvent", (e, t, n) => {
+      const r = { x: t.clientX, y: t.clientY };
+      this.onDomEvent(e, r, t, n);
     });
-    o(this, "handleMouseEvent", (e) => {
+    a(this, "handleMouseEvent", (e) => {
       this.handleDomEvent(e.type, e);
     });
-    o(this, "handleMousedown", (e) => {
+    a(this, "handleMousedown", (e) => {
       this.lastMouseDownEvent = e, this.handleDomEvent("mousedown", e), this.handleDomEvent("dragstart", e, this.haveDragEventObject);
     });
-    o(this, "handleTouchStart", (e) => {
+    a(this, "handleTouchStart", (e) => {
       this.lastTouchEvent = e;
     });
-    o(this, "handleMouseup", (e) => {
+    a(this, "handleMouseup", (e) => {
       var t;
       this.dragging = !1, (t = this.haveDragEventObject) == null || t.forEach((n) => {
         n._dragging && (n._dragging = !1, this.notify({
@@ -72,7 +73,7 @@ class N {
         }));
       }), this.handleDomEvent("mouseup", e);
     });
-    o(this, "handleMousemove", (e) => {
+    a(this, "handleMousemove", (e) => {
       var t;
       this.dragging && ((t = this.boundObject.drag) == null || t.forEach((n) => {
         n._dragging && this.notify({
@@ -84,87 +85,95 @@ class N {
       }));
     });
     // eslint-disable-next-line complexity
-    o(this, "onDomEvent", (e, t, n, s = this.boundObject[e]) => {
-      var m, g, p, a, y;
-      if (!t || !s || (s == null ? void 0 : s.length) === 0)
+    a(this, "onDomEvent", (e, t, n, r = this.boundObject[e]) => {
+      var v, E, g, p, y;
+      if (!t || !r || (r == null ? void 0 : r.length) === 0)
         return;
       const i = [];
-      ((m = this.config) == null ? void 0 : m.fiveModels) !== null && ((g = this.config) != null && g.fiveModels ? i.push(...this.config.fiveModels) : i.push(this.model));
-      const d = i.filter((v) => v.loaded), c = (p = t.raycaster) != null ? p : this.getRaycaster(t);
-      c.params.Points.threshold = 0.02;
-      const r = c.intersectObjects(s, !0), h = [];
-      d.forEach((v) => {
-        const _ = v.intersectRaycaster(c);
-        h.push(..._);
+      ((v = this.config) == null ? void 0 : v.fiveModels) !== null && ((E = this.config) != null && E.fiveModels ? i.push(...this.config.fiveModels) : i.push(this.model));
+      const d = i.filter((s) => s.loaded), l = (g = t.raycaster) != null ? g : this.getRaycaster(t);
+      l.params.Points.threshold = 0.02;
+      const o = l.intersectObjects(r, !0), c = [];
+      d.forEach((s) => {
+        const b = s.intersectRaycaster(l);
+        c.push(...b);
       });
       const f = 0.01;
-      if (h.length > 0 && r.length > 0 && h[0].distance + f < r[0].distance)
+      if (c.length > 0 && o.length > 0 && c[0].distance + f < o[0].distance)
         return;
-      const u = (a = r == null ? void 0 : r[0]) == null ? void 0 : a.object;
+      const h = (p = o == null ? void 0 : o[0]) == null ? void 0 : p.object;
       if (e === "wantDblclick")
         return !1;
-      if ((!u || !this.objectIsBound(u)) && e === "hover")
-        for (const v of (y = this.boundObject.hover) != null ? y : [])
-          v._hovered && this.notify({ eventName: "unHover", object: v });
-      if (u && u && this.notify({ eventName: e, object: u, originEvent: n, raycaster: c, intersects: r }))
+      if ((!h || !this.objectIsBound(h)) && e === "hover")
+        for (const s of (y = this.boundObject.hover) != null ? y : [])
+          s._hovered && this.notify({ eventName: "unHover", object: s });
+      if (h && h && this.notify({ eventName: e, object: h, originEvent: n, raycaster: l, intersects: o }))
         return !1;
     });
-    o(this, "objectIsBound", (e) => {
+    a(this, "objectIsBound", (e) => {
       let t = e._domEvent, n = e.parent;
       for (; typeof t == "undefined" && n; )
         t = n._domEvent, n = n.parent;
       return !!t;
     });
-    o(this, "notify", (e) => {
-      var m, g, p;
-      const { eventName: t, object: n, originEvent: s, raycaster: i, intersects: d } = e;
-      let c = !1, r = [];
-      const h = [];
-      let f = n;
-      for (h.push(f); f.parent; )
-        f = f.parent, h.push(f);
-      const u = h.at(-1);
-      if (!((m = this.config) != null && m.noEmitWhenNotInScene && u.type !== "Scene")) {
-        for (const a of h) {
-          if (c)
-            break;
-          a.draggable && (t === "dragstart" && (a._dragging = !0, this.dragging = !0), t === "dragend" && (a._dragging = !1, this.dragging = !1));
-          const y = a._domEvent;
-          if (!y)
-            continue;
-          const v = y[`${t}Handler`];
-          if (v)
-            for (const [_, E] of v) {
-              if (E != null && E.noEmitWhenNotInScene && u.type !== "Scene" || ((g = this.config) != null && g.noEmitWhenHide || E != null && E.noEmitWhenHide) && !I(a))
+    a(this, "notify", (e) => {
+      var g, p, y;
+      const { eventName: t, object: n, originEvent: r, raycaster: i, intersects: d } = e;
+      if (!n)
+        return;
+      let l = !1, o = [];
+      const c = [], f = () => {
+        const s = d.slice(1);
+        return this.notify(H(w({}, e), { object: s[0].object, intersects: s }));
+      };
+      let h = n;
+      for (c.push(h); h.parent; )
+        h = h.parent, c.push(h);
+      const v = c.at(-1);
+      if ((g = this.config) != null && g.noEmitWhenNotInScene && v.type !== "Scene")
+        return f();
+      let E = !1;
+      for (const s of c) {
+        if (l)
+          break;
+        s.draggable && (t === "dragstart" && (s._dragging = !0, this.dragging = !0), t === "dragend" && (s._dragging = !1, this.dragging = !1));
+        const b = s._domEvent;
+        if (!b)
+          continue;
+        const L = b[`${t}Handler`];
+        if (L)
+          for (const [I, m] of L) {
+            if (m != null && m.noEmitWhenNotInScene && v.type !== "Scene" || ((p = this.config) != null && p.noEmitWhenHide || m != null && m.noEmitWhenHide) && !T(s))
+              continue;
+            if (E = !0, t === "hover") {
+              if (s._hovered)
                 continue;
-              if (t === "hover") {
-                if (a._hovered)
-                  continue;
-                a._hovered = !0;
-                for (const b of (p = this.boundObject.hover) != null ? p : [])
-                  b !== a && b._hovered && this.notify({ eventName: "unHover", object: b });
-              }
-              if (t === "unHover") {
-                if (!a._hovered)
-                  continue;
-                a._hovered = !1;
-              }
-              const O = _({
-                type: t,
-                target: a,
-                origDomEvent: s,
-                raycaster: i,
-                intersects: d,
-                stopPropagation: () => {
-                  c = !0;
-                }
-              });
-              r.push(O != null ? O : !0);
+              s._hovered = !0;
+              for (const _ of (y = this.boundObject.hover) != null ? y : [])
+                _ !== s && _._hovered && this.notify({ eventName: "unHover", object: _ });
             }
-        }
-        if (t === "click" || t === "wantDblclick")
-          return r.some((a) => a === !0);
+            if (t === "unHover") {
+              if (!s._hovered)
+                continue;
+              s._hovered = !1;
+            }
+            const O = I({
+              type: t,
+              target: s,
+              origDomEvent: r,
+              raycaster: i,
+              intersects: d,
+              stopPropagation: () => {
+                l = !0;
+              }
+            });
+            o.push(O != null ? O : !0);
+          }
       }
+      if (E === !1)
+        return f();
+      if (t === "click" || t === "wantDblclick")
+        return o.some((s) => s === !0);
     });
     this.five = e, this.config = t, e.on("wantsGesture", this.handleWantsGesture), document.addEventListener("mousedown", this.handleMousedown), document.addEventListener("touchstart", this.handleTouchStart), document.addEventListener("dblclick", this.handleMouseEvent), document.addEventListener("mouseup", this.handleMouseup), document.addEventListener("mousemove", this.handleMousemove);
   }
@@ -172,15 +181,15 @@ class N {
     return [...new Set([this.boundObject.dragend, this.boundObject.drag, this.boundObject.dragstart].flat())].filter(Boolean);
   }
   get model() {
-    return W(this.five);
+    return R(this.five);
   }
   /**
    * @description: added 时自动绑定事件，removed时自动解绑事件，也就是说只有物体在场景中的时候才会触发事件
    * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效
    * @todo: added 和 removed 还是不太智能
    */
-  addAutoBindEventListener(e, t, n, s) {
-    const i = () => this.addEventListener(e, t, n, s), d = () => this.removeEventListener(e, t, n, s);
+  addAutoBindEventListener(e, t, n, r) {
+    const i = () => this.addEventListener(e, t, n, r), d = () => this.removeEventListener(e, t, n, r);
     return e.addEventListener("added", i), e.addEventListener("removed", d), e.addEventListener("dispose", d), () => {
       e.removeEventListener("added", i), e.removeEventListener("removed", d), e.removeEventListener("dispose", d);
     };
@@ -192,25 +201,25 @@ class N {
    * @param params.callback: 返回 false 可以不阻止 five 的 tap 事件; default: true
    * @return {void}
    */
-  addEventListener(e, t, n, s) {
-    e._domEvent || (e._domEvent = {}), e._domEvent[`${t}Handler`] || (e._domEvent[`${t}Handler`] = []), this.boundObject[t] || (this.boundObject[t] = []), this.boundObject[t].includes(e) || this.boundObject[t].push(e), e._domEvent[`${t}Handler`].push([n, w({ noEmitWhenHide: !1, noEmitWhenNotInScene: !1 }, s)]);
+  addEventListener(e, t, n, r) {
+    e._domEvent || (e._domEvent = {}), e._domEvent[`${t}Handler`] || (e._domEvent[`${t}Handler`] = []), this.boundObject[t] || (this.boundObject[t] = []), this.boundObject[t].includes(e) || this.boundObject[t].push(e), e._domEvent[`${t}Handler`].push([n, w({ noEmitWhenHide: !1, noEmitWhenNotInScene: !1 }, r)]);
   }
-  removeEventListener(e, t, n, ...s) {
-    var d, c;
-    if (!e._domEvent || (t === void 0 && (Object.keys(this.boundObject).forEach((r) => {
-      var f, u;
-      const h = (f = this.boundObject[r]) == null ? void 0 : f.findIndex((m) => m === e);
-      h !== -1 && ((u = this.boundObject[r]) == null || u.splice(h, 1));
+  removeEventListener(e, t, n, ...r) {
+    var d, l;
+    if (!e._domEvent || (t === void 0 && (Object.keys(this.boundObject).forEach((o) => {
+      var f, h;
+      const c = (f = this.boundObject[o]) == null ? void 0 : f.findIndex((v) => v === e);
+      c !== -1 && ((h = this.boundObject[o]) == null || h.splice(c, 1));
     }), e._domEvent = {}), !e._domEvent[`${t}Handler`]))
       return;
     if (n === void 0) {
       delete e._domEvent[`${t}Handler`];
       return;
     }
-    const i = e._domEvent[`${t}Handler`].findIndex((r) => r[0] === n);
+    const i = e._domEvent[`${t}Handler`].findIndex((o) => o[0] === n);
     if (i !== -1 && (e._domEvent[`${t}Handler`].splice(i, 1), e._domEvent[`${t}Handler`].length === 0 && delete e._domEvent[`${t}Handler`], e._domEvent && Object.keys(e._domEvent).length === 0 && delete e._domEvent, !e._domEvent)) {
-      const r = (d = this.boundObject[t]) == null ? void 0 : d.findIndex((h) => h === e);
-      r !== -1 && ((c = this.boundObject[t]) == null || c.splice(r, 1));
+      const o = (d = this.boundObject[t]) == null ? void 0 : d.findIndex((c) => c === e);
+      o !== -1 && ((l = this.boundObject[t]) == null || l.splice(o, 1));
     }
   }
   clear() {
@@ -229,10 +238,10 @@ class N {
     const t = this.five.getElement();
     if (!t)
       return;
-    const n = $(e, t), s = new D();
-    return s.setFromCamera(n, this.five.camera), s;
+    const n = N(e, t), r = new x();
+    return r.setFromCamera(n, this.five.camera), r;
   }
 }
 export {
-  N as FiveDomEvents
+  Y as FiveDomEvents
 };

package/libs/shared-utils/five/FivePuppet.js

@@ -18,7 +18,8 @@ class u {
     r(this, "_cameraCache");
     r(this, "animate", () => {
       var s, c, o;
-      this.cancelRequestAnimationFrameId = requestAnimationFrame(this.animate);
+      if (this.cancelRequestAnimationFrameId = requestAnimationFrame(this.animate), !this.five.renderer)
+        return;
       const e = this.five.renderer.getSize(l), t = e.toArray().join(",");
       t !== this._rendererCache && (this._rendererCache = t, this.renderer.setSize(e.x, e.y));
       const n = this.five.camera.projectionMatrix.toArray().join(",") + this.five.camera.matrixWorld.toArray().join(",");

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.56.1",
+    "%c %c@realsee/dnalogel %cv3.57.1",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",