@shopware-ag/dive 1.14.0 → 1.15.1

package/build/dive.cjs

@@ -671,10 +671,10 @@ var DIVERenderer = class extends import_three.WebGLRenderer {
 };
 
 // src/scene/Scene.ts
-var import_three13 = require("three");
+var import_three14 = require("three");
 
 // src/scene/root/Root.ts
-var import_three10 = require("three");
+var import_three11 = require("three");
 
 // src/light/AmbientLight.ts
 var import_three2 = require("three");
@@ -878,7 +878,8 @@ var _DIVECommunication = class _DIVECommunication {
       spotmarks: [],
       lights: Array.from(this.registered.values()).filter((object) => object.entityType === "light"),
       objects: Array.from(this.registered.values()).filter((object) => object.entityType === "model"),
-      cameras: Array.from(this.registered.values()).filter((object) => object.entityType === "pov")
+      cameras: Array.from(this.registered.values()).filter((object) => object.entityType === "pov"),
+      primitives: Array.from(this.registered.values()).filter((object) => object.entityType === "primitive")
     };
     Object.assign(payload, sceneData);
     return sceneData;
@@ -1171,7 +1172,7 @@ var DIVESceneLight = class extends import_three6.Object3D {
 };
 
 // src/model/Model.ts
-var import_three7 = require("three");
+var import_three8 = require("three");
 init_VisibilityLayerMask();
 
 // src/helper/findSceneRecursive/findSceneRecursive.ts
@@ -1182,18 +1183,57 @@ var findSceneRecursive = (object) => {
   return object;
 };
 
-// src/model/Model.ts
-var DIVEModel = class extends import_three7.Object3D {
+// src/node/Node.ts
+var import_three7 = require("three");
+init_VisibilityLayerMask();
+var DIVENode = class extends import_three7.Object3D {
   constructor() {
     super();
-    this.isDIVEModel = true;
+    this.isDIVENode = true;
     this.isSelectable = true;
     this.isMoveable = true;
     this.gizmo = null;
+    this.layers.mask = PRODUCT_LAYER_MASK;
+    this._boundingBox = new import_three7.Box3();
+  }
+  SetPosition(position) {
+    this.position.set(position.x, position.y, position.z);
+  }
+  SetRotation(rotation) {
+    this.rotation.set(rotation.x, rotation.y, rotation.z);
+  }
+  SetScale(scale) {
+    this.scale.set(scale.x, scale.y, scale.z);
+  }
+  SetVisibility(visible) {
+    this.visible = visible;
+  }
+  SetToWorldOrigin() {
+    var _a;
+    this.position.set(0, 0, 0);
+    (_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 });
+  }
+  onMove() {
+    var _a;
+    (_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 });
+  }
+  onSelect() {
+    var _a;
+    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("SELECT_OBJECT", { id: this.userData.id });
+  }
+  onDeselect() {
+    var _a;
+    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("DESELECT_OBJECT", { id: this.userData.id });
+  }
+};
+
+// src/model/Model.ts
+var DIVEModel = class extends DIVENode {
+  constructor() {
+    super(...arguments);
+    this.isDIVEModel = true;
     this._mesh = null;
     this._material = null;
-    this.layers.mask = PRODUCT_LAYER_MASK;
-    this.boundingBox = new import_three7.Box3();
   }
   SetModel(gltf) {
     this.clear();
@@ -1201,7 +1241,7 @@ var DIVEModel = class extends import_three7.Object3D {
       child.castShadow = true;
       child.receiveShadow = true;
       child.layers.mask = this.layers.mask;
-      this.boundingBox.expandByObject(child);
+      this._boundingBox.expandByObject(child);
       if (!this._mesh && "isMesh" in child) {
         this._mesh = child;
         if (this._material) {
@@ -1213,23 +1253,9 @@ var DIVEModel = class extends import_three7.Object3D {
     });
     this.add(gltf.scene);
   }
-  SetPosition(position) {
-    this.position.set(position.x, position.y, position.z);
-  }
-  SetRotation(rotation) {
-    this.rotation.setFromVector3(new import_three7.Vector3(rotation.x, rotation.y, rotation.z));
-  }
-  SetScale(scale) {
-    this.scale.set(scale.x, scale.y, scale.z);
-  }
-  SetVisibility(visible) {
-    this.traverse((child) => {
-      child.visible = visible;
-    });
-  }
   SetMaterial(material) {
     if (!this._material) {
-      this._material = new import_three7.MeshStandardMaterial();
+      this._material = new import_three8.MeshStandardMaterial();
     }
     if (material.vertexColors !== void 0) {
       this._material.vertexColors = material.vertexColors;
@@ -1265,14 +1291,9 @@ var DIVEModel = class extends import_three7.Object3D {
       this._mesh.material = this._material;
     }
   }
-  SetToWorldOrigin() {
-    var _a;
-    this.position.set(0, 0, 0);
-    (_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 });
-  }
   PlaceOnFloor() {
     var _a;
-    this.position.y = -this.boundingBox.min.y * this.scale.y;
+    this.position.y = -this._boundingBox.min.y * this.scale.y;
     (_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 });
   }
   DropIt() {
@@ -1281,10 +1302,10 @@ var DIVEModel = class extends import_three7.Object3D {
       console.warn("DIVEModel: DropIt() called on a model that is not in the scene.", this);
       return;
     }
-    const bottomY = this.boundingBox.min.y * this.scale.y;
-    const bbBottomCenter = this.localToWorld(this.boundingBox.getCenter(new import_three7.Vector3()).multiply(this.scale));
+    const bottomY = this._boundingBox.min.y * this.scale.y;
+    const bbBottomCenter = this.localToWorld(this._boundingBox.getCenter(new import_three8.Vector3()).multiply(this.scale));
     bbBottomCenter.y = bottomY + this.position.y;
-    const raycaster = new import_three7.Raycaster(bbBottomCenter, new import_three7.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) {
@@ -1293,24 +1314,12 @@ var DIVEModel = class extends import_three7.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_three7.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 });
     }
   }
-  onMove() {
-    var _a;
-    (_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 });
-  }
-  onSelect() {
-    var _a;
-    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("SELECT_OBJECT", { id: this.userData.id });
-  }
-  onDeselect() {
-    var _a;
-    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("DESELECT_OBJECT", { id: this.userData.id });
-  }
 };
 
 // src/loadingmanager/LoadingManager.ts
@@ -1346,49 +1355,30 @@ var DIVELoadingManager = class {
 };
 
 // src/primitive/Primitive.ts
-var import_three8 = require("three");
+var import_three9 = require("three");
 init_VisibilityLayerMask();
-var DIVEPrimitive = class extends import_three8.Object3D {
+var DIVEPrimitive = class extends DIVENode {
   constructor() {
     super();
     this.isDIVEPrimitive = true;
-    this.isSelectable = true;
-    this.isMoveable = true;
-    this.gizmo = null;
-    this.layers.mask = PRODUCT_LAYER_MASK;
-    this._mesh = new import_three8.Mesh();
+    this._mesh = new import_three9.Mesh();
     this._mesh.layers.mask = PRODUCT_LAYER_MASK;
     this._mesh.castShadow = true;
     this._mesh.receiveShadow = true;
-    this._mesh.material = new import_three8.MeshStandardMaterial();
+    this._mesh.material = new import_three9.MeshStandardMaterial();
     this.add(this._mesh);
-    this._boundingBox = new import_three8.Box3();
   }
   SetGeometry(geometry) {
     this._mesh.geometry = this.assembleGeometry(geometry);
     this._boundingBox.setFromObject(this._mesh);
   }
-  SetPosition(position) {
-    this.position.set(position.x, position.y, position.z);
-  }
-  SetRotation(rotation) {
-    this.rotation.setFromVector3(new import_three8.Vector3(rotation.x, rotation.y, rotation.z));
-  }
-  SetScale(scale) {
-    this.scale.set(scale.x, scale.y, scale.z);
-  }
-  SetVisibility(visible) {
-    this.traverse((child) => {
-      child.visible = visible;
-    });
-  }
   SetMaterial(material) {
     const primitiveMaterial = this._mesh.material;
     if (material.vertexColors !== void 0) {
       primitiveMaterial.vertexColors = material.vertexColors;
     }
     if (material.color !== void 0) {
-      primitiveMaterial.color = new import_three8.Color(material.color);
+      primitiveMaterial.color = new import_three9.Color(material.color);
     }
     if (material.map !== void 0) {
       primitiveMaterial.map = material.map;
@@ -1416,11 +1406,6 @@ var DIVEPrimitive = class extends import_three8.Object3D {
     }
     if (this._mesh) this._mesh.material = primitiveMaterial;
   }
-  SetToWorldOrigin() {
-    var _a;
-    this.position.set(0, 0, 0);
-    (_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 });
-  }
   PlaceOnFloor() {
     var _a;
     this.position.y = -this._boundingBox.min.y * this.scale.y;
@@ -1433,9 +1418,9 @@ var DIVEPrimitive = 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_three9.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_three9.Raycaster(bbBottomCenter, new import_three9.Vector3(0, -1, 0));
     raycaster.layers.mask = PRODUCT_LAYER_MASK;
     const intersections = raycaster.intersectObjects(findSceneRecursive(this).Root.children, true);
     if (intersections.length > 0) {
@@ -1444,24 +1429,12 @@ var DIVEPrimitive = 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_three9.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 });
     }
   }
-  onMove() {
-    var _a;
-    (_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 });
-  }
-  onSelect() {
-    var _a;
-    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("SELECT_OBJECT", { id: this.userData.id });
-  }
-  onDeselect() {
-    var _a;
-    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("DESELECT_OBJECT", { id: this.userData.id });
-  }
   assembleGeometry(geometry) {
     switch (geometry.name) {
       case "cylinder":
@@ -1479,75 +1452,57 @@ var DIVEPrimitive = class extends import_three8.Object3D {
       case "plane":
         return this.createPlaneGeometry(geometry);
       default:
-        return new import_three8.BufferGeometry();
+        return new import_three9.BufferGeometry();
     }
   }
   createCylinderGeometry(geometry) {
-    const geo = new import_three8.CylinderGeometry(geometry.width / 2, geometry.width / 2, geometry.height, 64);
+    const geo = new import_three9.CylinderGeometry(geometry.width / 2, geometry.width / 2, geometry.height, 64);
     geo.translate(0, geometry.height / 2, 0);
     return geo;
   }
   createSphereGeometry(geometry) {
-    const geo = new import_three8.SphereGeometry(geometry.width / 2, 256, 256);
+    const geo = new import_three9.SphereGeometry(geometry.width / 2, 256, 256);
     return geo;
   }
   createPyramidGeometry(geometry) {
-    const geo = new import_three8.ConeGeometry(geometry.width / 2, geometry.height, 4, 1, true);
+    const geo = new import_three9.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) {
-    const geo = new import_three8.BoxGeometry(geometry.width, geometry.height, geometry.depth);
+    const geo = new import_three9.BoxGeometry(geometry.width, geometry.height, geometry.depth);
     geo.translate(0, geometry.height / 2, 0);
     return geo;
   }
   createConeGeometry(geometry) {
-    const geo = new import_three8.ConeGeometry(geometry.width / 2, geometry.height, 256);
+    const geo = new import_three9.ConeGeometry(geometry.width / 2, geometry.height, 256);
     geo.translate(0, geometry.height / 2, 0);
     return geo;
   }
   createWallGeometry(geometry) {
-    const geo = new import_three8.BoxGeometry(geometry.width, geometry.height, geometry.depth || 0.05, 16);
+    const geo = new import_three9.BoxGeometry(geometry.width, geometry.height, geometry.depth || 0.05, 16);
     geo.translate(0, geometry.height / 2, 0);
     return geo;
   }
   createPlaneGeometry(geometry) {
-    const geo = new import_three8.BoxGeometry(geometry.width, geometry.height, geometry.depth);
+    const geo = new import_three9.BoxGeometry(geometry.width, geometry.height, geometry.depth);
     geo.translate(0, geometry.height / 2, 0);
     return geo;
   }
 };
 
 // src/group/Group.ts
-var import_three9 = require("three");
-var DIVEGroup = class extends import_three9.Object3D {
+var import_three10 = require("three");
+var DIVEGroup = class extends DIVENode {
   constructor() {
     super();
     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 = new import_three10.Mesh(new import_three10.BoxGeometry(0, 0, 0), new import_three10.MeshBasicMaterial({ color: 16711680, wireframe: true }));
     this._boxMesh.visible = false;
     this.add(this._boxMesh);
   }
-  SetPosition(position) {
-    this.position.set(position.x, position.y, position.z);
-  }
-  SetRotation(rotation) {
-    this.rotation.setFromVector3(new import_three9.Vector3(rotation.x, rotation.y, rotation.z));
-  }
-  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;
-    });
-  }
   SetBoundingBoxVisibility(visible) {
     this._boxMesh.visible = visible;
   }
@@ -1569,7 +1524,7 @@ var DIVEGroup = class extends import_three9.Object3D {
    */
   recalculatePosition() {
     var _a;
-    const childrensWorldPositions = this.children.map((child) => child.getWorldPosition(new import_three9.Vector3()));
+    const childrensWorldPositions = this.children.map((child) => child.getWorldPosition(new import_three10.Vector3()));
     const bbcenter = this.updateBB();
     this.position.copy(bbcenter);
     this.children.forEach((child, i) => {
@@ -1583,32 +1538,27 @@ var DIVEGroup = class extends import_three9.Object3D {
    * @returns {Vector3} The new center of the bounding box.
    */
   updateBB() {
-    this._bb.makeEmpty();
+    this._boundingBox.makeEmpty();
     this.children.forEach((child) => {
       if (child.uuid === this._boxMesh.uuid) return;
-      this._bb.expandByObject(child);
+      this._boundingBox.expandByObject(child);
     });
-    return this._bb.getCenter(new import_three9.Vector3());
+    return this._boundingBox.getCenter(new import_three10.Vector3());
   }
   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);
+    this._boxMesh.quaternion.copy(this.quaternion.clone().invert());
+    this._boxMesh.scale.set(1 / this.scale.x, 1 / this.scale.y, 1 / this.scale.z);
+    this._boxMesh.geometry = new import_three10.BoxGeometry(this._boundingBox.max.x - this._boundingBox.min.x, this._boundingBox.max.y - this._boundingBox.min.y, this._boundingBox.max.z - this._boundingBox.min.z);
   }
   onMove() {
-    var _a;
-    (_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 });
-  }
-  onSelect() {
-    var _a;
-    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("SELECT_OBJECT", { id: this.userData.id });
-  }
-  onDeselect() {
-    var _a;
-    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("DESELECT_OBJECT", { id: this.userData.id });
+    super.onMove();
+    this.updateBB();
+    this.updateBoxMesh();
   }
 };
 
 // src/scene/root/Root.ts
-var DIVERoot = class extends import_three10.Object3D {
+var DIVERoot = class extends import_three11.Object3D {
   constructor() {
     super();
     this.isDIVERoot = true;
@@ -1616,7 +1566,7 @@ var DIVERoot = class extends import_three10.Object3D {
     this.loadingManager = new DIVELoadingManager();
   }
   ComputeSceneBB() {
-    const bb = new import_three10.Box3();
+    const bb = new import_three11.Box3();
     this.traverse((object) => {
       if ("isObject3D" in object) {
         bb.expandByObject(object);
@@ -1737,7 +1687,7 @@ var DIVERoot = class extends import_three10.Object3D {
     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.color !== void 0 && light.color !== null) sceneObject.SetColor(new import_three11.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 }));
   }
@@ -1877,12 +1827,12 @@ var GRID_SIDE_LINE_COLOR = "#dddddd";
 
 // src/grid/Grid.ts
 init_VisibilityLayerMask();
-var import_three11 = require("three");
-var DIVEGrid = class extends import_three11.Object3D {
+var import_three12 = require("three");
+var DIVEGrid = class extends import_three12.Object3D {
   constructor() {
     super();
     this.name = "Grid";
-    const grid = new import_three11.GridHelper(100, 100, GRID_CENTER_LINE_COLOR, GRID_SIDE_LINE_COLOR);
+    const grid = new import_three12.GridHelper(100, 100, GRID_CENTER_LINE_COLOR, GRID_SIDE_LINE_COLOR);
     grid.material.depthTest = false;
     grid.layers.mask = HELPER_LAYER_MASK;
     this.add(grid);
@@ -1893,11 +1843,11 @@ var DIVEGrid = class extends import_three11.Object3D {
 };
 
 // src/primitive/floor/Floor.ts
-var import_three12 = require("three");
+var import_three13 = require("three");
 init_VisibilityLayerMask();
-var DIVEFloor = class extends import_three12.Mesh {
+var DIVEFloor = class extends import_three13.Mesh {
   constructor() {
-    super(new import_three12.PlaneGeometry(1e4, 1e4), new import_three12.MeshStandardMaterial({ color: new import_three12.Color(150 / 255, 150 / 255, 150 / 255) }));
+    super(new import_three13.PlaneGeometry(1e4, 1e4), new import_three13.MeshStandardMaterial({ color: new import_three13.Color(150 / 255, 150 / 255, 150 / 255) }));
     this.isFloor = true;
     this.name = "Floor";
     this.layers.mask = PRODUCT_LAYER_MASK;
@@ -1908,12 +1858,12 @@ var DIVEFloor = class extends import_three12.Mesh {
     this.visible = visible;
   }
   SetColor(color) {
-    this.material.color = new import_three12.Color(color);
+    this.material.color = new import_three13.Color(color);
   }
 };
 
 // src/scene/Scene.ts
-var DIVEScene = class extends import_three13.Scene {
+var DIVEScene = class extends import_three14.Scene {
   get Root() {
     return this.root;
   }
@@ -1925,7 +1875,7 @@ var DIVEScene = class extends import_three13.Scene {
   }
   constructor() {
     super();
-    this.background = new import_three13.Color(16777215);
+    this.background = new import_three14.Color(16777215);
     this.root = new DIVERoot();
     this.add(this.root);
     this.floor = new DIVEFloor();
@@ -1934,7 +1884,7 @@ var DIVEScene = class extends import_three13.Scene {
     this.add(this.grid);
   }
   SetBackground(color) {
-    this.background = new import_three13.Color(color);
+    this.background = new import_three14.Color(color);
   }
   ComputeSceneBB() {
     return this.Root.ComputeSceneBB();
@@ -1961,7 +1911,7 @@ init_PerspectiveCamera();
 
 // src/controls/OrbitControls.ts
 var import_OrbitControls = require("three/examples/jsm/controls/OrbitControls");
-var import_three14 = require("three");
+var import_three15 = require("three");
 var import_tween = require("@tweenjs/tween.js");
 var DIVEOrbitControlsDefaultSettings = {
   enableDamping: true,
@@ -2003,8 +1953,8 @@ var _DIVEOrbitControls = class _DIVEOrbitControls extends import_OrbitControls.O
     this.dispose();
   }
   ComputeEncompassingView(bb) {
-    const center = bb.getCenter(new import_three14.Vector3());
-    const size = bb.getSize(new import_three14.Vector3());
+    const center = bb.getCenter(new import_three15.Vector3());
+    const size = bb.getSize(new import_three15.Vector3());
     const distance = Math.max(size.x, size.y, size.z) * 1.25;
     const direction = this.object.position.clone().normalize();
     return {
@@ -2015,7 +1965,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_three14.MathUtils.clamp(this.getDistance() - zoomBy, minDistance + zoomBy, maxDistance - zoomBy);
+    this.minDistance = this.maxDistance = import_three15.MathUtils.clamp(this.getDistance() - zoomBy, minDistance + zoomBy, maxDistance - zoomBy);
     this.update();
     this.minDistance = minDistance;
     this.maxDistance = maxDistance;
@@ -2023,7 +1973,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_three14.MathUtils.clamp(this.getDistance() + zoomBy, minDistance + zoomBy, maxDistance - zoomBy);
+    this.minDistance = this.maxDistance = import_three15.MathUtils.clamp(this.getDistance() + zoomBy, minDistance + zoomBy, maxDistance - zoomBy);
     this.update();
     this.minDistance = minDistance;
     this.maxDistance = maxDistance;
@@ -2171,7 +2121,7 @@ var DIVEAnimationSystem = class {
 };
 
 // src/axiscamera/AxisCamera.ts
-var import_three15 = require("three");
+var import_three16 = require("three");
 var import_three_spritetext = __toESM(require("three-spritetext"), 1);
 init_VisibilityLayerMask();
 
@@ -2184,18 +2134,18 @@ var AxesColorGreen = AxesColorGreenLetter;
 var AxesColorBlue = AxesColorBlueLetter;
 
 // src/axiscamera/AxisCamera.ts
-var DIVEAxisCamera = class extends import_three15.OrthographicCamera {
+var DIVEAxisCamera = class extends import_three16.OrthographicCamera {
   constructor(renderer, scene, controls) {
     super(-1, 1, 1, -1, 0.1, 100);
     this.layers.mask = COORDINATE_LAYER_MASK;
-    this.axesHelper = new import_three15.AxesHelper(0.5);
+    this.axesHelper = new import_three16.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_three15.Color(AxesColorRed),
-      new import_three15.Color(AxesColorGreen),
-      new import_three15.Color(AxesColorBlue)
+      new import_three16.Color(AxesColorRed),
+      new import_three16.Color(AxesColorGreen),
+      new import_three16.Color(AxesColorBlue)
     );
     const x = new import_three_spritetext.default("X", 0.2, AxesColorRedLetter);
     const y = new import_three_spritetext.default("Y", 0.2, AxesColorGreenLetter);
@@ -2213,7 +2163,7 @@ var DIVEAxisCamera = class extends import_three15.OrthographicCamera {
     this._renderer = renderer;
     this._scene = scene;
     this._scene.add(this);
-    const restoreViewport = new import_three15.Vector4();
+    const restoreViewport = new import_three16.Vector4();
     this._renderCallbackId = renderer.AddPostRenderCallback(() => {
       const restoreBackground = scene.background;
       scene.background = null;
@@ -2232,7 +2182,7 @@ var DIVEAxisCamera = class extends import_three15.OrthographicCamera {
     this._scene.remove(this);
   }
   SetFromCameraMatrix(matrix) {
-    this.axesHelper.rotation.setFromRotationMatrix(new import_three15.Matrix4().extractRotation(matrix).invert());
+    this.axesHelper.rotation.setFromRotationMatrix(new import_three16.Matrix4().extractRotation(matrix).invert());
   }
 };