@shopware-ag/dive 2.1.1 → 2.1.2

package/build/chunks/{FileTypes-D5zw1toN.mjs → FileTypes-BIdZgVcQ.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 {
+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 {
   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 U = {
   canvas: void 0,
   antialias: !0,
   alpha: !0,
@@ -48,13 +48,13 @@ const Y = {
   shadows: !0,
   shadowQuality: "high"
 };
-class W {
+class H {
   constructor(s, t, e) {
     i(this, "isDIVERenderer", !0);
     i(this, "_webglrenderer");
     i(this, "_settings");
     this._scene = s, this._camera = t, this._settings = {
-      ...Y,
+      ...U,
       ...e ?? {}
     }, this._webglrenderer = this._createWebGLRenderer();
   }
@@ -81,8 +81,8 @@ class W {
     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 te = W;
-class Mt {
+const te = H;
+class xt {
   constructor(s, t) {
     i(this, "isDIVEResizeManager", !0);
     i(this, "_resizeObserver");
@@ -111,18 +111,18 @@ class Mt {
     }
   }
 }
-class B {
+class O {
   constructor(s, t, e) {
     i(this, "isDIVEView", !0);
     i(this, "uuid", S.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 H(
       this._scene,
       this._camera,
       this._settings
-    ), this._resizeManager = new Mt(
+    ), this._resizeManager = new xt(
       this._renderer,
       this._camera
     );
@@ -159,14 +159,14 @@ class B {
     this._paused = !1;
   }
 }
-class xt extends w {
+class It extends w {
   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 at(16777215, 1), this._light.layers.mask = f, this.add(this._light);
   }
   setColor(t) {
     this._light.color = t;
@@ -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);
+    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(
       t,
       t * 320,
       t * 320
-    ), a = new G({
+    ), a = new B({
       color: this.light.color,
       transparent: !0,
       opacity: 0.8,
-      side: F
+      side: G
     });
-    this.mesh = new P(e, a), this.mesh.layers.mask = Et, this.add(this.mesh);
+    this.mesh = new P(e, a), this.mesh.layers.mask = St, 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 Mt extends w {
   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 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;
     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 Y = (r) => r.parent ? Y(r.parent) : r;
+class k extends w {
   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 = f, this._positionWorldBuffer = new h(), this._boundingBox = new T();
   }
   setPosition(t) {
     if (!this.parent) {
@@ -329,7 +329,7 @@ class v extends w {
     });
   }
 }
-class Lt extends v {
+class W extends k {
   constructor() {
     super();
     i(this, "isDIVEModel", !0);
@@ -356,7 +356,7 @@ class Lt extends v {
     }), this.add(t), 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 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);
   }
   placeOnFloor() {
     var n, o, l, c;
@@ -364,8 +364,8 @@ class Lt extends v {
     (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", {
+      var m;
+      (m = d.get(this.userData.id)) == null || m.performAction("UPDATE_OBJECT", {
         id: this.userData.id,
         position: t,
         rotation: this.rotation,
@@ -385,85 +385,41 @@ class Lt extends v {
       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 a = new ht(e, new h(0, -1, 0));
+    a.layers.mask = f;
     const n = a.intersectObjects(
-      V(this).root.children,
+      Y(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;
+      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();
     }
   }
 }
-class kt extends v {
+class kt extends W {
   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 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;
   }
   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();
-    }
-  }
   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 +437,7 @@ class kt extends v {
     }
   }
   createCylinderGeometry(t) {
-    const e = new ht(
+    const e = new lt(
       t.width / 2,
       t.width / 2,
       t.height,
@@ -532,14 +488,14 @@ class kt extends v {
       3,
       4,
       0
-    ]), n = new H();
+    ]), n = new F();
     return n.setAttribute(
       "position",
-      new A(e, 3)
-    ), n.setIndex(new A(a, 1)), n.computeVertexNormals(), n.computeBoundingBox(), n.computeBoundingSphere(), n;
+      new R(e, 3)
+    ), n.setIndex(new R(a, 1)), n.computeVertexNormals(), n.computeBoundingBox(), n.computeBoundingSphere(), n;
   }
   createBoxGeometry(t) {
-    const e = new M(
+    const e = new v(
       t.width,
       t.height,
       t.depth
@@ -547,11 +503,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 dt(t.width / 2, t.height, 256);
     return e.translate(0, t.height / 2, 0), e;
   }
   createWallGeometry(t) {
-    const e = new M(
+    const e = new v(
       t.width,
       t.height,
       t.depth || 0.05,
@@ -560,7 +516,7 @@ class kt extends v {
     return e.translate(0, t.height / 2, 0), e;
   }
   createPlaneGeometry(t) {
-    const e = new M(
+    const e = new v(
       t.width,
       t.height,
       t.depth
@@ -568,7 +524,7 @@ class kt extends v {
     return e.translate(0, t.height / 2, 0), e;
   }
 }
-class Vt extends v {
+class Vt extends k {
   // lines to children
   constructor() {
     super();
@@ -622,11 +578,11 @@ class Vt extends v {
    * Creates a line for visualization.
    */
   createLine() {
-    const t = new H(), e = new dt({
+    const t = new F(), e = new ct({
       color: 6710886,
       dashSize: 0.05,
       gapSize: 0.025
-    }), a = new ct(t, e);
+    }), a = new ut(t, e);
     return a.visible = !1, a;
   }
   /**
@@ -689,15 +645,15 @@ class Vt extends v {
 }
 class Rt extends P {
   constructor() {
-    const t = new ut(1, 1);
+    const t = new pt(1, 1);
     t.scale(1e3, 1e3, 1), t.rotateX(-Math.PI / 2);
-    const e = new k({
+    const e = new M({
       color: new g(16777215),
-      side: F
+      side: G
     });
     super(t, e);
     i(this, "isDIVEFloor", !0);
-    this.name = "Floor", this.layers.mask = _, this.receiveShadow = !0;
+    this.name = "Floor", this.layers.mask = f, this.receiveShadow = !0;
   }
   setVisibility(t) {
     this.visible = t;
@@ -717,7 +673,7 @@ class At extends w {
     return this._floor;
   }
   computeSceneBB() {
-    const t = new L();
+    const t = new T();
     return this.children.forEach((e) => {
       "isDIVEFloor" in e || e.traverse((a) => {
         "isObject3D" in a && t.expandByObject(a);
@@ -742,11 +698,11 @@ class At extends w {
       case "light": {
         switch (t.type) {
           case "scene": {
-            e = new It();
+            e = new Mt();
             break;
           }
           case "ambient": {
-            e = new xt();
+            e = new It();
             break;
           }
           case "point": {
@@ -762,7 +718,7 @@ 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 W(), e.name = t.name, e.userData.id = t.id, e.userData.uri = t.uri, this.add(e), this._updateModel(e, t);
         break;
       }
       case "primitive": {
@@ -899,16 +855,16 @@ class At extends w {
   }
 }
 const Ct = "#888888", Ot = "#dddddd";
-class Bt extends w {
+class zt extends w {
   constructor() {
     super(), this.name = "Grid";
-    const s = new pt(
+    const s = new mt(
       100,
       100,
       Ct,
       Ot
     );
-    s.material.depthTest = !1, s.layers.mask = St, this.add(s);
+    s.material.depthTest = !1, s.layers.mask = Pt, this.add(s);
   }
   setVisibility(s) {
     this.visible = s;
@@ -919,7 +875,7 @@ const E = {
   displayGrid: !1,
   backgroundColor: "#ffffff"
 };
-class zt extends mt {
+class Bt extends _t {
   constructor(t) {
     super();
     i(this, "isDIVEScene", !0);
@@ -929,7 +885,7 @@ class zt extends mt {
       (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 Bt(), this._grid.setVisibility(
+    ), this.add(this._root), this._grid = new zt(), this._grid.setVisibility(
       (t == null ? void 0 : t.displayGrid) ?? E.displayGrid
     ), this.add(this._grid);
   }
@@ -976,13 +932,13 @@ 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: _.ROTATE,
+    TWO: _.DOLLY_PAN
   }
 }, b = class b extends gt {
   constructor(t, e, a) {
@@ -1023,11 +979,11 @@ 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: _.ROTATE, TWO: _.DOLLY_PAN });
     i(this, "target0");
     i(this, "position0");
     i(this, "zoom0");
@@ -1035,20 +991,20 @@ const Gt = {
     // 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 A());
+    i(this, "sphericalDelta", new A());
     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 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, "pointers", []);
     i(this, "pointerPositions", {});
     // for update() function
@@ -1056,7 +1012,7 @@ const Gt = {
     i(this, "quat");
     i(this, "quatInverse");
     i(this, "lastPosition", new h());
-    i(this, "lastQuaternion", new T());
+    i(this, "lastQuaternion", new x());
     i(this, "lastTarget", new h());
     i(this, "panLeft", (() => {
       const t = new h();
@@ -1086,11 +1042,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 +1055,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 +1096,11 @@ const Gt = {
       switch (this.trackPointer(t), this.pointers.length) {
         case 1:
           switch (this.touches.ONE) {
-            case f.ROTATE:
+            case _.ROTATE:
               if (this.enableRotate === !1) return;
               this.handleTouchStartRotate(t), this.state = 3;
               break;
-            case f.PAN:
+            case _.PAN:
               if (this.enablePan === !1) return;
               this.handleTouchStartPan(t), this.state = 4;
               break;
@@ -1154,12 +1110,12 @@ const Gt = {
           break;
         case 2:
           switch (this.touches.TWO) {
-            case f.DOLLY_PAN:
+            case _.DOLLY_PAN:
               if (this.enableZoom === !1 && this.enablePan === !1)
                 return;
               this.handleTouchStartDollyPan(t), this.state = 5;
               break;
-            case f.DOLLY_ROTATE:
+            case _.DOLLY_ROTATE:
               if (this.enableZoom === !1 && this.enableRotate === !1)
                 return;
               this.handleTouchStartDollyRotate(t), this.state = 6;
@@ -1221,7 +1177,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 x().setFromUnitVectors(
       t.up,
       new h(0, 1, 0)
     ), this.quatInverse = this.quat.clone().invert(), this.domElements.forEach((n) => this.addEventListeners(n)), this.update();
@@ -1279,7 +1235,7 @@ 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, 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);
     return {
       position: a.clone().add(J.multiplyScalar(Q)),
       target: a
@@ -1492,7 +1448,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 u(), 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];
@@ -1509,17 +1465,17 @@ class Ft extends w {
   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(
+    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)
     );
-    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 L("X", 0.2, Z), e = new L("Y", 0.2, N), a = new L("Z", 0.2, X);
     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 wt().extractRotation(t).invert()
     );
   }
 }
@@ -1528,8 +1484,8 @@ class Ut {
     i(this, "uuid", S.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 bt());
+    this._renderer = s, this._scene = t, this._camera = e, this._orthographicCamera = new yt(
       -1,
       1,
       1,
@@ -1588,8 +1544,8 @@ const D = {
   autoStart: !0,
   displayAxes: !1,
   ...E,
-  ...Pt,
-  ...Y,
+  ...vt,
+  ...U,
   ...Gt
 };
 class Yt {
@@ -1605,23 +1561,23 @@ class Yt {
     this._settings = {
       ...D,
       ...s ?? {}
-    }, this._clock = new vt(), this._scene = new zt(), this.scene.setBackground(
+    }, this._clock = new Lt(), this._scene = new Bt(), this.scene.setBackground(
       (s == null ? void 0 : s.backgroundColor) ?? D.backgroundColor
     ), this.scene.grid.setVisibility(
       (s == null ? void 0 : s.displayGrid) ?? D.displayGrid
     ), this.scene.root.floor.setVisibility(
       (s == null ? void 0 : s.displayFloor) ?? D.displayFloor
     );
-    const t = new B(
+    const t = new O(
       this._scene,
-      new O(),
+      new C(),
       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.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.1.2 initialized successfully!"), console.log(Ht), 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 +1639,9 @@ class Yt {
     });
   }
   createView(s) {
-    const t = new B(
+    const t = new O(
       this._scene,
-      s ?? new O(),
+      s ?? new C(),
       {
         ...this._settings,
         canvas: void 0
@@ -1699,7 +1655,7 @@ class Yt {
   }
 }
 const ee = Yt, Z = "#c20017", N = "#00ab26", X = "#0081d4", Wt = Z, Zt = N, Nt = X;
-class Xt extends v {
+class Xt extends k {
   /**
    * Creates a new BoundingBox instance for the specified 3D object.
    *
@@ -1738,19 +1694,19 @@ class Xt extends v {
     i(this, "_sphereHelper");
     /** The dimensions (width, height, depth) of the bounding box */
     i(this, "_size");
-    const n = new L();
+    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 u = c.getWorldQuaternion(new T()).invert();
-        d.applyQuaternion(u), d.computeBoundingBox(), d.boundingBox && n.union(d.boundingBox);
+        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 bt(this._box, a), this._boxHelper.visible = !1, this.add(this._boxHelper), this._sphere = n.getBoundingSphere(new Dt()), this._radius = this._sphere.radius;
+    })), 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 G({ color: a, wireframe: !0 })
+      new B({ color: a, wireframe: !0 })
     ), this._sphereHelper.visible = !1, this.add(this._sphereHelper);
   }
   /**
@@ -1845,13 +1801,13 @@ const qt = {
 );
 export {
   Wt as A,
-  v as B,
+  k as B,
   kt as C,
   D,
   At as E,
   Xt as F,
   Ct as G,
-  V as H,
+  Y as H,
   qt as I,
   Gt as O,
   ie as S,
@@ -1859,26 +1815,26 @@ export {
   Ut as b,
   Ft as c,
   Yt as d,
-  It as e,
-  Lt as f,
+  Mt as e,
+  W as f,
   Zt as g,
   Nt as h,
   ee as i,
-  vt as j,
-  Y as k,
-  W as l,
+  Lt as j,
+  U as k,
+  H as l,
   te as m,
-  Mt as n,
+  xt as n,
   E as o,
-  zt as p,
-  B as q,
+  Bt as p,
+  O as q,
   Z as r,
   N as s,
   X as t,
   Ot as u,
   Rt as v,
-  Bt as w,
+  zt as w,
   Vt as x,
-  xt as y,
+  It as y,
   Tt as z
 };