@realsee/dnalogel 3.71.0-alpha.2 → 3.71.1-alpha.1

package/libs/ModelMakerPlugin/index.d.ts

@@ -1,5 +1,6 @@
 import type * as ModelMakerPluginType from './typings';
 import { Controller } from './Controller';
+import type { BoxAnimationConfig } from './Controller';
 export declare const ModelMakerPlugin: (five: import("@realsee/five").Five, config?: {
     tagContainerZIndex?: number;
     occlusionVisibility?: boolean | import("@realsee/five").Mode[];
@@ -7,3 +8,4 @@ export declare const ModelMakerPlugin: (five: import("@realsee/five").Five, conf
 }) => ModelMakerPluginType.ModelMakerController;
 export type { Controller as ModelMakerPluginInstance };
 export type { ModelMakerPluginType };
+export type { BoxAnimationConfig };

package/libs/ModelMakerPlugin/index.js

@@ -78,6 +78,7 @@ import "../shared-utils/three/core/polygonVertex.js";
 import "../shared-utils/three/earcut3D.js";
 import "../vendor/earcut/src/earcut.js";
 import "../shared-utils/three/getNormal.js";
+import "../shared-utils/three/core/PrismAnimationGeometry.js";
 import "../shared-utils/three/geometryUtil.js";
 import "../Sculpt/Meshes/PolygonWithEdge.js";
 import "../Sculpt/Meshes/Polyline.js";
@@ -102,7 +103,7 @@ import "./item/prismItem.js";
 import "./item/polygonItem.js";
 import "../CruisePlugin/utils/sleep.js";
 import "../shared-utils/constants.js";
-const $o = (...o) => new r(...o);
+const or = (...o) => new r(...o);
 export {
-  $o as ModelMakerPlugin
+  or as ModelMakerPlugin
 };

package/libs/ModelViewPlugin/Plugin.js

@@ -1,16 +1,16 @@
-var Y = Object.defineProperty;
-var S = Object.getOwnPropertySymbols;
-var J = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
-var V = (t, o, r) => o in t ? Y(t, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[o] = r, P = (t, o) => {
+var q = Object.defineProperty;
+var I = Object.getOwnPropertySymbols;
+var X = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable;
+var S = (e, o, r) => o in e ? q(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, C = (e, o) => {
   for (var r in o || (o = {}))
-    J.call(o, r) && V(t, r, o[r]);
-  if (S)
-    for (var r of S(o))
-      K.call(o, r) && V(t, r, o[r]);
-  return t;
+    X.call(o, r) && S(e, r, o[r]);
+  if (I)
+    for (var r of I(o))
+      Y.call(o, r) && S(e, r, o[r]);
+  return e;
 };
-var j = (t, o, r) => new Promise((s, f) => {
-  var h = (n) => {
+var A = (e, o, r) => new Promise((p, f) => {
+  var g = (n) => {
     try {
       x(r.next(n));
     } catch (d) {
@@ -22,20 +22,20 @@ var j = (t, o, r) => new Promise((s, f) => {
     } catch (d) {
       f(d);
     }
-  }, x = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(h, i);
-  x((r = r.apply(t, o)).next());
+  }, x = (n) => n.done ? p(n.value) : Promise.resolve(n.value).then(g, i);
+  x((r = r.apply(e, o)).next());
 });
-import { Camera as Q, loadAt3d as Z } from "@realsee/five";
-import { Subscribe as $ } from "../shared-utils/Subscribe.js";
+import { Camera as J, loadAt3d as K } from "@realsee/five";
+import { Subscribe as Q } from "../shared-utils/Subscribe.js";
 import "../shared-utils/tag.js";
-import * as m from "three";
+import * as a from "three";
 import "../vendor/hammerjs/hammer.js";
 import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
 import "../shared-utils/three/core/Five_LineMaterial2.js";
-import { boundingBox as v } from "../shared-utils/three/boundingBox.js";
+import { boundingBox as Z } from "../shared-utils/three/boundingBox.js";
 import "../shared-utils/three/blink.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -91,101 +91,99 @@ import "../vendor/animejs/lib/anime.es.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-const ce = (t, o) => {
-  var N, U;
-  const r = new $();
-  let s = (U = (N = o == null ? void 0 : o.initialState) == null ? void 0 : N.enabled) != null ? U : !0, f = !1, h = !0, i = null;
-  const n = P(P({}, {
+const se = (e, o) => {
+  var M, N;
+  const r = new Q();
+  let p = (N = (M = o == null ? void 0 : o.initialState) == null ? void 0 : M.enabled) != null ? N : !0, f = !1, g = !0, i = null;
+  const n = C(C({}, {
     lookAtCurrentCamera: !1,
     lockedPanoIndex: null,
     lockedLatitude: null,
     lockedLongitude: null
-  }), o == null ? void 0 : o.config), d = new m.Scene(), l = new Q(60);
-  l.near = 1, l.updateTime(Date.now());
-  let c = new m.Object3D(), k, b;
+  }), o == null ? void 0 : o.config), d = new a.Scene(), c = new J(60);
+  c.near = 1, c.updateTime(Date.now());
+  let u = new a.Object3D(), b, k;
   {
-    const e = new m.DirectionalLight(16777215, 0.5);
-    e.position.copy(new m.Vector3(1, 1, 1)), d.add(e);
+    const t = new a.DirectionalLight(16777215, 0.5);
+    t.position.copy(new a.Vector3(1, 1, 1)), d.add(t);
   }
   {
-    const e = new m.DirectionalLight(16777215, 0.3);
-    d.add(e);
+    const t = new a.DirectionalLight(16777215, 0.3);
+    d.add(t);
   }
   {
-    const e = new m.AmbientLight(16777215, 0.3);
-    d.add(e);
+    const t = new a.AmbientLight(16777215, 0.3);
+    d.add(t);
   }
-  d.add(c);
-  const y = () => j(void 0, null, function* () {
-    var E, z, A, D;
-    if (f || !((z = (E = t.work) == null ? void 0 : E.model) != null && z.file))
+  d.add(u);
+  const y = () => A(void 0, null, function* () {
+    var h, E, B, R, z;
+    if (f || !((E = (h = e.work) == null ? void 0 : h.model) != null && E.file))
       return;
-    d.remove(c);
-    const e = t.work.getURL(t.work.model.file), g = t.work.getURL(t.work.model.textureBase), u = (A = t.work.model) != null && A.textures ? t.work.model.textures.map((C) => t.work.getURL(C)) : void 0;
-    c = yield Z(e, {
+    d.remove(u), u = yield K(e.work.model.file, {
       textureOptions: { size: 128, quality: 70 },
-      textureArray: u,
-      textureBaseUri: g,
-      fetcher: (D = n.fetcher) != null ? D : void 0
-    }).then((C) => {
-      const I = C.scene;
-      return I.rotateX(-Math.PI / 2), I;
+      textureArray: (B = e.work.model) == null ? void 0 : B.textures,
+      textureBaseUri: (R = e.work.model) == null ? void 0 : R.textureBase,
+      fetcher: (z = n.fetcher) != null ? z : void 0
+    }).then((_) => {
+      const D = _.scene;
+      return D.rotateX(-Math.PI / 2), D;
     });
-    const a = v(c), p = new m.Box3();
-    p.expandByPoint(new m.Vector3(a.min.x, a.min.z, -a.min.y)), p.expandByPoint(new m.Vector3(a.max.x, a.max.z, -a.max.y));
-    const B = Math.pow(
-      Math.pow(p.max.x - p.min.x + 1, 2) + Math.pow(p.max.y - p.min.y + 1, 2) + Math.pow(p.max.z - p.min.z + 1, 2),
+    const t = Z(u), m = new a.Box3();
+    m.expandByPoint(new a.Vector3(t.min.x, t.min.z, -t.min.y)), m.expandByPoint(new a.Vector3(t.max.x, t.max.z, -t.max.y));
+    const s = Math.pow(
+      Math.pow(m.max.x - m.min.x + 1, 2) + Math.pow(m.max.y - m.min.y + 1, 2) + Math.pow(m.max.z - m.min.z + 1, 2),
       1 / 2
     );
-    let L = B / 2 / Math.tan(Math.PI * l.fov / 360);
-    l.aspect < 1 && (L = k / l.aspect), k = isNaN(L) ? B : L, b = p.getCenter(new m.Vector3()), d.add(c), f = !0, r.emit("loaded"), w();
+    let l = s / 2 / Math.tan(Math.PI * c.fov / 360);
+    c.aspect < 1 && (l = b / c.aspect), b = isNaN(l) ? s : l, k = m.getCenter(new a.Vector3()), d.add(u), f = !0, r.emit("loaded"), w();
   });
-  s && y();
-  const F = () => {
-    if (t.renderer)
-      return i || (i = new m.WebGLRenderer({ antialias: !1, alpha: !0 }), i.setPixelRatio(t.renderer.getPixelRatio()), i.outputEncoding = m.sRGBEncoding, i.setClearColor(1579548, 0), i.autoClear = !0), i;
+  p && y();
+  const V = () => {
+    if (e.renderer)
+      return i || (i = new a.WebGLRenderer({ antialias: !1, alpha: !0 }), i.setPixelRatio(e.renderer.getPixelRatio()), i.outputEncoding = a.sRGBEncoding, i.setClearColor(1579548, 0), i.autoClear = !0), i;
+  }, j = () => {
+    d.remove(u), u = new a.Object3D(), d.add(u), f = !1, r.emit("willLoad"), w();
+  }, F = () => {
+    p && (f || y());
   }, O = () => {
-    d.remove(c), c = new m.Object3D(), d.add(c), f = !1, r.emit("willLoad"), w();
+    var t, m;
+    p || (p = !0, d.add(u), !f && ((m = (t = e.work) == null ? void 0 : t.model) != null && m.file) && y(), w());
   }, T = () => {
-    s && (f || y());
-  }, W = () => {
-    var e, g;
-    s || (s = !0, d.add(c), !f && ((g = (e = t.work) == null ? void 0 : e.model) != null && g.file) && y(), w());
-  }, G = () => {
-    s && (d.remove(c), h = !0, R(), s = !1);
-  }, H = (e, g = {}) => {
-    const u = F();
-    if (!u)
+    p && (d.remove(u), g = !0, P(), p = !1);
+  }, W = (t, m = {}) => {
+    const s = V();
+    if (!s)
       return;
-    e.appendChild(u.domElement), M(g);
-    const a = window.getComputedStyle(e).position;
-    a !== "relative" && a !== "absolute" && a !== "fixed" && a !== "sticky" && (e.style.position = "relative");
-  }, M = (e = {}) => {
+    t.appendChild(s.domElement), L(m);
+    const l = window.getComputedStyle(t).position;
+    l !== "relative" && l !== "absolute" && l !== "fixed" && l !== "sticky" && (t.style.position = "relative");
+  }, L = (t = {}) => {
     if (!i)
       return;
-    const u = i.domElement.parentNode;
-    if (u != null && u.nodeName) {
-      const { width: a = u.offsetWidth, height: p = u.offsetHeight } = e;
-      i.setSize(a, p), l.aspect = a / p, l.updateProjectionMatrix();
+    const s = i.domElement.parentNode;
+    if (s != null && s.nodeName) {
+      const { width: l = s.offsetWidth, height: h = s.offsetHeight } = t;
+      i.setSize(l, h), c.aspect = l / h, c.updateProjectionMatrix();
     }
     w();
   }, w = () => {
-    if (!s || !k || !b)
+    if (!p || !b || !k)
       return;
-    const e = t.getPose();
-    e.fov = l.fov, e.offset = b, e.distance = k, typeof n.lockedLatitude == "number" && (e.latitude = n.lockedLatitude), typeof n.lockedLongitude == "number" && (e.longitude = n.lockedLongitude), typeof n.lockedPanoIndex == "number" && (e.offset = t.work.observers[n.lockedPanoIndex].standingPosition.clone()), n.lookAtCurrentCamera && (e.offset = t.camera.position.clone().setY(t.camera.position.y + 1)), l.setFromPose(e), h = !0;
-  }, R = () => {
-    !s || h !== !0 || !i || !i.domElement.parentNode || i.domElement.parentNode.offsetWidth === 0 || (i.render(d, l), h = !1);
-  }, _ = () => {
+    const t = e.getPose();
+    t.fov = c.fov, t.offset = k, t.distance = b, typeof n.lockedLatitude == "number" && (t.latitude = n.lockedLatitude), typeof n.lockedLongitude == "number" && (t.longitude = n.lockedLongitude), typeof n.lockedPanoIndex == "number" && (t.offset = e.work.observers[n.lockedPanoIndex].standingPosition.clone()), n.lookAtCurrentCamera && (t.offset = e.camera.position.clone().setY(e.camera.position.y + 1)), c.setFromPose(t), g = !0;
+  }, P = () => {
+    !p || g !== !0 || !i || !i.domElement.parentNode || i.domElement.parentNode.offsetWidth === 0 || (i.render(d, c), g = !1);
+  }, U = () => {
     i && i.dispose(), i = null;
-  }, q = (e) => {
-    Object.assign(n, e), w();
-  }, X = () => ({
-    enabled: s
+  }, G = (t) => {
+    Object.assign(n, t), w();
+  }, H = () => ({
+    enabled: p
   });
-  return t.on("loaded", T), t.on("willLoad", O), t.on("cameraDirectionUpdate", w), t.on("dispose", _), t.on("renderFrame", R), t.on("cameraPositionUpdate", w), { appendTo: H, refresh: M, changeConfigs: q, enable: W, disable: G, getCurrentState: X, hooks: r };
+  return e.on("loaded", F), e.on("willLoad", j), e.on("cameraDirectionUpdate", w), e.on("dispose", U), e.on("renderFrame", P), e.on("cameraPositionUpdate", w), { appendTo: W, refresh: L, changeConfigs: G, enable: O, disable: T, getCurrentState: H, hooks: r };
 };
 export {
-  ce as ModelViewPlugin,
-  ce as default
+  se as ModelViewPlugin,
+  se as default
 };

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -1,36 +1,36 @@
-var H = Object.defineProperty;
-var S = (u, a, e) => a in u ? H(u, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[a] = e;
-var r = (u, a, e) => (S(u, typeof a != "symbol" ? a + "" : a, e), e);
+var C = Object.defineProperty;
+var H = (u, a, e) => a in u ? C(u, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[a] = e;
+var r = (u, a, e) => (H(u, typeof a != "symbol" ? a + "" : a, e), e);
 var v = (u, a, e) => new Promise((t, s) => {
-  var i = (n) => {
+  var i = (o) => {
     try {
-      o(e.next(n));
+      n(e.next(o));
     } catch (h) {
       s(h);
     }
-  }, d = (n) => {
+  }, d = (o) => {
     try {
-      o(e.throw(n));
+      n(e.throw(o));
     } catch (h) {
       s(h);
     }
-  }, o = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(i, d);
-  o((e = e.apply(u, a)).next());
+  }, n = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(i, d);
+  n((e = e.apply(u, a)).next());
 });
-import * as I from "three";
+import * as M from "three";
 import { Vector3 as w } from "three";
 import { centerPoint as b } from "../../../shared-utils/three/centerPoint.js";
 import { loadPicture as x } from "../../../shared-utils/three/loadTexture.js";
 import { QuadrangleGeometry as B, QuadrangleMesh as T } from "../../../shared-utils/three/Quadrangle.js";
 import { getVideoTexture as V } from "../../../shared-utils/three/loadVideoTexture.js";
 import { Image_Play_Icon_With_Text as _, Image_Play_Icon as P } from "../../Assets/Icon.js";
-import { getPositionsByObjectFit as g } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import { getPositionsByObjectFit as f } from "../../../shared-utils/three/getPositionsByObjectFit.js";
 import { FragmentTransparencyMaterial as L } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import { getNormal as E } from "../../../shared-utils/three/getNormal.js";
 import { CONST as F } from "../../../shared-utils/constants.js";
 import "../../../shared-utils/math/pointsIsRectangle.js";
 import "../../../shared-utils/device.js";
-class C extends I.Mesh {
+class S extends M.Mesh {
   constructor() {
     super(...arguments);
     r(this, "name", "MediaPlane");
@@ -51,41 +51,41 @@ class C extends I.Mesh {
     });
   }
 }
-class z extends C {
+class q extends S {
   constructor(e, t, s) {
-    var o;
+    var n;
     super();
     r(this, "name", "PanoTagPluginImagePlane");
     this.src = e;
-    const i = (o = s == null ? void 0 : s.resolveZFighting) != null ? o : !0;
+    const i = (n = s == null ? void 0 : s.resolveZFighting) != null ? n : !0;
     let d = t;
     if (i) {
-      const n = E(t).multiplyScalar(F.Z_FIGHTING_OFFSET);
-      d = t.map((h) => h.clone().add(n));
+      const o = E(t).multiplyScalar(F.Z_FIGHTING_OFFSET);
+      d = t.map((h) => h.clone().add(o));
     }
-    x(e).then(({ texture: n, transparent: h }) => {
-      var p;
-      const M = new I.MeshBasicMaterial({ map: n, transparent: h }), c = g(
-        (p = s == null ? void 0 : s.objectFit) != null ? p : "contain",
+    x(e).then(({ texture: o, transparent: h }) => {
+      var g;
+      const p = new M.MeshBasicMaterial({ map: o, transparent: h, side: M.DoubleSide }), c = f(
+        (g = s == null ? void 0 : s.objectFit) != null ? g : "contain",
         d,
-        n.image.width / n.image.height
-      ), l = b(...c), m = c.map((y) => y.clone().sub(l)), f = new B(m);
-      this.position.copy(l), this.geometry = f, this.material = M;
-    }).catch((n) => {
-      console.error(`Imageplane error: ${n == null ? void 0 : n.message}`);
+        o.image.width / o.image.height
+      ), m = b(...c), l = c.map((I) => I.clone().sub(m)), y = new B(l);
+      this.position.copy(m), this.geometry = y, this.material = p;
+    }).catch((o) => {
+      console.error(`Imageplane error: ${o == null ? void 0 : o.message}`);
     });
   }
 }
-class D extends C {
+class z extends S {
   // eslint-disable-next-line max-params
   constructor(e, t, s) {
     const {
       videoCoverSrc: i,
       objectFit: d = "contain",
-      playButton: o = "withText",
-      paused: n = !0,
+      playButton: n = "withText",
+      paused: o = !0,
       videoTextureMap: h,
-      ImageTextureMap: M,
+      ImageTextureMap: p,
       domEvents: c
     } = s != null ? s : {};
     super();
@@ -104,13 +104,13 @@ class D extends C {
     r(this, "buttonMesh");
     r(this, "videoTextureMap");
     r(this, "ImageTextureMap");
-    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => o === "withText" ? _ : o === "withoutText" ? P : typeof o == "string" ? o : P)(), this.videoCoverSrc = i, this.objectFit = d, this.videoTextureMap = h, this.ImageTextureMap = M, this.domEvents = c, this.position.copy(b(...t)), this.videoCoverSrc && n ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
-      n ? this.addButtonMesh() : this.play(!0);
+    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => n === "withText" ? _ : n === "withoutText" ? P : typeof n == "string" ? n : P)(), this.videoCoverSrc = i, this.objectFit = d, this.videoTextureMap = h, this.ImageTextureMap = p, this.domEvents = c, this.position.copy(b(...t)), this.videoCoverSrc && o ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
+      o ? this.addButtonMesh() : this.play(!0);
     }), this.addEventListener("removed", () => {
       this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
-      var l;
-      (l = this.disposers) == null || l.forEach((m) => m == null ? void 0 : m());
+      var m;
+      (m = this.disposers) == null || m.forEach((l) => l == null ? void 0 : l());
     });
   }
   play(e = !1) {
@@ -151,8 +151,8 @@ class D extends C {
           return this.coverMesh;
         if (!this.videoCoverSrc)
           return;
-        const { texture: t, transparent: s } = yield this.getImageTexture(this.videoCoverSrc), i = new I.MeshBasicMaterial({ transparent: !1, map: t }), d = g(this.objectFit, this.cornerPoints, t.image.width / t.image.height), o = new T(d, i);
-        return o.position.copy(new w(0, 0, 0)), o.name = "videoCoverMesh", o;
+        const { texture: t, transparent: s } = yield this.getImageTexture(this.videoCoverSrc), i = new M.MeshBasicMaterial({ transparent: !1, map: t, side: M.DoubleSide }), d = f(this.objectFit, this.cornerPoints, t.image.width / t.image.height), n = new T(d, i);
+        return n.position.copy(new w(0, 0, 0)), n.name = "videoCoverMesh", n;
       }))();
       return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
     });
@@ -167,13 +167,13 @@ class D extends C {
           return this.videoMesh;
         if (!this.src)
           return;
-        const i = this.getVideoTexture(this.src), d = new I.MeshBasicMaterial({ transparent: !1, map: i }), o = yield new Promise((h) => {
-          i.metadataLoaded ? h(g(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight)) : i.addEventListener(
+        const i = this.getVideoTexture(this.src), d = new M.MeshBasicMaterial({ transparent: !1, map: i, side: M.DoubleSide }), n = yield new Promise((h) => {
+          i.metadataLoaded ? h(f(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight)) : i.addEventListener(
             "videoLoaded",
-            () => h(g(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight))
+            () => h(f(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight))
           );
-        }), n = new T(o, d);
-        return n.name = "videoMesh", n.position.copy(new w(0, 0, 0)), n;
+        }), o = new T(n, d);
+        return o.name = "videoMesh", o.position.copy(new w(0, 0, 0)), o;
       }))();
       if (!e)
         return;
@@ -198,11 +198,11 @@ class D extends C {
       if (this.children.includes(this.buttonMesh))
         return;
       const e = yield (() => v(this, null, function* () {
-        var m, f, p, y;
+        var l, y, g, I;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const t = (f = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? f : 1 / 0, s = (y = (p = this.coverMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, i = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), o = Math.min(t, s, i) / i * 0.3, { texture: n, transparent: h } = yield this.getImageTexture(this.buttonSrc), M = g("contain", this.cornerPoints, n.image.width / n.image.height), c = new T(M, new L(n));
-        c.position.copy(new w(0, 0, 0)), c.name = "buttonMesh", c.scale.set(o, o, o), this.domEvents.addAutoBindEventListener(
+        const t = (y = (l = this.videoMesh) == null ? void 0 : l.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? y : 1 / 0, s = (I = (g = this.coverMesh) == null ? void 0 : g.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? I : 1 / 0, i = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), n = Math.min(t, s, i) / i * 0.3, { texture: o, transparent: h } = yield this.getImageTexture(this.buttonSrc), p = f("contain", this.cornerPoints, o.image.width / o.image.height), c = new T(p, new L(o));
+        c.position.copy(new w(0, 0, 0)), c.name = "buttonMesh", c.scale.set(n, n, n), this.domEvents.addAutoBindEventListener(
           c,
           "click",
           () => {
@@ -210,8 +210,8 @@ class D extends C {
           },
           { noEmitWhenHide: !0 }
         );
-        const l = E(M).multiplyScalar(F.Z_FIGHTING_OFFSET);
-        return c.position.add(l), c;
+        const m = E(p).multiplyScalar(F.Z_FIGHTING_OFFSET);
+        return c.position.add(m), c;
       }))();
       return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
     });
@@ -234,6 +234,6 @@ class D extends C {
   }
 }
 export {
-  z as ImagePlane,
-  D as VideoPlane
+  q as ImagePlane,
+  z as VideoPlane
 };

package/libs/Sculpt/Meshes/Prism.d.ts

@@ -18,6 +18,7 @@ export interface PrismData extends AreaData {
 export declare class PrismMesh extends IObject3D {
     name: string;
     private five?;
+    private animatedBoxMesh?;
     private activeAnimations;
     private activeEaseInAnimations;
     get topPosition(): THREE.Vector3;
@@ -75,15 +76,21 @@ export declare class PrismMesh extends IObject3D {
     /**
      * 播放盒子上下动画
      * @param id 盒子项目ID
+     * @param color 动画颜色，默认为浅蓝色 (#4DF0FF)
      * @returns Promise，动画完成时解析
      */
-    playBoxAnimation(id: string | number): Promise<void>;
+    playBoxAnimation(id: string | number, color?: string): Promise<void>;
     /**
      * 强制立即完成所有活动的盒子动画
      * @param id 可选的盒子项目ID。如果未提供，完成所有活动的盒子动画。
      */
     forceFinishBoxAnimation(id?: string | number): void;
     private playEaseInAnimation;
+    /**
+     * 创建或更新动画盒子网格
+     * @param color 动画颜色
+     */
+    private createOrUpdateAnimatedBoxMesh;
     /**
      * 显示盒子模型的最终状态（完全可见且不透明度完整）
      */