@shopware-ag/dive 1.12.0 → 1.13.0

package/build/dive.cjs

@@ -671,13 +671,10 @@ var DIVERenderer = class extends import_three.WebGLRenderer {
 };
 
 // src/scene/Scene.ts
-var import_three15 = require("three");
+var import_three13 = require("three");
 
 // src/scene/root/Root.ts
-var import_three14 = require("three");
-
-// src/scene/root/lightroot/LightRoot.ts
-var import_three7 = require("three");
+var import_three10 = require("three");
 
 // src/light/AmbientLight.ts
 var import_three2 = require("three");
@@ -685,6 +682,8 @@ init_VisibilityLayerMask();
 var DIVEAmbientLight = class extends import_three2.Object3D {
   constructor() {
     super();
+    this.isDIVELight = true;
+    this.isDIVEAmbientLight = true;
     this.name = "DIVEAmbientLight";
     this._light = new import_three2.AmbientLight(16777215, 1);
     this._light.layers.mask = PRODUCT_LAYER_MASK;
@@ -840,6 +839,10 @@ var _DIVECommunication = class _DIVECommunication {
         returnValue = this.generateMedia(payload);
         break;
       }
+      case "SET_PARENT": {
+        returnValue = this.setParent(payload);
+        break;
+      }
     }
     this.dispatch(action, payload);
     return returnValue;
@@ -866,8 +869,8 @@ var _DIVECommunication = class _DIVECommunication {
       name: this.scene.name,
       mediaItem: null,
       backgroundColor: "#" + this.scene.background.getHexString(),
-      floorEnabled: this.scene.Root.Floor.visible,
-      floorColor: "#" + this.scene.Root.Floor.material.color.getHexString(),
+      floorEnabled: this.scene.Floor.visible,
+      floorColor: "#" + this.scene.Floor.material.color.getHexString(),
       userCamera: {
         position: this.controller.object.position.clone(),
         target: this.controller.target.clone()
@@ -895,6 +898,7 @@ var _DIVECommunication = class _DIVECommunication {
   }
   addObject(payload) {
     if (this.registered.get(payload.id)) return false;
+    if (payload.parent === void 0) payload.parent = null;
     this.registered.set(payload.id, payload);
     this.scene.AddSceneObject(payload);
     return true;
@@ -904,7 +908,7 @@ var _DIVECommunication = class _DIVECommunication {
     if (!objectToUpdate) return false;
     this.registered.set(payload.id, __spreadValues(__spreadValues({}, objectToUpdate), payload));
     const updatedObject = this.registered.get(payload.id);
-    this.scene.UpdateSceneObject(updatedObject);
+    this.scene.UpdateSceneObject(__spreadProps(__spreadValues({}, payload), { id: updatedObject.id, entityType: updatedObject.entityType }));
     Object.assign(payload, updatedObject);
     return true;
   }
@@ -1023,14 +1027,14 @@ var _DIVECommunication = class _DIVECommunication {
   updateScene(payload) {
     if (payload.name !== void 0) this.scene.name = payload.name;
     if (payload.backgroundColor !== void 0) this.scene.SetBackground(payload.backgroundColor);
-    if (payload.gridEnabled !== void 0) this.scene.Root.Grid.SetVisibility(payload.gridEnabled);
-    if (payload.floorEnabled !== void 0) this.scene.Root.Floor.SetVisibility(payload.floorEnabled);
-    if (payload.floorColor !== void 0) this.scene.Root.Floor.SetColor(payload.floorColor);
+    if (payload.gridEnabled !== void 0) this.scene.Grid.SetVisibility(payload.gridEnabled);
+    if (payload.floorEnabled !== void 0) this.scene.Floor.SetVisibility(payload.floorEnabled);
+    if (payload.floorColor !== void 0) this.scene.Floor.SetColor(payload.floorColor);
     payload.name = this.scene.name;
     payload.backgroundColor = "#" + this.scene.background.getHexString();
-    payload.gridEnabled = this.scene.Root.Grid.visible;
-    payload.floorEnabled = this.scene.Root.Floor.visible;
-    payload.floorColor = "#" + this.scene.Root.Floor.material.color.getHexString();
+    payload.gridEnabled = this.scene.Grid.visible;
+    payload.floorEnabled = this.scene.Floor.visible;
+    payload.floorColor = "#" + this.scene.Floor.material.color.getHexString();
     return true;
   }
   generateMedia(payload) {
@@ -1046,6 +1050,31 @@ var _DIVECommunication = class _DIVECommunication {
     payload.dataUri = this.mediaGenerator.GenerateMedia(position, target, payload.width, payload.height);
     return true;
   }
+  setParent(payload) {
+    const object = this.registered.get(payload.object.id);
+    if (!object) return false;
+    const sceneObject = this.scene.GetSceneObject(object);
+    if (!sceneObject) return false;
+    if (payload.parent === null) {
+      this.scene.Root.attach(sceneObject);
+      return true;
+    }
+    if (payload.object.id === payload.parent.id) {
+      return false;
+    }
+    const parent = this.registered.get(payload.parent.id);
+    if (!parent) {
+      this.scene.Root.attach(sceneObject);
+      return true;
+    }
+    const parentObject = this.scene.GetSceneObject(parent);
+    if (!parentObject) {
+      this.scene.Root.attach(sceneObject);
+      return true;
+    }
+    parentObject.attach(sceneObject);
+    return true;
+  }
 };
 _DIVECommunication.__instances = [];
 var DIVECommunication = _DIVECommunication;
@@ -1055,6 +1084,8 @@ init_VisibilityLayerMask();
 var DIVEPointLight = class extends import_three5.Object3D {
   constructor() {
     super();
+    this.isDIVELight = true;
+    this.isDIVEPointLight = true;
     this.isMoveable = true;
     this.isSelectable = true;
     this.gizmo = null;
@@ -1103,6 +1134,8 @@ var import_three6 = require("three");
 var DIVESceneLight = class extends import_three6.Object3D {
   constructor() {
     super();
+    this.isDIVELight = true;
+    this.isDIVESceneLight = true;
     this.name = "DIVESceneLight";
     this._hemiLight = new import_three6.HemisphereLight(16777215, 16777215, 2);
     this._hemiLight.layers.mask = PRODUCT_LAYER_MASK;
@@ -1137,86 +1170,8 @@ var DIVESceneLight = class extends import_three6.Object3D {
   }
 };
 
-// src/scene/root/lightroot/LightRoot.ts
-var DIVELightRoot = class extends import_three7.Object3D {
-  constructor() {
-    super();
-    this.name = "LightRoot";
-  }
-  GetLight(object) {
-    if (object.id === void 0) {
-      console.warn("LightRoot.GetLight: object.id is undefined");
-      return void 0;
-    }
-    return this.children.find((object3D) => object3D.userData.id === object.id);
-  }
-  UpdateLight(light) {
-    if (light.id === void 0) {
-      console.warn(`LightRoot.UpdateLight: light.id is undefined`);
-      return;
-    }
-    let sceneObject = this.children.find((object3D) => object3D.userData.id === light.id);
-    if (!sceneObject) {
-      switch (light.type) {
-        case "scene": {
-          sceneObject = new DIVESceneLight();
-          break;
-        }
-        case "ambient": {
-          sceneObject = new DIVEAmbientLight();
-          break;
-        }
-        case "point": {
-          sceneObject = new DIVEPointLight();
-          break;
-        }
-        default: {
-          console.warn(`LightRoot.UpdateLight: Unknown light type: ${light.type}`);
-          return;
-        }
-      }
-      sceneObject.userData.id = light.id;
-      this.add(sceneObject);
-    }
-    if (light.name !== void 0 && light.name !== null) sceneObject.name = light.name;
-    if (light.position !== void 0 && light.position !== null) sceneObject.position.set(light.position.x, light.position.y, light.position.z);
-    if (light.intensity !== void 0 && light.intensity !== null) sceneObject.SetIntensity(light.intensity);
-    if (light.enabled !== void 0 && light.enabled !== null) sceneObject.SetEnabled(light.enabled);
-    if (light.color !== void 0 && light.color !== null) sceneObject.SetColor(new import_three7.Color(light.color));
-    if (light.visible !== void 0 && light.visible !== null) sceneObject.visible = light.visible;
-  }
-  DeleteLight(light) {
-    if (light.id === void 0) {
-      console.warn("LightRoot.DeleteLight: light.id is undefined");
-      return;
-    }
-    const sceneObject = this.children.find((object3D) => object3D.userData.id === light.id);
-    if (!sceneObject) {
-      console.warn(`LightRoot.DeleteLight: Light with id ${light.id} not found`);
-      return;
-    }
-    const findScene = (object) => {
-      if (object.parent !== null) {
-        return findScene(object.parent);
-      }
-      ;
-      return object;
-    };
-    const scene = findScene(sceneObject);
-    scene.children.find((object) => {
-      if ("isTransformControls" in object) {
-        object.detach();
-      }
-    });
-    this.remove(sceneObject);
-  }
-};
-
-// src/scene/root/modelroot/ModelRoot.ts
-var import_three9 = require("three");
-
 // src/model/Model.ts
-var import_three8 = require("three");
+var import_three7 = require("three");
 init_VisibilityLayerMask();
 
 // src/helper/findSceneRecursive/findSceneRecursive.ts
@@ -1228,16 +1183,17 @@ var findSceneRecursive = (object) => {
 };
 
 // src/model/Model.ts
-var DIVEModel = class extends import_three8.Object3D {
+var DIVEModel = class extends import_three7.Object3D {
   constructor() {
     super();
+    this.isDIVEModel = true;
     this.isSelectable = true;
     this.isMoveable = true;
     this.gizmo = null;
     this._mesh = null;
     this._material = null;
     this.layers.mask = PRODUCT_LAYER_MASK;
-    this.boundingBox = new import_three8.Box3();
+    this.boundingBox = new import_three7.Box3();
   }
   SetModel(gltf) {
     this.clear();
@@ -1261,7 +1217,7 @@ var DIVEModel = class extends import_three8.Object3D {
     this.position.set(position.x, position.y, position.z);
   }
   SetRotation(rotation) {
-    this.rotation.setFromVector3(new import_three8.Vector3(rotation.x, rotation.y, rotation.z));
+    this.rotation.setFromVector3(new import_three7.Vector3(rotation.x, rotation.y, rotation.z));
   }
   SetScale(scale) {
     this.scale.set(scale.x, scale.y, scale.z);
@@ -1273,13 +1229,13 @@ var DIVEModel = class extends import_three8.Object3D {
   }
   SetMaterial(material) {
     if (!this._material) {
-      this._material = new import_three8.MeshStandardMaterial();
+      this._material = new import_three7.MeshStandardMaterial();
     }
     if (material.vertexColors !== void 0) {
       this._material.vertexColors = material.vertexColors;
     }
     if (material.color !== void 0) {
-      this._material.color = new import_three8.Color(material.color);
+      this._material.color.set(material.color);
     }
     if (material.map !== void 0) {
       this._material.map = material.map;
@@ -1307,7 +1263,6 @@ var DIVEModel = class extends import_three8.Object3D {
     }
     if (this._mesh) {
       this._mesh.material = this._material;
-      this._mesh.material.needsUpdate = true;
     }
   }
   SetToWorldOrigin() {
@@ -1327,9 +1282,9 @@ var DIVEModel = class extends import_three8.Object3D {
       return;
     }
     const bottomY = this.boundingBox.min.y * this.scale.y;
-    const bbBottomCenter = this.localToWorld(this.boundingBox.getCenter(new import_three8.Vector3()).multiply(this.scale));
+    const bbBottomCenter = this.localToWorld(this.boundingBox.getCenter(new import_three7.Vector3()).multiply(this.scale));
     bbBottomCenter.y = bottomY + this.position.y;
-    const raycaster = new import_three8.Raycaster(bbBottomCenter, new import_three8.Vector3(0, -1, 0));
+    const raycaster = new import_three7.Raycaster(bbBottomCenter, new import_three7.Vector3(0, -1, 0));
     raycaster.layers.mask = PRODUCT_LAYER_MASK;
     const intersections = raycaster.intersectObjects(findSceneRecursive(this).Root.children, true);
     if (intersections.length > 0) {
@@ -1338,7 +1293,7 @@ var DIVEModel = class extends import_three8.Object3D {
       const meshBB = mesh.geometry.boundingBox;
       const worldPos = mesh.localToWorld(meshBB.max.clone());
       const oldPos = this.position.clone();
-      const newPos = this.position.clone().setY(worldPos.y).sub(new import_three8.Vector3(0, bottomY, 0));
+      const newPos = this.position.clone().setY(worldPos.y).sub(new import_three7.Vector3(0, bottomY, 0));
       this.position.copy(newPos);
       if (this.position.y === oldPos.y) return;
       (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("UPDATE_OBJECT", { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });
@@ -1390,98 +1345,26 @@ var DIVELoadingManager = class {
   }
 };
 
-// src/scene/root/modelroot/ModelRoot.ts
-var DIVEModelRoot = class extends import_three9.Object3D {
-  constructor() {
-    super();
-    this.name = "ModelRoot";
-    this.loadingManager = new DIVELoadingManager();
-  }
-  GetModel(object) {
-    if (object.id === void 0) {
-      console.warn("ModelRoot.GetModel: object.id is undefined");
-      return void 0;
-    }
-    return this.children.find((object3D) => object3D.userData.id === object.id);
-  }
-  UpdateModel(object) {
-    if (object.id === void 0) {
-      console.warn("ModelRoot.UpdateModel: object.id is undefined");
-      return;
-    }
-    let sceneObject = this.children.find((object3D) => object3D.userData.id === object.id);
-    if (!sceneObject && object.uri !== void 0) {
-      const model = new DIVEModel();
-      sceneObject = model;
-      sceneObject.userData.id = object.id;
-      this.add(sceneObject);
-      this.loadingManager.LoadGLTF(object.uri).then((gltf) => {
-        var _a;
-        model.SetModel(gltf);
-        (_a = DIVECommunication.get(object.id)) == null ? void 0 : _a.PerformAction("MODEL_LOADED", { id: object.id });
-      });
-    }
-    if (object.position !== void 0) sceneObject.SetPosition(object.position);
-    if (object.rotation !== void 0) sceneObject.SetRotation(object.rotation);
-    if (object.scale !== void 0) sceneObject.SetScale(object.scale);
-    if (object.visible !== void 0) sceneObject.SetVisibility(object.visible);
-    if (object.material !== void 0) sceneObject.SetMaterial(object.material);
-  }
-  DeleteModel(object) {
-    if (object.id === void 0) {
-      console.warn(`ModelRoot.DeleteModel: object.id is undefined`);
-      return;
-    }
-    const sceneObject = this.children.find((object3D) => object3D.userData.id === object.id);
-    if (!sceneObject) {
-      console.warn(`ModelRoot.DeleteModel: Model with id ${object.id} not found`);
-      return;
-    }
-    const findScene = (object2) => {
-      if (object2.parent !== null) {
-        return findScene(object2.parent);
-      }
-      ;
-      return object2;
-    };
-    const scene = findScene(sceneObject);
-    scene.children.find((object2) => {
-      if ("isTransformControls" in object2) {
-        object2.detach();
-      }
-    });
-    this.remove(sceneObject);
-  }
-  PlaceOnFloor(object) {
-    if (object.id === void 0) console.warn("ModelRoot.PlaceOnFloor: object.id is undefined");
-    const sceneObject = this.children.find((object3D) => object3D.userData.id === object.id);
-    if (!sceneObject) return;
-    sceneObject.PlaceOnFloor();
-  }
-};
-
-// src/scene/root/primitiveroot/PrimitiveRoot.ts
-var import_three11 = require("three");
-
 // src/primitive/Primitive.ts
-var import_three10 = require("three");
+var import_three8 = require("three");
 init_VisibilityLayerMask();
-var DIVEPrimitive = class extends import_three10.Object3D {
+var DIVEPrimitive = class extends import_three8.Object3D {
   constructor() {
     super();
+    this.isDIVEPrimitive = true;
     this.isSelectable = true;
     this.isMoveable = true;
     this.gizmo = null;
     this.layers.mask = PRODUCT_LAYER_MASK;
-    this._mesh = new import_three10.Mesh();
+    this._mesh = new import_three8.Mesh();
     this._mesh.layers.mask = PRODUCT_LAYER_MASK;
     this._mesh.castShadow = true;
     this._mesh.receiveShadow = true;
+    this._mesh.material = new import_three8.MeshStandardMaterial();
     this.add(this._mesh);
-    this._boundingBox = new import_three10.Box3();
+    this._boundingBox = new import_three8.Box3();
   }
   SetGeometry(geometry) {
-    this.clear();
     this._mesh.geometry = this.assembleGeometry(geometry);
     this._boundingBox.setFromObject(this._mesh);
   }
@@ -1489,7 +1372,7 @@ var DIVEPrimitive = class extends import_three10.Object3D {
     this.position.set(position.x, position.y, position.z);
   }
   SetRotation(rotation) {
-    this.rotation.setFromVector3(new import_three10.Vector3(rotation.x, rotation.y, rotation.z));
+    this.rotation.setFromVector3(new import_three8.Vector3(rotation.x, rotation.y, rotation.z));
   }
   SetScale(scale) {
     this.scale.set(scale.x, scale.y, scale.z);
@@ -1501,20 +1384,34 @@ var DIVEPrimitive = class extends import_three10.Object3D {
   }
   SetMaterial(material) {
     const primitiveMaterial = this._mesh.material;
-    if (material.color !== void 0) primitiveMaterial.color = new import_three10.Color(material.color);
-    if (material.map !== void 0) primitiveMaterial.map = material.map;
-    if (material.roughness !== void 0) primitiveMaterial.roughness = material.roughness;
+    if (material.vertexColors !== void 0) {
+      primitiveMaterial.vertexColors = material.vertexColors;
+    }
+    if (material.color !== void 0) {
+      primitiveMaterial.color = new import_three8.Color(material.color);
+    }
+    if (material.map !== void 0) {
+      primitiveMaterial.map = material.map;
+    }
+    if (material.normalMap !== void 0) {
+      primitiveMaterial.normalMap = material.normalMap;
+    }
+    if (material.roughness !== void 0) {
+      primitiveMaterial.roughness = material.roughness;
+    }
     if (material.roughnessMap !== void 0) {
       primitiveMaterial.roughnessMap = material.roughnessMap;
       if (primitiveMaterial.roughnessMap) {
         primitiveMaterial.roughness = 1;
       }
     }
-    if (material.metalness !== void 0) primitiveMaterial.metalness = material.metalness;
+    if (material.metalness !== void 0) {
+      primitiveMaterial.metalness = material.metalness;
+    }
     if (material.metalnessMap !== void 0) {
       primitiveMaterial.metalnessMap = material.metalnessMap;
       if (primitiveMaterial.metalnessMap) {
-        primitiveMaterial.metalness = 1;
+        primitiveMaterial.metalness = 0;
       }
     }
     if (this._mesh) this._mesh.material = primitiveMaterial;
@@ -1536,9 +1433,9 @@ var DIVEPrimitive = class extends import_three10.Object3D {
       return;
     }
     const bottomY = this._boundingBox.min.y * this.scale.y;
-    const bbBottomCenter = this.localToWorld(this._boundingBox.getCenter(new import_three10.Vector3()).multiply(this.scale));
+    const bbBottomCenter = this.localToWorld(this._boundingBox.getCenter(new import_three8.Vector3()).multiply(this.scale));
     bbBottomCenter.y = bottomY + this.position.y;
-    const raycaster = new import_three10.Raycaster(bbBottomCenter, new import_three10.Vector3(0, -1, 0));
+    const raycaster = new import_three8.Raycaster(bbBottomCenter, new import_three8.Vector3(0, -1, 0));
     raycaster.layers.mask = PRODUCT_LAYER_MASK;
     const intersections = raycaster.intersectObjects(findSceneRecursive(this).Root.children, true);
     if (intersections.length > 0) {
@@ -1547,7 +1444,7 @@ var DIVEPrimitive = class extends import_three10.Object3D {
       const meshBB = mesh.geometry.boundingBox;
       const worldPos = mesh.localToWorld(meshBB.max.clone());
       const oldPos = this.position.clone();
-      const newPos = this.position.clone().setY(worldPos.y).sub(new import_three10.Vector3(0, bottomY, 0));
+      const newPos = this.position.clone().setY(worldPos.y).sub(new import_three8.Vector3(0, bottomY, 0));
       this.position.copy(newPos);
       if (this.position.y === oldPos.y) return;
       (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("UPDATE_OBJECT", { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });
@@ -1582,212 +1479,131 @@ var DIVEPrimitive = class extends import_three10.Object3D {
       case "plane":
         return this.createPlaneGeometry(geometry);
       default:
-        return new import_three10.BufferGeometry();
+        return new import_three8.BufferGeometry();
     }
   }
   createCylinderGeometry(geometry) {
-    return new import_three10.CylinderGeometry(geometry.width * 2, geometry.width * 2, geometry.height, 64);
+    const geo = new import_three8.CylinderGeometry(geometry.width / 2, geometry.width / 2, geometry.height, 64);
+    geo.translate(0, geometry.height / 2, 0);
+    return geo;
   }
   createSphereGeometry(geometry) {
-    return new import_three10.SphereGeometry(geometry.width * 2, 64);
+    const geo = new import_three8.SphereGeometry(geometry.width / 2, 256, 256);
+    return geo;
   }
   createPyramidGeometry(geometry) {
-    const geo = new import_three10.BufferGeometry();
-    const { width, height, depth } = geometry;
-    geo.setAttribute("position", new import_three10.Float32BufferAttribute([
-      width / 2,
-      0,
-      depth / 2,
-      // right back
-      width / 2,
-      0,
-      -depth / 2,
-      // right front
-      -width / 2,
-      0,
-      -depth / 2,
-      // left front
-      -width / 2,
-      0,
-      depth / 2,
-      // left back
-      0,
-      height,
-      0
-      // top
-    ], 3));
-    geo.setIndex(new import_three10.Uint32BufferAttribute([
-      1,
-      0,
-      4,
-      2,
-      1,
-      4,
-      3,
-      2,
-      4,
-      3,
-      0,
-      4,
-      0,
-      1,
-      2,
-      0,
-      2,
-      3
-    ], 1));
+    const geo = new import_three8.ConeGeometry(geometry.width / 2, geometry.height, 4, 1, true);
+    geo.rotateY(Math.PI / 4);
+    geo.translate(0, geometry.height / 2, 0);
     return geo;
   }
   createBoxGeometry(geometry) {
-    return new import_three10.BoxGeometry(geometry.width, geometry.height, geometry.depth);
+    const geo = new import_three8.BoxGeometry(geometry.width, geometry.height, geometry.depth);
+    geo.translate(0, geometry.height / 2, 0);
+    return geo;
   }
   createConeGeometry(geometry) {
-    return new import_three10.CylinderGeometry(0, geometry.width * 2, geometry.height, 64);
+    const geo = new import_three8.ConeGeometry(geometry.width / 2, geometry.height, 256);
+    geo.translate(0, geometry.height / 2, 0);
+    return geo;
   }
   createWallGeometry(geometry) {
-    return new import_three10.BoxGeometry(geometry.width, geometry.height, geometry.depth, 16);
+    const geo = new import_three8.BoxGeometry(geometry.width, geometry.height, geometry.depth || 0.05, 16);
+    geo.translate(0, geometry.height / 2, 0);
+    return geo;
   }
   createPlaneGeometry(geometry) {
-    return new import_three10.BoxGeometry(geometry.width, geometry.height, geometry.depth);
+    const geo = new import_three8.BoxGeometry(geometry.width, geometry.height, geometry.depth);
+    geo.translate(0, geometry.height / 2, 0);
+    return geo;
   }
 };
 
-// src/scene/root/primitiveroot/PrimitiveRoot.ts
-var DIVEPrimitiveRoot = class extends import_three11.Object3D {
+// src/group/Group.ts
+var import_three9 = require("three");
+var DIVEGroup = class extends import_three9.Object3D {
   constructor() {
     super();
-    this.name = "PrimitiveRoot";
+    this.isDIVEGroup = true;
+    this.isSelectable = true;
+    this.isMoveable = true;
+    this.name = "DIVEGroup";
+    this._bb = new import_three9.Box3();
+    this._boxMesh = new import_three9.Mesh(new import_three9.BoxGeometry(0, 0, 0), new import_three9.MeshBasicMaterial({ color: 16711680, wireframe: true }));
+    this._boxMesh.visible = false;
+    this.add(this._boxMesh);
   }
-  GetPrimitive(object) {
-    if (object.id === void 0) {
-      console.warn("PrimitiveRoot.GetPrimitive: object.id is undefined");
-      return void 0;
-    }
-    return this.children.find((object3D) => object3D.userData.id === object.id);
+  SetPosition(position) {
+    this.position.set(position.x, position.y, position.z);
   }
-  UpdatePrimitive(object) {
-    if (object.id === void 0) {
-      console.warn("PrimitiveRoot.UpdatePrimitive: object.id is undefined");
-      return;
-    }
-    let sceneObject = this.children.find((object3D) => object3D.userData.id === object.id);
-    if (!sceneObject && object.geometry !== void 0) {
-      const primitive = new DIVEPrimitive();
-      primitive.SetGeometry(object.geometry);
-      sceneObject = primitive;
-      sceneObject.userData.id = object.id;
-      this.add(sceneObject);
-    }
-    if (object.position !== void 0) sceneObject.SetPosition(object.position);
-    if (object.rotation !== void 0) sceneObject.SetRotation(object.rotation);
-    if (object.scale !== void 0) sceneObject.SetScale(object.scale);
-    if (object.visible !== void 0) sceneObject.SetVisibility(object.visible);
-    if (object.material !== void 0) sceneObject.SetMaterial(object.material);
+  SetRotation(rotation) {
+    this.rotation.setFromVector3(new import_three9.Vector3(rotation.x, rotation.y, rotation.z));
   }
-  DeletePrimitive(object) {
-    if (object.id === void 0) {
-      console.warn(`PrimitiveRoot.DeletePrimitive: object.id is undefined`);
-      return;
-    }
-    const sceneObject = this.children.find((object3D) => object3D.userData.id === object.id);
-    if (!sceneObject) {
-      console.warn(`PrimitiveRoot.DeletePrimitive: Primitive with id ${object.id} not found`);
-      return;
-    }
-    const findScene = (object2) => {
-      if (object2.parent !== null) {
-        return findScene(object2.parent);
-      }
-      ;
-      return object2;
-    };
-    const scene = findScene(sceneObject);
-    scene.children.find((object2) => {
-      if ("isTransformControls" in object2) {
-        object2.detach();
-      }
+  SetScale(scale) {
+    this.scale.set(scale.x, scale.y, scale.z);
+  }
+  SetVisibility(visible) {
+    this.traverse((child) => {
+      if (child.uuid === this._boxMesh.uuid) return;
+      child.visible = visible;
     });
-    this.remove(sceneObject);
   }
-  PlaceOnFloor(object) {
-    if (object.id === void 0) console.warn("PrimitiveRoot.PlaceOnFloor: object.id is undefined");
-    const sceneObject = this.children.find((object3D) => object3D.userData.id === object.id);
-    if (!sceneObject) return;
-    sceneObject.PlaceOnFloor();
+  SetBoundingBoxVisibility(visible) {
+    this._boxMesh.visible = visible;
   }
-};
-
-// src/primitive/floor/Floor.ts
-var import_three12 = require("three");
-init_VisibilityLayerMask();
-var DIVEFloor = class extends import_three12.Mesh {
-  constructor() {
-    super(new import_three12.PlaneGeometry(1e4, 1e4), new import_three12.MeshStandardMaterial({ color: new import_three12.Color(150 / 255, 150 / 255, 150 / 255) }));
-    this.isFloor = true;
-    this.name = "Floor";
-    this.layers.mask = PRODUCT_LAYER_MASK;
-    this.receiveShadow = true;
-    this.rotateX(-Math.PI / 2);
+  attach(object) {
+    super.attach(object);
+    this.recalculatePosition();
+    this.updateBoxMesh();
+    return this;
   }
-  SetVisibility(visible) {
-    this.visible = visible;
+  remove(object) {
+    super.remove(object);
+    this.recalculatePosition();
+    this.updateBoxMesh();
+    return this;
   }
-  SetColor(color) {
-    this.material.color = new import_three12.Color(color);
+  /**
+   * Recalculates the position of the group based on it's bounding box.
+   * Children's world positions are kept.
+   */
+  recalculatePosition() {
+    const childrensWorldPositions = this.children.map((child) => child.getWorldPosition(new import_three9.Vector3()));
+    const bbcenter = this.updateBB();
+    this.position.copy(bbcenter);
+    this.children.forEach((child, i) => {
+      if (child.uuid === this._boxMesh.uuid) return;
+      child.position.copy(this.worldToLocal(childrensWorldPositions[i]));
+    });
   }
-};
-
-// src/constant/GridColors.ts
-var GRID_CENTER_LINE_COLOR = "#888888";
-var GRID_SIDE_LINE_COLOR = "#dddddd";
-
-// src/grid/Grid.ts
-init_VisibilityLayerMask();
-var import_three13 = require("three");
-var DIVEGrid = class extends import_three13.Object3D {
-  constructor() {
-    super();
-    this.name = "Grid";
-    const grid = new import_three13.GridHelper(100, 100, GRID_CENTER_LINE_COLOR, GRID_SIDE_LINE_COLOR);
-    grid.material.depthTest = false;
-    grid.layers.mask = HELPER_LAYER_MASK;
-    this.add(grid);
+  /**
+   * Updates the bounding box of the group.
+   * @returns {Vector3} The new center of the bounding box.
+   */
+  updateBB() {
+    this._bb.makeEmpty();
+    this.children.forEach((child) => {
+      if (child.uuid === this._boxMesh.uuid) return;
+      this._bb.expandByObject(child);
+    });
+    return this._bb.getCenter(new import_three9.Vector3());
   }
-  SetVisibility(visible) {
-    this.visible = visible;
+  updateBoxMesh() {
+    this._boxMesh.geometry = new import_three9.BoxGeometry(this._bb.max.x - this._bb.min.x, this._bb.max.y - this._bb.min.y, this._bb.max.z - this._bb.min.z);
   }
 };
 
 // src/scene/root/Root.ts
-var DIVERoot = class extends import_three14.Object3D {
-  get Floor() {
-    return this.floor;
-  }
-  get Grid() {
-    return this.grid;
-  }
+var DIVERoot = class extends import_three10.Object3D {
   constructor() {
     super();
+    this.isDIVERoot = true;
     this.name = "Root";
-    this.lightRoot = new DIVELightRoot();
-    this.add(this.lightRoot);
-    this.modelRoot = new DIVEModelRoot();
-    this.add(this.modelRoot);
-    this.primitiveRoot = new DIVEPrimitiveRoot();
-    this.add(this.primitiveRoot);
-    this.floor = new DIVEFloor();
-    this.add(this.floor);
-    this.grid = new DIVEGrid();
-    this.add(this.grid);
+    this.loadingManager = new DIVELoadingManager();
   }
   ComputeSceneBB() {
-    const bb = new import_three14.Box3();
-    this.modelRoot.traverse((object) => {
-      if ("isObject3D" in object) {
-        bb.expandByObject(object);
-      }
-    });
-    this.primitiveRoot.traverse((object) => {
+    const bb = new import_three10.Box3();
+    this.traverse((object) => {
       if ("isObject3D" in object) {
         bb.expandByObject(object);
       }
@@ -1795,20 +1611,7 @@ var DIVERoot = class extends import_three14.Object3D {
     return bb;
   }
   GetSceneObject(object) {
-    switch (object.entityType) {
-      case "pov": {
-        return void 0;
-      }
-      case "light": {
-        return this.lightRoot.GetLight(object);
-      }
-      case "model": {
-        return this.modelRoot.GetModel(object);
-      }
-      case "primitive": {
-        return this.primitiveRoot.GetPrimitive(object);
-      }
-    }
+    return this.children.find((object3D) => object3D.userData.id === object.id);
   }
   AddSceneObject(object) {
     switch (object.entityType) {
@@ -1816,15 +1619,19 @@ var DIVERoot = class extends import_three14.Object3D {
         break;
       }
       case "light": {
-        this.lightRoot.UpdateLight(object);
+        this.updateLight(object);
         break;
       }
       case "model": {
-        this.modelRoot.UpdateModel(object);
+        this.updateModel(object);
         break;
       }
       case "primitive": {
-        this.primitiveRoot.UpdatePrimitive(object);
+        this.updatePrimitive(object);
+        break;
+      }
+      case "group": {
+        this.updateGroup(object);
         break;
       }
     }
@@ -1835,15 +1642,19 @@ var DIVERoot = class extends import_three14.Object3D {
         break;
       }
       case "light": {
-        this.lightRoot.UpdateLight(object);
+        this.updateLight(object);
         break;
       }
       case "model": {
-        this.modelRoot.UpdateModel(object);
+        this.updateModel(object);
         break;
       }
       case "primitive": {
-        this.primitiveRoot.UpdatePrimitive(object);
+        this.updatePrimitive(object);
+        break;
+      }
+      case "group": {
+        this.updateGroup(object);
         break;
       }
     }
@@ -1854,15 +1665,19 @@ var DIVERoot = class extends import_three14.Object3D {
         break;
       }
       case "light": {
-        this.lightRoot.DeleteLight(object);
+        this.deleteLight(object);
         break;
       }
       case "model": {
-        this.modelRoot.DeleteModel(object);
+        this.deleteModel(object);
         break;
       }
       case "primitive": {
-        this.primitiveRoot.DeletePrimitive(object);
+        this.deletePrimitive(object);
+        break;
+      }
+      case "group": {
+        this.deleteGroup(object);
         break;
       }
     }
@@ -1873,31 +1688,239 @@ var DIVERoot = class extends import_three14.Object3D {
       case "light": {
         break;
       }
-      case "model": {
-        this.modelRoot.PlaceOnFloor(object);
-        break;
-      }
+      case "model":
       case "primitive": {
-        this.primitiveRoot.PlaceOnFloor(object);
+        this.placeOnFloor(object);
         break;
       }
     }
   }
+  updateLight(light) {
+    let sceneObject = this.GetSceneObject(light);
+    if (!sceneObject) {
+      switch (light.type) {
+        case "scene": {
+          sceneObject = new DIVESceneLight();
+          break;
+        }
+        case "ambient": {
+          sceneObject = new DIVEAmbientLight();
+          break;
+        }
+        case "point": {
+          sceneObject = new DIVEPointLight();
+          break;
+        }
+        default: {
+          console.warn(`Root.updateLight: Unknown light type: ${light.type}`);
+          return;
+        }
+      }
+      sceneObject.userData.id = light.id;
+      this.add(sceneObject);
+    }
+    if (light.name !== void 0 && light.name !== null) sceneObject.name = light.name;
+    if (light.position !== void 0 && light.position !== null) sceneObject.position.set(light.position.x, light.position.y, light.position.z);
+    if (light.intensity !== void 0 && light.intensity !== null) sceneObject.SetIntensity(light.intensity);
+    if (light.enabled !== void 0 && light.enabled !== null) sceneObject.SetEnabled(light.enabled);
+    if (light.color !== void 0 && light.color !== null) sceneObject.SetColor(new import_three10.Color(light.color));
+    if (light.visible !== void 0 && light.visible !== null) sceneObject.visible = light.visible;
+    if (light.parent !== void 0) this.setParent(__spreadProps(__spreadValues({}, light), { parent: light.parent }));
+  }
+  updateModel(model) {
+    let sceneObject = this.GetSceneObject(model);
+    if (!sceneObject) {
+      const created = new DIVEModel();
+      sceneObject = created;
+      sceneObject.userData.id = model.id;
+      this.add(sceneObject);
+    }
+    if (model.uri !== void 0) {
+      this.loadingManager.LoadGLTF(model.uri).then((gltf) => {
+        var _a;
+        sceneObject.SetModel(gltf);
+        (_a = DIVECommunication.get(model.id)) == null ? void 0 : _a.PerformAction("MODEL_LOADED", { id: model.id });
+      });
+    }
+    if (model.name !== void 0) sceneObject.name = model.name;
+    if (model.position !== void 0) sceneObject.SetPosition(model.position);
+    if (model.rotation !== void 0) sceneObject.SetRotation(model.rotation);
+    if (model.scale !== void 0) sceneObject.SetScale(model.scale);
+    if (model.visible !== void 0) sceneObject.SetVisibility(model.visible);
+    if (model.material !== void 0) sceneObject.SetMaterial(model.material);
+    if (model.parent !== void 0) this.setParent(__spreadProps(__spreadValues({}, model), { parent: model.parent }));
+  }
+  updatePrimitive(primitive) {
+    let sceneObject = this.GetSceneObject(primitive);
+    if (!sceneObject) {
+      const created = new DIVEPrimitive();
+      sceneObject = created;
+      sceneObject.userData.id = primitive.id;
+      this.add(sceneObject);
+    }
+    if (primitive.name !== void 0) sceneObject.name = primitive.name;
+    if (primitive.geometry !== void 0) sceneObject.SetGeometry(primitive.geometry);
+    if (primitive.position !== void 0) sceneObject.SetPosition(primitive.position);
+    if (primitive.rotation !== void 0) sceneObject.SetRotation(primitive.rotation);
+    if (primitive.scale !== void 0) sceneObject.SetScale(primitive.scale);
+    if (primitive.visible !== void 0) sceneObject.SetVisibility(primitive.visible);
+    if (primitive.material !== void 0) sceneObject.SetMaterial(primitive.material);
+    if (primitive.parent !== void 0) this.setParent(__spreadProps(__spreadValues({}, primitive), { parent: primitive.parent }));
+  }
+  updateGroup(group) {
+    let sceneObject = this.GetSceneObject(group);
+    if (!sceneObject) {
+      const created = new DIVEGroup();
+      sceneObject = created;
+      sceneObject.userData.id = group.id;
+      this.add(sceneObject);
+    }
+    if (group.name !== void 0) sceneObject.name = group.name;
+    if (group.position !== void 0) sceneObject.SetPosition(group.position);
+    if (group.rotation !== void 0) sceneObject.SetRotation(group.rotation);
+    if (group.scale !== void 0) sceneObject.SetScale(group.scale);
+    if (group.visible !== void 0) sceneObject.SetVisibility(group.visible);
+    if (group.bbVisible !== void 0) sceneObject.SetBoundingBoxVisibility(group.bbVisible);
+    if (group.parent !== void 0) this.setParent(__spreadProps(__spreadValues({}, group), { parent: group.parent }));
+  }
+  deleteLight(light) {
+    const sceneObject = this.GetSceneObject(light);
+    if (!sceneObject) {
+      console.warn(`Root.deleteLight: Light with id ${light.id} not found`);
+      return;
+    }
+    this.detachTransformControls(sceneObject);
+    this.remove(sceneObject);
+  }
+  deleteModel(model) {
+    const sceneObject = this.GetSceneObject(model);
+    if (!sceneObject) {
+      console.warn(`Root.deleteModel: Model with id ${model.id} not found`);
+      return;
+    }
+    this.detachTransformControls(sceneObject);
+    this.remove(sceneObject);
+  }
+  deletePrimitive(primitive) {
+    const sceneObject = this.GetSceneObject(primitive);
+    if (!sceneObject) {
+      console.warn(`Root.deletePrimitive: Primitive with id ${primitive.id} not found`);
+      return;
+    }
+    this.detachTransformControls(sceneObject);
+    this.remove(sceneObject);
+  }
+  deleteGroup(group) {
+    const sceneObject = this.GetSceneObject(group);
+    if (!sceneObject) {
+      console.warn(`Root.deleteGroup: Group with id ${group.id} not found`);
+      return;
+    }
+    this.detachTransformControls(sceneObject);
+    for (let i = sceneObject.children.length - 1; i >= 0; i--) {
+      this.attach(sceneObject.children[i]);
+    }
+    sceneObject.parent.remove(sceneObject);
+  }
+  placeOnFloor(object) {
+    const sceneObject = this.GetSceneObject(object);
+    if (!sceneObject) return;
+    sceneObject.PlaceOnFloor();
+  }
+  setParent(object) {
+    const sceneObject = this.GetSceneObject(object);
+    if (!sceneObject) return;
+    if (sceneObject.parent) {
+      sceneObject.parent.remove(sceneObject);
+    }
+    if (object.parent !== null) {
+      const parent = this.GetSceneObject(object.parent);
+      if (!parent) return;
+      parent.attach(sceneObject);
+    } else {
+      this.attach(sceneObject);
+    }
+  }
+  detachTransformControls(object) {
+    this.findScene(object).children.find((object2) => {
+      if ("isTransformControls" in object2) {
+        object2.detach();
+      }
+    });
+  }
+  findScene(object) {
+    if (object.parent !== null) {
+      return this.findScene(object.parent);
+    }
+    ;
+    return object;
+  }
+};
+
+// src/constant/GridColors.ts
+var GRID_CENTER_LINE_COLOR = "#888888";
+var GRID_SIDE_LINE_COLOR = "#dddddd";
+
+// src/grid/Grid.ts
+init_VisibilityLayerMask();
+var import_three11 = require("three");
+var DIVEGrid = class extends import_three11.Object3D {
+  constructor() {
+    super();
+    this.name = "Grid";
+    const grid = new import_three11.GridHelper(100, 100, GRID_CENTER_LINE_COLOR, GRID_SIDE_LINE_COLOR);
+    grid.material.depthTest = false;
+    grid.layers.mask = HELPER_LAYER_MASK;
+    this.add(grid);
+  }
+  SetVisibility(visible) {
+    this.visible = visible;
+  }
+};
+
+// src/primitive/floor/Floor.ts
+var import_three12 = require("three");
+init_VisibilityLayerMask();
+var DIVEFloor = class extends import_three12.Mesh {
+  constructor() {
+    super(new import_three12.PlaneGeometry(1e4, 1e4), new import_three12.MeshStandardMaterial({ color: new import_three12.Color(150 / 255, 150 / 255, 150 / 255) }));
+    this.isFloor = true;
+    this.name = "Floor";
+    this.layers.mask = PRODUCT_LAYER_MASK;
+    this.receiveShadow = true;
+    this.rotateX(-Math.PI / 2);
+  }
+  SetVisibility(visible) {
+    this.visible = visible;
+  }
+  SetColor(color) {
+    this.material.color = new import_three12.Color(color);
+  }
 };
 
 // src/scene/Scene.ts
-var DIVEScene = class extends import_three15.Scene {
+var DIVEScene = class extends import_three13.Scene {
   get Root() {
     return this.root;
   }
+  get Floor() {
+    return this.floor;
+  }
+  get Grid() {
+    return this.grid;
+  }
   constructor() {
     super();
-    this.background = new import_three15.Color(16777215);
+    this.background = new import_three13.Color(16777215);
     this.root = new DIVERoot();
     this.add(this.root);
+    this.floor = new DIVEFloor();
+    this.add(this.floor);
+    this.grid = new DIVEGrid();
+    this.add(this.grid);
   }
   SetBackground(color) {
-    this.background = new import_three15.Color(color);
+    this.background = new import_three13.Color(color);
   }
   ComputeSceneBB() {
     return this.Root.ComputeSceneBB();
@@ -1906,7 +1929,7 @@ var DIVEScene = class extends import_three15.Scene {
     return this.Root.GetSceneObject(object);
   }
   AddSceneObject(object) {
-    this.Root.UpdateSceneObject(object);
+    this.Root.AddSceneObject(object);
   }
   UpdateSceneObject(object) {
     this.Root.UpdateSceneObject(object);
@@ -1924,7 +1947,7 @@ init_PerspectiveCamera();
 
 // src/controls/OrbitControls.ts
 var import_OrbitControls = require("three/examples/jsm/controls/OrbitControls");
-var import_three16 = require("three");
+var import_three14 = require("three");
 var import_tween = require("@tweenjs/tween.js");
 var DIVEOrbitControlsDefaultSettings = {
   enableDamping: true,
@@ -1966,8 +1989,8 @@ var _DIVEOrbitControls = class _DIVEOrbitControls extends import_OrbitControls.O
     this.dispose();
   }
   ComputeEncompassingView(bb) {
-    const center = bb.getCenter(new import_three16.Vector3());
-    const size = bb.getSize(new import_three16.Vector3());
+    const center = bb.getCenter(new import_three14.Vector3());
+    const size = bb.getSize(new import_three14.Vector3());
     const distance = Math.max(size.x, size.y, size.z) * 1.25;
     const direction = this.object.position.clone().normalize();
     return {
@@ -1978,7 +2001,7 @@ var _DIVEOrbitControls = class _DIVEOrbitControls extends import_OrbitControls.O
   ZoomIn(by) {
     const zoomBy = by || _DIVEOrbitControls.DEFAULT_ZOOM_FACTOR;
     const { minDistance, maxDistance } = this;
-    this.minDistance = this.maxDistance = import_three16.MathUtils.clamp(this.getDistance() - zoomBy, minDistance + zoomBy, maxDistance - zoomBy);
+    this.minDistance = this.maxDistance = import_three14.MathUtils.clamp(this.getDistance() - zoomBy, minDistance + zoomBy, maxDistance - zoomBy);
     this.update();
     this.minDistance = minDistance;
     this.maxDistance = maxDistance;
@@ -1986,7 +2009,7 @@ var _DIVEOrbitControls = class _DIVEOrbitControls extends import_OrbitControls.O
   ZoomOut(by) {
     const zoomBy = by || _DIVEOrbitControls.DEFAULT_ZOOM_FACTOR;
     const { minDistance, maxDistance } = this;
-    this.minDistance = this.maxDistance = import_three16.MathUtils.clamp(this.getDistance() + zoomBy, minDistance + zoomBy, maxDistance - zoomBy);
+    this.minDistance = this.maxDistance = import_three14.MathUtils.clamp(this.getDistance() + zoomBy, minDistance + zoomBy, maxDistance - zoomBy);
     this.update();
     this.minDistance = minDistance;
     this.maxDistance = maxDistance;
@@ -2134,7 +2157,7 @@ var DIVEAnimationSystem = class {
 };
 
 // src/axiscamera/AxisCamera.ts
-var import_three17 = require("three");
+var import_three15 = require("three");
 var import_three_spritetext = __toESM(require("three-spritetext"), 1);
 init_VisibilityLayerMask();
 
@@ -2147,18 +2170,18 @@ var AxesColorGreen = AxesColorGreenLetter;
 var AxesColorBlue = AxesColorBlueLetter;
 
 // src/axiscamera/AxisCamera.ts
-var DIVEAxisCamera = class extends import_three17.OrthographicCamera {
+var DIVEAxisCamera = class extends import_three15.OrthographicCamera {
   constructor(renderer, scene, controls) {
     super(-1, 1, 1, -1, 0.1, 100);
     this.layers.mask = COORDINATE_LAYER_MASK;
-    this.axesHelper = new import_three17.AxesHelper(0.5);
+    this.axesHelper = new import_three15.AxesHelper(0.5);
     this.axesHelper.layers.mask = COORDINATE_LAYER_MASK;
     this.axesHelper.material.depthTest = false;
     this.axesHelper.position.set(0, 0, -1);
     this.axesHelper.setColors(
-      new import_three17.Color(AxesColorRed),
-      new import_three17.Color(AxesColorGreen),
-      new import_three17.Color(AxesColorBlue)
+      new import_three15.Color(AxesColorRed),
+      new import_three15.Color(AxesColorGreen),
+      new import_three15.Color(AxesColorBlue)
     );
     const x = new import_three_spritetext.default("X", 0.2, AxesColorRedLetter);
     const y = new import_three_spritetext.default("Y", 0.2, AxesColorGreenLetter);
@@ -2176,7 +2199,7 @@ var DIVEAxisCamera = class extends import_three17.OrthographicCamera {
     this._renderer = renderer;
     this._scene = scene;
     this._scene.add(this);
-    const restoreViewport = new import_three17.Vector4();
+    const restoreViewport = new import_three15.Vector4();
     this._renderCallbackId = renderer.AddPostRenderCallback(() => {
       const restoreBackground = scene.background;
       scene.background = null;
@@ -2195,7 +2218,7 @@ var DIVEAxisCamera = class extends import_three17.OrthographicCamera {
     this._scene.remove(this);
   }
   SetFromCameraMatrix(matrix) {
-    this.axesHelper.rotation.setFromRotationMatrix(new import_three17.Matrix4().extractRotation(matrix).invert());
+    this.axesHelper.rotation.setFromRotationMatrix(new import_three15.Matrix4().extractRotation(matrix).invert());
   }
 };
 
@@ -2259,58 +2282,6 @@ var getObjectDelta = (a, b) => {
   return delta;
 };
 
-// src/math/helper/shift.ts
-function shift(value, exponent) {
-  const subvalues = (value + "e").split("e");
-  return +(subvalues[0] + "e" + (+subvalues[1] + (exponent || 0)));
-}
-
-// src/math/ceil/ceilExp.ts
-function ceilExp(number, decimals = 0) {
-  const n = shift(number, +decimals);
-  return shift(Math.ceil(n), -decimals);
-}
-
-// src/math/floor/floorExp.ts
-function floorExp(number, decimals = 0) {
-  const n = shift(number, +decimals);
-  return shift(Math.floor(n), -decimals);
-}
-
-// src/math/round/roundExp.ts
-function roundExponential(number, decimals = 0) {
-  if (number < 0) return -roundExponential(-number, decimals);
-  const n = shift(number, +decimals);
-  return shift(Math.round(n), -decimals);
-}
-
-// src/math/signedAngleTo/signedAngleTo.ts
-function signedAngleTo(vecA, vecB, planeNormal) {
-  return Math.atan2(vecA.clone().cross(vecB).dot(planeNormal), vecB.clone().dot(vecA));
-}
-
-// src/math/toFixed/toFixedExp.ts
-function toFixedExp(number, decimals = 0) {
-  const n = shift(number, +decimals);
-  return shift(Math.round(n), -decimals).toFixed(decimals);
-}
-
-// src/math/truncate/truncateExp.ts
-function truncateExp(number, decimals = 0) {
-  const n = shift(number, +decimals);
-  return shift(Math.trunc(n), -decimals);
-}
-
-// src/math/index.ts
-var DIVEMath = {
-  ceilExp,
-  floorExp,
-  roundExp: roundExponential,
-  toFixedExp,
-  truncateExp,
-  signedAngleTo
-};
-
 // src/dive.ts
 var import_MathUtils2 = require("three/src/math/MathUtils");
 
@@ -2411,6 +2382,58 @@ var DIVEInfo = class {
 };
 DIVEInfo._supportsWebXR = null;
 
+// src/math/helper/shift.ts
+function shift(value, exponent) {
+  const subvalues = (value + "e").split("e");
+  return +(subvalues[0] + "e" + (+subvalues[1] + (exponent || 0)));
+}
+
+// src/math/ceil/ceilExp.ts
+function ceilExp(number, decimals = 0) {
+  const n = shift(number, +decimals);
+  return shift(Math.ceil(n), -decimals);
+}
+
+// src/math/floor/floorExp.ts
+function floorExp(number, decimals = 0) {
+  const n = shift(number, +decimals);
+  return shift(Math.floor(n), -decimals);
+}
+
+// src/math/round/roundExp.ts
+function roundExponential(number, decimals = 0) {
+  if (number < 0) return -roundExponential(-number, decimals);
+  const n = shift(number, +decimals);
+  return shift(Math.round(n), -decimals);
+}
+
+// src/math/signedAngleTo/signedAngleTo.ts
+function signedAngleTo(vecA, vecB, planeNormal) {
+  return Math.atan2(vecA.clone().cross(vecB).dot(planeNormal), vecB.clone().dot(vecA));
+}
+
+// src/math/toFixed/toFixedExp.ts
+function toFixedExp(number, decimals = 0) {
+  const n = shift(number, +decimals);
+  return shift(Math.round(n), -decimals).toFixed(decimals);
+}
+
+// src/math/truncate/truncateExp.ts
+function truncateExp(number, decimals = 0) {
+  const n = shift(number, +decimals);
+  return shift(Math.trunc(n), -decimals);
+}
+
+// src/math/index.ts
+var DIVEMath = {
+  ceilExp,
+  floorExp,
+  roundExp: roundExponential,
+  toFixedExp,
+  truncateExp,
+  signedAngleTo
+};
+
 // src/dive.ts
 var DIVEDefaultSettings = {
   autoResize: true,