@shopware-ag/dive 1.16.0 → 1.16.1

package/build/dive.cjs

@@ -158,12 +158,18 @@ var init_BaseTool = __esm({
             break;
         }
         this._lastPointerDown.copy(this._pointer);
-        this._draggable = findInterface((_a = this._intersects[0]) == null ? void 0 : _a.object, "isDraggable") || null;
+        this._draggable = findInterface(
+          (_a = this._intersects[0]) == null ? void 0 : _a.object,
+          "isDraggable"
+        ) || null;
       }
       onDragStart(e) {
         if (!this._draggable) return;
         if (this._dragRaycastOnObjects !== null) {
-          this._intersects = this._raycaster.intersectObjects(this._dragRaycastOnObjects, true);
+          this._intersects = this._raycaster.intersectObjects(
+            this._dragRaycastOnObjects,
+            true
+          );
         }
         if (this._intersects.length === 0) return;
         this._dragStart.copy(this._intersects[0].point.clone());
@@ -187,24 +193,32 @@ var init_BaseTool = __esm({
         this._pointer.y = -(e.offsetY / this._canvas.clientHeight) * 2 + 1;
         this._raycaster.setFromCamera(this._pointer, this._controller.object);
         this._intersects = this.raycast(this._scene.children);
-        const hoverable = findInterface((_a = this._intersects[0]) == null ? void 0 : _a.object, "isHoverable");
+        const hoverable = findInterface(
+          (_a = this._intersects[0]) == null ? void 0 : _a.object,
+          "isHoverable"
+        );
         if (this._intersects[0] && hoverable) {
           if (!this._hovered) {
-            if (hoverable.onPointerEnter) hoverable.onPointerEnter(this._intersects[0]);
+            if (hoverable.onPointerEnter)
+              hoverable.onPointerEnter(this._intersects[0]);
             this._hovered = hoverable;
             return;
           }
           if (this._hovered.uuid !== hoverable.uuid) {
-            if (this._hovered.onPointerLeave) this._hovered.onPointerLeave();
-            if (hoverable.onPointerEnter) hoverable.onPointerEnter(this._intersects[0]);
+            if (this._hovered.onPointerLeave)
+              this._hovered.onPointerLeave();
+            if (hoverable.onPointerEnter)
+              hoverable.onPointerEnter(this._intersects[0]);
             this._hovered = hoverable;
             return;
           }
-          if (hoverable.onPointerOver) hoverable.onPointerOver(this._intersects[0]);
+          if (hoverable.onPointerOver)
+            hoverable.onPointerOver(this._intersects[0]);
           this._hovered = hoverable;
         } else {
           if (this._hovered) {
-            if (this._hovered.onPointerLeave) this._hovered.onPointerLeave();
+            if (this._hovered.onPointerLeave)
+              this._hovered.onPointerLeave();
           }
           this._hovered = null;
         }
@@ -217,13 +231,19 @@ var init_BaseTool = __esm({
       }
       onDrag(e) {
         if (this._dragRaycastOnObjects !== null) {
-          this._intersects = this._raycaster.intersectObjects(this._dragRaycastOnObjects, true);
+          this._intersects = this._raycaster.intersectObjects(
+            this._dragRaycastOnObjects,
+            true
+          );
         }
         const intersect = this._intersects[0];
         if (!intersect) return;
         this._dragCurrent.copy(intersect.point.clone());
         this._dragEnd.copy(intersect.point.clone());
-        this._dragDelta.subVectors(this._dragCurrent.clone(), this._dragStart.clone());
+        this._dragDelta.subVectors(
+          this._dragCurrent.clone(),
+          this._dragStart.clone()
+        );
         if (this._draggable && this._draggable.onDrag) {
           this._draggable.onDrag({
             dragStart: this._dragStart,
@@ -261,7 +281,10 @@ var init_BaseTool = __esm({
         if (intersect) {
           this._dragEnd.copy(intersect.point.clone());
           this._dragCurrent.copy(intersect.point.clone());
-          this._dragDelta.subVectors(this._dragCurrent.clone(), this._dragStart.clone());
+          this._dragDelta.subVectors(
+            this._dragCurrent.clone(),
+            this._dragStart.clone()
+          );
         }
         if (this._draggable && this._draggable.onDragEnd) {
           this._draggable.onDragEnd({
@@ -282,7 +305,8 @@ var init_BaseTool = __esm({
       onWheel(e) {
       }
       raycast(objects) {
-        if (objects !== void 0) return this._raycaster.intersectObjects(objects, true).filter((i) => i.object.visible);
+        if (objects !== void 0)
+          return this._raycaster.intersectObjects(objects, true).filter((i) => i.object.visible);
         return this._raycaster.intersectObjects(this._scene.children, true).filter((i) => i.object.visible);
       }
       pointerWasDragged() {
@@ -305,22 +329,37 @@ var init_TransformTool = __esm({
         super(scene, controller);
         this.isTransformTool = true;
         this.name = "DIVETransformTool";
-        this._gizmo = new import_Addons.TransformControls(this._controller.object, this._controller.domElement);
+        this._gizmo = new import_Addons.TransformControls(
+          this._controller.object,
+          this._controller.domElement
+        );
         this._gizmo.mode = "translate";
         this._gizmo.addEventListener("mouseDown", () => {
           controller.enabled = false;
-          if (!implementsInterface(this._gizmo.object, "isMovable")) return;
+          if (!implementsInterface(
+            this._gizmo.object,
+            "isMovable"
+          ))
+            return;
           if (!this._gizmo.object.onMoveStart) return;
           this._gizmo.object.onMoveStart();
         });
         this._gizmo.addEventListener("objectChange", () => {
-          if (!implementsInterface(this._gizmo.object, "isMovable")) return;
+          if (!implementsInterface(
+            this._gizmo.object,
+            "isMovable"
+          ))
+            return;
           if (!this._gizmo.object.onMove) return;
           this._gizmo.object.onMove();
         });
         this._gizmo.addEventListener("mouseUp", () => {
           controller.enabled = true;
-          if (!implementsInterface(this._gizmo.object, "isMovable")) return;
+          if (!implementsInterface(
+            this._gizmo.object,
+            "isMovable"
+          ))
+            return;
           if (!this._gizmo.object.onMoveEnd) return;
           this._gizmo.object.onMoveEnd();
         });
@@ -396,7 +435,10 @@ var init_SelectTool = __esm({
       onClick(e) {
         super.onClick(e);
         const first = this._raycaster.intersectObjects(this._scene.Root.children, true).filter((intersect) => intersect.object.visible)[0];
-        const selectable = findInterface(first == null ? void 0 : first.object, "isSelectable");
+        const selectable = findInterface(
+          first == null ? void 0 : first.object,
+          "isSelectable"
+        );
         if (!first || !selectable) {
           if (this._gizmo.object) {
             this.Deselect(this._gizmo.object);
@@ -519,9 +561,15 @@ var init_GLTFIO = __esm({
       }
       Export(object, binary, onlyVisible) {
         if (binary) {
-          return this._exporter.parseAsync(object, { binary, onlyVisible });
+          return this._exporter.parseAsync(object, {
+            binary,
+            onlyVisible
+          });
         } else {
-          return this._exporter.parseAsync(object, { binary, onlyVisible });
+          return this._exporter.parseAsync(object, {
+            binary,
+            onlyVisible
+          });
         }
       }
     };
@@ -778,9 +826,15 @@ var _DIVECommunication = class _DIVECommunication {
     _DIVECommunication.__instances.push(this);
   }
   static get(id) {
-    const fromComID = this.__instances.find((instance) => instance.id === id);
+    const fromComID = this.__instances.find(
+      (instance) => instance.id === id
+    );
     if (fromComID) return fromComID;
-    return this.__instances.find((instance) => Array.from(instance.registered.values()).find((object) => object.id === id));
+    return this.__instances.find(
+      (instance) => Array.from(instance.registered.values()).find(
+        (object) => object.id === id
+      )
+    );
   }
   get id() {
     return this._id;
@@ -788,7 +842,11 @@ var _DIVECommunication = class _DIVECommunication {
   get mediaGenerator() {
     if (!this._mediaGenerator) {
       const DIVEMediaCreator2 = (init_MediaCreator(), __toCommonJS(MediaCreator_exports)).DIVEMediaCreator;
-      this._mediaGenerator = new DIVEMediaCreator2(this.renderer, this.scene, this.controller);
+      this._mediaGenerator = new DIVEMediaCreator2(
+        this.renderer,
+        this.scene,
+        this.controller
+      );
     }
     return this._mediaGenerator;
   }
@@ -800,7 +858,9 @@ var _DIVECommunication = class _DIVECommunication {
     return this._io;
   }
   DestroyInstance() {
-    const existingIndex = _DIVECommunication.__instances.findIndex((entry) => entry.id === this.id);
+    const existingIndex = _DIVECommunication.__instances.findIndex(
+      (entry) => entry.id === this.id
+    );
     if (existingIndex === -1) return false;
     _DIVECommunication.__instances.splice(existingIndex, 1);
     return true;
@@ -809,107 +869,159 @@ var _DIVECommunication = class _DIVECommunication {
     let returnValue = false;
     switch (action) {
       case "GET_ALL_SCENE_DATA": {
-        returnValue = this.getAllSceneData(payload);
+        returnValue = this.getAllSceneData(
+          payload
+        );
         break;
       }
       case "GET_ALL_OBJECTS": {
-        returnValue = this.getAllObjects(payload);
+        returnValue = this.getAllObjects(
+          payload
+        );
         break;
       }
       case "GET_OBJECTS": {
-        returnValue = this.getObjects(payload);
+        returnValue = this.getObjects(
+          payload
+        );
         break;
       }
       case "ADD_OBJECT": {
-        returnValue = this.addObject(payload);
+        returnValue = this.addObject(
+          payload
+        );
         break;
       }
       case "UPDATE_OBJECT": {
-        returnValue = this.updateObject(payload);
+        returnValue = this.updateObject(
+          payload
+        );
         break;
       }
       case "DELETE_OBJECT": {
-        returnValue = this.deleteObject(payload);
+        returnValue = this.deleteObject(
+          payload
+        );
         break;
       }
       case "SELECT_OBJECT": {
-        returnValue = this.selectObject(payload);
+        returnValue = this.selectObject(
+          payload
+        );
         break;
       }
       case "DESELECT_OBJECT": {
-        returnValue = this.deselectObject(payload);
+        returnValue = this.deselectObject(
+          payload
+        );
         break;
       }
       case "SET_BACKGROUND": {
-        returnValue = this.setBackground(payload);
+        returnValue = this.setBackground(
+          payload
+        );
         break;
       }
       case "DROP_IT": {
-        returnValue = this.dropIt(payload);
+        returnValue = this.dropIt(
+          payload
+        );
         break;
       }
       case "PLACE_ON_FLOOR": {
-        returnValue = this.placeOnFloor(payload);
+        returnValue = this.placeOnFloor(
+          payload
+        );
         break;
       }
       case "SET_CAMERA_TRANSFORM": {
-        returnValue = this.setCameraTransform(payload);
+        returnValue = this.setCameraTransform(
+          payload
+        );
         break;
       }
       case "GET_CAMERA_TRANSFORM": {
-        returnValue = this.getCameraTransform(payload);
+        returnValue = this.getCameraTransform(
+          payload
+        );
         break;
       }
       case "MOVE_CAMERA": {
-        returnValue = this.moveCamera(payload);
+        returnValue = this.moveCamera(
+          payload
+        );
         break;
       }
       case "RESET_CAMERA": {
-        returnValue = this.resetCamera(payload);
+        returnValue = this.resetCamera(
+          payload
+        );
         break;
       }
       case "COMPUTE_ENCOMPASSING_VIEW": {
-        returnValue = this.computeEncompassingView(payload);
+        returnValue = this.computeEncompassingView(
+          payload
+        );
         break;
       }
       case "SET_CAMERA_LAYER": {
-        returnValue = this.setCameraLayer(payload);
+        returnValue = this.setCameraLayer(
+          payload
+        );
         break;
       }
       case "ZOOM_CAMERA": {
-        returnValue = this.zoomCamera(payload);
+        returnValue = this.zoomCamera(
+          payload
+        );
         break;
       }
       case "SET_GIZMO_MODE": {
-        returnValue = this.setGizmoMode(payload);
+        returnValue = this.setGizmoMode(
+          payload
+        );
         break;
       }
       case "SET_GIZMO_VISIBILITY": {
-        returnValue = this.setGizmoVisibility(payload);
+        returnValue = this.setGizmoVisibility(
+          payload
+        );
         break;
       }
       case "USE_TOOL": {
-        returnValue = this.useTool(payload);
+        returnValue = this.useTool(
+          payload
+        );
         break;
       }
       case "MODEL_LOADED": {
-        returnValue = this.modelLoaded(payload);
+        returnValue = this.modelLoaded(
+          payload
+        );
         break;
       }
       case "UPDATE_SCENE": {
-        returnValue = this.updateScene(payload);
+        returnValue = this.updateScene(
+          payload
+        );
         break;
       }
       case "GENERATE_MEDIA": {
-        returnValue = this.generateMedia(payload);
+        returnValue = this.generateMedia(
+          payload
+        );
         break;
       }
       case "SET_PARENT": {
-        returnValue = this.setParent(payload);
+        returnValue = this.setParent(
+          payload
+        );
         break;
       }
       case "EXPORT_SCENE": {
-        returnValue = this.exportScene(payload);
+        returnValue = this.exportScene(
+          payload
+        );
         break;
       }
     }
@@ -922,7 +1034,9 @@ var _DIVECommunication = class _DIVECommunication {
     return () => {
       const listenerArray = this.listeners.get(type);
       if (!listenerArray) return false;
-      const existingIndex = listenerArray.findIndex((entry) => entry === listener);
+      const existingIndex = listenerArray.findIndex(
+        (entry) => entry === listener
+      );
       if (existingIndex === -1) return false;
       listenerArray.splice(existingIndex, 1);
       return true;
@@ -945,11 +1059,21 @@ var _DIVECommunication = class _DIVECommunication {
         target: this.controller.target.clone()
       },
       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"),
-      primitives: Array.from(this.registered.values()).filter((object) => object.entityType === "primitive"),
-      groups: Array.from(this.registered.values()).filter((object) => object.entityType === "group")
+      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"
+      ),
+      primitives: Array.from(this.registered.values()).filter(
+        (object) => object.entityType === "primitive"
+      ),
+      groups: Array.from(this.registered.values()).filter(
+        (object) => object.entityType === "group"
+      )
     };
     Object.assign(payload, sceneData);
     return sceneData;
@@ -979,7 +1103,10 @@ var _DIVECommunication = class _DIVECommunication {
     if (!objectToUpdate) return false;
     this.registered.set(payload.id, (0, import_lodash.merge)(objectToUpdate, payload));
     const updatedObject = this.registered.get(payload.id);
-    this.scene.UpdateSceneObject(__spreadProps(__spreadValues({}, payload), { id: updatedObject.id, entityType: updatedObject.entityType }));
+    this.scene.UpdateSceneObject(__spreadProps(__spreadValues({}, payload), {
+      id: updatedObject.id,
+      entityType: updatedObject.entityType
+    }));
     Object.assign(payload, updatedObject);
     return true;
   }
@@ -1057,7 +1184,12 @@ var _DIVECommunication = class _DIVECommunication {
       position = payload.position;
       target = payload.target;
     }
-    this.controller.MoveTo(position, target, payload.duration, payload.locked);
+    this.controller.MoveTo(
+      position,
+      target,
+      payload.duration,
+      payload.locked
+    );
     return true;
   }
   setCameraLayer(payload) {
@@ -1097,10 +1229,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.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);
+    if (payload.backgroundColor !== void 0)
+      this.scene.SetBackground(payload.backgroundColor);
+    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.Grid.visible;
@@ -1118,7 +1254,12 @@ var _DIVECommunication = class _DIVECommunication {
       position = payload.position;
       target = payload.target;
     }
-    payload.dataUri = this.mediaGenerator.GenerateMedia(position, target, payload.width, payload.height);
+    payload.dataUri = this.mediaGenerator.GenerateMedia(
+      position,
+      target,
+      payload.width,
+      payload.height
+    );
     return true;
   }
   setParent(payload) {
@@ -1171,8 +1312,17 @@ var DIVEPointLight = class extends import_three5.Object3D {
     this.light.shadow.mapSize.height = 512;
     this.add(this.light);
     const geoSize = 0.1;
-    const geometry = new import_three5.SphereGeometry(geoSize, geoSize * 320, geoSize * 320);
-    const material = new import_three5.MeshBasicMaterial({ color: this.light.color, transparent: true, opacity: 0.8, side: import_three5.FrontSide });
+    const geometry = new import_three5.SphereGeometry(
+      geoSize,
+      geoSize * 320,
+      geoSize * 320
+    );
+    const material = new import_three5.MeshBasicMaterial({
+      color: this.light.color,
+      transparent: true,
+      opacity: 0.8,
+      side: import_three5.FrontSide
+    });
     this.mesh = new import_three5.Mesh(geometry, material);
     this.mesh.layers.mask = UI_LAYER_MASK;
     this.add(this.mesh);
@@ -1190,15 +1340,24 @@ var DIVEPointLight = class extends import_three5.Object3D {
   }
   onMove() {
     var _a;
-    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("UPDATE_OBJECT", { id: this.userData.id, position: this.position });
+    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction(
+      "UPDATE_OBJECT",
+      { id: this.userData.id, position: this.position }
+    );
   }
   onSelect() {
     var _a;
-    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("SELECT_OBJECT", { id: this.userData.id });
+    (_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 });
+    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction(
+      "DESELECT_OBJECT",
+      { id: this.userData.id }
+    );
   }
 };
 
@@ -1284,22 +1443,44 @@ var DIVENode = class extends import_three7.Object3D {
   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 });
+    (_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 });
+    (_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
+      }
+    );
     if (this.parent && "isDIVEGroup" in this.parent) {
       this.parent.UpdateLineTo(this);
     }
   }
   onSelect() {
     var _a;
-    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("SELECT_OBJECT", { id: this.userData.id });
+    (_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 });
+    (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction(
+      "DESELECT_OBJECT",
+      { id: this.userData.id }
+    );
   }
 };
 
@@ -1370,20 +1551,36 @@ var DIVEModel = class extends DIVENode {
   PlaceOnFloor() {
     var _a;
     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 });
+    (_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() {
     var _a;
     if (!this.parent) {
-      console.warn("DIVEModel: DropIt() called on a model that is not in the scene.", this);
+      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_three8.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_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);
+    const intersections = raycaster.intersectObjects(
+      findSceneRecursive(this).Root.children,
+      true
+    );
     if (intersections.length > 0) {
       const mesh = intersections[0].object;
       mesh.geometry.computeBoundingBox();
@@ -1393,7 +1590,15 @@ var DIVEModel = class extends DIVENode {
       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 });
+      (_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
+        }
+      );
     }
   }
 };
@@ -1406,7 +1611,9 @@ var DIVELoadingManager = class {
     this.progress = /* @__PURE__ */ new Map();
     this.gltfloader = new import_Addons2.GLTFLoader();
     this.dracoloader = new import_Addons2.DRACOLoader();
-    this.dracoloader.setDecoderPath("https://www.gstatic.com/draco/v1/decoders/");
+    this.dracoloader.setDecoderPath(
+      "https://www.gstatic.com/draco/v1/decoders/"
+    );
     this.gltfloader.setDRACOLoader(this.dracoloader);
   }
   LoadGLTF(uri) {
@@ -1485,20 +1692,36 @@ var DIVEPrimitive = class extends DIVENode {
   PlaceOnFloor() {
     var _a;
     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 });
+    (_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() {
     var _a;
     if (!this.parent) {
-      console.warn("DIVEPrimitive: DropIt() called on a model that is not in the scene.", this);
+      console.warn(
+        "DIVEPrimitive: 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_three9.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_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);
+    const intersections = raycaster.intersectObjects(
+      findSceneRecursive(this).Root.children,
+      true
+    );
     if (intersections.length > 0) {
       const mesh = intersections[0].object;
       mesh.geometry.computeBoundingBox();
@@ -1508,7 +1731,15 @@ var DIVEPrimitive = class extends DIVENode {
       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 });
+      (_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
+        }
+      );
     }
   }
   assembleGeometry(geometry) {
@@ -1528,13 +1759,21 @@ var DIVEPrimitive = class extends DIVENode {
       case "plane":
         return this.createPlaneGeometry(geometry);
       default: {
-        console.warn("DIVEPrimitive: Invalid geometry type:", geometry.name.toLowerCase());
+        console.warn(
+          "DIVEPrimitive: Invalid geometry type:",
+          geometry.name.toLowerCase()
+        );
         return new import_three9.BufferGeometry();
       }
     }
   }
   createCylinderGeometry(geometry) {
-    const geo = new import_three9.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;
   }
@@ -1543,13 +1782,23 @@ var DIVEPrimitive = class extends DIVENode {
     return geo;
   }
   createPyramidGeometry(geometry) {
-    const geo = new import_three9.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_three9.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;
   }
@@ -1559,12 +1808,21 @@ var DIVEPrimitive = class extends DIVENode {
     return geo;
   }
   createWallGeometry(geometry) {
-    const geo = new import_three9.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_three9.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;
   }
@@ -1635,7 +1893,10 @@ var DIVEGroup = class extends DIVENode {
    * Updates a line to the object.
    */
   updateLineTo(line, object) {
-    line.geometry.setFromPoints([new import_three10.Vector3(0, 0, 0), object.position.clone()]);
+    line.geometry.setFromPoints([
+      new import_three10.Vector3(0, 0, 0),
+      object.position.clone()
+    ]);
     line.computeLineDistances();
   }
   // public SetBoundingBoxVisibility(visible: boolean): void {
@@ -1813,20 +2074,39 @@ var DIVERoot = class extends import_three11.Object3D {
           break;
         }
         default: {
-          console.warn(`DIVERoot.updateLight: Unknown light type: ${light.type}`);
+          console.warn(
+            `DIVERoot.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_three11.Color(light.color));
-    if (light.visible !== void 0 && light.visible !== null) sceneObject.visible = light.visible;
-    if (light.parentId !== void 0) this.setParent(__spreadProps(__spreadValues({}, light), { parentId: light.parentId }));
+    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_three11.Color(light.color)
+      );
+    if (light.visible !== void 0 && light.visible !== null)
+      sceneObject.visible = light.visible;
+    if (light.parentId !== void 0)
+      this.setParent(__spreadProps(__spreadValues({}, light), { parentId: light.parentId }));
   }
   updateModel(model) {
     let sceneObject = this.GetSceneObject(model);
@@ -1840,16 +2120,25 @@ var DIVERoot = class extends import_three11.Object3D {
       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 });
+        (_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.parentId !== void 0) this.setParent(__spreadProps(__spreadValues({}, model), { parentId: model.parentId }));
+    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.parentId !== void 0)
+      this.setParent(__spreadProps(__spreadValues({}, model), { parentId: model.parentId }));
   }
   updatePrimitive(primitive) {
     let sceneObject = this.GetSceneObject(primitive);
@@ -1860,13 +2149,20 @@ var DIVERoot = class extends import_three11.Object3D {
       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.parentId !== void 0) this.setParent(__spreadProps(__spreadValues({}, primitive), { parentId: primitive.parentId }));
+    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.parentId !== void 0)
+      this.setParent(__spreadProps(__spreadValues({}, primitive), { parentId: primitive.parentId }));
   }
   updateGroup(group) {
     let sceneObject = this.GetSceneObject(group);
@@ -1877,17 +2173,25 @@ var DIVERoot = class extends import_three11.Object3D {
       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.SetLinesVisibility(group.bbVisible);
-    if (group.parentId !== void 0) this.setParent(__spreadProps(__spreadValues({}, group), { parentId: group.parentId }));
+    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.SetLinesVisibility(group.bbVisible);
+    if (group.parentId !== void 0)
+      this.setParent(__spreadProps(__spreadValues({}, group), { parentId: group.parentId }));
   }
   deleteLight(light) {
     const sceneObject = this.GetSceneObject(light);
     if (!sceneObject) {
-      console.warn(`DIVERoot.deleteLight: Light with id ${light.id} not found`);
+      console.warn(
+        `DIVERoot.deleteLight: Light with id ${light.id} not found`
+      );
       return;
     }
     this.detachTransformControls(sceneObject);
@@ -1896,7 +2200,9 @@ var DIVERoot = class extends import_three11.Object3D {
   deleteModel(model) {
     const sceneObject = this.GetSceneObject(model);
     if (!sceneObject) {
-      console.warn(`DIVERoot.deleteModel: Model with id ${model.id} not found`);
+      console.warn(
+        `DIVERoot.deleteModel: Model with id ${model.id} not found`
+      );
       return;
     }
     this.detachTransformControls(sceneObject);
@@ -1905,7 +2211,9 @@ var DIVERoot = class extends import_three11.Object3D {
   deletePrimitive(primitive) {
     const sceneObject = this.GetSceneObject(primitive);
     if (!sceneObject) {
-      console.warn(`DIVERoot.deletePrimitive: Primitive with id ${primitive.id} not found`);
+      console.warn(
+        `DIVERoot.deletePrimitive: Primitive with id ${primitive.id} not found`
+      );
       return;
     }
     this.detachTransformControls(sceneObject);
@@ -1914,7 +2222,9 @@ var DIVERoot = class extends import_three11.Object3D {
   deleteGroup(group) {
     const sceneObject = this.GetSceneObject(group);
     if (!sceneObject) {
-      console.warn(`DIVERoot.deleteGroup: Group with id ${group.id} not found`);
+      console.warn(
+        `DIVERoot.deleteGroup: Group with id ${group.id} not found`
+      );
       return;
     }
     this.detachTransformControls(sceneObject);
@@ -1932,7 +2242,9 @@ var DIVERoot = class extends import_three11.Object3D {
     const sceneObject = this.GetSceneObject(object);
     if (!sceneObject) return;
     if (object.parentId !== null) {
-      const parent = this.GetSceneObject({ id: object.parentId });
+      const parent = this.GetSceneObject({
+        id: object.parentId
+      });
       if (!parent) return;
       parent.attach(sceneObject);
     } else {
@@ -1950,7 +2262,6 @@ var DIVERoot = class extends import_three11.Object3D {
     if (object.parent !== null) {
       return this.findScene(object.parent);
     }
-    ;
     return object;
   }
 };
@@ -1966,7 +2277,12 @@ var DIVEGrid = class extends import_three12.Object3D {
   constructor() {
     super();
     this.name = "Grid";
-    const grid = new import_three12.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);
@@ -1981,7 +2297,12 @@ var import_three13 = require("three");
 init_VisibilityLayerMask();
 var DIVEFloor = class extends import_three13.Mesh {
   constructor() {
-    super(new import_three13.PlaneGeometry(1e4, 1e4), new import_three13.MeshStandardMaterial({ color: new import_three13.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;
@@ -2099,7 +2420,11 @@ 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_three15.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;
@@ -2107,7 +2432,11 @@ 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_three15.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;
@@ -2117,7 +2446,11 @@ var _DIVEOrbitControls = class _DIVEOrbitControls extends import_OrbitControls.O
     const toPosition = pos || this.object.position.clone();
     const toTarget = target || this.target.clone();
     this.stopRevertLast();
-    if (!this.locked) this.last = { pos: this.object.position.clone(), target: this.target.clone() };
+    if (!this.locked)
+      this.last = {
+        pos: this.object.position.clone(),
+        target: this.target.clone()
+      };
     this.animating = duration > 0;
     this.locked = lock;
     this.enabled = false;
@@ -2161,7 +2494,10 @@ var DIVEToolbox = class {
   get selectTool() {
     if (!this._selectTool) {
       const DIVESelectTool2 = (init_SelectTool(), __toCommonJS(SelectTool_exports)).DIVESelectTool;
-      this._selectTool = new DIVESelectTool2(this._scene, this._controller);
+      this._selectTool = new DIVESelectTool2(
+        this._scene,
+        this._controller
+      );
     }
     return this._selectTool;
   }
@@ -2220,16 +2556,40 @@ var DIVEToolbox = class {
     (_a = this._activeTool) == null ? void 0 : _a.onWheel(e);
   }
   addEventListeners() {
-    this._controller.domElement.addEventListener("pointermove", (e) => this.onPointerMove(e));
-    this._controller.domElement.addEventListener("pointerdown", (e) => this.onPointerDown(e));
-    this._controller.domElement.addEventListener("pointerup", (e) => this.onPointerUp(e));
-    this._controller.domElement.addEventListener("wheel", (e) => this.onWheel(e));
+    this._controller.domElement.addEventListener(
+      "pointermove",
+      (e) => this.onPointerMove(e)
+    );
+    this._controller.domElement.addEventListener(
+      "pointerdown",
+      (e) => this.onPointerDown(e)
+    );
+    this._controller.domElement.addEventListener(
+      "pointerup",
+      (e) => this.onPointerUp(e)
+    );
+    this._controller.domElement.addEventListener(
+      "wheel",
+      (e) => this.onWheel(e)
+    );
   }
   removeEventListeners() {
-    this._controller.domElement.removeEventListener("pointermove", (e) => this.onPointerMove(e));
-    this._controller.domElement.removeEventListener("pointerdown", (e) => this.onPointerDown(e));
-    this._controller.domElement.removeEventListener("pointerup", (e) => this.onPointerUp(e));
-    this._controller.domElement.removeEventListener("wheel", (e) => this.onWheel(e));
+    this._controller.domElement.removeEventListener(
+      "pointermove",
+      (e) => this.onPointerMove(e)
+    );
+    this._controller.domElement.removeEventListener(
+      "pointerdown",
+      (e) => this.onPointerDown(e)
+    );
+    this._controller.domElement.removeEventListener(
+      "pointerup",
+      (e) => this.onPointerUp(e)
+    );
+    this._controller.domElement.removeEventListener(
+      "wheel",
+      (e) => this.onWheel(e)
+    );
   }
 };
 DIVEToolbox.DefaultTool = "select";
@@ -2316,7 +2676,9 @@ var DIVEAxisCamera = class extends import_three16.OrthographicCamera {
     this._scene.remove(this);
   }
   SetFromCameraMatrix(matrix) {
-    this.axesHelper.rotation.setFromRotationMatrix(new import_three16.Matrix4().extractRotation(matrix).invert());
+    this.axesHelper.rotation.setFromRotationMatrix(
+      new import_three16.Matrix4().extractRotation(matrix).invert()
+    );
   }
 };
 
@@ -2351,7 +2713,10 @@ var getObjectDelta = (a, b) => {
       }
       const arrayDeltas = [];
       bArray.forEach((entry, index) => {
-        const inArrayDelta = getObjectDelta(aArray[index], bArray[index]);
+        const inArrayDelta = getObjectDelta(
+          aArray[index],
+          bArray[index]
+        );
         if (Object.keys(inArrayDelta).length) {
           arrayDeltas.push(bArray[index]);
         }
@@ -2367,7 +2732,10 @@ var getObjectDelta = (a, b) => {
         delta = __spreadProps(__spreadValues({}, delta), { [key]: b[key] });
         return;
       }
-      const objectDelta = getObjectDelta(a[key], b[key]);
+      const objectDelta = getObjectDelta(
+        a[key],
+        b[key]
+      );
       if (Object.keys(objectDelta).length) {
         delta = __spreadProps(__spreadValues({}, delta), { [key]: objectDelta });
         return;
@@ -2483,7 +2851,7 @@ DIVEInfo._supportsWebXR = null;
 // package.json
 var package_default = {
   name: "@shopware-ag/dive",
-  version: "1.16.0",
+  version: "1.16.1",
   description: "Shopware Spatial Framework",
   type: "module",
   main: "./build/dive.cjs",
@@ -2528,6 +2896,8 @@ var package_default = {
     jest: "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     jsdom: "^24.0.0",
+    prettier: "^3.3.3",
+    "prettier-plugin-multiline-arrays": "^3.0.6",
     "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
     tsup: "^8.0.2",
@@ -2538,6 +2908,8 @@ var package_default = {
     build: "tsup && yarn genmd",
     watch: "tsup --watch",
     lint: "eslint",
+    "prettier-check": "prettier --check .",
+    "prettier-fix": "prettier --write .",
     unit: "jest",
     coverage: "jest --coverage",
     genmd: "node ./scripts/genmd.js"
@@ -2571,7 +2943,10 @@ function roundExponential(number, decimals = 0) {
 
 // src/math/signedAngleTo/signedAngleTo.ts
 function signedAngleTo(vecA, vecB, planeNormal) {
-  return Math.atan2(vecA.clone().cross(vecB).dot(planeNormal), vecB.clone().dot(vecA));
+  return Math.atan2(
+    vecA.clone().cross(vecB).dot(planeNormal),
+    vecB.clone().dot(vecA)
+  );
 }
 
 // src/math/toFixed/toFixedExp.ts
@@ -2629,7 +3004,10 @@ var DIVE = class _DIVE {
       dive.Communication.PerformAction("PLACE_ON_FLOOR", {
         id: modelid
       });
-      const transform = dive.Communication.PerformAction("COMPUTE_ENCOMPASSING_VIEW", {});
+      const transform = dive.Communication.PerformAction(
+        "COMPUTE_ENCOMPASSING_VIEW",
+        {}
+      );
       dive.Communication.PerformAction("SET_CAMERA_TRANSFORM", {
         position: transform.position,
         target: transform.target
@@ -2667,16 +3045,25 @@ var DIVE = class _DIVE {
   set Settings(settings) {
     var _a;
     const settingsDelta = getObjectDelta(this._settings, settings);
-    if (settingsDelta.renderer) this.renderer = new DIVERenderer(this._settings.renderer);
+    if (settingsDelta.renderer)
+      this.renderer = new DIVERenderer(this._settings.renderer);
     if (settingsDelta.perspectiveCamera) {
-      if (settingsDelta.perspectiveCamera.fov !== void 0) this.perspectiveCamera.fov = settingsDelta.perspectiveCamera.fov;
-      if (settingsDelta.perspectiveCamera.near !== void 0) this.perspectiveCamera.near = settingsDelta.perspectiveCamera.near;
-      if (settingsDelta.perspectiveCamera.far !== void 0) this.perspectiveCamera.far = settingsDelta.perspectiveCamera.far;
-      this.perspectiveCamera.OnResize(this.renderer.domElement.width, this.renderer.domElement.height);
+      if (settingsDelta.perspectiveCamera.fov !== void 0)
+        this.perspectiveCamera.fov = settingsDelta.perspectiveCamera.fov;
+      if (settingsDelta.perspectiveCamera.near !== void 0)
+        this.perspectiveCamera.near = settingsDelta.perspectiveCamera.near;
+      if (settingsDelta.perspectiveCamera.far !== void 0)
+        this.perspectiveCamera.far = settingsDelta.perspectiveCamera.far;
+      this.perspectiveCamera.OnResize(
+        this.renderer.domElement.width,
+        this.renderer.domElement.height
+      );
     }
     if (settingsDelta.orbitControls) {
-      if (settingsDelta.orbitControls.enableDamping !== void 0) this.orbitControls.enableDamping = settingsDelta.orbitControls.enableDamping;
-      if (settingsDelta.orbitControls.dampingFactor !== void 0) this.orbitControls.dampingFactor = settingsDelta.orbitControls.dampingFactor;
+      if (settingsDelta.orbitControls.enableDamping !== void 0)
+        this.orbitControls.enableDamping = settingsDelta.orbitControls.enableDamping;
+      if (settingsDelta.orbitControls.dampingFactor !== void 0)
+        this.orbitControls.dampingFactor = settingsDelta.orbitControls.dampingFactor;
     }
     if (settingsDelta.autoResize !== this._settings.autoResize) {
       if (settingsDelta.autoResize) {
@@ -2686,7 +3073,11 @@ var DIVE = class _DIVE {
       }
     }
     if (settingsDelta.displayAxes) {
-      this.axisCamera = new DIVEAxisCamera(this.renderer, this.scene, this.orbitControls);
+      this.axisCamera = new DIVEAxisCamera(
+        this.renderer,
+        this.scene,
+        this.orbitControls
+      );
     } else {
       (_a = this.axisCamera) == null ? void 0 : _a.Dispose();
       this.axisCamera = null;
@@ -2700,13 +3091,29 @@ var DIVE = class _DIVE {
     this._height = 0;
     this.renderer = new DIVERenderer(this._settings.renderer);
     this.scene = new DIVEScene();
-    this.perspectiveCamera = new DIVEPerspectiveCamera(this._settings.perspectiveCamera);
+    this.perspectiveCamera = new DIVEPerspectiveCamera(
+      this._settings.perspectiveCamera
+    );
     this.animationSystem = new DIVEAnimationSystem(this.renderer);
-    this.orbitControls = new DIVEOrbitControls(this.perspectiveCamera, this.renderer, this.animationSystem, this._settings.orbitControls);
+    this.orbitControls = new DIVEOrbitControls(
+      this.perspectiveCamera,
+      this.renderer,
+      this.animationSystem,
+      this._settings.orbitControls
+    );
     this.toolbox = new DIVEToolbox(this.scene, this.orbitControls);
-    this.communication = new DIVECommunication(this.renderer, this.scene, this.orbitControls, this.toolbox);
+    this.communication = new DIVECommunication(
+      this.renderer,
+      this.scene,
+      this.orbitControls,
+      this.toolbox
+    );
     if (this._settings.displayAxes) {
-      this.axisCamera = new DIVEAxisCamera(this.renderer, this.scene, this.orbitControls);
+      this.axisCamera = new DIVEAxisCamera(
+        this.renderer,
+        this.scene,
+        this.orbitControls
+      );
     } else {
       this.axisCamera = null;
     }
@@ -2741,7 +3148,8 @@ var DIVE = class _DIVE {
       const canvasWrapper = this.renderer.domElement.parentElement;
       if (!canvasWrapper) return;
       const { clientWidth, clientHeight } = canvasWrapper;
-      if (clientWidth === this._width && clientHeight === this._height) return;
+      if (clientWidth === this._width && clientHeight === this._height)
+        return;
       this.OnResize(clientWidth, clientHeight);
       this._width = clientWidth;
       this._height = clientHeight;