@panoramax/web-viewer 4.3.0-develop-94eec798 → 4.3.0-develop-7923d065

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "4.3.0-develop-94eec798",
+  "version": "4.3.0-develop-7923d065",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/core/PhotoViewer.js

@@ -366,14 +366,16 @@ export default class PhotoViewer extends Basic {
 				clearTimeout(this._gridFocus);
 				
 				if(e.data.target.tagName === "CANVAS") {
-					this._gridFocus = setTimeout(() => {
-						if(this.grid.toggleAway()) {
-							this.classList.add("pnx-grid-toggled");
-						}
-						else {
-							this.classList.remove("pnx-grid-toggled");
-						}
-					}, 250);
+					if(!this.isMapWide || (this.isMapWide && !this.isMapWide())) {
+						this._gridFocus = setTimeout(() => {
+							if(this.grid.toggleAway()) {
+								this.classList.add("pnx-grid-toggled");
+							}
+							else {
+								this.classList.remove("pnx-grid-toggled");
+							}
+						}, 250);
+					}
 				}
 			});
 		}

package/src/components/menus/LocationPrecisionDoc.js

@@ -36,7 +36,7 @@ export default class LocationPrecisionDoc extends LitElement {
 				target="_blank"
 				kind="outline"
 				style="width: 100%"
-			>${fa(faExternalLinkAlt)} ${this._t?.pnx.filter_gps_precision_help}</pnx-link-button>
+			>${fa(faExternalLinkAlt)} ${this._t?.pnx.popup_details_link}</pnx-link-button>
 		`;
 	}
 }

package/src/components/menus/QualityScoreDoc.js

@@ -35,7 +35,7 @@ export default class QualityScoreDoc extends LitElement {
 				target="_blank"
 				kind="outline"
 				style="width: 100%"
-			>${fa(faExternalLinkAlt)} ${this._t?.pnx.qualityscore_doc_link}</pnx-link-button>
+			>${fa(faExternalLinkAlt)} ${this._t?.pnx.popup_details_link}</pnx-link-button>
 		`;
 	}
 }

package/src/components/menus/SemanticsDoc.js

@@ -31,7 +31,7 @@ export default class SemanticsDoc extends LitElement {
 				target="_blank"
 				kind="outline"
 				style="width: 100%"
-			>${fa(faExternalLinkAlt)} ${this._t?.pnx.semantics_doc_link}</pnx-link-button>
+			>${fa(faExternalLinkAlt)} ${this._t?.pnx.popup_details_link}</pnx-link-button>
 		`;
 	}
 }

package/src/components/ui/Map.js

@@ -595,7 +595,9 @@ export default class Map extends maplibregl.Map {
 
 			if(e.defaultPrevented === false) {
 				dropPreview();
-				this._gridFocus = setTimeout(() => this._parent?.grid?.toggleAway(), 250);
+				if(this._parent.isMapWide?.()) {
+					this._gridFocus = setTimeout(() => this._parent?.grid?.toggleAway(), 250);
+				}
 			}
 		});
 	}

package/src/components/ui/Popup.js

@@ -49,7 +49,7 @@ export default class Popup extends LitElement {
 			position: relative;
 			width: 90%;
 			max-height: 90%;
-			max-width: 550px;
+			max-width: 400px;
 			overflow-y: auto;
 		}
 
@@ -129,7 +129,7 @@ export default class Popup extends LitElement {
 			<div class="pnx-panel pnx-padded">
 				<pnx-button
 					class="btn-close"
-					kind="flat"
+					kind="inline"
 					size="l"
 					@click=${this.close.bind(this)}
 				>

package/src/translations/en.json

@@ -118,6 +118,7 @@
         "picture_360": "360°",
         "picture_flat_long": "Classic picture",
         "picture_360_long": "Panoramic picture",
+        "popup_details_link": "More details",
         "filter_qualityscore": "Quality score",
         "filter_qualityscore_help": "Click to enable or disable",
         "qualityscore_doc_1": "A Quality Score is computed for each picture.",

package/src/translations/fr.json

@@ -117,6 +117,7 @@
         "picture_360": "360°",
         "picture_flat_long": "Photo classique",
         "picture_360_long": "Photo panoramique",
+        "popup_details_link": "Plus de détails",
         "filter_qualityscore": "Score de qualité",
         "filter_qualityscore_help": "Cliquez pour activer ou désactiver",
         "qualityscore_doc_1": "Un Score de Qualité est calculé pour chaque image.",