@shopware-ag/dive 2.1.2 → 2.2.1

package/build/chunks/{FileTypes-BIdZgVcQ.mjs → FileTypes-CjmCMP7P.mjs}

@@ -1,10 +1,10 @@
-var $ = Object.defineProperty;
-var j = (r, s, t) => s in r ? $(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
-var i = (r, s, t) => j(r, typeof s != "symbol" ? s + "" : s, t);
-import { WebGLRenderer as tt, PCFSoftShadowMap as et, PCFShadowMap as it, BasicShadowMap as st, MathUtils as S, Object3D as w, AmbientLight as at, PointLight as nt, SphereGeometry as I, MeshBasicMaterial as B, FrontSide as G, Mesh as P, HemisphereLight as rt, DirectionalLight as ot, Vector3 as h, Box3 as T, MeshStandardMaterial as M, Raycaster as ht, CylinderGeometry as lt, BufferGeometry as F, BufferAttribute as R, BoxGeometry as v, ConeGeometry as dt, LineDashedMaterial as ct, Line as ut, PlaneGeometry as pt, Color as g, GridHelper as mt, Scene as _t, TOUCH as _, MOUSE as p, EventDispatcher as gt, Spherical as A, Vector2 as u, Quaternion as x, AxesHelper as ft, Matrix4 as wt, OrthographicCamera as yt, Vector4 as bt, Box3Helper as Dt, Sphere as Et } from "three";
-import { P as f, U as St, H as Pt, C as y, a as vt, D as C } from "./PerspectiveCamera-8tnOn5YS.mjs";
-import L from "three-spritetext";
-class Lt {
+var j = Object.defineProperty;
+var tt = (o, s, t) => s in o ? j(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
+var i = (o, s, t) => tt(o, typeof s != "symbol" ? s + "" : s, t);
+import { WebGLRenderer as et, PCFSoftShadowMap as it, PCFShadowMap as st, BasicShadowMap as at, MathUtils as x, Object3D as f, AmbientLight as nt, PointLight as rt, SphereGeometry as R, MeshBasicMaterial as H, FrontSide as Y, Mesh as M, HemisphereLight as ot, DirectionalLight as ht, Vector3 as h, Box3 as w, Quaternion as k, Box3Helper as lt, Sphere as dt, MeshStandardMaterial as A, Raycaster as ct, CylinderGeometry as ut, BufferGeometry as W, BufferAttribute as z, BoxGeometry as I, ConeGeometry as pt, LineDashedMaterial as mt, Line as _t, PlaneGeometry as gt, Color as _, GridHelper as ft, Scene as wt, TOUCH as m, MOUSE as p, EventDispatcher as yt, Spherical as B, Vector2 as c, AxesHelper as bt, Matrix4 as Dt, OrthographicCamera as Et, Vector4 as St } from "three";
+import { P as g, U as Pt, H as vt, C as y, a as xt, D as G } from "./PerspectiveCamera-8tnOn5YS.mjs";
+import T from "three-spritetext";
+class Mt {
   constructor() {
     i(this, "isDIVEClock", !0);
     i(this, "_lastTime", 0);
@@ -36,7 +36,7 @@ class Lt {
     this._lastTime = s, this._tickers.forEach((e) => e.tick(t)), requestAnimationFrame(this._tick.bind(this));
   }
 }
-const U = {
+const Z = {
   canvas: void 0,
   antialias: !0,
   alpha: !0,
@@ -48,13 +48,13 @@ const U = {
   shadows: !0,
   shadowQuality: "high"
 };
-class H {
+class N {
   constructor(s, t, e) {
     i(this, "isDIVERenderer", !0);
     i(this, "_webglrenderer");
     i(this, "_settings");
     this._scene = s, this._camera = t, this._settings = {
-      ...U,
+      ...Z,
       ...e ?? {}
     }, this._webglrenderer = this._createWebGLRenderer();
   }
@@ -77,20 +77,20 @@ class H {
     this._webglrenderer.dispose(), this._settings.canvas = s, this._webglrenderer = this._createWebGLRenderer();
   }
   _createWebGLRenderer() {
-    const s = new tt(this._settings);
-    return s.shadowMap.enabled = this._settings.shadows, s.shadowMap.type = this._settings.shadowQuality === "high" ? et : this._settings.shadowQuality === "medium" ? it : st, s.setPixelRatio(window.devicePixelRatio), s;
+    const s = new et(this._settings);
+    return s.shadowMap.enabled = this._settings.shadows, s.shadowMap.type = this._settings.shadowQuality === "high" ? it : this._settings.shadowQuality === "medium" ? st : at, s.setPixelRatio(window.devicePixelRatio), s;
   }
 }
-const te = H;
-class xt {
+const te = N;
+class Lt {
   constructor(s, t) {
     i(this, "isDIVEResizeManager", !0);
     i(this, "_resizeObserver");
     i(this, "_width", 0);
     i(this, "_height", 0);
     this._renderer = s, this._camera = t, this._resizeObserver = new ResizeObserver((e) => {
-      const a = e[0], { width: n, height: o } = a.contentRect;
-      n === this._width && o === this._height || (this._renderer.onResize(n, o), this._camera.onResize(n, o), this._width = n, this._height = o);
+      const a = e[0], { width: n, height: r } = a.contentRect;
+      n === this._width && r === this._height || (this._renderer.onResize(n, r), this._camera.onResize(n, r), this._width = n, this._height = r);
     }), this._observeCanvas(this._renderer.canvas);
   }
   setCanvas(s) {
@@ -111,18 +111,18 @@ class xt {
     }
   }
 }
-class O {
+class F {
   constructor(s, t, e) {
     i(this, "isDIVEView", !0);
-    i(this, "uuid", S.generateUUID());
+    i(this, "uuid", x.generateUUID());
     i(this, "_paused", !1);
     i(this, "_renderer");
     i(this, "_resizeManager");
-    this._scene = s, this._camera = t, this._settings = e, this._renderer = new H(
+    this._scene = s, this._camera = t, this._settings = e, this._renderer = new N(
       this._scene,
       this._camera,
       this._settings
-    ), this._resizeManager = new xt(
+    ), this._resizeManager = new Lt(
       this._renderer,
       this._camera
     );
@@ -159,14 +159,14 @@ class O {
     this._paused = !1;
   }
 }
-class It extends w {
+class It extends f {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
     i(this, "isDIVEAmbientLight", !0);
     i(this, "isSelectable", !0);
     i(this, "_light");
-    this.name = "DIVEAmbientLight", this._light = new at(16777215, 1), this._light.layers.mask = f, this.add(this._light);
+    this.name = "DIVEAmbientLight", this._light = new nt(16777215, 1), this._light.layers.mask = g, this.add(this._light);
   }
   setColor(t) {
     this._light.color = t;
@@ -178,7 +178,7 @@ class It extends w {
     this._light.visible = t;
   }
 }
-class Tt extends w {
+class Tt extends f {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
@@ -188,18 +188,18 @@ class Tt extends w {
     i(this, "gizmo", null);
     i(this, "light");
     i(this, "mesh");
-    this.name = "DIVEPointLight", this.light = new nt(16777215, 1), this.light.layers.mask = f, this.light.castShadow = !0, this.light.shadow.mapSize.width = 512, this.light.shadow.mapSize.height = 512, this.add(this.light);
-    const t = 0.1, e = new I(
+    this.name = "DIVEPointLight", this.light = new rt(16777215, 1), this.light.layers.mask = g, this.light.castShadow = !0, this.light.shadow.mapSize.width = 512, this.light.shadow.mapSize.height = 512, this.add(this.light);
+    const t = 0.1, e = new R(
       t,
       t * 320,
       t * 320
-    ), a = new B({
+    ), a = new H({
       color: this.light.color,
       transparent: !0,
       opacity: 0.8,
-      side: G
+      side: Y
     });
-    this.mesh = new P(e, a), this.mesh.layers.mask = St, this.add(this.mesh);
+    this.mesh = new M(e, a), this.mesh.layers.mask = Pt, this.add(this.mesh);
   }
   setColor(t) {
     this.light.color = t, this.mesh.material.color = t;
@@ -236,7 +236,7 @@ class Tt extends w {
     });
   }
 }
-class Mt extends w {
+class kt extends f {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
@@ -244,7 +244,7 @@ class Mt extends w {
     i(this, "isSelectable", !0);
     i(this, "_hemiLight");
     i(this, "_dirLight");
-    this.name = "DIVESceneLight", this._hemiLight = new rt(16777215, 16777215, 2), this._hemiLight.layers.mask = f, this._hemiLight.position.set(0, 50, 0), this._hemiLight.visible = !0, this.add(this._hemiLight), this._dirLight = new ot(16777215, 3), this._dirLight.layers.mask = f, this._dirLight.position.set(1, 1.75, 1), this._dirLight.position.multiplyScalar(30), this._dirLight.castShadow = !0, this._dirLight.visible = !0, this._dirLight.shadow.mapSize.width = 2048, this._dirLight.shadow.mapSize.height = 2048;
+    this.name = "DIVESceneLight", this._hemiLight = new ot(16777215, 16777215, 2), this._hemiLight.layers.mask = g, this._hemiLight.position.set(0, 50, 0), this._hemiLight.visible = !0, this.add(this._hemiLight), this._dirLight = new ht(16777215, 3), this._dirLight.layers.mask = g, this._dirLight.position.set(1, 1.75, 1), this._dirLight.position.multiplyScalar(30), this._dirLight.castShadow = !0, this._dirLight.visible = !0, this._dirLight.shadow.mapSize.width = 2048, this._dirLight.shadow.mapSize.height = 2048;
     const t = 5;
     this._dirLight.shadow.camera.left = -5, this._dirLight.shadow.camera.right = t, this._dirLight.shadow.camera.top = t, this._dirLight.shadow.camera.bottom = -5, this._dirLight.shadow.camera.far = 3500, this.add(this._dirLight);
   }
@@ -258,8 +258,8 @@ class Mt extends w {
     this._hemiLight.visible = t, this._dirLight.visible = t;
   }
 }
-const Y = (r) => r.parent ? Y(r.parent) : r;
-class k extends w {
+const X = (o) => o.parent ? X(o.parent) : o;
+class C extends f {
   constructor() {
     super();
     i(this, "isSelectable", !0);
@@ -268,7 +268,7 @@ class k extends w {
     i(this, "gizmo", null);
     i(this, "_positionWorldBuffer");
     i(this, "_boundingBox");
-    this.layers.mask = f, this._positionWorldBuffer = new h(), this._boundingBox = new T();
+    this.layers.mask = g, this._positionWorldBuffer = new h(), this._boundingBox = new w();
   }
   setPosition(t) {
     if (!this.parent) {
@@ -329,10 +329,139 @@ class k extends w {
     });
   }
 }
-class W extends k {
+class V extends C {
+  /**
+   * Creates a new BoundingBox instance for the specified 3D object.
+   *
+   * The constructor computes both a bounding box and bounding sphere for the given object.
+   * It handles complex objects with multiple meshes and nested transformations.
+   *
+   * @param object - The 3D object to compute bounding volumes for
+   * @param axisAligned - Whether to create an axis-aligned bounding box (true) or oriented bounding box (false). Defaults to false.
+   * @param wireframeColor - The color for the wireframe helpers. Can be a hex number or ColorRepresentation. Defaults to green (0x00ff00).
+   *
+   * @example
+   * ```typescript
+   * // Create an oriented bounding box (aligned with object's rotation)
+   * const obb = new BoundingBox(mesh, false, 0x00ff00);
+   *
+   * // Create an axis-aligned bounding box (aligned with world coordinates)
+   * const aabb = new BoundingBox(mesh, true, 0xff0000);
+   *
+   * // Use default green color
+   * const defaultBox = new BoundingBox(mesh);
+   * ```
+   */
+  constructor(t, e = !1, a = 65280) {
+    super();
+    /** The computed bounding box (Box3) */
+    i(this, "_box");
+    /** The computed bounding sphere (Sphere) */
+    i(this, "_sphere");
+    /** The center point of the bounding box */
+    i(this, "_center");
+    /** The radius of the bounding sphere */
+    i(this, "_radius");
+    /** Visual helper for the bounding box wireframe */
+    i(this, "_boxHelper");
+    /** Visual helper for the bounding sphere wireframe */
+    i(this, "_sphereHelper");
+    /** The dimensions (width, height, depth) of the bounding box */
+    i(this, "_size");
+    const n = new w();
+    e ? n.setFromObject(t) : (t.updateWorldMatrix(!0, !0), t.traverse((l) => {
+      if (l.isMesh) {
+        const d = l, u = d.geometry.clone();
+        u.applyMatrix4(d.matrixWorld);
+        const D = d.getWorldQuaternion(new k()).invert();
+        u.applyQuaternion(D), u.computeBoundingBox(), u.boundingBox && n.union(u.boundingBox);
+      }
+    })), this.rotation.copy(t.rotation), this._box = n, this._size = n.getSize(new h()), this._center = n.getCenter(new h()), this._boxHelper = new lt(this._box, a), this._boxHelper.visible = !1, this.add(this._boxHelper), this._sphere = n.getBoundingSphere(new dt()), this._radius = this._sphere.radius;
+    const r = new R(this._radius, 32, 32);
+    r.translate(this._center.x, this._center.y, this._center.z), this._sphereHelper = new M(
+      r,
+      new H({ color: a, wireframe: !0 })
+    ), this._sphereHelper.visible = !1, this.add(this._sphereHelper);
+  }
+  /**
+   * Gets the computed bounding box.
+   * @returns The Box3 instance representing the bounding box
+   */
+  get box() {
+    return this._box;
+  }
+  /**
+   * Gets the computed bounding sphere.
+   * @returns The Sphere instance representing the bounding sphere
+   */
+  get sphere() {
+    return this._sphere;
+  }
+  /**
+   * Gets the center point of the bounding box.
+   * @returns A Vector3 representing the center coordinates
+   */
+  get center() {
+    return this._center;
+  }
+  /**
+   * Gets the radius of the bounding sphere.
+   * @returns The radius as a number
+   */
+  get radius() {
+    return this._radius;
+  }
+  /**
+   * Gets the dimensions of the bounding box.
+   * @returns A Vector3 representing width, height, and depth
+   */
+  get size() {
+    return this._size;
+  }
+  /**
+   * Sets the visibility of the bounding box wireframe helper.
+   *
+   * @param visible - Whether the box helper should be visible
+   *
+   * @example
+   * ```typescript
+   * const boundingBox = new BoundingBox(mesh);
+   *
+   * // Show the bounding box wireframe
+   * boundingBox.setBoxHelperVisible(true);
+   *
+   * // Hide the bounding box wireframe
+   * boundingBox.setBoxHelperVisible(false);
+   * ```
+   */
+  setBoxHelperVisible(t) {
+    this._boxHelper.visible = t;
+  }
+  /**
+   * Sets the visibility of the bounding sphere wireframe helper.
+   *
+   * @param visible - Whether the sphere helper should be visible
+   *
+   * @example
+   * ```typescript
+   * const boundingBox = new BoundingBox(mesh);
+   *
+   * // Show the bounding sphere wireframe
+   * boundingBox.setSphereHelperVisible(true);
+   *
+   * // Hide the bounding sphere wireframe
+   * boundingBox.setSphereHelperVisible(false);
+   * ```
+   */
+  setSphereHelperVisible(t) {
+    this._sphereHelper.visible = t;
+  }
+}
+class q extends C {
   constructor() {
     super();
     i(this, "isDIVEModel", !0);
+    i(this, "_gltf", null);
     i(this, "_mesh", null);
     i(this, "_material", null);
     i(this, "_assetLoader", null);
@@ -344,34 +473,36 @@ class W extends k {
   async setFromURL(t) {
     const a = await (await this._getAssetLoader()).load(t);
     return this.setFromGLTF(a), import("../plugins/state/index.mjs").then(({ State: n }) => {
-      var o;
-      (o = n.get(this.userData.id)) == null || o.performAction("MODEL_LOADED", {
+      var r;
+      (r = n.get(this.userData.id)) == null || r.performAction("MODEL_LOADED", {
         id: this.userData.id
       });
     }), this;
   }
   setFromGLTF(t) {
-    return this.clear(), this._boundingBox.makeEmpty(), t.traverse((e) => {
+    return this.clear(), this._boundingBox.makeEmpty(), this._gltf = t, this._gltf.name = "GLTF", this._gltf.traverse((e) => {
       e.castShadow = !0, e.receiveShadow = !0, e.layers.mask = this.layers.mask, this._boundingBox.expandByObject(e), !this._mesh && "isMesh" in e && (this._mesh = e, this._material ? this._mesh.material = this._material : this._material = e.material);
-    }), this.add(t), this;
+    }), this.add(this._gltf), this;
   }
   setMaterial(t) {
-    this._material || (this._material = new M()), t.vertexColors !== void 0 && (this._material.vertexColors = t.vertexColors), t.color !== void 0 && this._material.color.set(t.color), t.map !== void 0 && (this._material.map = t.map), t.normalMap !== void 0 && (this._material.normalMap = t.normalMap), t.roughness !== void 0 && (this._material.roughness = t.roughness), t.roughnessMap !== void 0 && (this._material.roughnessMap = t.roughnessMap, this._material.roughnessMap && (this._material.roughness = 1)), t.metalness !== void 0 && (this._material.metalness = t.metalness), t.metalnessMap !== void 0 && (this._material.metalnessMap = t.metalnessMap, this._material.metalnessMap && (this._material.metalness = 1)), this._mesh && (this._mesh.material = this._material);
+    this._material || (this._material = new A()), t.vertexColors !== void 0 && (this._material.vertexColors = t.vertexColors), t.color !== void 0 && this._material.color.set(t.color), t.map !== void 0 && (this._material.map = t.map), t.normalMap !== void 0 && (this._material.normalMap = t.normalMap), t.roughness !== void 0 && (this._material.roughness = t.roughness), t.roughnessMap !== void 0 && (this._material.roughnessMap = t.roughnessMap, this._material.roughnessMap && (this._material.roughness = 1)), t.metalness !== void 0 && (this._material.metalness = t.metalness), t.metalnessMap !== void 0 && (this._material.metalnessMap = t.metalnessMap, this._material.metalnessMap && (this._material.metalness = 1)), this._mesh && (this._mesh.material = this._material);
   }
   placeOnFloor() {
-    var n, o, l, c;
-    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone();
-    (o = (n = this._mesh) == null ? void 0 : n.geometry) == null || o.computeBoundingBox();
-    const a = (c = (l = this._mesh) == null ? void 0 : l.geometry) == null ? void 0 : c.boundingBox;
-    !a || !this._mesh || (t.y = t.y - this._mesh.localToWorld(a.min.clone()).y, t.y !== e.y && import("../plugins/state/index.mjs").then(({ State: d }) => {
-      var m;
-      (m = d.get(this.userData.id)) == null || m.performAction("UPDATE_OBJECT", {
+    this.updateWorldMatrix(!0, !0);
+    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new w();
+    this.children.forEach((r) => {
+      r instanceof V || a.expandByObject(r, !0);
+    });
+    const n = -a.min.y;
+    Math.abs(n) < 1e-9 || (t.y += n, t.y !== e.y && (this.setPosition(t), import("../plugins/state/index.mjs").then(({ State: r }) => {
+      var l;
+      (l = r.get(this.userData.id)) == null || l.performAction("UPDATE_OBJECT", {
         id: this.userData.id,
         position: t,
         rotation: this.rotation,
         scale: this.scale
       });
-    }));
+    }), this.onMove()));
   }
   dropIt() {
     if (!this.parent) {
@@ -381,36 +512,45 @@ class W extends k {
       );
       return;
     }
-    const t = this._boundingBox.min.y * this.scale.y, e = this.localToWorld(
-      this._boundingBox.getCenter(new h()).multiply(this.scale)
-    );
-    e.y = t + this.position.y;
-    const a = new ht(e, new h(0, -1, 0));
-    a.layers.mask = f;
-    const n = a.intersectObjects(
-      Y(this).root.children,
+    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new w();
+    this.children.forEach((d) => {
+      d instanceof V || a.expandByObject(d, !0);
+    });
+    const n = a.getCenter(new h());
+    n.y = a.min.y;
+    const r = new ct(n, new h(0, -1, 0));
+    r.layers.mask = g;
+    const l = r.intersectObjects(
+      X(this).root.children,
       !0
     );
-    if (n.length > 0) {
-      const o = n[0].object;
-      o.geometry.computeBoundingBox();
-      const l = o.geometry.boundingBox, c = o.localToWorld(l.max.clone()), d = this.position.clone(), m = this.position.clone().setY(c.y).sub(new h(0, t, 0));
-      if (this.position.copy(m), this.position.y === d.y) return;
-      this.onMove();
-    }
+    if (l.length > 0) {
+      const d = l[0].object, E = new w().setFromObject(d).max.y - a.min.y;
+      if (Math.abs(E) < 1e-9 || (t.y += E, t.y === e.y)) return;
+      this.setPosition(t), import("../plugins/state/index.mjs").then(({ State: L }) => {
+        var S;
+        (S = L.get(this.userData.id)) == null || S.performAction("UPDATE_OBJECT", {
+          id: this.userData.id,
+          position: t,
+          rotation: this.rotation,
+          scale: this.scale
+        });
+      }), this.onMove();
+    } else
+      this.placeOnFloor();
   }
 }
-class kt extends W {
+class Vt extends q {
   constructor() {
     super();
     i(this, "isDIVEPrimitive", !0);
     i(this, "_mesh");
     i(this, "_material");
-    this._mesh = new P(), this._mesh.name = "PrimitiveMesh", this._mesh.layers.mask = f, this._mesh.castShadow = !0, this._mesh.receiveShadow = !0, this.add(this._mesh), this._material = new M(), this._mesh.material = this._material;
+    this._mesh = new M(), this._mesh.name = "PrimitiveMesh", this._mesh.layers.mask = g, this._mesh.castShadow = !0, this._mesh.receiveShadow = !0, this.add(this._mesh), this._material = new A(), this._mesh.material = this._material;
   }
   setGeometry(t) {
     const e = this.assembleGeometry(t);
-    e && (this._mesh.geometry = e, this._boundingBox.setFromObject(this._mesh));
+    e && (e.computeVertexNormals(), e.computeBoundingBox(), e.computeBoundingSphere(), this._mesh.geometry = e, this._boundingBox.setFromObject(this._mesh));
   }
   assembleGeometry(t) {
     switch (this._material.flatShading = !1, t.name.toLowerCase()) {
@@ -437,7 +577,7 @@ class kt extends W {
     }
   }
   createCylinderGeometry(t) {
-    const e = new lt(
+    const e = new ut(
       t.width / 2,
       t.width / 2,
       t.height,
@@ -446,7 +586,7 @@ class kt extends W {
     return e.translate(0, t.height / 2, 0), e;
   }
   createSphereGeometry(t) {
-    return new I(t.width / 2, 256, 256);
+    return new R(t.width / 2, 256, 256);
   }
   createPyramidGeometry(t) {
     const e = new Float32Array([
@@ -488,14 +628,14 @@ class kt extends W {
       3,
       4,
       0
-    ]), n = new F();
+    ]), n = new W();
     return n.setAttribute(
       "position",
-      new R(e, 3)
-    ), n.setIndex(new R(a, 1)), n.computeVertexNormals(), n.computeBoundingBox(), n.computeBoundingSphere(), n;
+      new z(e, 3)
+    ), n.setIndex(new z(a, 1)), n;
   }
   createBoxGeometry(t) {
-    const e = new v(
+    const e = new I(
       t.width,
       t.height,
       t.depth
@@ -503,11 +643,11 @@ class kt extends W {
     return e.translate(0, t.height / 2, 0), e;
   }
   createConeGeometry(t) {
-    const e = new dt(t.width / 2, t.height, 256);
+    const e = new pt(t.width / 2, t.height, 256);
     return e.translate(0, t.height / 2, 0), e;
   }
   createWallGeometry(t) {
-    const e = new v(
+    const e = new I(
       t.width,
       t.height,
       t.depth || 0.05,
@@ -516,7 +656,7 @@ class kt extends W {
     return e.translate(0, t.height / 2, 0), e;
   }
   createPlaneGeometry(t) {
-    const e = new v(
+    const e = new I(
       t.width,
       t.height,
       t.depth
@@ -524,7 +664,7 @@ class kt extends W {
     return e.translate(0, t.height / 2, 0), e;
   }
 }
-class Vt extends k {
+class Rt extends C {
   // lines to children
   constructor() {
     super();
@@ -578,11 +718,11 @@ class Vt extends k {
    * Creates a line for visualization.
    */
   createLine() {
-    const t = new F(), e = new ct({
+    const t = new W(), e = new mt({
       color: 6710886,
       dashSize: 0.05,
       gapSize: 0.025
-    }), a = new ut(t, e);
+    }), a = new _t(t, e);
     return a.visible = !1, a;
   }
   /**
@@ -643,37 +783,37 @@ class Vt extends k {
   //     this._boxMesh.visible = true;
   // }
 }
-class Rt extends P {
+class At extends M {
   constructor() {
-    const t = new pt(1, 1);
+    const t = new gt(1, 1);
     t.scale(1e3, 1e3, 1), t.rotateX(-Math.PI / 2);
-    const e = new M({
-      color: new g(16777215),
-      side: G
+    const e = new A({
+      color: new _(16777215),
+      side: Y
     });
     super(t, e);
     i(this, "isDIVEFloor", !0);
-    this.name = "Floor", this.layers.mask = f, this.receiveShadow = !0;
+    this.name = "Floor", this.layers.mask = g, this.receiveShadow = !0;
   }
   setVisibility(t) {
     this.visible = t;
   }
   setColor(t) {
-    this.material.color = new g(t);
+    this.material.color = new _(t);
   }
 }
-class At extends w {
+class Ct extends f {
   constructor() {
     super();
     i(this, "isDIVERoot", !0);
     i(this, "_floor");
-    this.name = "Root", this._floor = new Rt(), this.add(this._floor);
+    this.name = "Root", this._floor = new At(), this.add(this._floor);
   }
   get floor() {
     return this._floor;
   }
   computeSceneBB() {
-    const t = new T();
+    const t = new w();
     return this.children.forEach((e) => {
       "isDIVEFloor" in e || e.traverse((a) => {
         "isObject3D" in a && t.expandByObject(a);
@@ -698,7 +838,7 @@ class At extends w {
       case "light": {
         switch (t.type) {
           case "scene": {
-            e = new Mt();
+            e = new kt();
             break;
           }
           case "ambient": {
@@ -718,15 +858,15 @@ class At extends w {
         break;
       }
       case "model": {
-        e = new W(), e.name = t.name, e.userData.id = t.id, e.userData.uri = t.uri, this.add(e), this._updateModel(e, t);
+        e = new q(), e.name = t.name, e.userData.id = t.id, e.userData.uri = t.uri, this.add(e), this._updateModel(e, t);
         break;
       }
       case "primitive": {
-        e = new kt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updatePrimitive(e, t);
+        e = new Vt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updatePrimitive(e, t);
         break;
       }
       case "group": {
-        e = new Vt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updateGroup(e, t);
+        e = new Rt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updateGroup(e, t);
         break;
       }
       default:
@@ -807,7 +947,7 @@ class At extends w {
       e.position.x,
       e.position.y,
       e.position.z
-    ), e.intensity !== void 0 && e.intensity !== null && t.setIntensity(e.intensity), e.enabled !== void 0 && e.enabled !== null && t.setEnabled(e.enabled), e.color !== void 0 && e.color !== null && t.setColor(new g(e.color)), e.visible !== void 0 && e.visible !== null && (t.visible = e.visible), e.parentId !== void 0 && this._setParent({ ...e, parentId: e.parentId });
+    ), e.intensity !== void 0 && e.intensity !== null && t.setIntensity(e.intensity), e.enabled !== void 0 && e.enabled !== null && t.setEnabled(e.enabled), e.color !== void 0 && e.color !== null && t.setColor(new _(e.color)), e.visible !== void 0 && e.visible !== null && (t.visible = e.visible), e.parentId !== void 0 && this._setParent({ ...e, parentId: e.parentId });
   }
   _updateModel(t, e) {
     e.uri !== void 0 && t.setFromURL(e.uri), e.name !== void 0 && (t.name = e.name), e.position !== void 0 && t.setPosition(e.position), e.rotation !== void 0 && t.setRotation(e.rotation), e.scale !== void 0 && t.setScale(e.scale), e.visible !== void 0 && t.setVisibility(e.visible), e.material !== void 0 && t.setMaterial(e.material), e.parentId !== void 0 && this._setParent({ ...e, parentId: e.parentId });
@@ -854,39 +994,39 @@ class At extends w {
     return t.parent !== null ? this._findScene(t.parent) : t;
   }
 }
-const Ct = "#888888", Ot = "#dddddd";
-class zt extends w {
+const Ot = "#888888", zt = "#dddddd";
+class Bt extends f {
   constructor() {
     super(), this.name = "Grid";
-    const s = new mt(
+    const s = new ft(
       100,
       100,
-      Ct,
-      Ot
+      Ot,
+      zt
     );
-    s.material.depthTest = !1, s.layers.mask = Pt, this.add(s);
+    s.material.depthTest = !1, s.layers.mask = vt, this.add(s);
   }
   setVisibility(s) {
     this.visible = s;
   }
 }
-const E = {
+const v = {
   displayFloor: !1,
   displayGrid: !1,
   backgroundColor: "#ffffff"
 };
-class Bt extends _t {
+class Gt extends wt {
   constructor(t) {
     super();
     i(this, "isDIVEScene", !0);
     i(this, "_root");
     i(this, "_grid");
-    this.background = new g(
-      (t == null ? void 0 : t.backgroundColor) ?? E.backgroundColor
-    ), this._root = new At(), this._root.floor.setVisibility(
-      (t == null ? void 0 : t.displayFloor) ?? E.displayFloor
-    ), this.add(this._root), this._grid = new zt(), this._grid.setVisibility(
-      (t == null ? void 0 : t.displayGrid) ?? E.displayGrid
+    this.background = new _(
+      (t == null ? void 0 : t.backgroundColor) ?? v.backgroundColor
+    ), this._root = new Ct(), this._root.floor.setVisibility(
+      (t == null ? void 0 : t.displayFloor) ?? v.displayFloor
+    ), this.add(this._root), this._grid = new Bt(), this._grid.setVisibility(
+      (t == null ? void 0 : t.displayGrid) ?? v.displayGrid
     ), this.add(this._grid);
   }
   get root() {
@@ -896,13 +1036,13 @@ class Bt extends _t {
     return this._grid;
   }
   setBackground(t) {
-    this.background = new g(t);
+    this.background = new _(t);
   }
   computeSceneBB() {
     return this._root.computeSceneBB();
   }
 }
-const Gt = {
+const Ft = {
   enableDamping: !0,
   dampingFactor: 0.05,
   enabled: !0,
@@ -937,10 +1077,10 @@ const Gt = {
     RIGHT: p.PAN
   },
   touches: {
-    ONE: _.ROTATE,
-    TWO: _.DOLLY_PAN
+    ONE: m.ROTATE,
+    TWO: m.DOLLY_PAN
   }
-}, b = class b extends gt {
+}, b = class b extends yt {
   constructor(t, e, a) {
     super();
     // public API
@@ -983,28 +1123,28 @@ const Gt = {
       MIDDLE: p.DOLLY,
       RIGHT: p.PAN
     });
-    i(this, "touches", { ONE: _.ROTATE, TWO: _.DOLLY_PAN });
+    i(this, "touches", { ONE: m.ROTATE, TWO: m.DOLLY_PAN });
     i(this, "target0");
     i(this, "position0");
     i(this, "zoom0");
-    i(this, "uuid", S.generateUUID());
+    i(this, "uuid", x.generateUUID());
     // private state
     i(this, "state", -1);
     i(this, "EPS", 1e-6);
-    i(this, "spherical", new A());
-    i(this, "sphericalDelta", new A());
+    i(this, "spherical", new B());
+    i(this, "sphericalDelta", new B());
     i(this, "scale", 1);
     i(this, "panOffset", new h());
     i(this, "zoomChanged", !1);
-    i(this, "rotateStart", new u());
-    i(this, "rotateEnd", new u());
-    i(this, "rotateDelta", new u());
-    i(this, "panStart", new u());
-    i(this, "panEnd", new u());
-    i(this, "panDelta", new u());
-    i(this, "dollyStart", new u());
-    i(this, "dollyEnd", new u());
-    i(this, "dollyDelta", new u());
+    i(this, "rotateStart", new c());
+    i(this, "rotateEnd", new c());
+    i(this, "rotateDelta", new c());
+    i(this, "panStart", new c());
+    i(this, "panEnd", new c());
+    i(this, "panDelta", new c());
+    i(this, "dollyStart", new c());
+    i(this, "dollyEnd", new c());
+    i(this, "dollyDelta", new c());
     i(this, "pointers", []);
     i(this, "pointerPositions", {});
     // for update() function
@@ -1012,7 +1152,7 @@ const Gt = {
     i(this, "quat");
     i(this, "quatInverse");
     i(this, "lastPosition", new h());
-    i(this, "lastQuaternion", new x());
+    i(this, "lastQuaternion", new k());
     i(this, "lastTarget", new h());
     i(this, "panLeft", (() => {
       const t = new h();
@@ -1096,11 +1236,11 @@ const Gt = {
       switch (this.trackPointer(t), this.pointers.length) {
         case 1:
           switch (this.touches.ONE) {
-            case _.ROTATE:
+            case m.ROTATE:
               if (this.enableRotate === !1) return;
               this.handleTouchStartRotate(t), this.state = 3;
               break;
-            case _.PAN:
+            case m.PAN:
               if (this.enablePan === !1) return;
               this.handleTouchStartPan(t), this.state = 4;
               break;
@@ -1110,12 +1250,12 @@ const Gt = {
           break;
         case 2:
           switch (this.touches.TWO) {
-            case _.DOLLY_PAN:
+            case m.DOLLY_PAN:
               if (this.enableZoom === !1 && this.enablePan === !1)
                 return;
               this.handleTouchStartDollyPan(t), this.state = 5;
               break;
-            case _.DOLLY_ROTATE:
+            case m.DOLLY_ROTATE:
               if (this.enableZoom === !1 && this.enableRotate === !1)
                 return;
               this.handleTouchStartDollyRotate(t), this.state = 6;
@@ -1177,7 +1317,7 @@ const Gt = {
     i(this, "onContextMenu", (t) => {
       this.enabled !== !1 && t.preventDefault();
     });
-    this.object = t, this.domElements = Array.isArray(e) ? e : [e], Object.assign(this, a), this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this.quat = new x().setFromUnitVectors(
+    this.object = t, this.domElements = Array.isArray(e) ? e : [e], Object.assign(this, a), this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this.quat = new k().setFromUnitVectors(
       t.up,
       new h(0, 1, 0)
     ), this.quatInverse = this.quat.clone().invert(), this.domElements.forEach((n) => this.addEventListeners(n)), this.update();
@@ -1235,14 +1375,14 @@ const Gt = {
     this.removeDomElements(...this.domElements), this.domElements = [], this.addDomElements(...t);
   }
   computeEncompassingView(t, e = 0) {
-    const a = t.center, o = t.sphere.radius, l = this.object.fov * (Math.PI / 180), c = this.object.aspect, d = l / 2, m = Math.atan(Math.tan(d) * c), q = o / Math.sin(d), K = o / Math.sin(m), Q = Math.max(q, K) * (1 + e), V = this.object.position.clone().sub(this.target).normalize(), J = V.length() > 1e-3 ? V : new h(0, 0, 1);
+    const a = t.center, r = t.sphere.radius, l = this.object.fov * (Math.PI / 180), d = this.object.aspect, u = l / 2, D = Math.atan(Math.tan(u) * d), E = r / Math.sin(u), L = r / Math.sin(D), S = Math.max(E, L) * (1 + e), O = this.object.position.clone().sub(this.target).normalize(), $ = O.length() > 1e-3 ? O : new h(0, 0, 1);
     return {
-      position: a.clone().add(J.multiplyScalar(Q)),
+      position: a.clone().add($.multiplyScalar(S)),
       target: a
     };
   }
   focusObject(t, e = 0) {
-    const a = new Xt(t), n = this.computeEncompassingView(a, e);
+    const a = new V(t), n = this.computeEncompassingView(a, e);
     this.object.position.copy(n.position), this.target.copy(n.target), this.update();
   }
   zoomIn(t) {
@@ -1292,8 +1432,8 @@ const Gt = {
   pan(t, e, a) {
     const n = new h();
     if ("isPerspectiveCamera" in this.object) {
-      const o = this.object.position;
-      n.copy(o).sub(this.target);
+      const r = this.object.position;
+      n.copy(r).sub(this.target);
       let l = n.length();
       l *= Math.tan(
         this.object.fov / 2 * Math.PI / 180
@@ -1389,8 +1529,8 @@ const Gt = {
     }
   }
   handleTouchStartDolly(t) {
-    const e = this.getSecondPointer(t), a = t.pageX - e.pageX, n = t.pageY - e.pageY, o = Math.sqrt(a * a + n * n);
-    this.dollyStart.set(0, o);
+    const e = this.getSecondPointer(t), a = t.pageX - e.pageX, n = t.pageY - e.pageY, r = Math.sqrt(a * a + n * n);
+    this.dollyStart.set(0, r);
   }
   handleTouchStartDollyPan(t) {
     this.enableZoom && this.handleTouchStartDolly(t), this.enablePan && this.handleTouchStartPan(t);
@@ -1402,8 +1542,8 @@ const Gt = {
     if (this.pointers.length === 1)
       this.rotateEnd.set(t.pageX, t.pageY);
     else {
-      const a = this.getSecondPointer(t), n = 0.5 * (t.pageX + a.pageX), o = 0.5 * (t.pageY + a.pageY);
-      this.rotateEnd.set(n, o);
+      const a = this.getSecondPointer(t), n = 0.5 * (t.pageX + a.pageX), r = 0.5 * (t.pageY + a.pageY);
+      this.rotateEnd.set(n, r);
     }
     const e = t.currentTarget;
     this.rotateDelta.subVectors(this.rotateEnd, this.rotateStart).multiplyScalar(this.rotateSpeed), this.rotateLeft(
@@ -1416,15 +1556,15 @@ const Gt = {
     if (this.pointers.length === 1)
       this.panEnd.set(t.pageX, t.pageY);
     else {
-      const a = this.getSecondPointer(t), n = 0.5 * (t.pageX + a.pageX), o = 0.5 * (t.pageY + a.pageY);
-      this.panEnd.set(n, o);
+      const a = this.getSecondPointer(t), n = 0.5 * (t.pageX + a.pageX), r = 0.5 * (t.pageY + a.pageY);
+      this.panEnd.set(n, r);
     }
     const e = t.currentTarget;
     this.panDelta.subVectors(this.panEnd, this.panStart).multiplyScalar(this.panSpeed), this.pan(this.panDelta.x, this.panDelta.y, e), this.panStart.copy(this.panEnd);
   }
   handleTouchMoveDolly(t) {
-    const e = this.getSecondPointer(t), a = t.pageX - e.pageX, n = t.pageY - e.pageY, o = Math.sqrt(a * a + n * n);
-    this.dollyEnd.set(0, o), this.dollyDelta.set(
+    const e = this.getSecondPointer(t), a = t.pageX - e.pageX, n = t.pageY - e.pageY, r = Math.sqrt(a * a + n * n);
+    this.dollyEnd.set(0, r), this.dollyDelta.set(
       0,
       Math.pow(this.dollyEnd.y / this.dollyStart.y, this.zoomSpeed)
     ), this.dollyOut(this.dollyDelta.y), this.dollyStart.copy(this.dollyEnd);
@@ -1448,7 +1588,7 @@ const Gt = {
   }
   trackPointer(t) {
     let e = this.pointerPositions[t.pointerId];
-    e === void 0 && (e = new u(), this.pointerPositions[t.pointerId] = e), e.set(t.pageX, t.pageY);
+    e === void 0 && (e = new c(), this.pointerPositions[t.pointerId] = e), e.set(t.pageX, t.pageY);
   }
   getSecondPointer(t) {
     return this.pointers[0].pointerId === t.pointerId ? this.pointers[1] : this.pointers[0];
@@ -1460,39 +1600,39 @@ const Gt = {
   }
 };
 i(b, "DEFAULT_ZOOM_FACTOR", 1);
-let z = b;
-class Ft extends w {
+let U = b;
+class Ut extends f {
   constructor() {
     super();
     i(this, "_axesHelper");
-    this._axesHelper = new ft(0.5), this._axesHelper.layers.mask = y, this._axesHelper.material.depthTest = !1, this._axesHelper.position.set(0, 0, -1), this._axesHelper.setColors(
-      new g(Wt),
-      new g(Zt),
-      new g(Nt)
+    this._axesHelper = new bt(0.5), this._axesHelper.layers.mask = y, this._axesHelper.material.depthTest = !1, this._axesHelper.position.set(0, 0, -1), this._axesHelper.setColors(
+      new _(Zt),
+      new _(Nt),
+      new _(Xt)
     );
-    const t = new L("X", 0.2, Z), e = new L("Y", 0.2, N), a = new L("Z", 0.2, X);
+    const t = new T("X", 0.2, K), e = new T("Y", 0.2, Q), a = new T("Z", 0.2, J);
     t.layers.mask = y, e.layers.mask = y, a.layers.mask = y, t.position.set(0.7, 0, 0), e.position.set(0, 0.7, 0), a.position.set(0, 0, 0.7), this._axesHelper.add(t), this._axesHelper.add(e), this._axesHelper.add(a);
   }
   setFromCameraMatrix(t) {
     this._axesHelper.rotation.setFromRotationMatrix(
-      new wt().extractRotation(t).invert()
+      new Dt().extractRotation(t).invert()
     );
   }
 }
-class Ut {
+class Ht {
   constructor(s, t, e) {
-    i(this, "uuid", S.generateUUID());
+    i(this, "uuid", x.generateUUID());
     i(this, "_axes");
     i(this, "_orthographicCamera");
-    i(this, "_restoreViewport", new bt());
-    this._renderer = s, this._scene = t, this._camera = e, this._orthographicCamera = new yt(
+    i(this, "_restoreViewport", new St());
+    this._renderer = s, this._scene = t, this._camera = e, this._orthographicCamera = new Et(
       -1,
       1,
       1,
       -1,
       0.1,
       100
-    ), this._orthographicCamera.layers.mask = y, this._scene.add(this._orthographicCamera), this._axes = new Ft(), this._scene.add(this._axes);
+    ), this._orthographicCamera.layers.mask = y, this._scene.add(this._orthographicCamera), this._axes = new Ut(), this._scene.add(this._axes);
   }
   tick() {
     const s = this._scene.background;
@@ -1505,7 +1645,7 @@ class Ut {
     this._scene.remove(this._axes), this._scene.remove(this._orthographicCamera);
   }
 }
-const Ht = `
+const Yt = `
                 @@@@@@@@@@@@@@@@@@@@@@@              @@@@@@@@@@@@@@@@@@@@@@@
            @@@@+-:::::::---------------------==------------------------------=#@@@@
         @@%=::::.......::---------------------------------------------------------+@@
@@ -1540,18 +1680,18 @@ window.DIVE = {
     return window.DIVE.instances[0];
   }
 };
-const D = {
+const P = {
   autoStart: !0,
   displayAxes: !1,
-  ...E,
-  ...vt,
-  ...U,
-  ...Gt
+  ...v,
+  ...xt,
+  ...Z,
+  ...Ft
 };
-class Yt {
+class Wt {
   constructor(s) {
     // descriptive members
-    i(this, "_instanceId", S.generateUUID());
+    i(this, "_instanceId", x.generateUUID());
     i(this, "_settings");
     i(this, "_views");
     i(this, "_mainView");
@@ -1559,25 +1699,25 @@ class Yt {
     i(this, "_clock");
     i(this, "orientationDisplay");
     this._settings = {
-      ...D,
+      ...P,
       ...s ?? {}
-    }, this._clock = new Lt(), this._scene = new Bt(), this.scene.setBackground(
-      (s == null ? void 0 : s.backgroundColor) ?? D.backgroundColor
+    }, this._clock = new Mt(), this._scene = new Gt(), this.scene.setBackground(
+      (s == null ? void 0 : s.backgroundColor) ?? P.backgroundColor
     ), this.scene.grid.setVisibility(
-      (s == null ? void 0 : s.displayGrid) ?? D.displayGrid
+      (s == null ? void 0 : s.displayGrid) ?? P.displayGrid
     ), this.scene.root.floor.setVisibility(
-      (s == null ? void 0 : s.displayFloor) ?? D.displayFloor
+      (s == null ? void 0 : s.displayFloor) ?? P.displayFloor
     );
-    const t = new O(
+    const t = new F(
       this._scene,
-      new C(),
+      new G(),
       this._settings
     );
-    this._clock.addTicker(t), this._views = [t], this._mainView = t, this._settings.autoStart && this.start(), this._settings.displayAxes ? (console.log("displayAxes", this._settings.displayAxes), this.orientationDisplay = new Ut(
+    this._clock.addTicker(t), this._views = [t], this._mainView = t, this._settings.autoStart && this.start(), this._settings.displayAxes ? (console.log("displayAxes", this._settings.displayAxes), this.orientationDisplay = new Ht(
       this.mainView.renderer,
       this.scene,
       this.mainView.camera
-    ), this.clock.addTicker(this.orientationDisplay)) : this.orientationDisplay = null, console.log("DIVE 2.1.2 initialized successfully!"), console.log(Ht), window.DIVE.instances.push(this);
+    ), this.clock.addTicker(this.orientationDisplay)) : this.orientationDisplay = null, console.log("DIVE 2.2.1 initialized successfully!"), console.log(Yt), window.DIVE.instances.push(this);
   }
   /**
    * @deprecated This static method will be removed in a future version. Please use `import { QuickView, QuickViewSettings, QuickViewDefaultSettings } from '@shopware-ag/dive/quickview'` instead.
@@ -1639,9 +1779,9 @@ class Yt {
     });
   }
   createView(s) {
-    const t = new O(
+    const t = new F(
       this._scene,
-      s ?? new C(),
+      s ?? new G(),
       {
         ...this._settings,
         canvas: void 0
@@ -1654,136 +1794,7 @@ class Yt {
     this._views = this._views.filter((t) => t !== s), this._clock.removeTicker(s), this._mainView === s && (this._mainView = this._views[0]), s.dispose();
   }
 }
-const ee = Yt, Z = "#c20017", N = "#00ab26", X = "#0081d4", Wt = Z, Zt = N, Nt = X;
-class Xt extends k {
-  /**
-   * Creates a new BoundingBox instance for the specified 3D object.
-   *
-   * The constructor computes both a bounding box and bounding sphere for the given object.
-   * It handles complex objects with multiple meshes and nested transformations.
-   *
-   * @param object - The 3D object to compute bounding volumes for
-   * @param axisAligned - Whether to create an axis-aligned bounding box (true) or oriented bounding box (false). Defaults to false.
-   * @param wireframeColor - The color for the wireframe helpers. Can be a hex number or ColorRepresentation. Defaults to green (0x00ff00).
-   *
-   * @example
-   * ```typescript
-   * // Create an oriented bounding box (aligned with object's rotation)
-   * const obb = new BoundingBox(mesh, false, 0x00ff00);
-   *
-   * // Create an axis-aligned bounding box (aligned with world coordinates)
-   * const aabb = new BoundingBox(mesh, true, 0xff0000);
-   *
-   * // Use default green color
-   * const defaultBox = new BoundingBox(mesh);
-   * ```
-   */
-  constructor(t, e = !1, a = 65280) {
-    super();
-    /** The computed bounding box (Box3) */
-    i(this, "_box");
-    /** The computed bounding sphere (Sphere) */
-    i(this, "_sphere");
-    /** The center point of the bounding box */
-    i(this, "_center");
-    /** The radius of the bounding sphere */
-    i(this, "_radius");
-    /** Visual helper for the bounding box wireframe */
-    i(this, "_boxHelper");
-    /** Visual helper for the bounding sphere wireframe */
-    i(this, "_sphereHelper");
-    /** The dimensions (width, height, depth) of the bounding box */
-    i(this, "_size");
-    const n = new T();
-    e ? n.setFromObject(t) : (t.updateWorldMatrix(!0, !0), t.traverse((l) => {
-      if (l.isMesh) {
-        const c = l, d = c.geometry.clone();
-        d.applyMatrix4(c.matrixWorld);
-        const m = c.getWorldQuaternion(new x()).invert();
-        d.applyQuaternion(m), d.computeBoundingBox(), d.boundingBox && n.union(d.boundingBox);
-      }
-    })), this.rotation.copy(t.rotation), this._box = n, this._size = n.getSize(new h()), this._center = n.getCenter(new h()), this._boxHelper = new Dt(this._box, a), this._boxHelper.visible = !1, this.add(this._boxHelper), this._sphere = n.getBoundingSphere(new Et()), this._radius = this._sphere.radius;
-    const o = new I(this._radius, 32, 32);
-    o.translate(this._center.x, this._center.y, this._center.z), this._sphereHelper = new P(
-      o,
-      new B({ color: a, wireframe: !0 })
-    ), this._sphereHelper.visible = !1, this.add(this._sphereHelper);
-  }
-  /**
-   * Gets the computed bounding box.
-   * @returns The Box3 instance representing the bounding box
-   */
-  get box() {
-    return this._box;
-  }
-  /**
-   * Gets the computed bounding sphere.
-   * @returns The Sphere instance representing the bounding sphere
-   */
-  get sphere() {
-    return this._sphere;
-  }
-  /**
-   * Gets the center point of the bounding box.
-   * @returns A Vector3 representing the center coordinates
-   */
-  get center() {
-    return this._center;
-  }
-  /**
-   * Gets the radius of the bounding sphere.
-   * @returns The radius as a number
-   */
-  get radius() {
-    return this._radius;
-  }
-  /**
-   * Gets the dimensions of the bounding box.
-   * @returns A Vector3 representing width, height, and depth
-   */
-  get size() {
-    return this._size;
-  }
-  /**
-   * Sets the visibility of the bounding box wireframe helper.
-   *
-   * @param visible - Whether the box helper should be visible
-   *
-   * @example
-   * ```typescript
-   * const boundingBox = new BoundingBox(mesh);
-   *
-   * // Show the bounding box wireframe
-   * boundingBox.setBoxHelperVisible(true);
-   *
-   * // Hide the bounding box wireframe
-   * boundingBox.setBoxHelperVisible(false);
-   * ```
-   */
-  setBoxHelperVisible(t) {
-    this._boxHelper.visible = t;
-  }
-  /**
-   * Sets the visibility of the bounding sphere wireframe helper.
-   *
-   * @param visible - Whether the sphere helper should be visible
-   *
-   * @example
-   * ```typescript
-   * const boundingBox = new BoundingBox(mesh);
-   *
-   * // Show the bounding sphere wireframe
-   * boundingBox.setSphereHelperVisible(true);
-   *
-   * // Hide the bounding sphere wireframe
-   * boundingBox.setSphereHelperVisible(false);
-   * ```
-   */
-  setSphereHelperVisible(t) {
-    this._sphereHelper.visible = t;
-  }
-}
-const qt = {
+const ee = Wt, K = "#c20017", Q = "#00ab26", J = "#0081d4", Zt = K, Nt = Q, Xt = J, qt = {
   glb: {
     key: "glb",
     extension: "glb"
@@ -1797,44 +1808,44 @@ const qt = {
     extension: "usdz"
   }
 }, ie = Object.values(qt).map(
-  (r) => r.extension
+  (o) => o.extension
 );
 export {
-  Wt as A,
-  k as B,
-  kt as C,
-  D,
-  At as E,
-  Xt as F,
-  Ct as G,
-  Y as H,
+  Zt as A,
+  C as B,
+  Vt as C,
+  P as D,
+  Ct as E,
+  V as F,
+  Ot as G,
+  X as H,
   qt as I,
-  Gt as O,
+  Ft as O,
   ie as S,
-  z as a,
-  Ut as b,
-  Ft as c,
-  Yt as d,
-  Mt as e,
-  W as f,
-  Zt as g,
-  Nt as h,
+  U as a,
+  Ht as b,
+  Ut as c,
+  Wt as d,
+  kt as e,
+  q as f,
+  Nt as g,
+  Xt as h,
   ee as i,
-  Lt as j,
-  U as k,
-  H as l,
+  Mt as j,
+  Z as k,
+  N as l,
   te as m,
-  xt as n,
-  E as o,
-  Bt as p,
-  O as q,
-  Z as r,
-  N as s,
-  X as t,
-  Ot as u,
-  Rt as v,
-  zt as w,
-  Vt as x,
+  Lt as n,
+  v as o,
+  Gt as p,
+  F as q,
+  K as r,
+  Q as s,
+  J as t,
+  zt as u,
+  At as v,
+  Bt as w,
+  Rt as x,
   It as y,
   Tt as z
 };