@panoramax/web-viewer 3.2.1-develop-e904bbd4 → 3.2.1-develop-b82eccc7

package/package.json

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

package/src/Editor.js

@@ -253,6 +253,7 @@ export default class Editor extends CoreView {
 
 		const imgBgStreets = document.createElement("img");
 		imgBgStreets.src = BackgroundStreets;
+		imgBgStreets.alt = "";
 
 		labelBgStreets.appendChild(imgBgStreets);
 		labelBgStreets.appendChild(document.createTextNode(this._t.gvs.map_background_streets));
@@ -272,6 +273,7 @@ export default class Editor extends CoreView {
 
 		const imgBgAerial = document.createElement("img");
 		imgBgAerial.src = BackgroundAerial;
+		imgBgAerial.alt = "";
 
 		labelBgAerial.appendChild(imgBgAerial);
 		labelBgAerial.appendChild(document.createTextNode(this._t.gvs.map_background_aerial));

package/src/components/Loader.js

@@ -18,6 +18,7 @@ export default class Loader {
 		// Logo
 		const logo = document.createElement("img");
 		logo.src = LoaderImg;
+		logo.alt = "";
 		logo.title = this._parent._t.map.loading;
 		logo.classList.add("gvs-loader-img");
 		this.container.appendChild(logo);

package/src/components/Map.js

@@ -57,6 +57,8 @@ export default class Map extends maplibregl.Map {
 			attributionControl: false,
 			dragRotate: false,
 			pitchWithRotate: false,
+			touchZoomRotate: true,
+			touchPitch: false,
 			preserveDrawingBuffer: !parent.isWidthSmall(),
 			transformRequest: parent._api._getMapRequestTransform(),
 			locale: parent._t.maplibre,
@@ -68,6 +70,11 @@ export default class Map extends maplibregl.Map {
 		this._options = options;
 		this.getContainer().classList.add("gvs-map");
 
+		// Disable touch rotate
+		if(options.touchZoomRotate === undefined) {
+			this?.touchZoomRotate?.disableRotation();
+		}
+
 		// Handle raster source
 		if(this._options.raster) {
 			this._options.background = this._options.background || "streets";
@@ -786,6 +793,7 @@ export default class Map extends maplibregl.Map {
 	_getPictureMarker(selected = true) {
 		const img = document.createElement("img");
 		img.src = selected ? MarkerSelectedSVG : MarkerBaseSVG;
+		img.alt = "";
 		return new maplibregl.Marker({
 			element: img
 		});

package/src/components/Photo.js

@@ -678,7 +678,7 @@ export default class Photo extends PSViewer {
 		else {
 			console.error(e);
 			this.overlay.show({
-				image: `<img style="width: 200px" src="${LogoDead}" />`,
+				image: `<img style="width: 200px" src="${LogoDead}" alt="" />`,
 				title: this._parent._t.gvs.error, 
 				text: label + "<br />" + this._parent._t.gvs.error_click,
 				dissmisable,

package/src/translations/en.json

@@ -22,6 +22,7 @@
         "show_psv": "Show the picture viewer",
         "show_map": "Show the map",
         "minimize": "Hide this widget, you can show it again using button in bottom left corner",
+        "minimize_short": "Hide",
         "options": "Options",
         "filters": "Filters",
         "layers": "Layers",

package/src/translations/fr.json

@@ -22,6 +22,7 @@
         "show_psv": "Afficher la visionneuse de photos",
         "show_map": "Afficher la carte",
         "minimize": "Masquer ce widget, vous pouvez l'afficher de nouveau grâce au bouton dans le coin en bas à gauche",
+        "minimize_short": "Masquer",
         "options": "Options",
         "filters": "Filtres",
         "layers": "Calques",

package/src/utils/Utils.js

@@ -117,6 +117,7 @@ function svgToPSVLink(svg, fillColor) {
 	catch(e) {
 		const img = document.createElement("img");
 		img.src = svg;
+		img.alt = "";
 		return img;
 	}
 }

package/src/viewer/Widgets.js

@@ -731,6 +731,9 @@ export default class Widgets {
 	_initWidgetMiniActions() {
 		// Mini widget expand
 		const imgExpand = document.createElement("img");
+		imgExpand.alt = "";
+		imgExpand.height = 120;
+		imgExpand.draggable = false;
 		imgExpand.src = SwitchBig;
 		const lblExpand = document.createElement("span");
 		lblExpand.classList.add("gvs-mobile-hidden");
@@ -744,6 +747,9 @@ export default class Widgets {
 
 		// Mini widget hide
 		const imgReduce = document.createElement("img");
+		imgReduce.alt = this._t.gvs.minimize_short;
+		imgReduce.height = 120;
+		imgReduce.draggable = false;
 		imgReduce.src = SwitchMini;
 		const btnHide = createButton("gvs-mini-hide", imgReduce, this._t.gvs.minimize, ["gvs-only-mini", "gvs-print-hidden"]);
 		this._corners["mini-bottom-left"].appendChild(btnHide);
@@ -874,12 +880,12 @@ export default class Widgets {
 				<div id="gvs-map-bg" class="gvs-input-group">
 					<input type="radio" id="gvs-map-bg-streets" name="gvs-map-bg" value="streets" />
 					<label for="gvs-map-bg-streets">
-						<img id="gvs-map-bg-streets-img" />
+						<img id="gvs-map-bg-streets-img" alt="" />
 						${this._t.gvs.map_background_streets}
 					</label>
 					<input type="radio" id="gvs-map-bg-aerial" name="gvs-map-bg" value="aerial" />
 					<label for="gvs-map-bg-aerial">
-						<img id="gvs-map-bg-aerial-img" />
+						<img id="gvs-map-bg-aerial-img" alt="" />
 						${this._t.gvs.map_background_aerial}
 					</label>
 				</div>`;

package/tests/__snapshots__/Editor.test.js.snap

@@ -16,6 +16,7 @@ exports[`_addMapBackgroundWidget works 1`] = `
       for="gvs-map-bg-streets"
     >
       <img
+        alt=""
         src="bg_streets.jpg"
       />
       Streets
@@ -30,6 +31,7 @@ exports[`_addMapBackgroundWidget works 1`] = `
       for="gvs-map-bg-aerial"
     >
       <img
+        alt=""
         src="bg_aerial.jpg"
       />
       Aerial

package/tests/components/__snapshots__/Loader.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`constructor works 1`] = `"<img src=\\"marker.svg\\" title=\\"undefined\\" class=\\"gvs-loader-img\\"><div><span>Loading...</span></div>"`;
+exports[`constructor works 1`] = `"<img src=\\"marker.svg\\" alt=\\"\\" title=\\"undefined\\" class=\\"gvs-loader-img\\"><div><span>Loading...</span></div>"`;
 
 exports[`dismiss works when no error set 1`] = `
 Array [
@@ -12,4 +12,4 @@ Array [
 ]
 `;
 
-exports[`dismiss works with error set 1`] = `"<img src=\\"logo_dead.svg\\" title=\\"undefined\\" class=\\"gvs-loader-img\\" style=\\"width: 200px; animation: unset;\\"><div>undefined<br>Oops it's broken<br><small>undefined</small></div>"`;
+exports[`dismiss works with error set 1`] = `"<img src=\\"logo_dead.svg\\" alt=\\"\\" title=\\"undefined\\" class=\\"gvs-loader-img\\" style=\\"width: 200px; animation: unset;\\"><div>undefined<br>Oops it's broken<br><small>undefined</small></div>"`;

package/tests/components/__snapshots__/Photo.test.js.snap

@@ -19,6 +19,7 @@ Object {
     Object {
       "arrowStyle": Object {
         "element": <img
+          alt=""
           src="arrow_triangle.svg"
         />,
         "size": Object {
@@ -38,6 +39,7 @@ Object {
     Object {
       "arrowStyle": Object {
         "element": <img
+          alt=""
           src="arrow_triangle.svg"
         />,
         "size": Object {