hart-estate-widget 0.0.27 → 0.0.30

package/build/components/PanoramaTab.js

@@ -111,8 +111,8 @@ const setPanoramaLinks = (json, currentRoom, center, panorama, panoramas) => {
       return room_id === connectedRoom.ID;
     });
     if (!connectedPanorama) return;
-    const locationX = Location.X - center[0];
-    const locationY = -(Location.Y - center[1]);
+    const locationX = Location.Y - center[1];
+    const locationY = Location.X - center[0];
     const defaultScale = 20;
     const maxScale = 50;
     const defaultLength = 120;
@@ -206,12 +206,30 @@ const PanoramaTab = _ref3 => {
   };
 
   (0, _react.useEffect)(() => {
+    const container = document.querySelector('.widget-tab__panorama-overlay');
     const newViewer = new PANOLENS.Viewer({
-      container: document.querySelector('.widget-tab__panorama-overlay'),
+      container,
       autoHideInfospot: false,
       controlButtons: [],
       cameraFov: 90
     });
+    container.addEventListener('mousewheel', e => {
+      e.preventDefault();
+      e.stopPropagation();
+      const scope = newViewer.getControl();
+      const fovStep = 2;
+
+      if (e.deltaY > 0) {
+        const newFov = scope.object.fov + fovStep;
+        scope.object.fov = newFov < scope.maxFov ? newFov : scope.maxFov;
+        scope.object.updateProjectionMatrix();
+        return;
+      }
+
+      const newFov = scope.object.fov - fovStep;
+      scope.object.fov = newFov > scope.minFov ? newFov : scope.minFov;
+      scope.object.updateProjectionMatrix();
+    });
     panoramas.forEach(panorama => {
       if (!panorama.panorama_id) return;
       panorama.addEventListener('enter', _ref4 => {
@@ -222,6 +240,7 @@ const PanoramaTab = _ref3 => {
       });
       newViewer.add(panorama);
     });
+    newViewer.scene.rotation.y = Math.PI / 2;
     setViewer(newViewer);
     initPanorama();
   }, [panoramas]);

package/build/store/houseStore.js

@@ -638,7 +638,7 @@ class HouseStore {
     const modelPath = "".concat(this.apiStore.API_URL, "/storage/furniture/").concat(mesh);
     const {
       Location,
-      WEB_Rotation,
+      Rotation,
       Model: ModelName
     } = furniture;
     const {
@@ -727,7 +727,7 @@ class HouseStore {
       const model = originalModel.clone();
       model.scale.set(this.sceneScale, this.sceneScale, this.sceneScale);
       model.position.set(X * this.sceneScale, Y * this.sceneScale, Z * this.sceneScale);
-      model.rotation.set(Math.PI / 2, THREE.Math.degToRad(WEB_Rotation.Yaw), 0);
+      model.rotation.set(Math.PI / 2, THREE.Math.degToRad(Rotation.Yaw), 0);
       const loadedTextures = this.loadedTextures[ModelName];
 
       if (loadedTextures) {

package/package.json

@@ -3,7 +3,7 @@
   "description": "HART Estate widget",
   "author": "HART",
   "keywords": [],
-  "version": "0.0.27",
+  "version": "0.0.30",
   "private": false,
   "main": "build/index.js",
   "module": "build/index.js",