@panoramax/web-viewer 4.4.0-develop-3839b5a4 → 4.4.0-develop-f91f6758

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

@@ -1,398 +0,0 @@
-<a name="Panoramax.components.core.Viewer"></a>
-
-## Panoramax.components.core.Viewer ⇐ [<code>PhotoViewer</code>](PhotoViewer.md/#Panoramax.components.core.PhotoViewer)
-**Kind**: static class of <code>Panoramax.components.core</code>  
-**Extends**: [<code>PhotoViewer</code>](PhotoViewer.md/#Panoramax.components.core.PhotoViewer)  
-**Emits**: [<code>select</code>](Basic.md/#Panoramax.components.core.Basic+event_select), [<code>ready</code>](Basic.md/#Panoramax.components.core.Basic+event_ready), [<code>broken</code>](Basic.md/#Panoramax.components.core.Basic+event_broken), [<code>focus-changed</code>](#Panoramax.components.core.Viewer+event_focus-changed)  
-**Element**: pnx-viewer  
-**Slot**: `top-left` The top-left corner  
-**Slot**: `top` The top middle corner  
-**Slot**: `top-right` The top-right corner  
-**Slot**: `bottom-left` The bottom-left corner  
-**Slot**: `bottom` The bottom middle corner  
-**Slot**: `bottom-right` The bottom-right corner  
-**Slot**: `editors` External links to map editors, or any tool that may be helpful. Defaults to OSM tools (iD & JOSM).  
-**Properties**
-
-| Name | Type | Description |
-| --- | --- | --- |
-| loader | [<code>Loader</code>](../ui/Loader.md/#Panoramax.components.ui.Loader) | The loader screen |
-| api | [<code>API</code>](../../utils/API.md/#Panoramax.utils.API) | The API manager (local instance) |
-| apiMC | [<code>API</code>](../../utils/API.md/#Panoramax.utils.API) | The API manager for metacatalog |
-| map | [<code>MapMore</code>](../ui/MapMore.md/#Panoramax.components.ui.MapMore) | The MapLibre GL map itself |
-| mapStyleComposer | [<code>MapStyleComposer</code>](../../utils/MapStyleComposer.md/#Panoramax.utils.MapStyleComposer) | The map style helper |
-| psv | [<code>Photo</code>](../ui/Photo.md/#Panoramax.components.ui.Photo) | The Photo Sphere Viewer component itself |
-| grid | [<code>CorneredGrid</code>](../layout/CorneredGrid.md/#Panoramax.components.layout.CorneredGrid) | The grid layout manager |
-| mini | [<code>Mini</code>](../layout/Mini.md/#Panoramax.components.layout.Mini) | The reduced/collapsed map/photo component |
-| popup | [<code>Popup</code>](../ui/Popup.md/#Panoramax.components.ui.Popup) | The popup container |
-| urlHandler | [<code>URLHandler</code>](../../utils/URLHandler.md/#Panoramax.utils.URLHandler) | The URL query parameters manager |
-| presetsManager | [<code>PresetsManager</code>](../../utils/PresetsManager.md/#Panoramax.utils.PresetsManager) | The semantics presets manager |
-
-
-* [.Viewer](#Panoramax.components.core.Viewer) ⇐ [<code>PhotoViewer</code>](PhotoViewer.md/#Panoramax.components.core.PhotoViewer)
-    * [new Viewer()](#new_Panoramax.components.core.Viewer_new)
-    * [.properties](#Panoramax.components.core.Viewer+properties) : <code>Object</code>
-    * [.onceReady()](#Panoramax.components.core.Viewer+onceReady) ⇒ <code>Promise</code>
-    * [.onceAllAPIsReady()](#Panoramax.components.core.Viewer+onceAllAPIsReady) ⇒ <code>Promise</code>
-    * [.onceMapReady()](#Panoramax.components.core.Viewer+onceMapReady) ⇒ <code>Promise</code>
-    * [.hasTwoAPIs()](#Panoramax.components.core.Viewer+hasTwoAPIs) ⇒ <code>boolean</code>
-    * [.getAPI()](#Panoramax.components.core.Viewer+getAPI) ⇒ <code>API</code>
-    * [.moveCenter()](#Panoramax.components.core.Viewer+moveCenter)
-    * [.isMapWide()](#Panoramax.components.core.Viewer+isMapWide) ⇒ <code>boolean</code>
-    * [.oncePSVReady()](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+oncePSVReady) ⇒ <code>Promise</code>
-    * [.onceFirstPicLoaded()](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+onceFirstPicLoaded) ⇒ <code>Promise</code>
-    * [.setPopup(visible, [content])](#Panoramax.components.core.PhotoViewer+setPopup)
-    * [.moveLeft()](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+moveLeft)
-    * [.moveRight()](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+moveRight)
-    * [.moveUp()](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+moveUp)
-    * [.moveDown()](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+moveDown)
-    * [.addEventListener(type, listener, [options])](#Panoramax.components.core.PhotoViewer+addEventListener)
-    * [.onceAPIReady()](Basic.md/#Panoramax.components.core.Basic+onceAPIReady) ⇒ <code>Promise</code>
-    * [.getClassName()](Basic.md/#Panoramax.components.core.Basic+getClassName) ⇒ <code>string</code>
-    * [.select([seqId], [picId], [force])](#Panoramax.components.core.Basic+select)
-    * [.isWidthSmall()](Basic.md/#Panoramax.components.core.Basic+isWidthSmall) ⇒ <code>boolean</code>
-    * [.isWidthMedium()](Basic.md/#Panoramax.components.core.Basic+isWidthMedium) ⇒ <code>boolean</code>
-    * [.isHeightSmall()](Basic.md/#Panoramax.components.core.Basic+isHeightSmall) ⇒ <code>boolean</code>
-    * [.getSubComponentsNames()](Basic.md/#Panoramax.components.core.Basic+getSubComponentsNames) ⇒ <code>Array.&lt;string&gt;</code>
-    * ["focus-changed"](#Panoramax.components.core.Viewer+event_focus-changed)
-    * ["menu-opened"](Basic.md/#Panoramax.components.core.Basic+event_menu-opened)
-    * ["select"](Basic.md/#Panoramax.components.core.Basic+event_select)
-    * ["ready"](Basic.md/#Panoramax.components.core.Basic+event_ready)
-    * ["broken"](Basic.md/#Panoramax.components.core.Basic+event_broken)
-
-<a name="new_Panoramax.components.core.Viewer_new"></a>
-
-### new Viewer()
-Viewer is the main component of Panoramax JS library, showing pictures and map.
-
-This component has a [CorneredGrid](../layout/CorneredGrid.md/#Panoramax.components.layout.CorneredGrid) layout, you can use directly any slot element to pass custom widgets.
-
-If you need a viewer without map, checkout [Photo Viewer component](PhotoViewer.md/#Panoramax.components.core.PhotoViewer).
-
-Make sure to set width/height through CSS for proper display.
-
-**Example**  
-```html
-<!-- Basic example (embeds metacatalog) -->
-<pnx-viewer
-  endpoint="https://panoramax.openstreetmap.fr/"
-  style="width: 300px; height: 250px"
-/>
-
-<!-- Basic example (without metacatalog) -->
-<pnx-viewer
-  endpoint="https://panoramax.openstreetmap.fr/"
-  metacatalog="false"
-  style="width: 300px; height: 250px"
-/>
-
-<!-- With slotted widgets -->
-<pnx-viewer
-  endpoint="https://panoramax.openstreetmap.fr/"
-  style="width: 300px; height: 250px"
->
-  <p slot="top-right">My custom text</p>
-  <p slot="editors"><a href="https://my.own.tool/">Edit in my own tool</a></p>
-</pnx-viewer>
-
-<!-- With only your custom widgets -->
-<pnx-viewer
-  endpoint="https://panoramax.openstreetmap.fr/"
-  style="width: 300px; height: 250px"
-  widgets="false"
->
-  <p slot="top-right">My custom text</p>
-</pnx-viewer>
-
-<!-- With map options -->
-<pnx-viewer
-  endpoint="https://panoramax.openstreetmap.fr/"
-  style="width: 300px; height: 250px"
-  map-options="{'maxZoom': 15, 'background': 'aerial', 'raster': '...'}"
-/>
-```
-<a name="Panoramax.components.core.Viewer+properties"></a>
-
-### viewer.properties : <code>Object</code>
-Component properties. All of [Basic properties](Basic.md/#Panoramax.components.core.Basic+properties) are available as well.
-
-**Kind**: instance property of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Mixes**: [<code>properties</code>](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+properties)  
-**Overrides**: [<code>properties</code>](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+properties)  
-**Properties**
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| endpoint | <code>string</code> |  | URL to API to use (must be a [STAC API](https://github.com/radiantearth/stac-api-spec/blob/main/overview.md)) |
-| [map-options] | <code>object</code> |  | An object with [any map option available in Map or MapMore class](../ui/MapMore.md/#Panoramax.components.ui.MapMore).<br />Example: `map-options="{'background': 'aerial', 'theme': 'age'}"` |
-| [psv-options] | <code>object</code> |  | [Any option to pass to Photo component](../ui/Photo.md/#Panoramax.components.ui.Photo) as an object.<br />Example: `psv-options="{'transitionDuration': 500, 'picturesNavigation': 'pic'}"` |
-| [url-parameters] | <code>string</code> | <code>true</code> | Should the component add and update URL query parameters to save viewer state ? |
-| [keyboard-shortcuts] | <code>string</code> | <code>true</code> | Should keyboard shortcuts be enabled ? Set to "false" to fully disable any keyboard shortcuts. |
-| [focus] | <code>string</code> | <code>&quot;pic&quot;</code> | The component showing up as main component (pic, map) |
-| [geocoder] | <code>string</code> | <code>&quot;nominatim&quot;</code> | The geocoder engine to use (nominatim, ban, or URL to a standard [GeocodeJSON-compliant](https://github.com/geocoders/geocodejson-spec/blob/master/draft/README.md) API) |
-| [widgets] | <code>string</code> | <code>true</code> | Use default set of widgets ? Set to false to avoid any widget to show up, and use slots to populate as you like. |
-| [picture] | <code>string</code> |  | The picture ID to display |
-| [sequence] | <code>string</code> |  | The sequence ID of the picture displayed |
-| [fetch-options] | <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)) |
-| [map-style] | <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. |
-| [skip-tags-menu-opening] | <code>string</code> | <code>false</code> | Should the "Tags" menu automatically open when you toggle Annotations switch ? Set true to avoid auto-opening. |
-| [share-base-url] | <code>string</code> |  | Override the default base URL (current page) for the Share widget. Useful to lead to a public page when viewer is used in a closed tool. |
-| [metacatalog] | <code>string</code> |  | The URL to access Panoramax federated catalog. Defaults to "https://explore.panoramax.fr". Set to "false" to not display pictures from federated catalog on map. |
-| [endpoint-to-use] | <code>string</code> |  | Selects the default Panoramax endpoint to use. Either "default" (specific endpoint), "metacatalog" (if defined), any user UUID (available on default endpoint), or user UUID prefixed with "metacatalog_" for a metacatalog user. |
-
-<a name="Panoramax.components.core.Viewer+onceReady"></a>
-
-### viewer.onceReady() ⇒ <code>Promise</code>
-Waits for Viewer to be completely ready (map & PSV loaded, first picture also if one is wanted)
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Overrides**: [<code>onceReady</code>](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+onceReady)  
-**Returns**: <code>Promise</code> - When viewer is ready  
-<a name="Panoramax.components.core.Viewer+onceAllAPIsReady"></a>
-
-### viewer.onceAllAPIsReady() ⇒ <code>Promise</code>
-Waits for all APIs setup.
-This is useful for two-APIs setup.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Fulfil**: <code>null</code> When two APIs are ready.  
-**Reject**: <code>string</code> Error message  
-<a name="Panoramax.components.core.Viewer+onceMapReady"></a>
-
-### viewer.onceMapReady() ⇒ <code>Promise</code>
-Waiting for map to be available.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>Promise</code> - When map is ready to use  
-<a name="Panoramax.components.core.Viewer+hasTwoAPIs"></a>
-
-### viewer.hasTwoAPIs() ⇒ <code>boolean</code>
-Is the viewer using both metacatalog and local API ?
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>boolean</code> - True if using two APIs  
-<a name="Panoramax.components.core.Viewer+getAPI"></a>
-
-### viewer.getAPI() ⇒ <code>API</code>
-Returns the API manager, from current Panoramax endpoint.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>API</code> - The API manager  
-<a name="Panoramax.components.core.Viewer+moveCenter"></a>
-
-### viewer.moveCenter()
-Move the view of main component to its center.
-For map, center view on selected picture.
-For picture, center view on image center.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Overrides**: [<code>moveCenter</code>](PhotoViewer.md/#Panoramax.components.core.PhotoViewer+moveCenter)  
-<a name="Panoramax.components.core.Viewer+isMapWide"></a>
-
-### viewer.isMapWide() ⇒ <code>boolean</code>
-Is the map shown as main element instead of viewer (wide map mode) ?
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>boolean</code> - True if map is wider than viewer  
-<a name="Panoramax.components.core.PhotoViewer+oncePSVReady"></a>
-
-### viewer.oncePSVReady() ⇒ <code>Promise</code>
-Waiting for Photo Sphere Viewer to be available.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>Promise</code> - When PSV is ready to use  
-<a name="Panoramax.components.core.PhotoViewer+onceFirstPicLoaded"></a>
-
-### viewer.onceFirstPicLoaded() ⇒ <code>Promise</code>
-Waits for first picture to display on PSV.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Fulfil**: <code>undefined</code> When picture is shown  
-<a name="Panoramax.components.core.PhotoViewer+setPopup"></a>
-
-### viewer.setPopup(visible, [content])
-Change full-page popup visibility and content
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-
-| Param | Type | Default | Description |
-| --- | --- | --- | --- |
-| visible | <code>boolean</code> |  | True to make it appear |
-| [content] | <code>string</code> \| <code>Array.&lt;Element&gt;</code> | <code>null</code> | The new popup content |
-
-<a name="Panoramax.components.core.PhotoViewer+moveLeft"></a>
-
-### viewer.moveLeft()
-Moves the view of main component slightly to the left.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-<a name="Panoramax.components.core.PhotoViewer+moveRight"></a>
-
-### viewer.moveRight()
-Moves the view of main component slightly to the right.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-<a name="Panoramax.components.core.PhotoViewer+moveUp"></a>
-
-### viewer.moveUp()
-Moves the view of main component slightly to the top.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-<a name="Panoramax.components.core.PhotoViewer+moveDown"></a>
-
-### viewer.moveDown()
-Moves the view of main component slightly to the bottom.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-<a name="Panoramax.components.core.PhotoViewer+addEventListener"></a>
-
-### viewer.addEventListener(type, listener, [options])
-Listen to events from this components or one of its sub-components.
-
-For example, you can listen to `psv` events using prefix `psv:`.
-
-```js
-me.addEventListener("psv:picture-loading", doSomething);
-```
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-
-| Param | Type | Description |
-| --- | --- | --- |
-| type | <code>string</code> | The event type to listen for |
-| listener | <code>function</code> | The event handler |
-| [options] | <code>object</code> | [Any original addEventListener available options](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#options) |
-
-<a name="Panoramax.components.core.Basic+onceAPIReady"></a>
-
-### viewer.onceAPIReady() ⇒ <code>Promise</code>
-Waits for initial API setup.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Fulfil**: <code>null</code> When API is ready.  
-**Reject**: <code>string</code> Error message  
-<a name="Panoramax.components.core.Basic+getClassName"></a>
-
-### viewer.getClassName() ⇒ <code>string</code>
-This allows to retrieve an always correct class name.
-This is crap, but avoids issues with Webpack & so on.
-
-Each inheriting class must override this method.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>string</code> - The class name (for example "Basic")  
-<a name="Panoramax.components.core.Basic+select"></a>
-
-### viewer.select([seqId], [picId], [force])
-Change the currently picture and/or sequence.
-Calling the method without parameters unselects.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-
-| Param | Type | Default | Description |
-| --- | --- | --- | --- |
-| [seqId] | <code>string</code> | <code>null</code> | The sequence UUID |
-| [picId] | <code>string</code> | <code>null</code> | The picture UUID |
-| [force] | <code>boolean</code> | <code>false</code> | Force select even if already selected |
-
-<a name="Panoramax.components.core.Basic+isWidthSmall"></a>
-
-### viewer.isWidthSmall() ⇒ <code>boolean</code>
-Is the view running in a small container (small embed or smartphone)
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>boolean</code> - True if container is small  
-<a name="Panoramax.components.core.Basic+isWidthMedium"></a>
-
-### viewer.isWidthMedium() ⇒ <code>boolean</code>
-Is the view running in a medium container (576-768px)
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>boolean</code> - True if container is medium  
-<a name="Panoramax.components.core.Basic+isHeightSmall"></a>
-
-### viewer.isHeightSmall() ⇒ <code>boolean</code>
-Is the view running in a small-height container (small embed or smartphone)
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>boolean</code> - True if container height is small  
-<a name="Panoramax.components.core.Basic+getSubComponentsNames"></a>
-
-### viewer.getSubComponentsNames() ⇒ <code>Array.&lt;string&gt;</code>
-List names of sub-components (like loader, api, map, psv) available in this component.
-
-**Kind**: instance method of [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Returns**: <code>Array.&lt;string&gt;</code> - Sub-components names.  
-<a name="Panoramax.components.core.Viewer+event_focus-changed"></a>
-
-### "focus-changed"
-Event for focus change (either map or picture is shown wide)
-
-**Kind**: event emitted by [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Properties**
-
-| Name | Type | Description |
-| --- | --- | --- |
-| detail.focus | <code>string</code> | Component now focused on (map, pic) |
-
-<a name="Panoramax.components.core.Basic+event_menu-opened"></a>
-
-### "menu-opened"
-Event for overlaying menu opening
-
-**Kind**: event emitted by [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Properties**
-
-| Name | Type | Description |
-| --- | --- | --- |
-| detail.menu | <code>Element</code> | The opened menu |
-
-<a name="Panoramax.components.core.Basic+event_select"></a>
-
-### "select"
-Event for sequence/picture selection
-
-**Kind**: event emitted by [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Properties**
-
-| Name | Type | Description |
-| --- | --- | --- |
-| detail.seqId | <code>string</code> | The selected sequence ID |
-| detail.picId | <code>string</code> | The selected picture ID (or null if not a precise picture clicked) |
-| [detail.prevSeqId] | <code>string</code> | The previously selected sequence ID (or null if none) |
-| [detail.prevPicId] | <code>string</code> | The previously selected picture ID (or null if none) |
-
-<a name="Panoramax.components.core.Basic+event_ready"></a>
-
-### "ready"
-Event when component is ready to use.
-This happens when loader screen disappear, with picture and map loaded.
-
-To follow more precisely loading steps, you can also watch for sub-components `ready` events.
-```js
-// Watch API-readiness
-viewer.addEventListener("api:ready", ...); // From parent
-viewer.api.addEventListener("ready", ...); // Or on sub-component
-```
-
-**Kind**: event emitted by [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-<a name="Panoramax.components.core.Basic+event_broken"></a>
-
-### "broken"
-Event for viewer failing to initially load.
-
-To follow more precisely loading failures, you can also watch for sub-components `broken` events.
-```js
-// Watch API breaks
-viewer.addEventListener("api:broken", ...); // From parent
-viewer.api.addEventListener("broken", ...); // Or on sub-component
-```
-
-**Kind**: event emitted by [<code>Viewer</code>](#Panoramax.components.core.Viewer)  
-**Properties**
-
-| Name | Type | Description |
-| --- | --- | --- |
-| detail.error | <code>string</code> | The user-friendly error message to display |
-

package/docs/reference/components/layout/BottomDrawer.md

@@ -1,35 +0,0 @@
-<a name="Panoramax.components.layout.BottomDrawer"></a>
-
-## Panoramax.components.layout.BottomDrawer ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
-**Kind**: static class of <code>Panoramax.components.layout</code>  
-**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
-**Element**: pnx-bottom-drawer  
-**Slot**: `default` The drawer content  
-
-* [.BottomDrawer](#Panoramax.components.layout.BottomDrawer) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
-    * [new BottomDrawer()](#new_Panoramax.components.layout.BottomDrawer_new)
-    * [.properties](#Panoramax.components.layout.BottomDrawer+properties) : <code>Object</code>
-
-<a name="new_Panoramax.components.layout.BottomDrawer_new"></a>
-
-### new BottomDrawer()
-BottomDrawer layout offers a mobile-like drawer menu, coming from bottom of the screen.
-
-**Example**  
-```html
-<pnx-bottom-drawer openness="opened">
-  <p>My drawer content</p>
-</pnx-bottom-drawer>
-```
-<a name="Panoramax.components.layout.BottomDrawer+properties"></a>
-
-### bottomDrawer.properties : <code>Object</code>
-Component properties.
-
-**Kind**: instance property of [<code>BottomDrawer</code>](#Panoramax.components.layout.BottomDrawer)  
-**Properties**
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| [openness] | <code>string</code> | <code>&quot;half-opened&quot;</code> | How much the drawer should be opened (closed, half-opened, opened) |
-

package/docs/reference/components/layout/CorneredGrid.md

@@ -1,29 +0,0 @@
-<a name="Panoramax.components.layout.CorneredGrid"></a>
-
-## Panoramax.components.layout.CorneredGrid ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
-**Kind**: static class of <code>Panoramax.components.layout</code>  
-**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
-**Element**: pnx-cornered-grid  
-**Slot**: `bg` The full size background component  
-**Slot**: `top-left` The top-left corner  
-**Slot**: `top` The top middle corner  
-**Slot**: `top-right` The top-right corner  
-**Slot**: `bottom-left` The bottom-left corner  
-**Slot**: `bottom` The bottom middle corner  
-**Slot**: `bottom-right` The bottom-right corner  
-<a name="new_Panoramax.components.layout.CorneredGrid_new"></a>
-
-### new CorneredGrid()
-CorneredGrid layout offers a convenient way to display overlay widgets on top of a background component.
-This is useful for showing buttons in corners over a map or picture display.
-Grid layout is organised through many slots (background and corners) : two rows (top, bottom) and three columns (right, middle, left).
-
-**Example**  
-```html
-<pnx-cornered-grid>
-  <pnx-map slot="bg" />
-  <pnx-button slot="top-left" />
-  <pnx-button slot="top-left" />
-  <pnx-legend slot="bottom" />
-</pnx-cornered-grid>
-```

package/docs/reference/components/layout/Mini.md

@@ -1,45 +0,0 @@
-<a name="Panoramax.components.layout.Mini"></a>
-
-## Panoramax.components.layout.Mini ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
-**Kind**: static class of <code>Panoramax.components.layout</code>  
-**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
-**Emits**: [<code>expand</code>](#Panoramax.components.layout.Mini+event_expand)  
-**Element**: pnx-mini  
-**Slot**: `default` The component to display.  
-
-* [.Mini](#Panoramax.components.layout.Mini) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
-    * [new Mini()](#new_Panoramax.components.layout.Mini_new)
-    * [.properties](#Panoramax.components.layout.Mini+properties) : <code>Object</code>
-    * ["expand"](#Panoramax.components.layout.Mini+event_expand)
-
-<a name="new_Panoramax.components.layout.Mini_new"></a>
-
-### new Mini()
-Mini layout allows to show a reduced or collapsed component in a corner of a main component.
-For example, show a reduced map on top of a photo display.
-
-**Example**  
-```html
-<pnx-mini icon=${fa(faMap)} ._parent=${viewer}>
-  <pnx-map />
-</pnx-mini>
-```
-<a name="Panoramax.components.layout.Mini+properties"></a>
-
-### mini.properties : <code>Object</code>
-Component properties.
-
-**Kind**: instance property of [<code>Mini</code>](#Panoramax.components.layout.Mini)  
-**Properties**
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| [icon] | <code>string</code> |  | The icon to use in collapsed button. |
-| [collapsed] | <code>boolean</code> | <code>false</code> | Collapsed displays only a simple button. |
-
-<a name="Panoramax.components.layout.Mini+event_expand"></a>
-
-### "expand"
-Event when user ask for component expand
-
-**Kind**: event emitted by [<code>Mini</code>](#Panoramax.components.layout.Mini)  

package/docs/reference/components/layout/Tabs.md

@@ -1,46 +0,0 @@
-<a name="Panoramax.components.layout.Tabs"></a>
-
-## Panoramax.components.layout.Tabs ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
-**Kind**: static class of <code>Panoramax.components.layout</code>  
-**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
-**Element**: pnx-tabs  
-**Slot**: `title` A single tab name  
-**Slot**: `content` A single tab content  
-
-* [.Tabs](#Panoramax.components.layout.Tabs) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
-    * [new Tabs()](#new_Panoramax.components.layout.Tabs_new)
-    * [.properties](#Panoramax.components.layout.Tabs+properties) : <code>Object</code>
-
-<a name="new_Panoramax.components.layout.Tabs_new"></a>
-
-### new Tabs()
-Tabs offers a nice paged content rendering based on tabs buttons.
-The list of tab names are passed through `title` slots, and content using `content` slots.
-Note that tab names and contents should respect a coherent order.
-
-**Example**  
-```html
-<pnx-tabs>
-  <h4 slot="title">Tab 1</h4>
-  <div slot="content">Tab 1 content</div>
-
-  <h4 slot="title">Tab 2</h4>
-  <div slot="content">Tab 2 content</div>
-
-  <h4 slot="title">Tab 3</h4>
-  <div slot="content">Tab 3 content</div>
-</pnx-tabs>
-```
-<a name="Panoramax.components.layout.Tabs+properties"></a>
-
-### tabs.properties : <code>Object</code>
-Component properties.
-
-**Kind**: instance property of [<code>Tabs</code>](#Panoramax.components.layout.Tabs)  
-**Properties**
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| [activeTabIndex] | <code>string</code> | <code>0</code> | The selected tab index |
-| [hideNav] | <code>boolean</code> | <code>false</code> | Hide nav |
-

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

@@ -1,15 +0,0 @@
-<a name="Panoramax.components.menus.LocationPrecisionDoc"></a>
-
-## Panoramax.components.menus.LocationPrecisionDoc ⇐ <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-location-precision-doc  
-<a name="new_Panoramax.components.menus.LocationPrecisionDoc_new"></a>
-
-### new LocationPrecisionDoc()
-Location Precision Doc displays a synthetic summary of how Location Precision filter and map theme works.
-
-**Example**  
-```html
-<pnx-location-precision-doc ._t=${viewer._t} />
-```

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

@@ -1,32 +0,0 @@
-<a name="Panoramax.components.menus.MapBackground"></a>
-
-## Panoramax.components.menus.MapBackground ⇐ <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-map-background  
-
-* [.MapBackground](#Panoramax.components.menus.MapBackground) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
-    * [new MapBackground()](#new_Panoramax.components.menus.MapBackground_new)
-    * [.properties](#Panoramax.components.menus.MapBackground+properties) : <code>Object</code>
-
-<a name="new_Panoramax.components.menus.MapBackground_new"></a>
-
-### new MapBackground()
-Map Background menu allows user to select background.
-
-**Example**  
-```html
-<pnx-map-background size="sm" _parent=${viewer} />
-```
-<a name="Panoramax.components.menus.MapBackground+properties"></a>
-
-### mapBackground.properties : <code>Object</code>
-Component properties.
-
-**Kind**: instance property of [<code>MapBackground</code>](#Panoramax.components.menus.MapBackground)  
-**Properties**
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| [size] | <code>string</code> | <code>&quot;md&quot;</code> | The size of the button (sm, md) |
-

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

@@ -1,37 +0,0 @@
-<a name="Panoramax.components.menus.MapFilters"></a>
-
-## Panoramax.components.menus.MapFilters ⇐ <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-map-filters-menu  
-
-* [.MapFilters](#Panoramax.components.menus.MapFilters) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
-    * [new MapFilters()](#new_Panoramax.components.menus.MapFilters_new)
-    * [.properties](#Panoramax.components.menus.MapFilters+properties) : <code>Object</code>
-
-<a name="new_Panoramax.components.menus.MapFilters_new"></a>
-
-### new MapFilters()
-Map Filters menu allows user to select map data they want displayed.
-
-**Example**  
-```html
-<pnx-map-filters-menu user-search="" _parent=${viewer} />
-```
-<a name="Panoramax.components.menus.MapFilters+properties"></a>
-
-### mapFilters.properties : <code>Object</code>
-Component properties.
-
-**Kind**: instance property of [<code>MapFilters</code>](#Panoramax.components.menus.MapFilters)  
-**Properties**
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| [user-search] | <code>boolean</code> | <code>false</code> | Should user search filter show up ? |
-| [quality-score] | <code>boolean</code> | <code>false</code> | Should quality score filter show up ? |
-| [no-date] | <code>boolean</code> | <code>false</code> | Should date filters be hidden ? |
-| [no-picture-type] | <code>boolean</code> | <code>false</code> | Should picture type filter be hidden ? |
-| [no-gps] | <code>boolean</code> | <code>false</code> | Should GPS precision filter be hidden ? |
-| [no-source] | <code>boolean</code> | <code>false</code> | Should pictures source (world, instance) filter be hidden ? |
-