@panoramax/web-viewer 4.3.1-develop-78b79ba1 → 4.3.1-develop-39b43404

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "4.3.1-develop-78b79ba1",
+  "version": "4.3.1-develop-39b43404",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/core/PhotoViewer.js

@@ -378,6 +378,13 @@ export default class PhotoViewer extends Basic {
 					}
 				}
 			});
+			this.psvContainer.addEventListener("mousemove", () => {
+				if(this.grid._hidden) {
+					clearTimeout(this._gridFocus);
+					this.grid.toggleAway(true);
+					this.classList.remove("pnx-grid-toggled");
+				}
+			});
 		}
 		catch(e) {
 			let err = !PSSystem.isWebGLSupported ? this._t.pnx.error_webgl : this._t.pnx.error_psv;

package/src/components/layout/CorneredGrid.js

@@ -54,8 +54,12 @@ export default class CorneredGrid extends LitElement {
 
 		.row.bottom { align-items: flex-end; }
 
-		.row.top.toggled { margin: -50% 0 100% 0; }
-		.row.bottom.toggled { margin: 100% 0 -50% 0; }
+		.row.top.toggled { margin: -100% 0 200% 0; }
+		.row.bottom.toggled { margin: 200% 0 -100% 0; }
+		@media screen and (min-width: 576px) {
+			.row.top.toggled { margin: -50% 0 100% 0; }
+			.row.bottom.toggled { margin: 100% 0 -50% 0; }
+		}
 
 		.corner {
 			position: relative;
@@ -94,10 +98,11 @@ export default class CorneredGrid extends LitElement {
 
 	/**
 	 * Make all overlay components go away smoothly (one-click "focus")
+	 * @param {boolean} [newState] True to make widgets visible, false to hide, undefined to invert
 	 * @returns {boolean} True if widgets are hidden
 	 */
-	toggleAway() {
-		this._hidden = !this._hidden;
+	toggleAway(newState) {
+		this._hidden = newState === null || newState === undefined ? !this._hidden : !newState;
 		return this._hidden;
 	}
 

package/src/components/ui/Map.js

@@ -600,6 +600,16 @@ export default class Map extends maplibregl.Map {
 				}
 			}
 		});
+
+		// Untoggle away widgets
+		const untoggleGridWidgets = () => {
+			if(this._parent.isMapWide?.() && this._parent?.grid?._hidden) {
+				clearTimeout(this._gridFocus);
+				this._parent.grid.toggleAway(true);
+			}
+		};
+		this.on("mousemove", untoggleGridWidgets);
+		this.on("touchmove", untoggleGridWidgets);
 	}
 
 	/**