@shopware-ag/dive 2.1.1 → 2.2.0

package/build/chunks/{FileTypes-D5zw1toN.mjs → FileTypes-CzAW1KDG.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 G, FrontSide as F, Mesh as P, HemisphereLight as ot, DirectionalLight as rt, Vector3 as h, Box3 as L, MeshStandardMaterial as k, Raycaster as U, Color as g, CylinderGeometry as ht, BufferGeometry as H, BufferAttribute as A, BoxGeometry as M, ConeGeometry as lt, LineDashedMaterial as dt, Line as ct, PlaneGeometry as ut, GridHelper as pt, Scene as mt, TOUCH as f, MOUSE as m, EventDispatcher as gt, Spherical as C, Vector2 as p, Quaternion as T, AxesHelper as _t, Matrix4 as ft, OrthographicCamera as wt, Vector4 as yt, Box3Helper as bt, Sphere as Dt } from "three";
-import { P as _, U as Et, H as St, C as y, a as Pt, D as O } from "./PerspectiveCamera-8tnOn5YS.mjs";
-import x from "three-spritetext";
-class vt {
+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 vt {
     this._lastTime = s, this._tickers.forEach((e) => e.tick(t)), requestAnimationFrame(this._tick.bind(this));
   }
 }
-const Y = {
+const Z = {
   canvas: void 0,
   antialias: !0,
   alpha: !0,
@@ -48,13 +48,13 @@ const Y = {
   shadows: !0,
   shadowQuality: "high"
 };
-class W {
+class N {
   constructor(s, t, e) {
     i(this, "isDIVERenderer", !0);
     i(this, "_webglrenderer");
     i(this, "_settings");
     this._scene = s, this._camera = t, this._settings = {
-      ...Y,
+      ...Z,
       ...e ?? {}
     }, this._webglrenderer = this._createWebGLRenderer();
   }
@@ -77,20 +77,20 @@ class W {
     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 = W;
-class Mt {
+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 Mt {
     }
   }
 }
-class B {
+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 W(
+    this._scene = s, this._camera = t, this._settings = e, this._renderer = new N(
       this._scene,
       this._camera,
       this._settings
-    ), this._resizeManager = new Mt(
+    ), this._resizeManager = new Lt(
       this._renderer,
       this._camera
     );
@@ -159,14 +159,14 @@ class B {
     this._paused = !1;
   }
 }
-class xt 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 = _, 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 xt 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 = _, 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 G({
+    ), a = new H({
       color: this.light.color,
       transparent: !0,
       opacity: 0.8,
-      side: F
+      side: Y
     });
-    this.mesh = new P(e, a), this.mesh.layers.mask = Et, 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 It extends w {
+class kt extends f {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
@@ -244,7 +244,7 @@ class It extends w {
     i(this, "isSelectable", !0);
     i(this, "_hemiLight");
     i(this, "_dirLight");
-    this.name = "DIVESceneLight", this._hemiLight = new ot(16777215, 16777215, 2), this._hemiLight.layers.mask = _, this._hemiLight.position.set(0, 50, 0), this._hemiLight.visible = !0, this.add(this._hemiLight), this._dirLight = new rt(16777215, 3), this._dirLight.layers.mask = _, 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 It extends w {
     this._hemiLight.visible = t, this._dirLight.visible = t;
   }
 }
-const V = (r) => r.parent ? V(r.parent) : r;
-class v 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 v extends w {
     i(this, "gizmo", null);
     i(this, "_positionWorldBuffer");
     i(this, "_boundingBox");
-    this.layers.mask = _, this._positionWorldBuffer = new h(), this._boundingBox = new L();
+    this.layers.mask = g, this._positionWorldBuffer = new h(), this._boundingBox = new w();
   }
   setPosition(t) {
     if (!this.parent) {
@@ -329,10 +329,139 @@ class v extends w {
     });
   }
 }
-class Lt extends v {
+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 Lt extends v {
   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 k()), 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 u;
-      (u = d.get(this.userData.id)) == null || u.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,89 +512,54 @@ class Lt extends v {
       );
       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 U(e, new h(0, -1, 0));
-    a.layers.mask = _;
-    const n = a.intersectObjects(
-      V(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(), u = this.position.clone().setY(c.y).sub(new h(0, t, 0));
-      if (this.position.copy(u), 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 v {
+class Vt extends q {
   constructor() {
     super();
     i(this, "isDIVEPrimitive", !0);
     i(this, "_mesh");
-    this._mesh = new P(), this._mesh.layers.mask = _, this._mesh.castShadow = !0, this._mesh.receiveShadow = !0, this._mesh.material = new k(), this.add(this._mesh);
+    i(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));
-  }
-  setMaterial(t) {
-    const e = this._mesh.material;
-    t.vertexColors !== void 0 && (e.vertexColors = t.vertexColors), t.color !== void 0 && (e.color = new g(t.color)), t.map !== void 0 && (e.map = t.map), t.normalMap !== void 0 && (e.normalMap = t.normalMap), t.roughness !== void 0 && (e.roughness = t.roughness), t.roughnessMap !== void 0 && (e.roughnessMap = t.roughnessMap, e.roughnessMap && (e.roughness = 1)), t.metalness !== void 0 && (e.metalness = t.metalness), t.metalnessMap !== void 0 && (e.metalnessMap = t.metalnessMap, e.metalnessMap && (e.metalness = 0)), this._mesh && (this._mesh.material = e);
-  }
-  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 u;
-      (u = d.get(this.userData.id)) == null || u.performAction("UPDATE_OBJECT", {
-        id: this.userData.id,
-        position: t,
-        rotation: this.rotation,
-        scale: this.scale
-      });
-    }));
-  }
-  dropIt() {
-    if (!this.parent) {
-      console.warn(
-        "DIVEPrimitive: dropIt() called on a model that is not in the scene.",
-        this
-      );
-      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 U(e, new h(0, -1, 0));
-    a.layers.mask = _;
-    const n = a.intersectObjects(
-      V(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(), u = this.position.clone().setY(c.y).sub(new h(0, t, 0));
-      if (this.position.copy(u), this.position.y === d.y) return;
-      this.onMove();
-    }
+    e && (e.computeVertexNormals(), e.computeBoundingBox(), e.computeBoundingSphere(), this._mesh.geometry = e, this._boundingBox.setFromObject(this._mesh));
   }
   assembleGeometry(t) {
-    switch (this._mesh.material.flatShading = !1, t.name.toLowerCase()) {
+    switch (this._material.flatShading = !1, t.name.toLowerCase()) {
       case "cylinder":
         return this.createCylinderGeometry(t);
       case "sphere":
         return this.createSphereGeometry(t);
       case "pyramid":
-        return this._mesh.material.flatShading = !0, this.createPyramidGeometry(t);
+        return this._material.flatShading = !0, this.createPyramidGeometry(t);
       case "cube":
       case "box":
         return this.createBoxGeometry(t);
@@ -481,7 +577,7 @@ class kt extends v {
     }
   }
   createCylinderGeometry(t) {
-    const e = new ht(
+    const e = new ut(
       t.width / 2,
       t.width / 2,
       t.height,
@@ -490,7 +586,7 @@ class kt extends v {
     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([
@@ -532,14 +628,14 @@ class kt extends v {
       3,
       4,
       0
-    ]), n = new H();
+    ]), n = new W();
     return n.setAttribute(
       "position",
-      new A(e, 3)
-    ), n.setIndex(new A(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 M(
+    const e = new I(
       t.width,
       t.height,
       t.depth
@@ -547,11 +643,11 @@ class kt extends v {
     return e.translate(0, t.height / 2, 0), e;
   }
   createConeGeometry(t) {
-    const e = new lt(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 M(
+    const e = new I(
       t.width,
       t.height,
       t.depth || 0.05,
@@ -560,7 +656,7 @@ class kt extends v {
     return e.translate(0, t.height / 2, 0), e;
   }
   createPlaneGeometry(t) {
-    const e = new M(
+    const e = new I(
       t.width,
       t.height,
       t.depth
@@ -568,7 +664,7 @@ class kt extends v {
     return e.translate(0, t.height / 2, 0), e;
   }
 }
-class Vt extends v {
+class Rt extends C {
   // lines to children
   constructor() {
     super();
@@ -622,11 +718,11 @@ class Vt extends v {
    * Creates a line for visualization.
    */
   createLine() {
-    const t = new H(), e = new dt({
+    const t = new W(), e = new mt({
       color: 6710886,
       dashSize: 0.05,
       gapSize: 0.025
-    }), a = new ct(t, e);
+    }), a = new _t(t, e);
     return a.visible = !1, a;
   }
   /**
@@ -687,37 +783,37 @@ class Vt extends v {
   //     this._boxMesh.visible = true;
   // }
 }
-class Rt extends P {
+class At extends M {
   constructor() {
-    const t = new ut(1, 1);
+    const t = new gt(1, 1);
     t.scale(1e3, 1e3, 1), t.rotateX(-Math.PI / 2);
-    const e = new k({
-      color: new g(16777215),
-      side: F
+    const e = new A({
+      color: new _(16777215),
+      side: Y
     });
     super(t, e);
     i(this, "isDIVEFloor", !0);
-    this.name = "Floor", this.layers.mask = _, 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 L();
+    const t = new w();
     return this.children.forEach((e) => {
       "isDIVEFloor" in e || e.traverse((a) => {
         "isObject3D" in a && t.expandByObject(a);
@@ -742,11 +838,11 @@ class At extends w {
       case "light": {
         switch (t.type) {
           case "scene": {
-            e = new It();
+            e = new kt();
             break;
           }
           case "ambient": {
-            e = new xt();
+            e = new It();
             break;
           }
           case "point": {
@@ -762,15 +858,15 @@ class At extends w {
         break;
       }
       case "model": {
-        e = new Lt(), 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:
@@ -851,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 });
@@ -898,39 +994,39 @@ class At extends w {
     return t.parent !== null ? this._findScene(t.parent) : t;
   }
 }
-const Ct = "#888888", Ot = "#dddddd";
-class Bt extends w {
+const Ot = "#888888", zt = "#dddddd";
+class Bt extends f {
   constructor() {
     super(), this.name = "Grid";
-    const s = new pt(
+    const s = new ft(
       100,
       100,
-      Ct,
-      Ot
+      Ot,
+      zt
     );
-    s.material.depthTest = !1, s.layers.mask = St, 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 zt extends mt {
+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.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) ?? E.displayGrid
+      (t == null ? void 0 : t.displayGrid) ?? v.displayGrid
     ), this.add(this._grid);
   }
   get root() {
@@ -940,13 +1036,13 @@ class zt extends mt {
     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,
@@ -976,15 +1072,15 @@ const Gt = {
     BOTTOM: "ArrowDown"
   },
   mouseButtons: {
-    LEFT: m.ROTATE,
-    MIDDLE: m.DOLLY,
-    RIGHT: m.PAN
+    LEFT: p.ROTATE,
+    MIDDLE: p.DOLLY,
+    RIGHT: p.PAN
   },
   touches: {
-    ONE: f.ROTATE,
-    TWO: f.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
@@ -1023,32 +1119,32 @@ const Gt = {
       BOTTOM: "ArrowDown"
     });
     i(this, "mouseButtons", {
-      LEFT: m.ROTATE,
-      MIDDLE: m.DOLLY,
-      RIGHT: m.PAN
+      LEFT: p.ROTATE,
+      MIDDLE: p.DOLLY,
+      RIGHT: p.PAN
     });
-    i(this, "touches", { ONE: f.ROTATE, TWO: f.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 C());
-    i(this, "sphericalDelta", new C());
+    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 p());
-    i(this, "rotateEnd", new p());
-    i(this, "rotateDelta", new p());
-    i(this, "panStart", new p());
-    i(this, "panEnd", new p());
-    i(this, "panDelta", new p());
-    i(this, "dollyStart", new p());
-    i(this, "dollyEnd", new p());
-    i(this, "dollyDelta", new p());
+    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
@@ -1056,7 +1152,7 @@ const Gt = {
     i(this, "quat");
     i(this, "quatInverse");
     i(this, "lastPosition", new h());
-    i(this, "lastQuaternion", new T());
+    i(this, "lastQuaternion", new k());
     i(this, "lastTarget", new h());
     i(this, "panLeft", (() => {
       const t = new h();
@@ -1086,11 +1182,11 @@ const Gt = {
           e = -1;
       }
       switch (e) {
-        case m.DOLLY:
+        case p.DOLLY:
           if (this.enableZoom === !1) return;
           this.handleMouseDownDolly(t), this.state = 1;
           break;
-        case m.ROTATE:
+        case p.ROTATE:
           if (t.ctrlKey || t.metaKey || t.shiftKey) {
             if (this.enablePan === !1) return;
             this.handleMouseDownPan(t), this.state = 2;
@@ -1099,7 +1195,7 @@ const Gt = {
             this.handleMouseDownRotate(t), this.state = 0;
           }
           break;
-        case m.PAN:
+        case p.PAN:
           if (t.ctrlKey || t.metaKey || t.shiftKey) {
             if (this.enableRotate === !1) return;
             this.handleMouseDownRotate(t), this.state = 0;
@@ -1140,11 +1236,11 @@ const Gt = {
       switch (this.trackPointer(t), this.pointers.length) {
         case 1:
           switch (this.touches.ONE) {
-            case f.ROTATE:
+            case m.ROTATE:
               if (this.enableRotate === !1) return;
               this.handleTouchStartRotate(t), this.state = 3;
               break;
-            case f.PAN:
+            case m.PAN:
               if (this.enablePan === !1) return;
               this.handleTouchStartPan(t), this.state = 4;
               break;
@@ -1154,12 +1250,12 @@ const Gt = {
           break;
         case 2:
           switch (this.touches.TWO) {
-            case f.DOLLY_PAN:
+            case m.DOLLY_PAN:
               if (this.enableZoom === !1 && this.enablePan === !1)
                 return;
               this.handleTouchStartDollyPan(t), this.state = 5;
               break;
-            case f.DOLLY_ROTATE:
+            case m.DOLLY_ROTATE:
               if (this.enableZoom === !1 && this.enableRotate === !1)
                 return;
               this.handleTouchStartDollyRotate(t), this.state = 6;
@@ -1221,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 T().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();
@@ -1279,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, u = Math.atan(Math.tan(d) * c), q = o / Math.sin(d), K = o / Math.sin(u), Q = Math.max(q, K) * (1 + e), R = this.object.position.clone().sub(this.target).normalize(), J = R.length() > 1e-3 ? R : 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) {
@@ -1336,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
@@ -1433,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);
@@ -1446,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(
@@ -1460,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);
@@ -1492,7 +1588,7 @@ const Gt = {
   }
   trackPointer(t) {
     let e = this.pointerPositions[t.pointerId];
-    e === void 0 && (e = new p(), 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];
@@ -1504,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 _t(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 x("X", 0.2, Z), e = new x("Y", 0.2, N), a = new x("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 ft().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 yt());
-    this._renderer = s, this._scene = t, this._camera = e, this._orthographicCamera = new wt(
+    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;
@@ -1549,7 +1645,7 @@ class Ut {
     this._scene.remove(this._axes), this._scene.remove(this._orthographicCamera);
   }
 }
-const Ht = `
+const Yt = `
                 @@@@@@@@@@@@@@@@@@@@@@@              @@@@@@@@@@@@@@@@@@@@@@@
            @@@@+-:::::::---------------------==------------------------------=#@@@@
         @@%=::::.......::---------------------------------------------------------+@@
@@ -1584,18 +1680,18 @@ window.DIVE = {
     return window.DIVE.instances[0];
   }
 };
-const D = {
+const P = {
   autoStart: !0,
   displayAxes: !1,
-  ...E,
-  ...Pt,
-  ...Y,
-  ...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");
@@ -1603,25 +1699,25 @@ class Yt {
     i(this, "_clock");
     i(this, "orientationDisplay");
     this._settings = {
-      ...D,
+      ...P,
       ...s ?? {}
-    }, this._clock = new vt(), this._scene = new zt(), 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 B(
+    const t = new F(
       this._scene,
-      new O(),
+      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.1 initialized successfully!"), console.log(Ht), window.DIVE.instances.push(this);
+    ), this.clock.addTicker(this.orientationDisplay)) : this.orientationDisplay = null, console.log("DIVE 2.2.0 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.
@@ -1683,9 +1779,9 @@ class Yt {
     });
   }
   createView(s) {
-    const t = new B(
+    const t = new F(
       this._scene,
-      s ?? new O(),
+      s ?? new G(),
       {
         ...this._settings,
         canvas: void 0
@@ -1698,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 v {
-  /**
-   * 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 L();
-    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 u = c.getWorldQuaternion(new T()).invert();
-        d.applyQuaternion(u), 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 bt(this._box, a), this._boxHelper.visible = !1, this.add(this._boxHelper), this._sphere = n.getBoundingSphere(new Dt()), 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 G({ 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"
@@ -1841,44 +1808,44 @@ const qt = {
     extension: "usdz"
   }
 }, ie = Object.values(qt).map(
-  (r) => r.extension
+  (o) => o.extension
 );
 export {
-  Wt as A,
-  v as B,
-  kt as C,
-  D,
-  At as E,
-  Xt as F,
-  Ct as G,
-  V 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,
-  It as e,
-  Lt 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,
-  vt as j,
-  Y as k,
-  W as l,
+  Mt as j,
+  Z as k,
+  N as l,
   te as m,
-  Mt as n,
-  E as o,
-  zt as p,
-  B as q,
-  Z as r,
-  N as s,
-  X as t,
-  Ot as u,
-  Rt as v,
+  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,
-  Vt as x,
-  xt as y,
+  Rt as x,
+  It as y,
   Tt as z
 };