@panoramax/web-viewer 4.3.1-develop-f2e27359 → 4.3.1-develop-61d5b28c

package/package.json

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

package/public/editor.html

@@ -37,7 +37,7 @@
       "https://data.geopf.fr/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ORTHOIMAGERY.ORTHOPHOTOS&STYLE=normal&FORMAT=image/jpeg&TILEMATRIXSET=PM_0_19&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}"
     ],
     minzoom: 0,
-    maxzoom: 21,
+    maxzoom: 19,
     attribution: "© IGN",
     tileSize: 256
   }'

package/src/components/core/Editor.css

@@ -23,3 +23,11 @@ pnx-editor pnx-map-background {
 	left: 10px;
 	font-family: var(--font-family);
 }
+
+/* Player widget */
+pnx-editor pnx-widget-player {
+	margin-top: 10px;
+}
+pnx-editor pnx-widget-player #pnx-player-play {
+	display: none;
+}

package/src/components/core/Editor.js

@@ -160,6 +160,13 @@ export default class Editor extends Basic {
 		try {
 			this.psv = new Photo(this, this._psvContainer);
 			this.psv._myVTour.datasource.nodeResolver = this._getNode.bind(this);
+			this.grid.appendChild(createWebComp("pnx-widget-player", {
+				slot: "top",
+				_parent: this,
+				class: "pnx-only-psv pnx-print-hidden",
+				size: "xl",
+				more: "never"
+			}));
 		}
 		catch(e) {
 			let err = !PSSystem.isWebGLSupported ? this._t.pnx.error_webgl : this._t.pnx.error_psv;

package/src/components/core/PhotoViewer.js

@@ -422,6 +422,12 @@ export default class PhotoViewer extends Basic {
 				}
 			}
 
+			// Skip if popup is opened
+			if(this.popup.getAttribute("visible") !== null) {
+				this._disableKeyboard();
+				return;
+			}
+
 			this._enableKeyboard();
 		}
 		else {

package/src/components/core/Viewer.js

@@ -406,30 +406,6 @@ export default class Viewer extends PhotoViewer {
 		this.map.keyboard.disable();
 	}
 
-	/** @private */
-	_toggleKeyboardBasedOnFocus(e) {
-		const target = e?.target || document.activeElement;
-		if(this.contains(target)) {
-			// Check if focus is not in a widget
-			for(let cn of this.grid.childNodes) {
-				if(
-					cn.getAttribute("slot") !== "bg"
-					&& !KEYBOARD_SKIP_FOCUS_WIDGETS.includes(cn.tagName.toLowerCase())
-				) {
-					if(cn.contains(target)) {
-						this._disableKeyboard();
-						return;
-					}
-				}
-			}
-
-			this._enableKeyboard();
-		}
-		else {
-			this._disableKeyboard();
-		}
-	}
-
 	/** @private */
 	_handleKeyboardManagement() {
 		// General