@panoramax/web-viewer 4.0.2-develop-4d3bf829 → 4.0.2-develop-682e2a36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "4.0.2-develop-4d3bf829",
+  "version": "4.0.2-develop-682e2a36",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/menus/PictureLegend.js

@@ -226,7 +226,7 @@ export default class PictureLegend extends LitElement {
 
 				${this._caption.date ? html`<div class="info-block">
 					${fa(faCalendarAlt)}
-					${this._caption.date.toLocaleDateString(undefined, { year: "numeric", month: "long" })}
+					${this._caption.date.toLocaleDateString(this._parent?.lang || window.navigator.language, { year: "numeric", month: "long" })}
 				</div>` : nothing}
 			</div>
 

package/src/components/menus/PictureMetadata.js

@@ -119,6 +119,8 @@ export default class PictureMetadata extends LitElement {
 		/* eslint-disable indent */
 		if(!this._meta) { return nothing; }
 
+		const lang = this._parent?.lang || window.navigator.language;
+
 		// Generic information
 		const persOrient = this._meta?.properties?.["pers:interior_orientation"];
 		const makeModel = [persOrient.camera_manufacturer, persOrient.camera_model].filter(v => v).join(" ");
@@ -147,11 +149,11 @@ export default class PictureMetadata extends LitElement {
 			this._meta?.caption?.date && {
 				title: this._parent?._t.pnx.metadata_general_date,
 				content: html`
-					<strong>${new Intl.DateTimeFormat(undefined, {
+					<strong>${new Intl.DateTimeFormat(lang, {
 						timeZone: this._meta.caption.tz,
 						dateStyle: "short"
 					}).format(this._meta.caption.date)}</strong>
-					<br />${new Intl.DateTimeFormat(undefined, {
+					<br />${new Intl.DateTimeFormat(lang, {
 						timeZone: this._meta.caption.tz,
 						hour: "numeric",
 						minute: "numeric",
@@ -312,8 +314,8 @@ export default class PictureMetadata extends LitElement {
 			this._meta?.caption?.date && {
 				title: this._parent?._t.pnx.metadata_general_date,
 				content: html`
-					<strong>${new Intl.DateTimeFormat(undefined, {timeZone: this._meta.caption.tz, dateStyle: "long"}).format(this._meta.caption.date)}</strong>
-					<br />${new Intl.DateTimeFormat(undefined, {timeZone: this._meta.caption.tz, hour: "numeric",minute:"numeric"}).format(this._meta.caption.date)}
+					<strong>${new Intl.DateTimeFormat(lang, {timeZone: this._meta.caption.tz, dateStyle: "long"}).format(this._meta.caption.date)}</strong>
+					<br />${new Intl.DateTimeFormat(lang, {timeZone: this._meta.caption.tz, hour: "numeric",minute:"numeric"}).format(this._meta.caption.date)}
 				`
 			},
 			// Camera