@shopware-ag/dive 2.2.16 → 2.2.17

package/build/chunks/{FileTypes-Qg_Zc7TF.mjs → FileTypes-Djlx9wth.mjs}

@@ -1,8 +1,8 @@
 var q = Object.defineProperty;
 var K = (o, s, t) => s in o ? q(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
 var i = (o, s, t) => K(o, typeof s != "symbol" ? s + "" : s, t);
-import { WebGLRenderer as Q, PCFSoftShadowMap as J, PCFShadowMap as $, BasicShadowMap as j, MathUtils as k, Object3D as _, AmbientLight as tt, PointLight as et, SphereGeometry as x, MeshBasicMaterial as F, FrontSide as U, Mesh as v, HemisphereLight as it, DirectionalLight as st, Vector3 as h, Box3 as g, Quaternion as I, Box3Helper as at, Sphere as nt, MeshStandardMaterial as R, Raycaster as rt, CylinderGeometry as ot, BufferGeometry as Y, BufferAttribute as C, BoxGeometry as L, ConeGeometry as ht, LineDashedMaterial as lt, Line as dt, PlaneGeometry as ct, Color as P, GridHelper as ut, Scene as pt, TOUCH as m, MOUSE as p, EventDispatcher as mt, Spherical as O, Vector2 as c } from "three";
-import { P as f, U as ft, H as gt, a as _t, D as z } from "./PerspectiveCamera-BFzE2TQU.mjs";
+import { WebGLRenderer as Q, PCFSoftShadowMap as J, PCFShadowMap as $, BasicShadowMap as j, MathUtils as I, Object3D as g, AmbientLight as tt, PointLight as et, SphereGeometry as T, MeshBasicMaterial as F, FrontSide as U, Mesh as S, HemisphereLight as it, DirectionalLight as st, Vector3 as h, Box3 as f, Box3Helper as at, Sphere as nt, MeshStandardMaterial as k, Raycaster as rt, CylinderGeometry as ot, BufferGeometry as Y, BufferAttribute as A, BoxGeometry as M, ConeGeometry as ht, LineDashedMaterial as lt, Line as dt, PlaneGeometry as ct, Color as E, GridHelper as ut, Scene as pt, TOUCH as p, MOUSE as u, EventDispatcher as mt, Spherical as C, Vector2 as c, Quaternion as O } from "three";
+import { P as m, U as ft, H as gt, a as _t, D as z } from "./PerspectiveCamera-BFzE2TQU.mjs";
 class wt {
   constructor() {
     i(this, "isDIVEClock", !0);
@@ -113,7 +113,7 @@ class yt {
 class B {
   constructor(s, t, e) {
     i(this, "isDIVEView", !0);
-    i(this, "uuid", k.generateUUID());
+    i(this, "uuid", I.generateUUID());
     i(this, "_paused", !1);
     i(this, "_renderer");
     i(this, "_resizeManager");
@@ -158,14 +158,14 @@ class B {
     this._paused = !1;
   }
 }
-class bt extends _ {
+class bt extends g {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
     i(this, "isDIVEAmbientLight", !0);
     i(this, "isSelectable", !0);
     i(this, "_light");
-    this.name = "DIVEAmbientLight", this._light = new tt(16777215, 1), this._light.layers.mask = f, this.add(this._light);
+    this.name = "DIVEAmbientLight", this._light = new tt(16777215, 1), this._light.layers.mask = m, this.add(this._light);
   }
   setColor(t) {
     this._light.color = t;
@@ -177,7 +177,7 @@ class bt extends _ {
     this._light.visible = t;
   }
 }
-class Dt extends _ {
+class Dt extends g {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
@@ -187,8 +187,8 @@ class Dt extends _ {
     i(this, "gizmo", null);
     i(this, "light");
     i(this, "mesh");
-    this.name = "DIVEPointLight", this.light = new et(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 x(
+    this.name = "DIVEPointLight", this.light = new et(16777215, 1), this.light.layers.mask = m, 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 T(
       t,
       t * 320,
       t * 320
@@ -198,7 +198,7 @@ class Dt extends _ {
       opacity: 0.8,
       side: U
     });
-    this.mesh = new v(e, a), this.mesh.layers.mask = ft, this.add(this.mesh);
+    this.mesh = new S(e, a), this.mesh.layers.mask = ft, this.add(this.mesh);
   }
   setColor(t) {
     this.light.color = t, this.mesh.material.color = t;
@@ -235,7 +235,7 @@ class Dt extends _ {
     });
   }
 }
-class Et extends _ {
+class Et extends g {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
@@ -243,7 +243,7 @@ class Et extends _ {
     i(this, "isSelectable", !0);
     i(this, "_hemiLight");
     i(this, "_dirLight");
-    this.name = "DIVESceneLight", this._hemiLight = new it(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 st(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 it(16777215, 16777215, 2), this._hemiLight.layers.mask = m, this._hemiLight.position.set(0, 50, 0), this._hemiLight.visible = !0, this.add(this._hemiLight), this._dirLight = new st(16777215, 3), this._dirLight.layers.mask = m, 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,7 +258,7 @@ class Et extends _ {
   }
 }
 const Z = (o) => o.parent ? Z(o.parent) : o;
-class V extends _ {
+class x extends g {
   constructor() {
     super();
     i(this, "isSelectable", !0);
@@ -267,7 +267,7 @@ class V extends _ {
     i(this, "gizmo", null);
     i(this, "_positionWorldBuffer");
     i(this, "_boundingBox");
-    this.layers.mask = f, this._positionWorldBuffer = new h(), this._boundingBox = new g();
+    this.layers.mask = m, this._positionWorldBuffer = new h(), this._boundingBox = new f();
   }
   setPosition(t) {
     if (!this.parent) {
@@ -328,7 +328,7 @@ class V extends _ {
     });
   }
 }
-class T extends V {
+class L extends x {
   /**
    * Creates a new BoundingBox instance for the specified 3D object.
    *
@@ -367,17 +367,16 @@ class T extends V {
     i(this, "_sphereHelper");
     /** The dimensions (width, height, depth) of the bounding box */
     i(this, "_size");
-    const n = new g();
+    const n = new f();
     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 y = d.getWorldQuaternion(new I()).invert();
-        u.applyQuaternion(y), u.computeBoundingBox(), u.boundingBox && n.union(u.boundingBox);
-      }
+      if (!("isMesh" in l) || !l.isMesh) return;
+      const d = l;
+      d.geometry.computeBoundingBox(), d.geometry.boundingBox && n.union(
+        d.geometry.boundingBox.clone().applyMatrix4(d.matrixWorld)
+      );
     })), this.rotation.copy(t.rotation), this._box = n, this._size = n.getSize(new h()), this._center = n.getCenter(new h()), this._boxHelper = new at(this._box, a), this._boxHelper.visible = !1, this.add(this._boxHelper), this._sphere = n.getBoundingSphere(new nt()), this._radius = this._sphere.radius;
-    const r = new x(this._radius, 32, 32);
-    r.translate(this._center.x, this._center.y, this._center.z), this._sphereHelper = new v(
+    const r = new T(this._radius, 32, 32);
+    r.translate(this._center.x, this._center.y, this._center.z), this._sphereHelper = new S(
       r,
       new F({ color: a, wireframe: !0 })
     ), this._sphereHelper.visible = !1, this.add(this._sphereHelper);
@@ -456,7 +455,7 @@ class T extends V {
     this._sphereHelper.visible = t;
   }
 }
-class N extends V {
+class N extends x {
   constructor() {
     super();
     i(this, "isDIVEModel", !0);
@@ -484,13 +483,13 @@ class N extends V {
     }), this.add(this._gltf), this;
   }
   setMaterial(t) {
-    this._material || (this._material = new R()), 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 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);
   }
   placeOnFloor() {
     this.updateWorldMatrix(!0, !0);
-    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new g();
+    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new f();
     this.children.forEach((r) => {
-      r instanceof T || a.expandByObject(r, !0);
+      r instanceof L || 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 }) => {
@@ -511,24 +510,24 @@ class N extends V {
       );
       return;
     }
-    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new g();
+    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new f();
     this.children.forEach((d) => {
-      d instanceof T || a.expandByObject(d, !0);
+      d instanceof L || a.expandByObject(d, !0);
     });
     const n = a.getCenter(new h());
     n.y = a.min.y;
     const r = new rt(n, new h(0, -1, 0));
-    r.layers.mask = f;
+    r.layers.mask = m;
     const l = r.intersectObjects(
       Z(this).root.children,
       !0
     );
     if (l.length > 0) {
-      const d = l[0].object, b = new g().setFromObject(d).max.y - a.min.y;
-      if (Math.abs(b) < 1e-9 || (t.y += b, t.y === e.y)) return;
-      this.setPosition(t), import("../plugins/state/index.mjs").then(({ State: M }) => {
-        var D;
-        (D = M.get(this.userData.id)) == null || D.performAction("UPDATE_OBJECT", {
+      const d = l[0].object, w = new f().setFromObject(d).max.y - a.min.y;
+      if (Math.abs(w) < 1e-9 || (t.y += w, t.y === e.y)) return;
+      this.setPosition(t), import("../plugins/state/index.mjs").then(({ State: v }) => {
+        var y;
+        (y = v.get(this.userData.id)) == null || y.performAction("UPDATE_OBJECT", {
           id: this.userData.id,
           position: t,
           rotation: this.rotation,
@@ -545,7 +544,7 @@ class St extends N {
     i(this, "isDIVEPrimitive", !0);
     i(this, "_mesh");
     i(this, "_material");
-    this._mesh = new v(), this._mesh.name = "PrimitiveMesh", this._mesh.layers.mask = f, this._mesh.castShadow = !0, this._mesh.receiveShadow = !0, this.add(this._mesh), this._material = new R(), this._mesh.material = this._material;
+    this._mesh = new S(), this._mesh.name = "PrimitiveMesh", this._mesh.layers.mask = m, this._mesh.castShadow = !0, this._mesh.receiveShadow = !0, this.add(this._mesh), this._material = new k(), this._mesh.material = this._material;
   }
   setGeometry(t) {
     const e = this.assembleGeometry(t);
@@ -585,7 +584,7 @@ class St extends N {
     return e.translate(0, t.height / 2, 0), e;
   }
   createSphereGeometry(t) {
-    return new x(t.width / 2, 256, 256);
+    return new T(t.width / 2, 256, 256);
   }
   createPyramidGeometry(t) {
     const e = new Float32Array([
@@ -630,11 +629,11 @@ class St extends N {
     ]), n = new Y();
     return n.setAttribute(
       "position",
-      new C(e, 3)
-    ), n.setIndex(new C(a, 1)), n;
+      new A(e, 3)
+    ), n.setIndex(new A(a, 1)), n;
   }
   createBoxGeometry(t) {
-    const e = new L(
+    const e = new M(
       t.width,
       t.height,
       t.depth
@@ -646,7 +645,7 @@ class St extends N {
     return e.translate(0, t.height / 2, 0), e;
   }
   createWallGeometry(t) {
-    const e = new L(
+    const e = new M(
       t.width,
       t.height,
       t.depth || 0.05,
@@ -655,7 +654,7 @@ class St extends N {
     return e.translate(0, t.height / 2, 0), e;
   }
   createPlaneGeometry(t) {
-    const e = new L(
+    const e = new M(
       t.width,
       t.height,
       t.depth
@@ -663,7 +662,7 @@ class St extends N {
     return e.translate(0, t.height / 2, 0), e;
   }
 }
-class Pt extends V {
+class Pt extends x {
   // lines to children
   constructor() {
     super();
@@ -782,26 +781,26 @@ class Pt extends V {
   //     this._boxMesh.visible = true;
   // }
 }
-class vt extends v {
+class vt extends S {
   constructor() {
     const t = new ct(1, 1);
     t.scale(1e3, 1e3, 1), t.rotateX(-Math.PI / 2);
-    const e = new R({
-      color: new P(16777215),
+    const e = new k({
+      color: new E(16777215),
       side: U
     });
     super(t, e);
     i(this, "isDIVEFloor", !0);
-    this.name = "Floor", this.layers.mask = f, this.receiveShadow = !0;
+    this.name = "Floor", this.layers.mask = m, this.receiveShadow = !0;
   }
   setVisibility(t) {
     this.visible = t;
   }
   setColor(t) {
-    this.material.color = new P(t);
+    this.material.color = new E(t);
   }
 }
-class Mt extends _ {
+class Mt extends g {
   constructor() {
     super();
     i(this, "isDIVERoot", !0);
@@ -812,7 +811,7 @@ class Mt extends _ {
     return this._floor;
   }
   computeSceneBB() {
-    const t = new g();
+    const t = new f();
     return this.children.forEach((e) => {
       "isDIVEFloor" in e || e.traverse((a) => {
         "isObject3D" in a && t.expandByObject(a);
@@ -946,7 +945,7 @@ class Mt extends _ {
       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 P(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(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 });
@@ -994,7 +993,7 @@ class Mt extends _ {
   }
 }
 const Lt = "#888888", It = "#dddddd";
-class Tt extends _ {
+class Tt extends g {
   constructor() {
     super(), this.name = "Grid";
     const s = new ut(
@@ -1009,7 +1008,7 @@ class Tt extends _ {
     this.visible = s;
   }
 }
-const S = {
+const D = {
   displayFloor: !1,
   displayGrid: !1,
   backgroundColor: "#ffffff"
@@ -1021,11 +1020,11 @@ class kt extends pt {
     i(this, "_root");
     i(this, "_grid");
     this.setBackground(
-      (t == null ? void 0 : t.backgroundColor) ?? S.backgroundColor
+      (t == null ? void 0 : t.backgroundColor) ?? D.backgroundColor
     ), this._root = new Mt(), this._root.floor.setVisibility(
-      (t == null ? void 0 : t.displayFloor) ?? S.displayFloor
+      (t == null ? void 0 : t.displayFloor) ?? D.displayFloor
     ), this.add(this._root), this._grid = new Tt(), this._grid.setVisibility(
-      (t == null ? void 0 : t.displayGrid) ?? S.displayGrid
+      (t == null ? void 0 : t.displayGrid) ?? D.displayGrid
     ), this.add(this._grid);
   }
   get root() {
@@ -1035,11 +1034,14 @@ class kt extends pt {
     return this._grid;
   }
   setBackground(t) {
-    this.background = new P(t);
+    this.background = new E(t);
   }
   computeSceneBB() {
     return this._root.computeSceneBB();
   }
+  dispose() {
+    this.remove(this._root), this.remove(this._grid);
+  }
 }
 const xt = {
   enableDamping: !0,
@@ -1071,15 +1073,15 @@ const xt = {
     BOTTOM: "ArrowDown"
   },
   mouseButtons: {
-    LEFT: p.ROTATE,
-    MIDDLE: p.DOLLY,
-    RIGHT: p.PAN
+    LEFT: u.ROTATE,
+    MIDDLE: u.DOLLY,
+    RIGHT: u.PAN
   },
   touches: {
-    ONE: m.ROTATE,
-    TWO: m.DOLLY_PAN
+    ONE: p.ROTATE,
+    TWO: p.DOLLY_PAN
   }
-}, w = class w extends mt {
+}, _ = class _ extends mt {
   constructor(t, e, a) {
     super();
     // public API
@@ -1118,20 +1120,20 @@ const xt = {
       BOTTOM: "ArrowDown"
     });
     i(this, "mouseButtons", {
-      LEFT: p.ROTATE,
-      MIDDLE: p.DOLLY,
-      RIGHT: p.PAN
+      LEFT: u.ROTATE,
+      MIDDLE: u.DOLLY,
+      RIGHT: u.PAN
     });
-    i(this, "touches", { ONE: m.ROTATE, TWO: m.DOLLY_PAN });
+    i(this, "touches", { ONE: p.ROTATE, TWO: p.DOLLY_PAN });
     i(this, "target0");
     i(this, "position0");
     i(this, "zoom0");
-    i(this, "uuid", k.generateUUID());
+    i(this, "uuid", I.generateUUID());
     // private state
     i(this, "state", -1);
     i(this, "EPS", 1e-6);
-    i(this, "spherical", new O());
-    i(this, "sphericalDelta", new O());
+    i(this, "spherical", new C());
+    i(this, "sphericalDelta", new C());
     i(this, "scale", 1);
     i(this, "panOffset", new h());
     i(this, "zoomChanged", !1);
@@ -1151,7 +1153,7 @@ const xt = {
     i(this, "quat");
     i(this, "quatInverse");
     i(this, "lastPosition", new h());
-    i(this, "lastQuaternion", new I());
+    i(this, "lastQuaternion", new O());
     i(this, "lastTarget", new h());
     i(this, "panLeft", (() => {
       const t = new h();
@@ -1181,11 +1183,11 @@ const xt = {
           e = -1;
       }
       switch (e) {
-        case p.DOLLY:
+        case u.DOLLY:
           if (this.enableZoom === !1) return;
           this.handleMouseDownDolly(t), this.state = 1;
           break;
-        case p.ROTATE:
+        case u.ROTATE:
           if (t.ctrlKey || t.metaKey || t.shiftKey) {
             if (this.enablePan === !1) return;
             this.handleMouseDownPan(t), this.state = 2;
@@ -1194,7 +1196,7 @@ const xt = {
             this.handleMouseDownRotate(t), this.state = 0;
           }
           break;
-        case p.PAN:
+        case u.PAN:
           if (t.ctrlKey || t.metaKey || t.shiftKey) {
             if (this.enableRotate === !1) return;
             this.handleMouseDownRotate(t), this.state = 0;
@@ -1235,11 +1237,11 @@ const xt = {
       switch (this.trackPointer(t), this.pointers.length) {
         case 1:
           switch (this.touches.ONE) {
-            case m.ROTATE:
+            case p.ROTATE:
               if (this.enableRotate === !1) return;
               this.handleTouchStartRotate(t), this.state = 3;
               break;
-            case m.PAN:
+            case p.PAN:
               if (this.enablePan === !1) return;
               this.handleTouchStartPan(t), this.state = 4;
               break;
@@ -1249,12 +1251,12 @@ const xt = {
           break;
         case 2:
           switch (this.touches.TWO) {
-            case m.DOLLY_PAN:
+            case p.DOLLY_PAN:
               if (this.enableZoom === !1 && this.enablePan === !1)
                 return;
               this.handleTouchStartDollyPan(t), this.state = 5;
               break;
-            case m.DOLLY_ROTATE:
+            case p.DOLLY_ROTATE:
               if (this.enableZoom === !1 && this.enableRotate === !1)
                 return;
               this.handleTouchStartDollyRotate(t), this.state = 6;
@@ -1316,7 +1318,7 @@ const xt = {
     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 I().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 O().setFromUnitVectors(
       t.up,
       new h(0, 1, 0)
     ), this.quatInverse = this.quat.clone().invert(), this.domElements.forEach((n) => this.addEventListeners(n)), this.update();
@@ -1374,22 +1376,22 @@ const xt = {
     this.removeDomElements(...this.domElements), this.domElements = [], this.addDomElements(...t);
   }
   computeEncompassingView(t, e = 0) {
-    const a = t.center, r = t.sphere.radius, l = this.object.fov * (Math.PI / 180), d = this.object.aspect, u = l / 2, y = Math.atan(Math.tan(u) * d), b = r / Math.sin(u), M = r / Math.sin(y), D = Math.max(b, M) * (1 + e), A = this.object.position.clone().sub(this.target).normalize(), X = A.length() > 1e-3 ? A : new h(0, 0, 1);
+    const a = t.center, r = t.sphere.radius, l = this.object.fov * (Math.PI / 180), d = this.object.aspect, P = l / 2, R = Math.atan(Math.tan(P) * d), w = r / Math.sin(P), v = r / Math.sin(R), y = Math.max(w, v) * (1 + e), V = this.object.position.clone().sub(this.target).normalize(), X = V.length() > 1e-3 ? V : new h(0, 0, 1);
     return {
-      position: a.clone().add(X.multiplyScalar(D)),
+      position: a.clone().add(X.multiplyScalar(y)),
       target: a
     };
   }
   focusObject(t, e = 0) {
-    const a = new T(t), n = this.computeEncompassingView(a, e);
+    const a = new L(t), n = this.computeEncompassingView(a, e);
     this.object.position.copy(n.position), this.target.copy(n.target), this.update();
   }
   zoomIn(t) {
-    this.dollyIn(Math.pow(0.95, t ?? w.DEFAULT_ZOOM_FACTOR)), this.update();
+    this.dollyIn(Math.pow(0.95, t ?? _.DEFAULT_ZOOM_FACTOR)), this.update();
   }
   zoomOut(t) {
     this.dollyOut(
-      Math.pow(0.95, t ?? w.DEFAULT_ZOOM_FACTOR)
+      Math.pow(0.95, t ?? _.DEFAULT_ZOOM_FACTOR)
     ), this.update();
   }
   getState() {
@@ -1598,8 +1600,8 @@ const xt = {
     );
   }
 };
-i(w, "DEFAULT_ZOOM_FACTOR", 1);
-let G = w;
+i(_, "DEFAULT_ZOOM_FACTOR", 1);
+let G = _;
 const Rt = `
                 @@@@@@@@@@@@@@@@@@@@@@@              @@@@@@@@@@@@@@@@@@@@@@@
            @@@@+-:::::::---------------------==------------------------------=#@@@@
@@ -1635,10 +1637,10 @@ window.DIVE = {
     return window.DIVE.instances[0];
   }
 };
-const E = {
+const b = {
   autoStart: !0,
   displayAxes: !1,
-  ...S,
+  ...D,
   ..._t,
   ...W,
   ...xt
@@ -1646,7 +1648,7 @@ const E = {
 class Vt {
   constructor(s) {
     // descriptive members
-    i(this, "_instanceId", k.generateUUID());
+    i(this, "_instanceId", I.generateUUID());
     i(this, "_settings");
     i(this, "_views");
     i(this, "_mainView");
@@ -1654,12 +1656,12 @@ class Vt {
     i(this, "_clock");
     i(this, "_orientationDisplay", null);
     this._settings = {
-      ...E,
+      ...b,
       ...s ?? {}
     }, this._clock = new wt(), this._scene = new kt({
-      backgroundColor: (s == null ? void 0 : s.backgroundColor) ?? E.backgroundColor,
-      displayGrid: (s == null ? void 0 : s.displayGrid) ?? E.displayGrid,
-      displayFloor: (s == null ? void 0 : s.displayFloor) ?? E.displayFloor
+      backgroundColor: (s == null ? void 0 : s.backgroundColor) ?? b.backgroundColor,
+      displayGrid: (s == null ? void 0 : s.displayGrid) ?? b.displayGrid,
+      displayFloor: (s == null ? void 0 : s.displayFloor) ?? b.displayFloor
     });
     const t = new B(
       this._scene,
@@ -1674,7 +1676,7 @@ class Vt {
           this.mainView.camera
         ), this._clock.addTicker(this._orientationDisplay);
       }
-    ), this._settings.autoStart && this.start(), console.log("DIVE 2.2.16 initialized successfully!"), console.log(Rt), window.DIVE.instances.push(this);
+    ), this._settings.autoStart && this.start(), console.log("DIVE 2.2.17 initialized successfully!"), console.log(Rt), 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.
@@ -1732,7 +1734,7 @@ class Vt {
     return new Promise((s) => {
       this._views.forEach((t) => {
         t.dispose();
-      }), this._views = [], this._orientationDisplay && (this._clock.removeTicker(this._orientationDisplay), this._orientationDisplay.dispose()), window.DIVE.instances = window.DIVE.instances.filter(
+      }), this._views = [], this._orientationDisplay && (this._clock.removeTicker(this._orientationDisplay), this._orientationDisplay.dispose()), this.scene.dispose(), window.DIVE.instances = window.DIVE.instances.filter(
         (t) => t._instanceId !== this._instanceId
       ), s();
     });
@@ -1770,8 +1772,8 @@ const Ft = Vt, At = {
   (o) => o.extension
 );
 export {
-  T as B,
-  E as D,
+  L as B,
+  b as D,
   At as F,
   Lt as G,
   xt as O,
@@ -1786,7 +1788,7 @@ export {
   H as h,
   Gt as i,
   yt as j,
-  S as k,
+  D as k,
   kt as l,
   B as m,
   It as n,
@@ -1795,7 +1797,7 @@ export {
   Pt as q,
   bt as r,
   Dt as s,
-  V as t,
+  x as t,
   St as u,
   Mt as v,
   Z as w