@shopware-ag/dive 2.2.4 → 2.2.6

package/build/chunks/{FileTypes-C6ZTNzXM.mjs → FileTypes-B5EJOgeX.mjs}

@@ -1,10 +1,9 @@
-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 V, 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 g, 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 _, U as Pt, H as vt, C as y, a as xt, D as G } from "./PerspectiveCamera-BFzE2TQU.mjs";
-import T from "three-spritetext";
-class Mt {
+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";
+class wt {
   constructor() {
     i(this, "isDIVEClock", !0);
     i(this, "_lastTime", 0);
@@ -36,7 +35,7 @@ class Mt {
     this._lastTime = s, this._tickers.forEach((e) => e.tick(t)), requestAnimationFrame(this._tick.bind(this));
   }
 }
-const Z = {
+const W = {
   canvas: void 0,
   antialias: !0,
   alpha: !0,
@@ -48,13 +47,13 @@ const Z = {
   shadows: !0,
   shadowQuality: "high"
 };
-class N {
+class H {
   constructor(s, t, e) {
     i(this, "isDIVERenderer", !0);
     i(this, "_webglrenderer");
     i(this, "_settings");
     this._scene = s, this._camera = t, this._settings = {
-      ...Z,
+      ...W,
       ...e ?? {}
     }, this._webglrenderer = this._createWebGLRenderer();
   }
@@ -77,12 +76,12 @@ class N {
     this._webglrenderer.dispose(), this._settings.canvas = s, this._webglrenderer = this._createWebGLRenderer();
   }
   _createWebGLRenderer() {
-    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 s = new Q(this._settings);
+    return s.shadowMap.enabled = this._settings.shadows, s.shadowMap.type = this._settings.shadowQuality === "high" ? J : this._settings.shadowQuality === "medium" ? $ : j, s.setPixelRatio(window.devicePixelRatio), s;
   }
 }
-const te = N;
-class Lt {
+const Gt = H;
+class yt {
   constructor(s, t) {
     i(this, "isDIVEResizeManager", !0);
     i(this, "_resizeObserver");
@@ -90,13 +89,13 @@ class Lt {
     i(this, "_height", 0);
     this._renderer = s, this._camera = t, this._resizeObserver = new ResizeObserver((e) => {
       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);
+      n === this._width && r === this._height || (this._camera.onResize(n, r), this._renderer.onResize(n, r), this._width = n, this._height = r, this._renderer.render());
     }), this._observeCanvas(this._renderer.canvas);
   }
   setCanvas(s) {
     this._resizeObserver.disconnect(), this._observeCanvas(s);
     const { width: t, height: e } = s.getBoundingClientRect();
-    this._renderer.onResize(t, e), this._camera.onResize(t, e), this._width = t, this._height = e;
+    this._camera.onResize(t, e), this._renderer.onResize(t, e), this._width = t, this._height = e, this._renderer.render();
   }
   dispose() {
     this._resizeObserver.disconnect();
@@ -111,18 +110,18 @@ class Lt {
     }
   }
 }
-class F {
+class B {
   constructor(s, t, e) {
     i(this, "isDIVEView", !0);
-    i(this, "uuid", x.generateUUID());
+    i(this, "uuid", k.generateUUID());
     i(this, "_paused", !1);
     i(this, "_renderer");
     i(this, "_resizeManager");
-    this._scene = s, this._camera = t, this._settings = e, this._renderer = new N(
+    this._scene = s, this._camera = t, this._settings = e, this._renderer = new H(
       this._scene,
       this._camera,
       this._settings
-    ), this._resizeManager = new Lt(
+    ), this._resizeManager = new yt(
       this._renderer,
       this._camera
     );
@@ -159,14 +158,14 @@ class F {
     this._paused = !1;
   }
 }
-class It extends f {
+class bt extends _ {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
     i(this, "isDIVEAmbientLight", !0);
     i(this, "isSelectable", !0);
     i(this, "_light");
-    this.name = "DIVEAmbientLight", this._light = new nt(16777215, 1), this._light.layers.mask = _, this.add(this._light);
+    this.name = "DIVEAmbientLight", this._light = new tt(16777215, 1), this._light.layers.mask = f, this.add(this._light);
   }
   setColor(t) {
     this._light.color = t;
@@ -178,7 +177,7 @@ class It extends f {
     this._light.visible = t;
   }
 }
-class Tt extends f {
+class Dt extends _ {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
@@ -188,18 +187,18 @@ class Tt extends f {
     i(this, "gizmo", null);
     i(this, "light");
     i(this, "mesh");
-    this.name = "DIVEPointLight", this.light = new rt(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 V(
+    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(
       t,
       t * 320,
       t * 320
-    ), a = new H({
+    ), a = new F({
       color: this.light.color,
       transparent: !0,
       opacity: 0.8,
-      side: Y
+      side: U
     });
-    this.mesh = new M(e, a), this.mesh.layers.mask = Pt, this.add(this.mesh);
+    this.mesh = new v(e, a), this.mesh.layers.mask = ft, this.add(this.mesh);
   }
   setColor(t) {
     this.light.color = t, this.mesh.material.color = t;
@@ -236,7 +235,7 @@ class Tt extends f {
     });
   }
 }
-class kt extends f {
+class Et extends _ {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
@@ -244,7 +243,7 @@ class kt extends f {
     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 ht(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 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;
     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 +257,8 @@ class kt extends f {
     this._hemiLight.visible = t, this._dirLight.visible = t;
   }
 }
-const X = (o) => o.parent ? X(o.parent) : o;
-class C extends f {
+const Z = (o) => o.parent ? Z(o.parent) : o;
+class V extends _ {
   constructor() {
     super();
     i(this, "isSelectable", !0);
@@ -268,7 +267,7 @@ class C extends f {
     i(this, "gizmo", null);
     i(this, "_positionWorldBuffer");
     i(this, "_boundingBox");
-    this.layers.mask = _, this._positionWorldBuffer = new h(), this._boundingBox = new w();
+    this.layers.mask = f, this._positionWorldBuffer = new h(), this._boundingBox = new g();
   }
   setPosition(t) {
     if (!this.parent) {
@@ -329,7 +328,7 @@ class C extends f {
     });
   }
 }
-class R extends C {
+class T extends V {
   /**
    * Creates a new BoundingBox instance for the specified 3D object.
    *
@@ -368,19 +367,19 @@ class R extends C {
     i(this, "_sphereHelper");
     /** The dimensions (width, height, depth) of the bounding box */
     i(this, "_size");
-    const n = new w();
+    const n = new g();
     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);
+        const y = d.getWorldQuaternion(new I()).invert();
+        u.applyQuaternion(y), 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 V(this._radius, 32, 32);
-    r.translate(this._center.x, this._center.y, this._center.z), this._sphereHelper = new M(
+    })), 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(
       r,
-      new H({ color: a, wireframe: !0 })
+      new F({ color: a, wireframe: !0 })
     ), this._sphereHelper.visible = !1, this.add(this._sphereHelper);
   }
   /**
@@ -457,7 +456,7 @@ class R extends C {
     this._sphereHelper.visible = t;
   }
 }
-class q extends C {
+class N extends V {
   constructor() {
     super();
     i(this, "isDIVEModel", !0);
@@ -485,13 +484,13 @@ class q extends C {
     }), this.add(this._gltf), this;
   }
   setMaterial(t) {
-    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);
+    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);
   }
   placeOnFloor() {
     this.updateWorldMatrix(!0, !0);
-    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new w();
+    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new g();
     this.children.forEach((r) => {
-      r instanceof R || a.expandByObject(r, !0);
+      r instanceof T || 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 }) => {
@@ -512,24 +511,24 @@ class q extends C {
       );
       return;
     }
-    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new w();
+    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone(), a = new g();
     this.children.forEach((d) => {
-      d instanceof R || a.expandByObject(d, !0);
+      d instanceof T || 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 = _;
+    const r = new rt(n, new h(0, -1, 0));
+    r.layers.mask = f;
     const l = r.intersectObjects(
-      X(this).root.children,
+      Z(this).root.children,
       !0
     );
     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", {
+      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", {
           id: this.userData.id,
           position: t,
           rotation: this.rotation,
@@ -540,13 +539,13 @@ class q extends C {
       this.placeOnFloor();
   }
 }
-class Rt extends q {
+class St extends N {
   constructor() {
     super();
     i(this, "isDIVEPrimitive", !0);
     i(this, "_mesh");
     i(this, "_material");
-    this._mesh = new M(), this._mesh.name = "PrimitiveMesh", this._mesh.layers.mask = _, this._mesh.castShadow = !0, this._mesh.receiveShadow = !0, this.add(this._mesh), this._material = new A(), this._mesh.material = 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;
   }
   setGeometry(t) {
     const e = this.assembleGeometry(t);
@@ -577,7 +576,7 @@ class Rt extends q {
     }
   }
   createCylinderGeometry(t) {
-    const e = new ut(
+    const e = new ot(
       t.width / 2,
       t.width / 2,
       t.height,
@@ -586,7 +585,7 @@ class Rt extends q {
     return e.translate(0, t.height / 2, 0), e;
   }
   createSphereGeometry(t) {
-    return new V(t.width / 2, 256, 256);
+    return new x(t.width / 2, 256, 256);
   }
   createPyramidGeometry(t) {
     const e = new Float32Array([
@@ -628,14 +627,14 @@ class Rt extends q {
       3,
       4,
       0
-    ]), n = new W();
+    ]), n = new Y();
     return n.setAttribute(
       "position",
-      new z(e, 3)
-    ), n.setIndex(new z(a, 1)), n;
+      new C(e, 3)
+    ), n.setIndex(new C(a, 1)), n;
   }
   createBoxGeometry(t) {
-    const e = new I(
+    const e = new L(
       t.width,
       t.height,
       t.depth
@@ -643,11 +642,11 @@ class Rt extends q {
     return e.translate(0, t.height / 2, 0), e;
   }
   createConeGeometry(t) {
-    const e = new pt(t.width / 2, t.height, 256);
+    const e = new ht(t.width / 2, t.height, 256);
     return e.translate(0, t.height / 2, 0), e;
   }
   createWallGeometry(t) {
-    const e = new I(
+    const e = new L(
       t.width,
       t.height,
       t.depth || 0.05,
@@ -656,7 +655,7 @@ class Rt extends q {
     return e.translate(0, t.height / 2, 0), e;
   }
   createPlaneGeometry(t) {
-    const e = new I(
+    const e = new L(
       t.width,
       t.height,
       t.depth
@@ -664,7 +663,7 @@ class Rt extends q {
     return e.translate(0, t.height / 2, 0), e;
   }
 }
-class Vt extends C {
+class Pt extends V {
   // lines to children
   constructor() {
     super();
@@ -718,11 +717,11 @@ class Vt extends C {
    * Creates a line for visualization.
    */
   createLine() {
-    const t = new W(), e = new mt({
+    const t = new Y(), e = new lt({
       color: 6710886,
       dashSize: 0.05,
       gapSize: 0.025
-    }), a = new _t(t, e);
+    }), a = new dt(t, e);
     return a.visible = !1, a;
   }
   /**
@@ -783,37 +782,37 @@ class Vt extends C {
   //     this._boxMesh.visible = true;
   // }
 }
-class At extends M {
+class vt extends v {
   constructor() {
-    const t = new gt(1, 1);
+    const t = new ct(1, 1);
     t.scale(1e3, 1e3, 1), t.rotateX(-Math.PI / 2);
-    const e = new A({
-      color: new g(16777215),
-      side: Y
+    const e = new R({
+      color: new P(16777215),
+      side: U
     });
     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;
   }
   setColor(t) {
-    this.material.color = new g(t);
+    this.material.color = new P(t);
   }
 }
-class Ct extends f {
+class Mt extends _ {
   constructor() {
     super();
     i(this, "isDIVERoot", !0);
     i(this, "_floor");
-    this.name = "Root", this._floor = new At(), this.add(this._floor);
+    this.name = "Root", this._floor = new vt(), this.add(this._floor);
   }
   get floor() {
     return this._floor;
   }
   computeSceneBB() {
-    const t = new w();
+    const t = new g();
     return this.children.forEach((e) => {
       "isDIVEFloor" in e || e.traverse((a) => {
         "isObject3D" in a && t.expandByObject(a);
@@ -838,15 +837,15 @@ class Ct extends f {
       case "light": {
         switch (t.type) {
           case "scene": {
-            e = new kt();
+            e = new Et();
             break;
           }
           case "ambient": {
-            e = new It();
+            e = new bt();
             break;
           }
           case "point": {
-            e = new Tt();
+            e = new Dt();
             break;
           }
           default:
@@ -858,15 +857,15 @@ class Ct extends f {
         break;
       }
       case "model": {
-        e = new q(), e.name = t.name, e.userData.id = t.id, e.userData.uri = t.uri, this.add(e), this._updateModel(e, t);
+        e = new N(), 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 Rt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updatePrimitive(e, t);
+        e = new St(), 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 Pt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updateGroup(e, t);
         break;
       }
       default:
@@ -947,7 +946,7 @@ class Ct extends f {
       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 P(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,39 +993,39 @@ class Ct extends f {
     return t.parent !== null ? this._findScene(t.parent) : t;
   }
 }
-const Ot = "#888888", zt = "#dddddd";
-class Bt extends f {
+const Lt = "#888888", It = "#dddddd";
+class Tt extends _ {
   constructor() {
     super(), this.name = "Grid";
-    const s = new ft(
+    const s = new ut(
       100,
       100,
-      Ot,
-      zt
+      Lt,
+      It
     );
-    s.material.depthTest = !1, s.layers.mask = vt, this.add(s);
+    s.material.depthTest = !1, s.layers.mask = gt, this.add(s);
   }
   setVisibility(s) {
     this.visible = s;
   }
 }
-const v = {
+const S = {
   displayFloor: !1,
   displayGrid: !1,
   backgroundColor: "#ffffff"
 };
-class Gt extends wt {
+class kt extends pt {
   constructor(t) {
     super();
     i(this, "isDIVEScene", !0);
     i(this, "_root");
     i(this, "_grid");
     this.setBackground(
-      (t == null ? void 0 : t.backgroundColor) ?? v.backgroundColor
-    ), this._root = new Ct(), this._root.floor.setVisibility(
-      (t == null ? void 0 : t.displayFloor) ?? v.displayFloor
-    ), this.add(this._root), this._grid = new Bt(), this._grid.setVisibility(
-      (t == null ? void 0 : t.displayGrid) ?? v.displayGrid
+      (t == null ? void 0 : t.backgroundColor) ?? S.backgroundColor
+    ), this._root = new Mt(), this._root.floor.setVisibility(
+      (t == null ? void 0 : t.displayFloor) ?? S.displayFloor
+    ), this.add(this._root), this._grid = new Tt(), this._grid.setVisibility(
+      (t == null ? void 0 : t.displayGrid) ?? S.displayGrid
     ), this.add(this._grid);
   }
   get root() {
@@ -1036,13 +1035,13 @@ class Gt extends wt {
     return this._grid;
   }
   setBackground(t) {
-    this.background = new g(t);
+    this.background = new P(t);
   }
   computeSceneBB() {
     return this._root.computeSceneBB();
   }
 }
-const Ft = {
+const xt = {
   enableDamping: !0,
   dampingFactor: 0.05,
   enabled: !0,
@@ -1080,7 +1079,7 @@ const Ft = {
     ONE: m.ROTATE,
     TWO: m.DOLLY_PAN
   }
-}, b = class b extends yt {
+}, w = class w extends mt {
   constructor(t, e, a) {
     super();
     // public API
@@ -1127,12 +1126,12 @@ const Ft = {
     i(this, "target0");
     i(this, "position0");
     i(this, "zoom0");
-    i(this, "uuid", x.generateUUID());
+    i(this, "uuid", k.generateUUID());
     // private state
     i(this, "state", -1);
     i(this, "EPS", 1e-6);
-    i(this, "spherical", new B());
-    i(this, "sphericalDelta", new B());
+    i(this, "spherical", new O());
+    i(this, "sphericalDelta", new O());
     i(this, "scale", 1);
     i(this, "panOffset", new h());
     i(this, "zoomChanged", !1);
@@ -1152,7 +1151,7 @@ const Ft = {
     i(this, "quat");
     i(this, "quatInverse");
     i(this, "lastPosition", new h());
-    i(this, "lastQuaternion", new k());
+    i(this, "lastQuaternion", new I());
     i(this, "lastTarget", new h());
     i(this, "panLeft", (() => {
       const t = new h();
@@ -1317,7 +1316,7 @@ const Ft = {
     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 k().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 I().setFromUnitVectors(
       t.up,
       new h(0, 1, 0)
     ), this.quatInverse = this.quat.clone().invert(), this.domElements.forEach((n) => this.addEventListeners(n)), this.update();
@@ -1375,22 +1374,22 @@ const Ft = {
     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, 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);
+    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);
     return {
-      position: a.clone().add($.multiplyScalar(S)),
+      position: a.clone().add(X.multiplyScalar(D)),
       target: a
     };
   }
   focusObject(t, e = 0) {
-    const a = new R(t), n = this.computeEncompassingView(a, e);
+    const a = new T(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 ?? b.DEFAULT_ZOOM_FACTOR)), this.update();
+    this.dollyIn(Math.pow(0.95, t ?? w.DEFAULT_ZOOM_FACTOR)), this.update();
   }
   zoomOut(t) {
     this.dollyOut(
-      Math.pow(0.95, t ?? b.DEFAULT_ZOOM_FACTOR)
+      Math.pow(0.95, t ?? w.DEFAULT_ZOOM_FACTOR)
     ), this.update();
   }
   getState() {
@@ -1599,53 +1598,9 @@ const Ft = {
     );
   }
 };
-i(b, "DEFAULT_ZOOM_FACTOR", 1);
-let U = b;
-class Ut extends f {
-  constructor() {
-    super();
-    i(this, "_axesHelper");
-    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 g(Zt),
-      new g(Nt),
-      new g(Xt)
-    );
-    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 Dt().extractRotation(t).invert()
-    );
-  }
-}
-class Ht {
-  constructor(s, t, e) {
-    i(this, "uuid", x.generateUUID());
-    i(this, "_axes");
-    i(this, "_orthographicCamera");
-    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 Ut(), this._scene.add(this._axes);
-  }
-  tick() {
-    const s = this._scene.background;
-    this._scene.background = null, this._renderer.webglrenderer.getViewport(this._restoreViewport), this._renderer.webglrenderer.setViewport(0, 0, 150, 150), this._renderer.webglrenderer.autoClear = !1, this._axes.setFromCameraMatrix(this._camera.matrix), this._renderer.webglrenderer.render(
-      this._scene,
-      this._orthographicCamera
-    ), this._renderer.webglrenderer.setViewport(this._restoreViewport), this._renderer.webglrenderer.autoClear = !0, this._scene.background = s;
-  }
-  dispose() {
-    this._scene.remove(this._axes), this._scene.remove(this._orthographicCamera);
-  }
-}
-const Yt = `
+i(w, "DEFAULT_ZOOM_FACTOR", 1);
+let G = w;
+const Rt = `
                 @@@@@@@@@@@@@@@@@@@@@@@              @@@@@@@@@@@@@@@@@@@@@@@
            @@@@+-:::::::---------------------==------------------------------=#@@@@
         @@%=::::.......::---------------------------------------------------------+@@
@@ -1680,42 +1635,46 @@ window.DIVE = {
     return window.DIVE.instances[0];
   }
 };
-const P = {
+const E = {
   autoStart: !0,
   displayAxes: !1,
-  ...v,
-  ...xt,
-  ...Z,
-  ...Ft
+  ...S,
+  ..._t,
+  ...W,
+  ...xt
 };
-class Wt {
+class Vt {
   constructor(s) {
     // descriptive members
-    i(this, "_instanceId", x.generateUUID());
+    i(this, "_instanceId", k.generateUUID());
     i(this, "_settings");
     i(this, "_views");
     i(this, "_mainView");
     i(this, "_scene");
     i(this, "_clock");
-    i(this, "orientationDisplay");
+    i(this, "_orientationDisplay", null);
     this._settings = {
-      ...P,
+      ...E,
       ...s ?? {}
-    }, this._clock = new Mt(), this._scene = new Gt({
-      backgroundColor: (s == null ? void 0 : s.backgroundColor) ?? P.backgroundColor,
-      displayGrid: (s == null ? void 0 : s.displayGrid) ?? P.displayGrid,
-      displayFloor: (s == null ? void 0 : s.displayFloor) ?? P.displayFloor
+    }, 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
     });
-    const t = new F(
+    const t = new B(
       this._scene,
-      new G(),
+      new z(),
       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 Ht(
-      this.mainView.renderer,
-      this.scene,
-      this.mainView.camera
-    ), this.clock.addTicker(this.orientationDisplay)) : this.orientationDisplay = null, console.log("DIVE 2.2.4 initialized successfully!"), console.log(Yt), window.DIVE.instances.push(this);
+    this._clock.addTicker(t), this._views = [t], this._mainView = t, this._settings.displayAxes && import("../plugins/orientationdisplay/index.mjs").then(
+      ({ OrientationDisplay: e }) => {
+        this._orientationDisplay = new e(
+          this.mainView.renderer,
+          this.scene,
+          this.mainView.camera
+        ), this._clock.addTicker(this._orientationDisplay);
+      }
+    ), this._settings.autoStart && this.start(), console.log("DIVE 2.2.6 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.
@@ -1773,15 +1732,15 @@ class Wt {
     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()), window.DIVE.instances = window.DIVE.instances.filter(
         (t) => t._instanceId !== this._instanceId
       ), s();
     });
   }
   createView(s) {
-    const t = new F(
+    const t = new B(
       this._scene,
-      s ?? new G(),
+      s ?? new z(),
       {
         ...this._settings,
         canvas: void 0
@@ -1794,7 +1753,7 @@ class Wt {
     this._views = this._views.filter((t) => t !== s), this._clock.removeTicker(s), this._mainView === s && (this._mainView = this._views[0]), s.dispose();
   }
 }
-const ee = Wt, K = "#c20017", Q = "#00ab26", J = "#0081d4", Zt = K, Nt = Q, Xt = J, qt = {
+const Ft = Vt, At = {
   glb: {
     key: "glb",
     extension: "glb"
@@ -1807,45 +1766,37 @@ const ee = Wt, K = "#c20017", Q = "#00ab26", J = "#0081d4", Zt = K, Nt = Q, Xt =
     key: "usdz",
     extension: "usdz"
   }
-}, ie = Object.values(qt).map(
+}, Ut = Object.values(At).map(
   (o) => o.extension
 );
 export {
-  Zt as A,
-  C as B,
-  Rt as C,
-  P as D,
-  Ct as E,
-  R as F,
-  Ot as G,
-  X as H,
-  qt as I,
-  Ft as O,
-  ie as S,
-  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,
-  Mt as j,
-  Z as k,
-  N as l,
-  te as m,
-  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,
-  It as y,
-  Tt as z
+  T as B,
+  E as D,
+  At as F,
+  Lt as G,
+  xt as O,
+  Ut as S,
+  G as a,
+  Vt as b,
+  Et as c,
+  N as d,
+  Ft as e,
+  wt as f,
+  W as g,
+  H as h,
+  Gt as i,
+  yt as j,
+  S as k,
+  kt as l,
+  B as m,
+  It as n,
+  vt as o,
+  Tt as p,
+  Pt as q,
+  bt as r,
+  Dt as s,
+  V as t,
+  St as u,
+  Mt as v,
+  Z as w
 };