@panoramax/web-viewer 3.2.3-develop-f219e404 → 3.2.3-develop-6257391e

package/docs/reference/components/menus/PlayerOptions.md

@@ -0,0 +1,15 @@
+<a name="Panoramax.components.menus.PlayerOptions"></a>
+
+## Panoramax.components.menus.PlayerOptions ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.menus</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-player-options  
+<a name="new_Panoramax.components.menus.PlayerOptions_new"></a>
+
+### new PlayerOptions()
+Player Options menu displays player speed and contrast settings.
+
+**Example**  
+```html
+<pnx-player-options ._parent=${viewer} />
+```

package/docs/reference/components/menus/QualityScoreDoc.md

@@ -0,0 +1,15 @@
+<a name="Panoramax.components.menus.QualityScoreDoc"></a>
+
+## Panoramax.components.menus.QualityScoreDoc ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.menus</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-quality-score-doc  
+<a name="new_Panoramax.components.menus.QualityScoreDoc_new"></a>
+
+### new QualityScoreDoc()
+Quality Score Doc displays a synthetic summary of how Quality Score is computed.
+
+**Example**  
+```html
+<pnx-quality-score-doc ._t=${viewer._t} />
+```

package/docs/reference/components/menus/ReportForm.md

@@ -0,0 +1,15 @@
+<a name="Panoramax.components.menus.ReportForm"></a>
+
+## Panoramax.components.menus.ReportForm ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.menus</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-report-form  
+<a name="new_Panoramax.components.menus.ReportForm_new"></a>
+
+### new ReportForm()
+Report Form displays a form to send issues about pictures.
+
+**Example**  
+```html
+<pnx-report-form ._parent=${viewer} />
+```

package/docs/reference/components/menus/ShareMenu.md

@@ -0,0 +1,15 @@
+<a name="Panoramax.components.menus.ShareMenu"></a>
+
+## Panoramax.components.menus.ShareMenu ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.menus</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-share-menu  
+<a name="new_Panoramax.components.menus.ShareMenu_new"></a>
+
+### new ShareMenu()
+Share Menu displays links for quick picture sharing.
+
+**Example**  
+```html
+<pnx-share-menu ._parent=${viewer} />
+```

package/docs/reference/components/ui/Button.md

@@ -0,0 +1,39 @@
+<a name="Panoramax.components.ui.Button"></a>
+
+## Panoramax.components.ui.Button ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.ui</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-button  
+
+* [.Button](#Panoramax.components.ui.Button) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+    * [new Button()](#new_Panoramax.components.ui.Button_new)
+    * [.properties](#Panoramax.components.ui.Button+properties) : <code>Object</code>
+
+<a name="new_Panoramax.components.ui.Button_new"></a>
+
+### new Button()
+Button element displays a direct action button.
+Binds to a HTML button, so you can use any events offered by it.
+
+**Example**  
+```html
+<pnx-button kind="flat" size="l" @click=${() => alert("click!")}>
+   Click on me
+</pnx-button>
+```
+<a name="Panoramax.components.ui.Button+properties"></a>
+
+### button.properties : <code>Object</code>
+Component properties.
+
+**Kind**: instance property of [<code>Button</code>](#Panoramax.components.ui.Button)  
+**Properties**
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| [active] | <code>boolean</code> | <code>false</code> | Whether the button is in an active state. |
+| [kind] | <code>string</code> | <code>&quot;full&quot;</code> | The style variation of the button (full, outline, flat, superflat) |
+| [size] | <code>string</code> | <code>&quot;md&quot;</code> | The size of the button (md, l, xl, xxl) |
+| [disabled] | <code>boolean</code> | <code>false</code> | Whether the button is disabled. |
+| [type] | <code>string</code> |  | The button type (e.g., 'submit'). |
+

package/docs/reference/components/ui/ButtonGroup.md

@@ -0,0 +1,36 @@
+<a name="Panoramax.components.ui.ButtonGroup"></a>
+
+## Panoramax.components.ui.ButtonGroup ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.ui</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-button-group  
+
+* [.ButtonGroup](#Panoramax.components.ui.ButtonGroup) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+    * [new ButtonGroup()](#new_Panoramax.components.ui.ButtonGroup_new)
+    * [.properties](#Panoramax.components.ui.ButtonGroup+properties) : <code>Object</code>
+
+<a name="new_Panoramax.components.ui.ButtonGroup_new"></a>
+
+### new ButtonGroup()
+Button Group element allows to merge many button in a single bar.
+
+**Example**  
+```html
+<pnx-button-group id="pnx-widget-player" dir="row" size="xl" class="pnx-print-hidden">
+  <pnx-button>B1</pnx-button>
+  <pnx-button>B2</pnx-button>
+</pnx-button-group>
+```
+<a name="Panoramax.components.ui.ButtonGroup+properties"></a>
+
+### buttonGroup.properties : <code>Object</code>
+Component properties.
+
+**Kind**: instance property of [<code>ButtonGroup</code>](#Panoramax.components.ui.ButtonGroup)  
+**Properties**
+
+| Name | Type | Description |
+| --- | --- | --- |
+| [dir] | <code>string</code> | Group direction (row, column) |
+| [size] | <code>string</code> | Group size (md, xl) |
+

package/docs/reference/components/ui/CopyButton.md

@@ -0,0 +1,35 @@
+<a name="Panoramax.components.ui.CopyButton"></a>
+
+## Panoramax.components.ui.CopyButton ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.ui</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-copy-button  
+
+* [.CopyButton](#Panoramax.components.ui.CopyButton) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+    * [new CopyButton()](#new_Panoramax.components.ui.CopyButton_new)
+    * [.properties](#Panoramax.components.ui.CopyButton+properties) : <code>Object</code>
+
+<a name="new_Panoramax.components.ui.CopyButton_new"></a>
+
+### new CopyButton()
+Copy Button element allows top copy in clipboard some text.
+
+**Example**  
+```html
+<pnx-copy-button text="content to copy" ._t=${viewer._t}>
+  Copy me !
+</pnx-copy-button>
+```
+<a name="Panoramax.components.ui.CopyButton+properties"></a>
+
+### copyButton.properties : <code>Object</code>
+Component properties.
+
+**Kind**: instance property of [<code>CopyButton</code>](#Panoramax.components.ui.CopyButton)  
+**Properties**
+
+| Name | Type | Description |
+| --- | --- | --- |
+| [text] | <code>string</code> | Text to copy in clipboard on click (use either this parameter or input, not both) |
+| [input] | <code>input</code> | ID of a HTML input field to copy content from in clipboard (use either this parameter or text, not both) |
+

package/docs/reference/components/ui/Grade.md

@@ -0,0 +1,32 @@
+<a name="Panoramax.components.ui.Grade"></a>
+
+## Panoramax.components.ui.Grade ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.ui</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-grade  
+
+* [.Grade](#Panoramax.components.ui.Grade) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+    * [new Grade()](#new_Panoramax.components.ui.Grade_new)
+    * [.properties](#Panoramax.components.ui.Grade+properties) : <code>Object</code>
+
+<a name="new_Panoramax.components.ui.Grade_new"></a>
+
+### new Grade()
+Grade element displays a 5-star rating.
+
+**Example**  
+```html
+<pnx-grade stars="5" .t=${viewer._t} />
+```
+<a name="Panoramax.components.ui.Grade+properties"></a>
+
+### grade.properties : <code>Object</code>
+Component properties.
+
+**Kind**: instance property of [<code>Grade</code>](#Panoramax.components.ui.Grade)  
+**Properties**
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| [stars] | <code>number</code> | <code>0</code> | 1 to 5 grade (or 0 for unknown value) |
+

package/docs/reference/components/ui/LinkButton.md

@@ -0,0 +1,44 @@
+<a name="Panoramax.components.ui.LinkButton"></a>
+
+## Panoramax.components.ui.LinkButton ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.ui</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-link-button  
+
+* [.LinkButton](#Panoramax.components.ui.LinkButton) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+    * [new LinkButton()](#new_Panoramax.components.ui.LinkButton_new)
+    * [.properties](#Panoramax.components.ui.LinkButton+properties) : <code>Object</code>
+
+<a name="new_Panoramax.components.ui.LinkButton_new"></a>
+
+### new LinkButton()
+Link Button element displays a HTML `<a>` anchor with a button style.
+
+**Example**  
+```html
+<pnx-link-button
+  title="Redirect to other website"
+  kind="outline"
+  href="https://panoramax.fr"
+  target="_blank"
+>
+  Click to go on Panoramax
+</pnx-link-button>
+```
+<a name="Panoramax.components.ui.LinkButton+properties"></a>
+
+### linkButton.properties : <code>Object</code>
+Component properties.
+
+**Kind**: instance property of [<code>LinkButton</code>](#Panoramax.components.ui.LinkButton)  
+**Properties**
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| [href] | <code>string</code> |  | The URL the button should navigate to when clicked |
+| [target] | <code>string</code> |  | Specifies where to open the linked document (e.g., '_blank') |
+| [title] | <code>string</code> |  | Tooltip text displayed when hovering over the button |
+| [download] | <code>string</code> |  | Indicates if the linked resource should be downloaded |
+| [class] | <code>string</code> |  | Custom CSS class for additional styling |
+| [kind] | <code>string</code> | <code>&quot;full&quot;</code> | The style variation of the button (full, outline, flat, superflat) |
+

package/docs/reference/components/ui/Loader.md

@@ -0,0 +1,54 @@
+<a name="Panoramax.components.ui.Loader"></a>
+
+## Panoramax.components.ui.Loader ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+**Kind**: static class of <code>Panoramax.components.ui</code>  
+**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
+**Element**: pnx-loader  
+
+* [.Loader](#Panoramax.components.ui.Loader) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
+    * [new Loader()](#new_Panoramax.components.ui.Loader_new)
+    * [.properties](#Panoramax.components.ui.Loader+properties) : <code>Object</code>
+    * [.isVisible()](#Panoramax.components.ui.Loader+isVisible) ⇒ <code>boolean</code>
+    * [.dismiss([err], [errMeaningful], [next])](#Panoramax.components.ui.Loader+dismiss)
+
+<a name="new_Panoramax.components.ui.Loader_new"></a>
+
+### new Loader()
+Loader component display a full page covering for user waiting.
+
+**Example**  
+```html
+<pnx-loader ._parent=${this.viewer} />
+```
+<a name="Panoramax.components.ui.Loader+properties"></a>
+
+### loader.properties : <code>Object</code>
+Component properties.
+
+**Kind**: instance property of [<code>Loader</code>](#Panoramax.components.ui.Loader)  
+**Properties**
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| [visible] | <code>boolean</code> | <code>true</code> | Is the loader visible to user ? |
+
+<a name="Panoramax.components.ui.Loader+isVisible"></a>
+
+### loader.isVisible() ⇒ <code>boolean</code>
+Is the loader currently visible ?
+
+**Kind**: instance method of [<code>Loader</code>](#Panoramax.components.ui.Loader)  
+**Returns**: <code>boolean</code> - True if visible  
+<a name="Panoramax.components.ui.Loader+dismiss"></a>
+
+### loader.dismiss([err], [errMeaningful], [next])
+Dismiss loader, or show error
+
+**Kind**: instance method of [<code>Loader</code>](#Panoramax.components.ui.Loader)  
+
+| Param | Type | Default | Description |
+| --- | --- | --- | --- |
+| [err] | <code>object</code> | <code></code> | Optional error object to show in browser console |
+| [errMeaningful] | <code>str</code> | <code></code> | Optional error message to show to user |
+| [next] | <code>fct</code> | <code></code> | Optional function to run after loader dismiss |
+

package/docs/reference/components/ui/Map.md

@@ -0,0 +1,214 @@
+<a name="Panoramax.components.ui.Map"></a>
+
+## Panoramax.components.ui.Map ⇐ <code>[maplibregl.Map](https://maplibre.org/maplibre-gl-js/docs/API/classes/Map/)</code>
+**Kind**: static class of <code>Panoramax.components.ui</code>  
+**Extends**: <code>[maplibregl.Map](https://maplibre.org/maplibre-gl-js/docs/API/classes/Map/)</code>  
+**Emits**: [<code>background-changed</code>](#Panoramax.components.ui.Map+event_background-changed), [<code>users-changed</code>](#Panoramax.components.ui.Map+event_users-changed), [<code>sequence-hover</code>](#Panoramax.components.ui.Map+event_sequence-hover), [<code>sequence-click</code>](#Panoramax.components.ui.Map+event_sequence-click), [<code>picture-click</code>](#Panoramax.components.ui.Map+event_picture-click)  
+
+* [.Map](#Panoramax.components.ui.Map) ⇐ <code>[maplibregl.Map](https://maplibre.org/maplibre-gl-js/docs/API/classes/Map/)</code>
+    * [new Map(parent, container, [options])](#new_Panoramax.components.ui.Map_new)
+    * [.destroy()](#Panoramax.components.ui.Map+destroy)
+    * [.waitForEnoughMapLoaded()](#Panoramax.components.ui.Map+waitForEnoughMapLoaded) ⇒ <code>Promise</code>
+    * [.reloadVectorTiles()](#Panoramax.components.ui.Map+reloadVectorTiles)
+    * [.hasTwoBackgrounds()](#Panoramax.components.ui.Map+hasTwoBackgrounds) ⇒ <code>boolean</code>
+    * [.getBackground()](#Panoramax.components.ui.Map+getBackground) ⇒ <code>string</code>
+    * [.setBackground(bg)](#Panoramax.components.ui.Map+setBackground)
+    * [.getVisibleUsers()](#Panoramax.components.ui.Map+getVisibleUsers) ⇒ <code>Array.&lt;string&gt;</code>
+    * [.setVisibleUsers(visibleIds)](#Panoramax.components.ui.Map+setVisibleUsers)
+    * [.filterUserLayersContent(dataType, filter)](#Panoramax.components.ui.Map+filterUserLayersContent)
+    * [.displayPictureMarker(lon, lat, heading, [skipCenter])](#Panoramax.components.ui.Map+displayPictureMarker)
+    * [.reloadLayersStyles()](#Panoramax.components.ui.Map+reloadLayersStyles)
+    * ["background-changed"](#Panoramax.components.ui.Map+event_background-changed)
+    * ["users-changed"](#Panoramax.components.ui.Map+event_users-changed)
+    * ["sequence-hover"](#Panoramax.components.ui.Map+event_sequence-hover)
+    * ["sequence-click"](#Panoramax.components.ui.Map+event_sequence-click)
+    * ["picture-click"](#Panoramax.components.ui.Map+event_picture-click)
+
+<a name="new_Panoramax.components.ui.Map_new"></a>
+
+### new Map(parent, container, [options])
+Map is the component showing pictures and sequences geolocation.
+
+Note that all functions of [MapLibre GL JS class Map](https://maplibre.org/maplibre-gl-js/docs/API/classes/Map/) are also available.
+
+A more complete version of Map (with filters & themes) is available through [MapMore class](MapMore.md/#Panoramax.components.ui.MapMore)
+
+⚠️ This class doesn't inherit from [EventTarget](https://developer.mozilla.org/fr/docs/Web/API/EventTarget), so it doesn't have `addEventListener` and `dispatchEvent` functions.
+It uses instead [`on`](https://maplibre.org/maplibre-gl-js/docs/API/classes/Map/#on) and `fire` functions from MapLibre Map class.
+`fire` function doesn't take directly [`Event`](https://developer.mozilla.org/fr/docs/Web/API/Event) objects, but a string and object data.
+
+
+| Param | Type | Default | Description |
+| --- | --- | --- | --- |
+| parent | [<code>Basic</code>](../core/Basic.md/#Panoramax.components.core.Basic) |  | The parent view |
+| container | <code>Element</code> |  | The DOM element to create into |
+| [options] | <code>object</code> |  | The map options (any of [MapLibre GL settings](https://maplibre.org/maplibre-gl-js-docs/api/map/#map-parameters) or any supplementary option defined here) |
+| [options.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). |
+| [options.background] | <code>string</code> | <code>&quot;streets&quot;</code> | Choose default map background to display (streets or aerial, if raster aerial background available). Defaults to street. |
+
+**Example**  
+```js
+const map = new Panoramax.components.ui.Map(viewer, mapNode, {center: {lat: 48.7, lng: -1.7}});
+```
+<a name="Panoramax.components.ui.Map+destroy"></a>
+
+### map.destroy()
+Destroy any form of life in this component
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+<a name="Panoramax.components.ui.Map+waitForEnoughMapLoaded"></a>
+
+### map.waitForEnoughMapLoaded() ⇒ <code>Promise</code>
+Helper to know when enough map background and Panoramax tiles are loaded for a proper display.
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Returns**: <code>Promise</code> - Resolves when enough is loaded  
+<a name="Panoramax.components.ui.Map+reloadVectorTiles"></a>
+
+### map.reloadVectorTiles()
+Force refresh of vector tiles data
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+<a name="Panoramax.components.ui.Map+hasTwoBackgrounds"></a>
+
+### map.hasTwoBackgrounds() ⇒ <code>boolean</code>
+Check if map offers aerial imagery as well as streets rendering.
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Returns**: <code>boolean</code> - True if aerial imagery is available for display  
+<a name="Panoramax.components.ui.Map+getBackground"></a>
+
+### map.getBackground() ⇒ <code>string</code>
+Get the currently selected map background
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Returns**: <code>string</code> - aerial or streets  
+<a name="Panoramax.components.ui.Map+setBackground"></a>
+
+### map.setBackground(bg)
+Change the shown background in map.
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Throws**:
+
+- <code>Error</code> If not aerial imagery is available
+
+
+| Param | Type | Description |
+| --- | --- | --- |
+| bg | <code>string</code> | The new background to display (aerial or streets) |
+
+<a name="Panoramax.components.ui.Map+getVisibleUsers"></a>
+
+### map.getVisibleUsers() ⇒ <code>Array.&lt;string&gt;</code>
+Get the currently visible users
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Returns**: <code>Array.&lt;string&gt;</code> - List of visible users  
+<a name="Panoramax.components.ui.Map+setVisibleUsers"></a>
+
+### map.setVisibleUsers(visibleIds)
+Make given user layers visible on map, and hide all others (if any)
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| visibleIds | <code>string</code> \| <code>Array.&lt;string&gt;</code> | The user layers IDs to display |
+
+<a name="Panoramax.components.ui.Map+filterUserLayersContent"></a>
+
+### map.filterUserLayersContent(dataType, filter)
+Filter the visible data content in all visible map layers
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| dataType | <code>string</code> | sequences or pictures |
+| filter | <code>object</code> | The MapLibre GL filter rule to apply |
+
+<a name="Panoramax.components.ui.Map+displayPictureMarker"></a>
+
+### map.displayPictureMarker(lon, lat, heading, [skipCenter])
+Shows on map a picture position and heading.
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+
+| Param | Type | Default | Description |
+| --- | --- | --- | --- |
+| lon | <code>number</code> |  | The longitude |
+| lat | <code>number</code> |  | The latitude |
+| heading | <code>number</code> |  | The heading |
+| [skipCenter] | <code>boolean</code> | <code>false</code> | Set to true to avoid map centering on marker |
+
+<a name="Panoramax.components.ui.Map+reloadLayersStyles"></a>
+
+### map.reloadLayersStyles()
+Forces reload of pictures/sequences layer styles.
+This is useful after a map theme change.
+
+**Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  
+<a name="Panoramax.components.ui.Map+event_background-changed"></a>
+
+### "background-changed"
+Event for map background changes
+
+**Kind**: event emitted by [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Properties**
+
+| Name | Type | Description |
+| --- | --- | --- |
+| [background] | <code>string</code> | The new selected background (aerial, streets) |
+
+<a name="Panoramax.components.ui.Map+event_users-changed"></a>
+
+### "users-changed"
+Event for visible users changes
+
+**Kind**: event emitted by [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Properties**
+
+| Name | Type | Description |
+| --- | --- | --- |
+| [usersIds] | <code>Array.&lt;string&gt;</code> | The list of newly selected users |
+
+<a name="Panoramax.components.ui.Map+event_sequence-hover"></a>
+
+### "sequence-hover"
+Event when a sequence on map is hovered (not selected)
+
+**Kind**: event emitted by [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Properties**
+
+| Name | Type | Description |
+| --- | --- | --- |
+| seqId | <code>string</code> | The hovered sequence ID |
+
+<a name="Panoramax.components.ui.Map+event_sequence-click"></a>
+
+### "sequence-click"
+Event when a sequence on map is clicked
+
+**Kind**: event emitted by [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Properties**
+
+| Name | Type | Description |
+| --- | --- | --- |
+| seqId | <code>string</code> | The clicked sequence ID |
+| coordinates | <code>maplibregl.LngLat</code> | The coordinates of user click |
+
+<a name="Panoramax.components.ui.Map+event_picture-click"></a>
+
+### "picture-click"
+Event when a picture on map is clicked
+
+**Kind**: event emitted by [<code>Map</code>](#Panoramax.components.ui.Map)  
+**Properties**
+
+| Name | Type | Description |
+| --- | --- | --- |
+| picId | <code>string</code> | The clicked picture ID |
+| seqId | <code>string</code> | The clicked picture's sequence ID |
+| feature | <code>object</code> | The GeoJSON feature of the picture |
+