@panoramax/web-viewer 3.2.3-develop-48da552a → 3.2.3-develop-73663efd

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "3.2.3-develop-48da552a",
+  "version": "3.2.3-develop-73663efd",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/core/Viewer.js

@@ -266,7 +266,12 @@ export default class Viewer extends PhotoViewer {
 			// Select after none selected -> show pic wide
 			else {
 				this.mini.classList.remove("pnx-hidden");
-				if(isNullId(old)) { this._setFocus("pic"); }
+				if(isNullId(old)) {
+					this._setFocus("pic");
+					if(this.bottomDrawer?.getAttribute?.("openness") === "closed") {
+						this.bottomDrawer.setAttribute("openness", "half-opened");
+					}
+				}
 			}
 		}
 		

package/src/components/layout/BottomDrawer.js

@@ -93,14 +93,21 @@ export default class BottomDrawer extends LitElement {
 	/** @private */
 	firstUpdated() {
 		super.firstUpdated();
+
 		this._boundTouchMove = this._onTouchMove.bind(this);
 		this._boundTouchEnd = this._onTouchEnd.bind(this);
 
 		this._drawerHeight = window.innerHeight - 30;
+
 		const drawer = this._getDrawer();
 		if (!drawer) { return; }
 		drawer.style.height = `${this._drawerHeight}px`;
 		drawer.style.maxHeight = `${this._drawerHeight}px`;
+
+		this._parent?.onceReady().then(() => {
+			this._parent.map?.addEventListener("click", () => this.openness = "closed");
+			this._parent.psv?.addEventListener("click", () => this.openness = "closed");
+		});
 	}
 
 	/** @private */

package/src/components/ui/CopyButton.js

@@ -72,9 +72,15 @@ export default class CopyButton extends LitElement {
 		else if(this.text !== "") {
 			textToCopy = this.text;
 		}
-		navigator.clipboard.writeText(textToCopy);
-		this._active = true;
-		setTimeout(() => this._active = false, 2000);
+
+		if(!navigator?.clipboard) {
+			alert("Clipboard is not available");
+		}
+		else {
+			navigator.clipboard.writeText(textToCopy);
+			this._active = true;
+			setTimeout(() => this._active = false, 2000);
+		}
 	}
 
 	/** @private */

package/src/components/ui/TogglableGroup.js

@@ -98,6 +98,7 @@ export default class TogglableGroup extends LitElement {
 		menu.style.right = null;
 		menu.style.left = null;
 		menu.style.overflowY = null;
+		menu.style.marginTop = null;
 
 		// Get positions on screen
 		const btnRect = btn.getBoundingClientRect();
@@ -130,7 +131,7 @@ export default class TogglableGroup extends LitElement {
 		}
 		// Overflows width = move to left
 		else if(!fitsWidth) {
-			menu.style.top = `${btnRect.bottom+btnMenuMargin}px`;
+			menu.style.marginTop = `${btnMenuMargin}px`;
 			menu.style.right = `${window.innerWidth - btnRect.right}px`;
 		}
 	}

package/src/translations/zh_Hant.json

@@ -183,7 +183,8 @@
         "metadata_summary": "摘要",
         "picture_flat_long": "經典相片",
         "geo_uri": "外部程式",
-        "contribute_id": "透過 iD 編輯器來貢獻 OpenStreetMap"
+        "contribute_id": "透過 iD 編輯器來貢獻 OpenStreetMap",
+        "filter_date_6months": "6 個月"
     },
     "map": {
         "loading": "正在載入…",