@shopware-ag/dive 2.1.0 → 2.1.2

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

@@ -1,10 +1,10 @@
-var J = Object.defineProperty;
-var $ = (r, n, t) => n in r ? J(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var i = (r, n, t) => $(r, typeof n != "symbol" ? n + "" : n, t);
-import { WebGLRenderer as j, PCFSoftShadowMap as tt, PCFShadowMap as et, BasicShadowMap as it, MathUtils as E, Object3D as w, AmbientLight as st, PointLight as nt, SphereGeometry as T, MeshBasicMaterial as z, FrontSide as G, Mesh as S, HemisphereLight as at, DirectionalLight as ot, Vector3 as h, Box3 as I, MeshStandardMaterial as L, Raycaster as F, Color as g, CylinderGeometry as rt, BufferGeometry as U, BufferAttribute as V, BoxGeometry as v, ConeGeometry as ht, LineDashedMaterial as lt, Line as dt, PlaneGeometry as ct, GridHelper as ut, Scene as pt, TOUCH as f, MOUSE as m, EventDispatcher as mt, Spherical as A, Vector2 as p, Quaternion as x, AxesHelper as gt, Matrix4 as _t, OrthographicCamera as ft, Vector4 as wt, Box3Helper as yt, Sphere as bt } from "three";
-import { P as _, U as Dt, H as Et, C as y, a as St, D as C } from "./PerspectiveCamera-8tnOn5YS.mjs";
-import M from "three-spritetext";
-class Pt {
+var $ = Object.defineProperty;
+var j = (r, s, t) => s in r ? $(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
+var i = (r, s, t) => j(r, typeof s != "symbol" ? s + "" : s, t);
+import { WebGLRenderer as tt, PCFSoftShadowMap as et, PCFShadowMap as it, BasicShadowMap as st, MathUtils as S, Object3D as w, AmbientLight as at, PointLight as nt, SphereGeometry as I, MeshBasicMaterial as B, FrontSide as G, Mesh as P, HemisphereLight as rt, DirectionalLight as ot, Vector3 as h, Box3 as T, MeshStandardMaterial as M, Raycaster as ht, CylinderGeometry as lt, BufferGeometry as F, BufferAttribute as R, BoxGeometry as v, ConeGeometry as dt, LineDashedMaterial as ct, Line as ut, PlaneGeometry as pt, Color as g, GridHelper as mt, Scene as _t, TOUCH as _, MOUSE as p, EventDispatcher as gt, Spherical as A, Vector2 as u, Quaternion as x, AxesHelper as ft, Matrix4 as wt, OrthographicCamera as yt, Vector4 as bt, Box3Helper as Dt, Sphere as Et } from "three";
+import { P as f, U as St, H as Pt, C as y, a as vt, D as C } from "./PerspectiveCamera-8tnOn5YS.mjs";
+import L from "three-spritetext";
+class Lt {
   constructor() {
     i(this, "isDIVEClock", !0);
     i(this, "_lastTime", 0);
@@ -17,26 +17,26 @@ class Pt {
   stop() {
     this._isRunning = !1;
   }
-  addTicker(n) {
-    this._tickers.find((t) => t.uuid === n.uuid) || this._tickers.push(n);
+  addTicker(s) {
+    this._tickers.find((t) => t.uuid === s.uuid) || this._tickers.push(s);
   }
-  hasTicker(n) {
-    return this._tickers.find((t) => t.uuid === n.uuid) !== void 0;
+  hasTicker(s) {
+    return this._tickers.find((t) => t.uuid === s.uuid) !== void 0;
   }
-  removeTicker(n) {
-    const t = this._tickers.findIndex((e) => e.uuid === n.uuid);
+  removeTicker(s) {
+    const t = this._tickers.findIndex((e) => e.uuid === s.uuid);
     t !== -1 && this._tickers.splice(t, 1);
   }
   dispose() {
     this.stop(), this._tickers = [], this._isRunning = !1, this._lastTime = 0;
   }
-  _tick(n) {
+  _tick(s) {
     if (!this._isRunning) return;
-    const t = (n - this._lastTime) / 1e3;
-    this._lastTime = n, this._tickers.forEach((e) => e.tick(t)), requestAnimationFrame(this._tick.bind(this));
+    const t = (s - this._lastTime) / 1e3;
+    this._lastTime = s, this._tickers.forEach((e) => e.tick(t)), requestAnimationFrame(this._tick.bind(this));
   }
 }
-const H = {
+const U = {
   canvas: void 0,
   antialias: !0,
   alpha: !0,
@@ -48,13 +48,13 @@ const H = {
   shadows: !0,
   shadowQuality: "high"
 };
-class Y {
-  constructor(n, t, e) {
+class H {
+  constructor(s, t, e) {
     i(this, "isDIVERenderer", !0);
     i(this, "_webglrenderer");
     i(this, "_settings");
-    this._scene = n, this._camera = t, this._settings = {
-      ...H,
+    this._scene = s, this._camera = t, this._settings = {
+      ...U,
       ...e ?? {}
     }, this._webglrenderer = this._createWebGLRenderer();
   }
@@ -67,62 +67,62 @@ class Y {
   render() {
     this._webglrenderer.render(this._scene, this._camera);
   }
-  onResize(n, t) {
-    this._webglrenderer.setSize(n, t, !1);
+  onResize(s, t) {
+    this._webglrenderer.setSize(s, t, !1);
   }
   dispose() {
     this._webglrenderer.dispose();
   }
-  setCanvas(n) {
-    this._webglrenderer.dispose(), this._settings.canvas = n, this._webglrenderer = this._createWebGLRenderer();
+  setCanvas(s) {
+    this._webglrenderer.dispose(), this._settings.canvas = s, this._webglrenderer = this._createWebGLRenderer();
   }
   _createWebGLRenderer() {
-    const n = new j(this._settings);
-    return n.shadowMap.enabled = this._settings.shadows, n.shadowMap.type = this._settings.shadowQuality === "high" ? tt : this._settings.shadowQuality === "medium" ? et : it, n.setPixelRatio(window.devicePixelRatio), n;
+    const s = new tt(this._settings);
+    return s.shadowMap.enabled = this._settings.shadows, s.shadowMap.type = this._settings.shadowQuality === "high" ? et : this._settings.shadowQuality === "medium" ? it : st, s.setPixelRatio(window.devicePixelRatio), s;
   }
 }
-const te = Y;
-class vt {
-  constructor(n, t) {
+const te = H;
+class xt {
+  constructor(s, t) {
     i(this, "isDIVEResizeManager", !0);
     i(this, "_resizeObserver");
     i(this, "_width", 0);
     i(this, "_height", 0);
-    this._renderer = n, this._camera = t, this._resizeObserver = new ResizeObserver((e) => {
-      const s = e[0], { width: a, height: o } = s.contentRect;
-      a === this._width && o === this._height || (this._renderer.onResize(a, o), this._camera.onResize(a, o), this._width = a, this._height = o);
+    this._renderer = s, this._camera = t, this._resizeObserver = new ResizeObserver((e) => {
+      const a = e[0], { width: n, height: o } = a.contentRect;
+      n === this._width && o === this._height || (this._renderer.onResize(n, o), this._camera.onResize(n, o), this._width = n, this._height = o);
     }), this._observeCanvas(this._renderer.canvas);
   }
-  setCanvas(n) {
-    this._resizeObserver.disconnect(), this._observeCanvas(n);
-    const { width: t, height: e } = n.getBoundingClientRect();
+  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;
   }
   dispose() {
     this._resizeObserver.disconnect();
   }
-  _observeCanvas(n) {
-    if (n.parentElement)
-      this._resizeObserver.observe(n.parentElement);
+  _observeCanvas(s) {
+    if (s.parentElement)
+      this._resizeObserver.observe(s.parentElement);
     else {
       const t = setInterval(() => {
-        n.parentElement && (this._resizeObserver.observe(n.parentElement), clearInterval(t));
+        s.parentElement && (this._resizeObserver.observe(s.parentElement), clearInterval(t));
       }, 16);
     }
   }
 }
 class O {
-  constructor(n, t, e) {
+  constructor(s, t, e) {
     i(this, "isDIVEView", !0);
-    i(this, "uuid", E.generateUUID());
+    i(this, "uuid", S.generateUUID());
     i(this, "_paused", !1);
     i(this, "_renderer");
     i(this, "_resizeManager");
-    this._scene = n, this._camera = t, this._settings = e, this._renderer = new Y(
+    this._scene = s, this._camera = t, this._settings = e, this._renderer = new H(
       this._scene,
       this._camera,
       this._settings
-    ), this._resizeManager = new vt(
+    ), this._resizeManager = new xt(
       this._renderer,
       this._camera
     );
@@ -142,11 +142,11 @@ class O {
   dispose() {
     this._resizeManager.dispose(), this._renderer.dispose();
   }
-  onResize(n, t) {
-    this._renderer.onResize(n, t), this._camera.onResize(n, t);
+  onResize(s, t) {
+    this._renderer.onResize(s, t), this._camera.onResize(s, t);
   }
-  setCanvas(n) {
-    this._renderer.setCanvas(n), this._resizeManager.setCanvas(n), this.onResize(
+  setCanvas(s) {
+    this._renderer.setCanvas(s), this._resizeManager.setCanvas(s), this.onResize(
       this._renderer.canvas.clientWidth,
       this._renderer.canvas.clientHeight
     );
@@ -159,14 +159,14 @@ class O {
     this._paused = !1;
   }
 }
-class Mt 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 st(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;
@@ -178,7 +178,7 @@ class Mt extends w {
     this._light.visible = t;
   }
 }
-class xt extends w {
+class Tt extends w {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
@@ -188,18 +188,18 @@ class xt extends w {
     i(this, "gizmo", null);
     i(this, "light");
     i(this, "mesh");
-    this.name = "DIVEPointLight", this.light = new nt(16777215, 1), this.light.layers.mask = _, this.light.castShadow = !0, this.light.shadow.mapSize.width = 512, this.light.shadow.mapSize.height = 512, this.add(this.light);
-    const t = 0.1, e = new T(
+    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
-    ), s = new z({
+    ), a = new B({
       color: this.light.color,
       transparent: !0,
       opacity: 0.8,
       side: G
     });
-    this.mesh = new S(e, s), this.mesh.layers.mask = Dt, 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 xt extends w {
     });
   }
 }
-class Tt extends w {
+class Mt extends w {
   constructor() {
     super();
     i(this, "isDIVELight", !0);
@@ -244,7 +244,7 @@ class Tt extends w {
     i(this, "isSelectable", !0);
     i(this, "_hemiLight");
     i(this, "_dirLight");
-    this.name = "DIVESceneLight", this._hemiLight = new at(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 ot(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 Tt extends w {
     this._hemiLight.visible = t, this._dirLight.visible = t;
   }
 }
-const k = (r) => r.parent ? k(r.parent) : r;
-class P 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 P extends w {
     i(this, "gizmo", null);
     i(this, "_positionWorldBuffer");
     i(this, "_boundingBox");
-    this.layers.mask = _, this._positionWorldBuffer = new h(), this._boundingBox = new I();
+    this.layers.mask = f, this._positionWorldBuffer = new h(), this._boundingBox = new T();
   }
   setPosition(t) {
     if (!this.parent) {
@@ -329,7 +329,7 @@ class P extends w {
     });
   }
 }
-class It extends P {
+class W extends k {
   constructor() {
     super();
     i(this, "isDIVEModel", !0);
@@ -342,10 +342,10 @@ class It extends P {
     return this._assetLoader || (this._assetLoader = new (await import("../plugins/assetloader/index.mjs")).AssetLoader()), this._assetLoader;
   }
   async setFromURL(t) {
-    const s = await (await this._getAssetLoader()).load(t);
-    return this.setFromGLTF(s), import("../plugins/state/index.mjs").then(({ State: a }) => {
+    const a = await (await this._getAssetLoader()).load(t);
+    return this.setFromGLTF(a), import("../plugins/state/index.mjs").then(({ State: n }) => {
       var o;
-      (o = a.get(this.userData.id)) == null || o.performAction("MODEL_LOADED", {
+      (o = n.get(this.userData.id)) == null || o.performAction("MODEL_LOADED", {
         id: this.userData.id
       });
     }), this;
@@ -356,16 +356,16 @@ class It extends P {
     }), this.add(t), this;
   }
   setMaterial(t) {
-    this._material || (this._material = new L()), 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 a, o, l, c;
+    var n, o, l, c;
     const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone();
-    (o = (a = this._mesh) == null ? void 0 : a.geometry) == null || o.computeBoundingBox();
-    const s = (c = (l = this._mesh) == null ? void 0 : l.geometry) == null ? void 0 : c.boundingBox;
-    !s || !this._mesh || (t.y = t.y - this._mesh.localToWorld(s.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", {
+    (o = (n = this._mesh) == null ? void 0 : n.geometry) == null || o.computeBoundingBox();
+    const a = (c = (l = this._mesh) == null ? void 0 : l.geometry) == null ? void 0 : c.boundingBox;
+    !a || !this._mesh || (t.y = t.y - this._mesh.localToWorld(a.min.clone()).y, t.y !== e.y && import("../plugins/state/index.mjs").then(({ State: d }) => {
+      var m;
+      (m = d.get(this.userData.id)) == null || m.performAction("UPDATE_OBJECT", {
         id: this.userData.id,
         position: t,
         rotation: this.rotation,
@@ -385,85 +385,41 @@ class It extends P {
       this._boundingBox.getCenter(new h()).multiply(this.scale)
     );
     e.y = t + this.position.y;
-    const s = new F(e, new h(0, -1, 0));
-    s.layers.mask = _;
-    const a = s.intersectObjects(
-      k(this).root.children,
+    const a = new ht(e, new h(0, -1, 0));
+    a.layers.mask = f;
+    const n = a.intersectObjects(
+      Y(this).root.children,
       !0
     );
-    if (a.length > 0) {
-      const o = a[0].object;
+    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 Lt extends P {
+class kt extends W {
   constructor() {
     super();
     i(this, "isDIVEPrimitive", !0);
     i(this, "_mesh");
-    this._mesh = new S(), this._mesh.layers.mask = _, this._mesh.castShadow = !0, this._mesh.receiveShadow = !0, this._mesh.material = new L(), 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 a, o, l, c;
-    const t = this.getWorldPosition(this._positionWorldBuffer), e = t.clone();
-    (o = (a = this._mesh) == null ? void 0 : a.geometry) == null || o.computeBoundingBox();
-    const s = (c = (l = this._mesh) == null ? void 0 : l.geometry) == null ? void 0 : c.boundingBox;
-    !s || !this._mesh || (t.y = t.y - this._mesh.localToWorld(s.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 s = new F(e, new h(0, -1, 0));
-    s.layers.mask = _;
-    const a = s.intersectObjects(
-      k(this).root.children,
-      !0
-    );
-    if (a.length > 0) {
-      const o = a[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 Lt extends P {
     }
   }
   createCylinderGeometry(t) {
-    const e = new rt(
+    const e = new lt(
       t.width / 2,
       t.width / 2,
       t.height,
@@ -490,7 +446,7 @@ class Lt extends P {
     return e.translate(0, t.height / 2, 0), e;
   }
   createSphereGeometry(t) {
-    return new T(t.width / 2, 256, 256);
+    return new I(t.width / 2, 256, 256);
   }
   createPyramidGeometry(t) {
     const e = new Float32Array([
@@ -513,7 +469,7 @@ class Lt extends P {
       0,
       t.height,
       0
-    ]), s = new Uint16Array([
+    ]), a = new Uint16Array([
       0,
       1,
       2,
@@ -532,11 +488,11 @@ class Lt extends P {
       3,
       4,
       0
-    ]), a = new U();
-    return a.setAttribute(
+    ]), n = new F();
+    return n.setAttribute(
       "position",
-      new V(e, 3)
-    ), a.setIndex(new V(s, 1)), a.computeVertexNormals(), a.computeBoundingBox(), a.computeBoundingSphere(), a;
+      new R(e, 3)
+    ), n.setIndex(new R(a, 1)), n.computeVertexNormals(), n.computeBoundingBox(), n.computeBoundingSphere(), n;
   }
   createBoxGeometry(t) {
     const e = new v(
@@ -547,7 +503,7 @@ class Lt extends P {
     return e.translate(0, t.height / 2, 0), e;
   }
   createConeGeometry(t) {
-    const e = new ht(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) {
@@ -568,7 +524,7 @@ class Lt extends P {
     return e.translate(0, t.height / 2, 0), e;
   }
 }
-class kt extends P {
+class Vt extends k {
   // lines to children
   constructor() {
     super();
@@ -588,13 +544,13 @@ class kt extends P {
   }
   setLinesVisibility(t, e) {
     if (!e) {
-      this._lines.forEach((a) => {
-        a.visible = t;
+      this._lines.forEach((n) => {
+        n.visible = t;
       });
       return;
     }
-    const s = this._members.indexOf(e);
-    s !== -1 && (this._lines[s].visible = t);
+    const a = this._members.indexOf(e);
+    a !== -1 && (this._lines[a].visible = t);
   }
   attach(t) {
     if (this._members.includes(t))
@@ -611,8 +567,8 @@ class kt extends P {
     const e = this._members.indexOf(t);
     if (e === -1)
       return this;
-    const s = this._lines[e];
-    return super.remove(s), this._lines.splice(e, 1), super.remove(t), this._members.splice(e, 1), this;
+    const a = this._lines[e];
+    return super.remove(a), this._lines.splice(e, 1), super.remove(t), this._members.splice(e, 1), this;
   }
   updateLineTo(t) {
     const e = this._members.indexOf(t);
@@ -622,22 +578,22 @@ class kt extends P {
    * Creates a line for visualization.
    */
   createLine() {
-    const t = new U(), e = new lt({
+    const t = new F(), e = new ct({
       color: 6710886,
       dashSize: 0.05,
       gapSize: 0.025
-    }), s = new dt(t, e);
-    return s.visible = !1, s;
+    }), a = new ut(t, e);
+    return a.visible = !1, a;
   }
   /**
    * Updates a line to the object.
    */
   _updateLineTo(t, e) {
-    const s = [
+    const a = [
       new h(0, 0, 0),
       e.position.clone()
     ];
-    t.geometry.setFromPoints(s), t.computeLineDistances();
+    t.geometry.setFromPoints(a), t.computeLineDistances();
   }
   // public setBoundingBoxVisibility(visible: boolean): void {
   //     this._boxMesh.visible = visible;
@@ -687,17 +643,17 @@ class kt extends P {
   //     this._boxMesh.visible = true;
   // }
 }
-class Rt extends S {
+class Rt extends P {
   constructor() {
-    const t = new ct(1, 1);
+    const t = new pt(1, 1);
     t.scale(1e3, 1e3, 1), t.rotateX(-Math.PI / 2);
-    const e = new L({
+    const e = new M({
       color: new g(16777215),
       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;
@@ -706,7 +662,7 @@ class Rt extends S {
     this.material.color = new g(t);
   }
 }
-class Vt extends w {
+class At extends w {
   constructor() {
     super();
     i(this, "isDIVERoot", !0);
@@ -717,17 +673,17 @@ class Vt extends w {
     return this._floor;
   }
   computeSceneBB() {
-    const t = new I();
+    const t = new T();
     return this.children.forEach((e) => {
-      "isDIVEFloor" in e || e.traverse((s) => {
-        "isObject3D" in s && t.expandByObject(s);
+      "isDIVEFloor" in e || e.traverse((a) => {
+        "isObject3D" in a && t.expandByObject(a);
       });
     }), t;
   }
   getSceneObject(t) {
     let e;
-    return this.traverse((s) => {
-      e || s.userData.id === t.id && (e = s);
+    return this.traverse((a) => {
+      e || a.userData.id === t.id && (e = a);
     }), e;
   }
   addSceneObject(t) {
@@ -742,15 +698,15 @@ class Vt extends w {
       case "light": {
         switch (t.type) {
           case "scene": {
-            e = new Tt();
+            e = new Mt();
             break;
           }
           case "ambient": {
-            e = new Mt();
+            e = new It();
             break;
           }
           case "point": {
-            e = new xt();
+            e = new Tt();
             break;
           }
           default:
@@ -762,15 +718,15 @@ class Vt extends w {
         break;
       }
       case "model": {
-        e = new It(), 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": {
-        e = new Lt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updatePrimitive(e, t);
+        e = new kt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updatePrimitive(e, t);
         break;
       }
       case "group": {
-        e = new kt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updateGroup(e, t);
+        e = new Vt(), e.name = t.name, e.userData.id = t.id, this.add(e), this._updateGroup(e, t);
         break;
       }
       default:
@@ -880,12 +836,12 @@ class Vt extends w {
   _setParent(t) {
     const e = this.getSceneObject(t);
     if (t.parentId !== null) {
-      const s = this.getSceneObject({
+      const a = this.getSceneObject({
         id: t.parentId,
         entityType: t.entityType
       });
-      if (!s) return;
-      s.attach(e);
+      if (!a) return;
+      a.attach(e);
     } else
       this.attach(e);
   }
@@ -898,39 +854,39 @@ class Vt extends w {
     return t.parent !== null ? this._findScene(t.parent) : t;
   }
 }
-const At = "#888888", Ct = "#dddddd";
-class Ot extends w {
+const Ct = "#888888", Ot = "#dddddd";
+class zt extends w {
   constructor() {
     super(), this.name = "Grid";
-    const n = new ut(
+    const s = new mt(
       100,
       100,
-      At,
-      Ct
+      Ct,
+      Ot
     );
-    n.material.depthTest = !1, n.layers.mask = Et, this.add(n);
+    s.material.depthTest = !1, s.layers.mask = Pt, this.add(s);
   }
-  setVisibility(n) {
-    this.visible = n;
+  setVisibility(s) {
+    this.visible = s;
   }
 }
-const D = {
+const E = {
   displayFloor: !1,
   displayGrid: !1,
   backgroundColor: "#ffffff"
 };
-class Bt extends pt {
+class Bt extends _t {
   constructor(t) {
     super();
     i(this, "isDIVEScene", !0);
     i(this, "_root");
     i(this, "_grid");
     this.background = new g(
-      (t == null ? void 0 : t.backgroundColor) ?? D.backgroundColor
-    ), this._root = new Vt(), this._root.floor.setVisibility(
-      (t == null ? void 0 : t.displayFloor) ?? D.displayFloor
-    ), this.add(this._root), this._grid = new Ot(), this._grid.setVisibility(
-      (t == null ? void 0 : t.displayGrid) ?? D.displayGrid
+      (t == null ? void 0 : t.backgroundColor) ?? E.backgroundColor
+    ), this._root = new At(), this._root.floor.setVisibility(
+      (t == null ? void 0 : t.displayFloor) ?? E.displayFloor
+    ), this.add(this._root), this._grid = new zt(), this._grid.setVisibility(
+      (t == null ? void 0 : t.displayGrid) ?? E.displayGrid
     ), this.add(this._grid);
   }
   get root() {
@@ -946,7 +902,7 @@ class Bt extends pt {
     return this._root.computeSceneBB();
   }
 }
-const zt = {
+const Gt = {
   enableDamping: !0,
   dampingFactor: 0.05,
   enabled: !0,
@@ -976,16 +932,16 @@ const zt = {
     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 mt {
-  constructor(t, e, s) {
+}, b = class b extends gt {
+  constructor(t, e, a) {
     super();
     // public API
     i(this, "object");
@@ -1023,15 +979,15 @@ const zt = {
       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");
-    i(this, "uuid", E.generateUUID());
+    i(this, "uuid", S.generateUUID());
     // private state
     i(this, "state", -1);
     i(this, "EPS", 1e-6);
@@ -1040,15 +996,15 @@ const zt = {
     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
@@ -1060,14 +1016,14 @@ const zt = {
     i(this, "lastTarget", new h());
     i(this, "panLeft", (() => {
       const t = new h();
-      return (e, s) => {
-        t.setFromMatrixColumn(s, 0), t.multiplyScalar(-e), this.panOffset.add(t);
+      return (e, a) => {
+        t.setFromMatrixColumn(a, 0), t.multiplyScalar(-e), this.panOffset.add(t);
       };
     })());
     i(this, "panUp", (() => {
       const t = new h();
-      return (e, s) => {
-        this.screenSpacePanning === !0 ? t.setFromMatrixColumn(s, 1) : (t.setFromMatrixColumn(s, 0), t.crossVectors(this.object.up, t)), t.multiplyScalar(e), this.panOffset.add(t);
+      return (e, a) => {
+        this.screenSpacePanning === !0 ? t.setFromMatrixColumn(a, 1) : (t.setFromMatrixColumn(a, 0), t.crossVectors(this.object.up, t)), t.multiplyScalar(e), this.panOffset.add(t);
       };
     })());
     i(this, "onMouseDown", (t) => {
@@ -1086,11 +1042,11 @@ const zt = {
           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 zt = {
             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 zt = {
       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 zt = {
           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,10 +1177,10 @@ const zt = {
     i(this, "onContextMenu", (t) => {
       this.enabled !== !1 && t.preventDefault();
     });
-    this.object = t, this.domElements = Array.isArray(e) ? e : [e], Object.assign(this, s), this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this.quat = new x().setFromUnitVectors(
+    this.object = t, this.domElements = Array.isArray(e) ? e : [e], Object.assign(this, a), this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this.quat = new x().setFromUnitVectors(
       t.up,
       new h(0, 1, 0)
-    ), this.quatInverse = this.quat.clone().invert(), this.domElements.forEach((a) => this.addEventListeners(a)), this.update();
+    ), this.quatInverse = this.quat.clone().invert(), this.domElements.forEach((n) => this.addEventListeners(n)), this.update();
   }
   get domElement() {
     return this.domElements[0];
@@ -1271,23 +1227,23 @@ const zt = {
   }
   removeDomElements(...t) {
     t.forEach((e) => {
-      const s = this.domElements.indexOf(e);
-      s > -1 && (this.removeEventListeners(e), this.domElements.splice(s, 1));
+      const a = this.domElements.indexOf(e);
+      a > -1 && (this.removeEventListeners(e), this.domElements.splice(a, 1));
     });
   }
   setDomElements(...t) {
     this.removeDomElements(...this.domElements), this.domElements = [], this.addDomElements(...t);
   }
   computeEncompassingView(t, e = 0) {
-    const s = 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), X = o / Math.sin(d), q = o / Math.sin(u), K = Math.max(X, q) * (1 + e), R = this.object.position.clone().sub(this.target).normalize(), Q = 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: s.clone().add(Q.multiplyScalar(K)),
-      target: s
+      position: a.clone().add(J.multiplyScalar(Q)),
+      target: a
     };
   }
   focusObject(t, e = 0) {
-    const s = new Xt(t), a = this.computeEncompassingView(s, e);
-    this.object.position.copy(a.position), this.target.copy(a.target), this.update();
+    const a = new Xt(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();
@@ -1333,26 +1289,26 @@ const zt = {
   rotateUp(t) {
     this.sphericalDelta.phi -= t;
   }
-  pan(t, e, s) {
-    const a = new h();
+  pan(t, e, a) {
+    const n = new h();
     if ("isPerspectiveCamera" in this.object) {
       const o = this.object.position;
-      a.copy(o).sub(this.target);
-      let l = a.length();
+      n.copy(o).sub(this.target);
+      let l = n.length();
       l *= Math.tan(
         this.object.fov / 2 * Math.PI / 180
       ), this.panLeft(
-        2 * t * l / s.clientHeight,
+        2 * t * l / a.clientHeight,
         this.object.matrix
       ), this.panUp(
-        2 * e * l / s.clientHeight,
+        2 * e * l / a.clientHeight,
         this.object.matrix
       );
     } else "isOrthographicCamera" in this.object ? (this.panLeft(
-      t * (this.object.right - this.object.left) / this.object.zoom / s.clientWidth,
+      t * (this.object.right - this.object.left) / this.object.zoom / a.clientWidth,
       this.object.matrix
     ), this.panUp(
-      e * (this.object.top - this.object.bottom) / this.object.zoom / s.clientHeight,
+      e * (this.object.top - this.object.bottom) / this.object.zoom / a.clientHeight,
       this.object.matrix
     )) : (console.warn(
       "WARNING: OrbitController encountered an unknown camera type - pan disabled."
@@ -1399,19 +1355,19 @@ const zt = {
   }
   handleKeyDown(t) {
     let e = !1;
-    const s = t.currentTarget;
+    const a = t.currentTarget;
     switch (t.code) {
       case this.keys.UP:
-        this.pan(0, this.keyPanSpeed, s), e = !0;
+        this.pan(0, this.keyPanSpeed, a), e = !0;
         break;
       case this.keys.BOTTOM:
-        this.pan(0, -this.keyPanSpeed, s), e = !0;
+        this.pan(0, -this.keyPanSpeed, a), e = !0;
         break;
       case this.keys.LEFT:
-        this.pan(this.keyPanSpeed, 0, s), e = !0;
+        this.pan(this.keyPanSpeed, 0, a), e = !0;
         break;
       case this.keys.RIGHT:
-        this.pan(-this.keyPanSpeed, 0, s), e = !0;
+        this.pan(-this.keyPanSpeed, 0, a), e = !0;
         break;
     }
     e && (t.preventDefault(), this.update());
@@ -1420,20 +1376,20 @@ const zt = {
     if (this.pointers.length === 1)
       this.rotateStart.set(t.pageX, t.pageY);
     else {
-      const e = this.getSecondPointer(t), s = 0.5 * (t.pageX + e.pageX), a = 0.5 * (t.pageY + e.pageY);
-      this.rotateStart.set(s, a);
+      const e = this.getSecondPointer(t), a = 0.5 * (t.pageX + e.pageX), n = 0.5 * (t.pageY + e.pageY);
+      this.rotateStart.set(a, n);
     }
   }
   handleTouchStartPan(t) {
     if (this.pointers.length === 1)
       this.panStart.set(t.pageX, t.pageY);
     else {
-      const e = this.getSecondPointer(t), s = 0.5 * (t.pageX + e.pageX), a = 0.5 * (t.pageY + e.pageY);
-      this.panStart.set(s, a);
+      const e = this.getSecondPointer(t), a = 0.5 * (t.pageX + e.pageX), n = 0.5 * (t.pageY + e.pageY);
+      this.panStart.set(a, n);
     }
   }
   handleTouchStartDolly(t) {
-    const e = this.getSecondPointer(t), s = t.pageX - e.pageX, a = t.pageY - e.pageY, o = Math.sqrt(s * s + a * a);
+    const e = this.getSecondPointer(t), a = t.pageX - e.pageX, n = t.pageY - e.pageY, o = Math.sqrt(a * a + n * n);
     this.dollyStart.set(0, o);
   }
   handleTouchStartDollyPan(t) {
@@ -1446,8 +1402,8 @@ const zt = {
     if (this.pointers.length === 1)
       this.rotateEnd.set(t.pageX, t.pageY);
     else {
-      const s = this.getSecondPointer(t), a = 0.5 * (t.pageX + s.pageX), o = 0.5 * (t.pageY + s.pageY);
-      this.rotateEnd.set(a, o);
+      const a = this.getSecondPointer(t), n = 0.5 * (t.pageX + a.pageX), o = 0.5 * (t.pageY + a.pageY);
+      this.rotateEnd.set(n, o);
     }
     const e = t.currentTarget;
     this.rotateDelta.subVectors(this.rotateEnd, this.rotateStart).multiplyScalar(this.rotateSpeed), this.rotateLeft(
@@ -1460,14 +1416,14 @@ const zt = {
     if (this.pointers.length === 1)
       this.panEnd.set(t.pageX, t.pageY);
     else {
-      const s = this.getSecondPointer(t), a = 0.5 * (t.pageX + s.pageX), o = 0.5 * (t.pageY + s.pageY);
-      this.panEnd.set(a, o);
+      const a = this.getSecondPointer(t), n = 0.5 * (t.pageX + a.pageX), o = 0.5 * (t.pageY + a.pageY);
+      this.panEnd.set(n, o);
     }
     const e = t.currentTarget;
     this.panDelta.subVectors(this.panEnd, this.panStart).multiplyScalar(this.panSpeed), this.pan(this.panDelta.x, this.panDelta.y, e), this.panStart.copy(this.panEnd);
   }
   handleTouchMoveDolly(t) {
-    const e = this.getSecondPointer(t), s = t.pageX - e.pageX, a = t.pageY - e.pageY, o = Math.sqrt(s * s + a * a);
+    const e = this.getSecondPointer(t), a = t.pageX - e.pageX, n = t.pageY - e.pageY, o = Math.sqrt(a * a + n * n);
     this.dollyEnd.set(0, o), this.dollyDelta.set(
       0,
       Math.pow(this.dollyEnd.y / this.dollyStart.y, this.zoomSpeed)
@@ -1492,7 +1448,7 @@ const zt = {
   }
   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];
@@ -1504,52 +1460,52 @@ const zt = {
   }
 };
 i(b, "DEFAULT_ZOOM_FACTOR", 1);
-let B = b;
-class Gt extends w {
+let z = b;
+class Ft extends w {
   constructor() {
     super();
     i(this, "_axesHelper");
-    this._axesHelper = new gt(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 M("X", 0.2, W), e = new M("Y", 0.2, Z), s = new M("Z", 0.2, N);
-    t.layers.mask = y, e.layers.mask = y, s.layers.mask = y, t.position.set(0.7, 0, 0), e.position.set(0, 0.7, 0), s.position.set(0, 0, 0.7), this._axesHelper.add(t), this._axesHelper.add(e), this._axesHelper.add(s);
+    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 _t().extractRotation(t).invert()
+      new wt().extractRotation(t).invert()
     );
   }
 }
-class Ft {
-  constructor(n, t, e) {
-    i(this, "uuid", E.generateUUID());
+class Ut {
+  constructor(s, t, e) {
+    i(this, "uuid", S.generateUUID());
     i(this, "_axes");
     i(this, "_orthographicCamera");
-    i(this, "_restoreViewport", new wt());
-    this._renderer = n, this._scene = t, this._camera = e, this._orthographicCamera = new ft(
+    i(this, "_restoreViewport", new bt());
+    this._renderer = s, this._scene = t, this._camera = e, this._orthographicCamera = new yt(
       -1,
       1,
       1,
       -1,
       0.1,
       100
-    ), this._orthographicCamera.layers.mask = y, this._scene.add(this._orthographicCamera), this._axes = new Gt(), this._scene.add(this._axes);
+    ), this._orthographicCamera.layers.mask = y, this._scene.add(this._orthographicCamera), this._axes = new Ft(), this._scene.add(this._axes);
   }
   tick() {
-    const n = this._scene.background;
+    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 = n;
+    ), 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 Ut = `
+const Ht = `
                 @@@@@@@@@@@@@@@@@@@@@@@              @@@@@@@@@@@@@@@@@@@@@@@
            @@@@+-:::::::---------------------==------------------------------=#@@@@
         @@%=::::.......::---------------------------------------------------------+@@
@@ -1584,18 +1540,18 @@ window.DIVE = {
     return window.DIVE.instances[0];
   }
 };
-const Ht = {
+const D = {
   autoStart: !0,
   displayAxes: !1,
-  ...D,
-  ...St,
-  ...H,
-  ...zt
+  ...E,
+  ...vt,
+  ...U,
+  ...Gt
 };
 class Yt {
-  constructor(n) {
+  constructor(s) {
     // descriptive members
-    i(this, "_instanceId", E.generateUUID());
+    i(this, "_instanceId", S.generateUUID());
     i(this, "_settings");
     i(this, "_views");
     i(this, "_mainView");
@@ -1603,26 +1559,32 @@ class Yt {
     i(this, "_clock");
     i(this, "orientationDisplay");
     this._settings = {
-      ...Ht,
-      ...n ?? {}
-    }, this._clock = new Pt(), this._scene = new Bt();
+      ...D,
+      ...s ?? {}
+    }, 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 O(
       this._scene,
       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 Ft(
+    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.0 initialized successfully!"), console.log(Ut), 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.
    */
-  static async QuickView(n, t) {
+  static async QuickView(s, t) {
     return import("../plugins/quickview/index.mjs").then(
-      ({ QuickView: e }) => e(n, t)
+      ({ QuickView: e }) => e(s, t)
     );
   }
   /**
@@ -1632,8 +1594,8 @@ class Yt {
     return Object.assign(this, {
       camera: this.mainView.camera,
       renderer: this.mainView.renderer,
-      setCanvas: (n) => {
-        this.mainView.setCanvas(n);
+      setCanvas: (s) => {
+        this.mainView.setCanvas(s);
       },
       start: () => {
         this.start();
@@ -1668,18 +1630,18 @@ class Yt {
     this._clock.stop();
   }
   async dispose() {
-    return new Promise((n) => {
+    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(
         (t) => t._instanceId !== this._instanceId
-      ), n();
+      ), s();
     });
   }
-  createView(n) {
+  createView(s) {
     const t = new O(
       this._scene,
-      n ?? new C(),
+      s ?? new C(),
       {
         ...this._settings,
         canvas: void 0
@@ -1688,12 +1650,12 @@ class Yt {
     );
     return this._views.push(t), this._clock.addTicker(t), this._views.length === 1 && (this._mainView = t), t;
   }
-  disposeView(n) {
-    this._views = this._views.filter((t) => t !== n), this._clock.removeTicker(n), this._mainView === n && (this._mainView = this._views[0]), n.dispose();
+  disposeView(s) {
+    this._views = this._views.filter((t) => t !== s), this._clock.removeTicker(s), this._mainView === s && (this._mainView = this._views[0]), s.dispose();
   }
 }
-const ee = Yt, W = "#c20017", Z = "#00ab26", N = "#0081d4", Wt = W, Zt = Z, Nt = N;
-class Xt extends P {
+const ee = Yt, Z = "#c20017", N = "#00ab26", X = "#0081d4", Wt = Z, Zt = N, Nt = X;
+class Xt extends k {
   /**
    * Creates a new BoundingBox instance for the specified 3D object.
    *
@@ -1716,7 +1678,7 @@ class Xt extends P {
    * const defaultBox = new BoundingBox(mesh);
    * ```
    */
-  constructor(t, e = !1, s = 65280) {
+  constructor(t, e = !1, a = 65280) {
     super();
     /** The computed bounding box (Box3) */
     i(this, "_box");
@@ -1732,19 +1694,19 @@ class Xt extends P {
     i(this, "_sphereHelper");
     /** The dimensions (width, height, depth) of the bounding box */
     i(this, "_size");
-    const a = new I();
-    e ? a.setFromObject(t) : (t.updateWorldMatrix(!0, !0), t.traverse((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 x()).invert();
-        d.applyQuaternion(u), d.computeBoundingBox(), d.boundingBox && a.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 = a, this._size = a.getSize(new h()), this._center = a.getCenter(new h()), this._boxHelper = new yt(this._box, s), this._boxHelper.visible = !1, this.add(this._boxHelper), this._sphere = a.getBoundingSphere(new bt()), this._radius = this._sphere.radius;
-    const o = new T(this._radius, 32, 32);
-    o.translate(this._center.x, this._center.y, this._center.z), this._sphereHelper = new S(
+    })), 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 z({ color: s, wireframe: !0 })
+      new B({ color: a, wireframe: !0 })
     ), this._sphereHelper.visible = !1, this.add(this._sphereHelper);
   }
   /**
@@ -1839,40 +1801,40 @@ const qt = {
 );
 export {
   Wt as A,
-  P as B,
-  Lt as C,
-  Ht as D,
-  Vt as E,
+  k as B,
+  kt as C,
+  D,
+  At as E,
   Xt as F,
-  At as G,
-  k as H,
+  Ct as G,
+  Y as H,
   qt as I,
-  zt as O,
+  Gt as O,
   ie as S,
-  B as a,
-  Ft as b,
-  Gt as c,
+  z as a,
+  Ut as b,
+  Ft as c,
   Yt as d,
-  Tt as e,
-  It as f,
+  Mt as e,
+  W as f,
   Zt as g,
   Nt as h,
   ee as i,
-  Pt as j,
-  H as k,
-  Y as l,
+  Lt as j,
+  U as k,
+  H as l,
   te as m,
-  vt as n,
-  D as o,
+  xt as n,
+  E as o,
   Bt as p,
   O as q,
-  W as r,
-  Z as s,
-  N as t,
-  Ct as u,
+  Z as r,
+  N as s,
+  X as t,
+  Ot as u,
   Rt as v,
-  Ot as w,
-  kt as x,
-  Mt as y,
-  xt as z
+  zt as w,
+  Vt as x,
+  It as y,
+  Tt as z
 };