@panoramax/web-viewer 3.2.3-develop-881b0162 → 3.2.3-develop-76d7de04

package/docs/reference/components/core/Editor.md

@@ -63,7 +63,6 @@ Component properties. All of [Basic properties](Basic.md/#Panoramax.components.c
 | [picture] | <code>string</code> |  | The picture ID to display |
 | [sequence] | <code>string</code> |  | The sequence ID of the picture displayed |
 | [fetchOptions] | <code>object</code> |  | Set custom options for fetch calls made against API ([same syntax as fetch options parameter](https://developer.mozilla.org/en-US/docs/Web/API/fetch#parameters)) |
-| [users] | <code>Array.&lt;string&gt;</code> | <code>[geovisio]</code> | List of users IDs to use for map display (defaults to general map, identified as "geovisio") |
 | [mapstyle] | <code>string</code> \| <code>object</code> |  | The map's MapLibre style. This can be an a JSON object conforming to the schema described in the [MapLibre Style Specification](https://maplibre.org/maplibre-style-spec/), or a URL string pointing to one. Defaults to OSM vector tiles. |
 | [lang] | <code>string</code> |  | To override language used for labels. Defaults to using user's preferred languages. |
 | [raster] | <code>object</code> |  | The MapLibre raster source for aerial background. This must be a JSON object following [MapLibre raster source definition](https://maplibre.org/maplibre-style-spec/sources/#raster). |

package/docs/reference/components/ui/widgets/Player.md

@@ -29,4 +29,5 @@ Component properties.
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
 | [playing] | <code>boolean</code> | <code>false</code> | Is sequence currently playing ? |
+| [size] | <code>string</code> | <code>&quot;xl&quot;</code> | Group size (md, xl) |
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "3.2.3-develop-881b0162",
+  "version": "3.2.3-develop-76d7de04",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/core/Editor.js

@@ -47,7 +47,6 @@ export default class Editor extends Basic {
 	 * @property {string} [picture] The picture ID to display
 	 * @property {string} [sequence] The sequence ID of the picture displayed
 	 * @property {object} [fetchOptions] Set custom options for fetch calls made against API ([same syntax as fetch options parameter](https://developer.mozilla.org/en-US/docs/Web/API/fetch#parameters))
-	 * @property {string[]} [users=[geovisio]] List of users IDs to use for map display (defaults to general map, identified as "geovisio")
 	 * @property {string|object} [mapstyle] The map's MapLibre style. This can be an a JSON object conforming to the schema described in the [MapLibre Style Specification](https://maplibre.org/maplibre-style-spec/), or a URL string pointing to one. Defaults to OSM vector tiles.
 	 * @property {string} [lang] To override language used for labels. Defaults to using user's preferred languages.
 	 * @property {object} [raster] The MapLibre raster source for aerial background. This must be a JSON object following [MapLibre raster source definition](https://maplibre.org/maplibre-style-spec/sources/#raster).
@@ -97,6 +96,23 @@ export default class Editor extends Basic {
 		}
 	}
 
+	connectedCallback() {
+		if(Array.isArray(this.users) && this.users.length > 0) {
+			console.warn("Parameters users can't be changed in Editor, only selected sequence can be visible");
+			this.users = [];
+		}
+		super.connectedCallback();
+	}
+
+	attributeChangedCallback(name, old, value) {
+		if(name === "users" && Array.isArray(value) && value.length > 0) {
+			console.warn("Parameters users can't be changed in Editor, only selected sequence can be visible");
+		}
+		else {
+			super.attributeChangedCallback(name, old, value);
+		}
+	}
+
 	/** @private */
 	render() {
 		return [this.loader, this._psvContainer, this._mapContainer];

package/src/components/core/PhotoViewer.js

@@ -141,7 +141,12 @@ export default class PhotoViewer extends Basic {
 				picture: this._initParams.getParentPostInit().picture,
 			});
 			this.grid.appendChild(this.legend);
-			this.grid.appendChild(createWebComp("pnx-widget-player", {slot: "top", _parent: this, class: "pnx-only-psv pnx-print-hidden"}));
+			this.grid.appendChild(createWebComp("pnx-widget-player", {
+				slot: "top",
+				_parent: this,
+				class: "pnx-only-psv pnx-print-hidden",
+				size: this.isHeightSmall() ? "md": "xl",
+			}));
 		}
 	}
 

package/src/components/core/Viewer.js

@@ -154,7 +154,12 @@ export default class Viewer extends PhotoViewer {
 				picture: this._initParams.getParentPostInit().picture,
 			});
 			this.grid.appendChild(this.legend);
-			this.grid.appendChild(createWebComp("pnx-widget-player", {slot: "top", _parent: this, class: "pnx-only-psv pnx-print-hidden"}));
+			this.grid.appendChild(createWebComp("pnx-widget-player", {
+				slot: "top",
+				_parent: this,
+				class: "pnx-only-psv pnx-print-hidden",
+				size: this.isHeightSmall() ? "md": "xl",
+			}));
 
 			this.grid.appendChild(createWebComp("pnx-widget-geosearch", {
 				slot: this.isWidthSmall() ? "top-right" : "top-left",

package/src/components/ui/ButtonGroup.js

@@ -30,10 +30,10 @@ export default class ButtonGroup extends LitElement {
 
 		div.xl { line-height: 38px; font-size: 20px; }
 		div.row.xl { height: 38px; }
-		div.column.xl { width: 38px;}
+		div.column.xl { width: 38px; }
 
-		div.row ::slotted(*) { height: 100%; }
-		div.column ::slotted(*) { width: 100%; }
+		div.row ::slotted(*) { height: 100%; min-width: 24px; }
+		div.column ::slotted(*) { width: 100%; min-height: 24px; }
 
 		div.row.xl ::slotted(*) { min-width: 38px; }
 		div.column.xl ::slotted(*) { min-height: 38px; }

package/src/components/ui/Map.js

@@ -334,6 +334,7 @@ export default class Map extends maplibregl.Map {
 	 */
 	async setVisibleUsers(visibleIds = []) {
 		if(typeof visibleIds === "string") { visibleIds = [visibleIds]; }
+		else if(visibleIds === null) { visibleIds = []; }
 
 		// Create any missing user layer
 		await Promise.all(

package/src/components/ui/Photo.js

@@ -45,7 +45,7 @@ PSViewer.useNewAnglesOrder = true;
 
 /**
  * Triggered once when the panorama image has been loaded and the viewer is ready to perform the first render.
- * @see [Photo Sphere Viewer documentation](https://photo-sphere-viewer.js.org/guide/events.html#ready)
+ * @see {@link https://photo-sphere-viewer.js.org/guide/events.html#ready|Photo Sphere Viewer documentation}
  * @event Panoramax.components.ui.Photo#ready
  * @memberof Panoramax.components.ui.Photo
  * @type {Event}

package/src/components/ui/widgets/Player.js

@@ -23,9 +23,11 @@ export default class Player extends LitElement {
 	 * @memberof Panoramax.components.ui.widgets.Player#
 	 * @type {Object}
 	 * @property {boolean} [playing=false] Is sequence currently playing ?
+	 * @property {string} [size=xl] Group size (md, xl)
 	 */
 	static properties = {
 		playing: {type: Boolean, reflect: true},
+		size: {type: String},
 		_activePrev: {state: true},
 		_activePlay: {state: true},
 		_activeNext: {state: true},
@@ -35,6 +37,7 @@ export default class Player extends LitElement {
 		super();
 
 		this.playing = false;
+		this.size = "xl";
 		this._activePrev = true;
 		this._activePlay = true;
 		this._activeNext = true;
@@ -100,7 +103,7 @@ export default class Player extends LitElement {
 			<pnx-button-group
 				id="pnx-widget-player"
 				dir="row"
-				size="xl"
+				size=${this.size}
 				class="pnx-print-hidden"
 			>
 				<pnx-button

package/tests/components/core/BasicMock.js

@@ -11,6 +11,7 @@ jest.mock("../../../src/components/core/Basic", () => (
 			this._t = { maplibre: {}, psv: {} };
 		}
 		isWidthSmall() { return false; }
+		isHeightSmall() { return false; }
 		getSubComponentsNames() {
 			return ["loader", "api"];
 		}

package/tests/components/core/Viewer.test.js

@@ -16,6 +16,7 @@ jest.mock("../../../src/components/core/PhotoViewer", () => (
 		}
 		getAttribute() { return null; }
 		isWidthSmall() { return false; }
+		isHeightSmall() { return false; }
 		getSubComponentsNames() {
 			return ["loader", "api", "psv", "grid", "popup", "urlHandler"];
 		}

package/tests/components/core/__snapshots__/PhotoViewer.test.js.snap

@@ -25,6 +25,7 @@ exports[`_initWidgets should handle widgets if width is not small 1`] = `
     Array [
       <pnx-widget-player
         class="pnx-only-psv pnx-print-hidden"
+        size="xl"
         slot="top"
       />,
     ],
@@ -69,6 +70,7 @@ exports[`_initWidgets should handle widgets if width is small 1`] = `
     Array [
       <pnx-widget-player
         class="pnx-only-psv pnx-print-hidden"
+        size="xl"
         slot="top"
       />,
     ],

package/tests/components/core/__snapshots__/Viewer.test.js.snap

@@ -25,6 +25,7 @@ exports[`_initWidgets should handle widgets if width is not small 1`] = `
     Array [
       <pnx-widget-player
         class="pnx-only-psv pnx-print-hidden"
+        size="xl"
         slot="top"
       />,
     ],
@@ -106,6 +107,7 @@ exports[`_initWidgets should handle widgets if width is small 1`] = `
     Array [
       <pnx-widget-player
         class="pnx-only-psv pnx-print-hidden"
+        size="xl"
         slot="top"
       />,
     ],