@panoramax/web-viewer 3.1.1 → 3.2.0-develop-df9e865f

package/CHANGELOG.md

@@ -8,11 +8,35 @@ Before _2.0.0_, Viewer was embed in the [API repository](https://gitlab.com/pano
 
 ## [Unreleased]
 
+## [3.2.0] - 2024-11-20
+
+### Added
+- In map filters, shortcuts to set date filter to latest month or year are now available. A visual indicator also shows if a filter is active or not when widget is collapsed.
+- In viewer, picture metadata popup can be closed using _Escape_ key.
+- Viewer map filters has now a shortcut to select your own pictures.
+
+### Changed
+- In map filters widget, selected filters show up in blue.
+- Improve readability of cities labels on map for default style.
+- We don't use the _Yaw_ value for display if no _Pitch_ & _Roll_ values are defined, to avoid orientation issues with pictures where _PoseHeadingDegrees_ was used instead of _GPSImgDirection_.
+- In viewer, when picture is reduced, no virtual tour arrows are shown.
+- In viewer, different statistics are shown for grid layer if API offer distinct values for 360° and classic pictures based on map filters.
+- In viewer, if no thumbnail is found for grid preview, popup hides instead of showing a message.
+- Viewer short links use `;` separator instead of `|` for better display in various applications. The older links are not supported anymore.
+
+### Fixed
+- Map was not loading if style file didn't contain `metadata` property.
+- A 360° vertically cropped panorama without tiles available was not shown properly.
+- Option `lang` was not applied to basemap.
+- If cookies were not allowed at all, Internet connection speed test was breaking the viewer. Now, if it can't run, we consider Internet speed as slow.
+
 ## [3.1.1] - 2024-10-16
 
 ### Added
+- 💯 __Quality Score__ is now available ! It shows a rating of picture quality based on its resolution and GPS accuracy. This is made available through different part of Web Viewer: as a map theme, in map filters, and in picture metadata popup. __Note__ that it only works with compatible API.
 - Streets background supports translations (if offered in vector tiles).
 - Viewer search bar supports search by picture UUID.
+- Simple display of available/unavailable API features in browser console.
 
 ### Changed
 - Better rendering of cities names in streets background (for default vector tiles).
@@ -421,7 +445,8 @@ Empty release to follow the API's minor version
 - [A Photo Sphere Viewer under Chrome issue](https://github.com/mistic100/Photo-Sphere-Viewer/issues/937) was making classic pictures not visible
 
 
-[Unreleased]: https://gitlab.com/panoramax/clients/web-viewer/-/compare/3.1.1...develop
+[Unreleased]: https://gitlab.com/panoramax/clients/web-viewer/-/compare/3.2.0...develop
+[3.2.0]: https://gitlab.com/panoramax/clients/web-viewer/-/compare/3.1.1...3.2.0
 [3.1.1]: https://gitlab.com/panoramax/clients/web-viewer/-/compare/3.1.0...3.1.1
 [3.1.0]: https://gitlab.com/panoramax/clients/web-viewer/-/compare/3.0.2...3.1.0
 [3.0.2]: https://gitlab.com/panoramax/clients/web-viewer/-/compare/3.0.1...3.0.2

package/build/index.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @panoramax/web-viewer v3.1.1
+ *   @panoramax/web-viewer v3.2.0
  *   https://gitlab.com/panoramax/clients/web-viewer
  *
  *   Copyright (c) Panoramax team
@@ -8,7 +8,7 @@
  *   This source code is licensed under the MIT license found in the
  *   LICENSE file in the root directory of this source tree.
  *
- */.gvs-viewer .gvs-main{display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:0}.gvs-viewer .gvs-mini{aspect-ratio:1/1;bottom:10px;height:30%;left:10px;min-height:232px;position:absolute;top:auto;z-index:1}.gvs.gvs-viewer.gvs-mini-hidden .gvs-mini,.gvs.gvs-viewer:not(.gvs-has-mini) .gvs-mini{display:none}@container (max-width: 576px){.gvs-viewer .gvs-mini{height:30%;max-height:110px;max-width:166px;min-height:0;min-height:auto;width:50%}}.gvs-viewer .gvs-map.maplibregl-map,.gvs-viewer .gvs-popup,.gvs-viewer .gvs-psv{bottom:0;left:0;position:absolute;right:0;top:0}.gvs-viewer .gvs-mini,.gvs-viewer .gvs-mini .gvs-map,.gvs-viewer .gvs-mini .psv-container{border-radius:10px}.gvs-viewer .psv-container{z-index:0}.gvs-viewer .psv-loader{display:none}.gvs-viewer .psv-overlay{z-index:89}.gvs-viewer .gvs-popup{align-items:center;display:flex;justify-content:center;opacity:1;transition:opacity .1s;visibility:visible;z-index:10}.gvs-viewer .gvs-popup.gvs-hidden{display:flex!important;opacity:0;visibility:hidden}.gvs-viewer .gvs-popup-backdrop{background:#000000d9;bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.gvs-viewer .gvs-popup div.gvs-widget-bg{border-radius:25px;max-height:90%;max-width:90%;overflow-y:auto;padding:15px;position:absolute;z-index:10}.gvs-viewer #gvs-popup-btn-close{border-radius:12px;height:24px;min-width:0;min-width:auto;position:absolute;right:15px;top:15px;width:24px}.gvs-viewer .gvs-popup table{border-collapse:collapse;font-size:.9rem;width:100%}.gvs-viewer .gvs-popup thead{background-color:var(--blue-pale)}.gvs-viewer .gvs-popup th[scope=row]{text-align:left}.gvs-popup td,.gvs-viewer .gvs-popup th{border:1px solid var(--grey-semi-dark);max-width:600px;padding:8px 10px}.gvs-viewer .gvs-popup .gvs-table-light th[scope=row]{width:30%}.gvs-viewer .gvs-popup .gvs-table-light td,.gvs-viewer .gvs-popup .gvs-table-light th{border:none;padding:5px 10px;text-align:left}.gvs-viewer .gvs-popup .gvs-table-light .gvs-td-with-id{align-items:center;display:flex;justify-content:space-between}.gvs-viewer .gvs-popup table:not(.gvs-table-light) td:last-of-type{text-align:center}.gvs-viewer .gvs-popup table:not(.gvs-table-light) tbody>tr:nth-of-type(2n){background-color:var(--grey)}.gvs-viewer .gvs-popup details summary{cursor:pointer;font-size:1em;font-weight:500;line-height:1em;margin:15px 0}.gvs-viewer .gvs-popup details summary svg{height:18px;margin-right:2px;vertical-align:sub}.gvs-viewer .gvs-metadata-actions{font-size:.9rem;justify-content:center}:root{--widget-bg:var(--white);--widget-bg-hover:var(--grey);--widget-bg-active:var(--blue);--widget-bg-inactive:var(--grey-semi-dark);--widget-bg-primary:var(--blue-semi);--widget-bg-primary-hover:#e0e7ff;--widget-border-div:var(--grey-pale);--widget-border-btn:var(--blue);--widget-font:var(--grey-dark);--widget-font-active:var(--white);--widget-font-btn-inactive:var(--grey-semi-dark);--widget-font-btn-indirect:var(--grey-dark);--widget-font-btn-direct:var(--blue)}.gvs-corner-space{display:flex;height:50%;justify-content:space-between;position:relative;visibility:hidden;width:100%;z-index:10}.gvs-main .gvs-corner-space{padding:10px}.gvs-corner{display:flex;gap:10px}.gvs-main .gvs-corner{width:33%}.gvs-corner>*{visibility:visible}#gvs-corner-main-top-middle{align-items:start;justify-content:center}#gvs-corner-main-top-left{align-items:start;flex-direction:row}#gvs-corner-main-top-right{align-items:end;flex-direction:column}#gvs-corner-main-bottom-right,#gvs-corner-mini-bottom-left,#gvs-corner-mini-bottom-right{align-items:end;flex-direction:column-reverse}#gvs-corner-main-bottom-left{align-items:start;flex-direction:column-reverse}@container (max-width: 576px){#gvs-corner-main-top-right .gvs-group-btnpanel button{margin-bottom:0}#gvs-corner-main-top-right .gvs-group-btnpanel .gvs-panel{bottom:auto;left:auto;right:50px;top:0}#gvs-filter-search-user-panel{bottom:auto!important;left:0!important;right:auto!important;top:35px!important}}.gvs{font-family:sans-serif}.gvs-widget-bg{background-color:var(--white);background-color:var(--widget-bg);border:1px solid var(--widget-border-div);border-radius:5px;color:var(--grey-dark);color:var(--widget-font)}.gvs-mini .gvs-corner .gvs-widget-bg{box-shadow:none}.gvs-widget-bg a{color:var(--blue);color:var(--widget-font-btn-direct)}.gvs-focus-map .gvs-only-psv,.gvs-hidden,.gvs-mini-hidden .gvs-only-mini,.gvs:not(.gvs-focus-map) .gvs-only-map,.gvs:not(.gvs-mini-hidden) .gvs-only-mini-hidden{display:none!important}.gvs-input-btn{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:space-between;width:100%}span.gvs-input-btn{display:inline-block;vertical-align:middle;width:auto}.gvs-input-btn a,.gvs-input-btn button,.gvs-input-btn input[type=reset]{align-items:center;background-color:var(--blue-semi);background-color:var(--widget-bg-primary);border:none;border-radius:8px;color:var(--blue);color:var(--widget-font-btn-direct);cursor:pointer;display:flex;flex-basis:30%;flex-grow:1;flex-shrink:1;font-size:.9em;font-weight:600;gap:5px;justify-content:center;line-height:18px;padding:5px;text-align:center;text-decoration:none}.gvs-input-btn input:not([type=reset]),.gvs-input-btn textarea{font-family:Courier New,Courier,monospace;font-size:.7em;width:100%}.gvs textarea{background-color:var(--white);background-color:var(--widget-bg);border:1px solid var(--widget-border-div);border-radius:10px;color:var(--grey-dark);color:var(--widget-font);padding:5px;width:100%}.gvs-input-btn textarea{font-size:.8em;height:50px}.gvs-input-btn a.gvs-link-btn:hover,.gvs-input-btn button:not(:disabled):hover,.gvs-input-btn input[type=reset]:hover{background-color:#e0e7ff;background-color:var(--widget-bg-primary-hover)}.gvs-input-btn button.gvs-btn-active,.gvs-input-btn button.gvs-btn-active:hover{background-color:var(--blue);background-color:var(--widget-bg-active);border-color:var(--widget-bg-active);color:var(--white);color:var(--widget-font-active)}.gvs-input-btn a svg,.gvs-input-btn button svg{height:18px}.gvs-input-group{align-items:center;display:flex;flex-direction:row;gap:5px}.gvs-input-range{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.gvs-group{align-content:stretch;align-items:stretch;display:flex}.gvs-group-vertical{flex-direction:column}.gvs-group-horizontal{flex-direction:row}.gvs-group.gvs-group-btnpanel{box-shadow:none;display:block;position:relative}.gvs-bottom.gvs-right .gvs-group.gvs-group-btnpanel{align-items:end;flex-direction:row-reverse}.gvs-top.gvs-left .gvs-group.gvs-group-btnpanel{align-items:start;flex-direction:column}.gvs-panel{border-radius:25px;padding:15px;position:absolute;transition:opacity .2s;width:250px;z-index:100}.gvs-panel.gvs-hidden{display:block!important;opacity:0;pointer-events:none}.gvs-top.gvs-middle .gvs-panel{left:calc(50% - 150px);right:calc(50% - 150px);top:44px}.gvs-top.gvs-left .gvs-panel{left:0;top:65px}.gvs-bottom.gvs-right .gvs-panel{bottom:0;right:65px}.gvs-btn{align-items:center;cursor:pointer;display:flex;font-size:1.3em;font-weight:700;height:38px;justify-content:center;line-height:38px;min-width:38px;text-align:center}a.gvs-btn{text-decoration:none}.gvs-btn.gvs-btn-large{border-radius:28px;height:56px;line-height:56px;width:56px}.gvs-btn:not(:disabled):hover{background-color:var(--grey);background-color:var(--widget-bg-hover)}.gvs-mini .gvs-corner .gvs-btn{border-radius:10px}.gvs-btn:disabled{color:var(--grey-semi-dark);color:var(--widget-bg-inactive)}.gvs-group{border-radius:7px}.gvs-group.gvs-group-large{border-radius:21px}.gvs-group:not(.gvs-group-btnpanel) .gvs-btn{box-shadow:none}.gvs-group.gvs-group-vertical .gvs-btn{border-bottom-width:0;border-radius:0;border-top-width:0}.gvs-group.gvs-group-vertical .gvs-btn:first-child{border-top-left-radius:7px;border-top-right-radius:7px;border-top-width:1px}.gvs-group.gvs-group-vertical .gvs-btn:last-child{border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-bottom-width:1px}.gvs-group.gvs-group-horizontal .gvs-btn{border-left-width:0;border-radius:0;border-right-width:0}.gvs-group.gvs-group-horizontal .gvs-btn:first-child{border-bottom-left-radius:7px;border-left-width:1px;border-top-left-radius:7px}.gvs-group.gvs-group-horizontal .gvs-btn:last-child{border-bottom-right-radius:7px;border-right-width:1px;border-top-right-radius:7px}.gvs-btn-expandable{align-items:center;border-radius:20px;display:flex;font-size:16px;font-weight:400;gap:8px;height:40px;min-width:40px;padding:0 10px}.gvs-btn-expandable svg:last-child{transition:rotate .2s}.gvs-btn-expandable:has(+.gvs-panel:not(.gvs-hidden)) svg:last-child:not(:first-child){rotate:180deg}.gvs-search-bar{align-items:center;border-radius:15px;display:flex;height:30px;justify-content:space-between;max-width:100vw;position:relative}.gvs-search-bar input{background:none;border:none!important;height:20px;outline:none;transition:width .2s ease-in-out;width:calc(100% - 30px)}.gvs-search-bar.gvs-search-bar-reducable{max-width:75vw;padding-left:10px;padding-right:4px}.gvs-search-bar.gvs-search-bar-reducable.gvs-search-bar-reduced input{padding-left:6px;width:0!important}.gvs-search-bar.gvs-search-bar-reducable.gvs-search-bar-reduced input:not(:first-child){border-left:1px solid var(--widget-border-div)}.gvs-search-bar-icon{cursor:pointer;display:inline-block;margin-right:10px;text-align:center;width:14px}.gvs-search-bar-icon svg{pointer-events:none}.gvs-search-bar-results{list-style:none;margin:0;max-width:calc(100% - 20px);padding:0;position:absolute;top:35px}.gvs-search-bar-result,.gvs-search-empty{border-radius:0;cursor:pointer;display:block;overflow:hidden;padding:5px 15px;text-overflow:ellipsis;white-space:nowrap}.gvs-search-bar-result:hover{background-color:var(--grey);background-color:var(--widget-bg-hover)}.gvs-search-bar-result:first-child{border-top-left-radius:25px;border-top-right-radius:25px;padding-top:15px}.gvs-search-bar-result:last-child{border-bottom-left-radius:25px;border-bottom-right-radius:25px;padding-bottom:15px}.gvs-panel input:not(.gvs-search-bar),.gvs-panel select,.gvs-popup input:not(.gvs-search-bar),.gvs-popup select{background-color:var(--white);background-color:var(--widget-bg);border:1px solid var(--widget-border-div);border-radius:20px;color:var(--grey-dark);color:var(--widget-font);font-size:16px;padding:2px 10px}.gvs-popup form .gvs-input-group.gvs-input-group-inline{margin-bottom:10px}.gvs-popup form .gvs-input-group.gvs-input-group-inline input{margin:0 0 0 10px;padding:0}.gvs-popup form .gvs-input-group:not(.gvs-input-group-inline){align-items:start;flex-direction:column;margin:0 0 10px}.gvs-popup form .gvs-input-group:not(.gvs-input-group-inline) input,.gvs-popup form .gvs-input-group:not(.gvs-input-group-inline) select{width:100%}.gvs-popup form .gvs-input-group label svg{margin-right:5px}#gvs-widget-legend{border-radius:20px;display:block;font-family:sans-serif;padding:5px 10px;position:relative}#gvs-widget-mini-legend{border-bottom-left-radius:0;border-bottom-right-radius:10px;border-top-right-radius:0;display:inline-block;font-size:.8em;margin-left:10px;padding:2px 7px}#gvs-widget-legend a,#gvs-widget-mini-legend a{color:var(--grey-dark);color:var(--widget-font-btn-indirect)}#gvs-legend-toggle{border-radius:19px;bottom:-5px;box-shadow:0 0 5px #0091ea;position:absolute;right:-5px;visibility:visible}#gvs-mini-expand,#gvs-mini-hide{border-bottom-right-radius:0;border-top-left-radius:0;color:var(--grey-dark);color:var(--widget-font-btn-indirect);font-size:12px;font-weight:400;line-height:18px}#gvs-mini-expand{padding:0 8px;text-decoration:underline;width:auto}#gvs-mini-expand img,#gvs-mini-hide img{vertical-align:middle;width:20px}#gvs-mini-expand img{margin-left:5px}@container (max-width: 576px){#gvs-corner-main-bottom-right{padding-bottom:100px}#gvs-widget-legend{bottom:10px;margin-bottom:5px;margin-right:5px;max-width:45vw;padding-right:40px;position:absolute}.gvs-iframed #gvs-widget-legend{width:100%}#gvs-mini-expand,#gvs-mini-hide{font-size:inherit;height:32px;line-height:inherit;width:32px}#gvs-mini-expand img,#gvs-mini-hide img{width:18px}#gvs-mini-expand img{margin-left:0;visibility:visible}}#gvs-widget-search-bar{border-radius:20px;height:40px;padding-left:10px;padding-right:4px}#gvs-widget-search-bar input{font-size:1em;max-width:calc(75vw - 60px);width:310px}#gvs-widget-search-bar .gvs-search-bar-results{top:45px}#gvs-widget-search-bar .maplibregl-ctrl.maplibregl-ctrl-group{background:none;box-shadow:none;margin-left:-5px}#gvs-widget-search-bar button.maplibregl-ctrl-geolocate{border-radius:15px}#gvs-filter{margin-bottom:5px}#gvs-filter-panel{max-width:350px;width:350px}#gvs-filter-panel input[type=date]{flex-grow:2;min-width:0;padding:2px 0;text-align:center}#gvs-filter-camera-model,#gvs-filter-search-user{width:100%}#gvs-filter-zoomin{font-weight:700;margin-bottom:15px;text-align:center}#gvs-map-bg{justify-content:space-evenly;margin:10px 0 15px}#gvs-map-bg input{display:none}#gvs-map-bg label{cursor:pointer}#gvs-map-bg img{border:2px solid var(--widget-bg);border-radius:5px;margin-right:5px;vertical-align:middle;width:44px}#gvs-map-bg input:checked+label img{outline:3px solid var(--blue);outline:3px solid var(--widget-border-btn)}#gvs-map-layers{margin-bottom:5px}#gvs-map-layers-panel{right:0}.gvs-map-theme-legend{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:5px}.gvs-map-theme-legend .gvs-map-theme-legend-entry{align-items:center;display:flex;font-size:1em;line-height:12px;margin:10px 8px 5px 0}.gvs-map-theme-color{border-radius:3px;display:inline-block;height:15px;margin-right:5px;width:15px}#gvs-widget-player{justify-content:center}#gvs-player-next,#gvs-player-play,#gvs-player-prev{color:var(--blue);color:var(--widget-font-btn-direct)}#gvs-player-next:disabled,#gvs-player-play:disabled,#gvs-player-prev:disabled{color:var(--grey-semi-dark);color:var(--widget-font-btn-inactive)}#gvs-player-more-panel{display:flex;top:56px}.gvs-player-options{width:280px}.gvs-player-options.gvs-hidden{display:flex!important}#gvs-player-contrast{background:none;border:1px solid var(--widget-border-btn);border-radius:8px;color:var(--blue);color:var(--widget-font-btn-direct);cursor:pointer;display:inline-block;font-size:1em;margin-left:10px;padding:2px 7px;text-decoration:none}#gvs-player-contrast.gvs-btn-active{background-color:var(--blue);background-color:var(--widget-bg-active);border-color:var(--widget-bg-active);color:var(--white);color:var(--widget-font-active)}#gvs-share-panel{bottom:0;right:66px}#gvs-widget-zoom button{color:var(--blue);color:var(--widget-font-btn-direct)}.gvs{container-type:inline-size}.gvs,.gvs *{box-sizing:border-box}:root{--white:#fff;--black:#181818;--black-pale:#1b1a17;--red:#f70000;--red-pale:#ff726f;--grey:#f5f5f5;--grey-pale:#cfd2cf;--grey-semi-dark:grey;--grey-dark:#3e3e3e;--blue:#2954e9;--blue-dark:#0a1f69;--blue-semi:#d7dffc;--blue-pale:#f2f5ff;--blue-geovisio:#34495e;--beige:#f5f3ec;--yellow:#fec868;--orange:#ff6f00;--orange-pale:snow;--green:#7ec636;--green-pale:#f0ffee}.gvs h3{font-size:1.1em;font-weight:500;line-height:1.1em;margin:10px 0}.gvs h4{font-size:1em;font-weight:500;line-height:1em;margin:15px 0}.gvs h4:first-of-type{margin-top:0}.gvs h4 svg{height:18px;margin-right:2px;vertical-align:sub}@container (max-width: 576px){.gvs-mobile-hidden{display:none!important}}@media print{.gvs-print-hidden{display:none!important}}.gvs .gvs-loader{height:100%;position:relative;width:100%;z-index:0}.gvs .gvs-loader.gvs-loader-visible{opacity:1;visibility:visible}.gvs .gvs-loader{align-items:center;background:#37474f;bottom:0;color:#fff;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.4em;font-weight:550;gap:40px;justify-content:center;left:0;opacity:0;position:absolute;right:0;text-align:center;top:0;transition:all .5s;visibility:hidden;z-index:9000}.gvs .gvs-loader a{color:#fff!important}.gvs .gvs-loader>div>span{animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:.3}}.gvs .gvs-loader .gvs-loader-img{animation:rotating 1.4s linear infinite;width:150px}.psv-loader-text{font-size:.9em;text-align:center}.psv-loader-image{width:80%}.psv-overlay{opacity:1!important}.psv-virtual-tour-tooltip{display:none}@media print{.gvs .gvs-psv canvas{height:auto!important;width:100%!important}}.gvs-psv-tour-arrows{background:none;border:none}.gvs-psv-tour-arrows.gvs-clicked svg,.gvs-psv-tour-arrows:active svg{opacity:.4;transition:opacity .2s ease}.gvs-psv-tour-arrows svg{height:auto;width:100%}
+ */.gvs-viewer .gvs-main{display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:0}.gvs-viewer .gvs-mini{aspect-ratio:1/1;bottom:10px;height:30%;left:10px;min-height:232px;position:absolute;top:auto;z-index:1}.gvs.gvs-viewer.gvs-mini-hidden .gvs-mini,.gvs.gvs-viewer:not(.gvs-has-mini) .gvs-mini{display:none}@container (max-width: 576px){.gvs-viewer .gvs-mini{height:30%;max-height:110px;max-width:166px;min-height:0;min-height:auto;width:50%}}.gvs-viewer .gvs-map.maplibregl-map,.gvs-viewer .gvs-popup,.gvs-viewer .gvs-psv{bottom:0;left:0;position:absolute;right:0;top:0}.gvs-viewer .gvs-mini,.gvs-viewer .gvs-mini .gvs-map,.gvs-viewer .gvs-mini .psv-container{border-radius:10px}.gvs-viewer .psv-container{z-index:0}.gvs-viewer .psv-loader{display:none}.gvs-viewer .psv-overlay{z-index:89}.gvs-viewer .gvs-popup{align-items:center;display:flex;justify-content:center;opacity:1;transition:opacity .1s;visibility:visible;z-index:10}.gvs-viewer .gvs-popup.gvs-hidden{display:flex!important;opacity:0;visibility:hidden}.gvs-viewer .gvs-popup-backdrop{background:#000000d9;bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.gvs-viewer .gvs-popup div.gvs-widget-bg{border-radius:25px;max-height:90%;max-width:90%;overflow-y:auto;padding:15px;position:absolute;z-index:10}.gvs-viewer #gvs-popup-btn-close{border-radius:12px;height:24px;min-width:0;min-width:auto;position:absolute;right:15px;top:15px;width:24px}.gvs-viewer .gvs-popup table{border-collapse:collapse;font-size:.9rem;width:100%}.gvs-viewer .gvs-popup thead{background-color:var(--blue-pale)}.gvs-viewer .gvs-popup th[scope=row]{text-align:left}.gvs-popup td,.gvs-viewer .gvs-popup th{border:1px solid var(--grey-semi-dark);max-width:600px;padding:8px 10px}.gvs-viewer .gvs-popup .gvs-table-light th[scope=row]{width:30%}.gvs-viewer .gvs-popup .gvs-table-light td,.gvs-viewer .gvs-popup .gvs-table-light th{border:none;padding:5px 10px;text-align:left}.gvs-viewer .gvs-popup .gvs-table-light .gvs-td-with-id{align-items:center;display:flex;justify-content:space-between}.gvs-viewer .gvs-popup table:not(.gvs-table-light) td:last-of-type{text-align:center}.gvs-viewer .gvs-popup table:not(.gvs-table-light) tbody>tr:nth-of-type(2n){background-color:var(--grey)}.gvs-viewer .gvs-popup details summary{cursor:pointer;font-size:1em;font-weight:500;line-height:1em;margin:15px 0}.gvs-viewer .gvs-popup details summary svg{height:18px;margin-right:2px;vertical-align:sub}.gvs-viewer .gvs-metadata-actions{font-size:.9rem;justify-content:center}:root{--widget-bg:var(--white);--widget-bg-hover:var(--grey);--widget-bg-active:var(--blue);--widget-bg-inactive:var(--grey-semi-dark);--widget-bg-primary:var(--blue-semi);--widget-bg-primary-hover:#e0e7ff;--widget-border-div:var(--grey-pale);--widget-border-btn:var(--blue);--widget-font:var(--grey-dark);--widget-font-active:var(--white);--widget-font-btn-inactive:var(--grey-semi-dark);--widget-font-btn-indirect:var(--grey-dark);--widget-font-btn-direct:var(--blue)}.gvs-corner-space{display:flex;height:50%;justify-content:space-between;position:relative;visibility:hidden;width:100%;z-index:10}.gvs-main .gvs-corner-space{padding:10px}.gvs-corner{display:flex;gap:10px}.gvs-main .gvs-corner{width:33%}.gvs-corner>*{visibility:visible}#gvs-corner-main-top-middle{align-items:start;justify-content:center}#gvs-corner-main-top-left{align-items:start;flex-direction:row}#gvs-corner-main-top-right{align-items:end;flex-direction:column}#gvs-corner-main-bottom-right,#gvs-corner-mini-bottom-left,#gvs-corner-mini-bottom-right{align-items:end;flex-direction:column-reverse}#gvs-corner-main-bottom-left{align-items:start;flex-direction:column-reverse}@container (max-width: 576px){#gvs-corner-main-top-right .gvs-group-btnpanel button{margin-bottom:0}#gvs-corner-main-top-right .gvs-group-btnpanel .gvs-panel{bottom:auto;left:auto;right:50px;top:0}#gvs-filter-search-user-panel{bottom:auto!important;left:0!important;right:auto!important;top:35px!important}}.gvs{font-family:sans-serif}.gvs-widget-bg{background-color:var(--white);background-color:var(--widget-bg);border:1px solid var(--widget-border-div);border-radius:5px;color:var(--grey-dark);color:var(--widget-font)}.gvs-mini .gvs-corner .gvs-widget-bg{box-shadow:none}.gvs-widget-bg a{color:var(--blue);color:var(--widget-font-btn-direct)}.gvs-focus-map .gvs-only-psv,.gvs-hidden,.gvs-mini-hidden .gvs-only-mini,.gvs:not(.gvs-focus-map) .gvs-only-map,.gvs:not(.gvs-mini-hidden) .gvs-only-mini-hidden{display:none!important}.gvs-input-btn{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:space-between;width:100%}span.gvs-input-btn{display:inline-block;vertical-align:middle;width:auto}.gvs-input-btn a,.gvs-input-btn button,.gvs-input-btn input[type=reset]{align-items:center;background-color:var(--blue-semi);background-color:var(--widget-bg-primary);border:none;border-radius:8px;color:var(--blue);color:var(--widget-font-btn-direct);cursor:pointer;display:flex;flex-basis:30%;flex-grow:1;flex-shrink:1;font-size:.9em;font-weight:600;gap:5px;justify-content:center;line-height:18px;padding:5px;text-align:center;text-decoration:none}.gvs-input-btn input:not([type=reset]),.gvs-input-btn textarea{font-family:Courier New,Courier,monospace;font-size:.7em;width:100%}.gvs textarea{background-color:var(--white);background-color:var(--widget-bg);border:1px solid var(--widget-border-div);border-radius:10px;color:var(--grey-dark);color:var(--widget-font);padding:5px;width:100%}.gvs-input-btn textarea{font-size:.8em;height:50px}.gvs-input-btn a.gvs-link-btn:hover,.gvs-input-btn button:not(:disabled):hover,.gvs-input-btn input[type=reset]:hover{background-color:#e0e7ff;background-color:var(--widget-bg-primary-hover)}.gvs-input-btn button.gvs-btn-active,.gvs-input-btn button.gvs-btn-active:hover{background-color:var(--blue);background-color:var(--widget-bg-active);border-color:var(--widget-bg-active);color:var(--white);color:var(--widget-font-active)}.gvs-input-btn a svg,.gvs-input-btn button svg{height:18px}.gvs-input-group{align-items:center;display:flex;flex-direction:row;gap:5px}.gvs-input-range{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.gvs-input-group.gvs-checkbox-btns{gap:0}.gvs-checkbox-btns label{background:none;border:1px solid var(--widget-border-btn);border-left-width:0;color:var(--blue);color:var(--widget-font-btn-direct);cursor:pointer;display:inline-block;font-size:16px;padding:2px 7px;text-decoration:none}.gvs-checkbox-btns label:hover{background-color:var(--grey);background-color:var(--widget-bg-hover)}.gvs-checkbox-btns label:first-of-type{border-bottom-left-radius:8px;border-left-width:1px;border-top-left-radius:8px}.gvs-checkbox-btns label:last-of-type{border-bottom-right-radius:8px;border-top-right-radius:8px}.gvs-checkbox-btns input[type=checkbox]{display:none}.gvs-checkbox-btns input[type=checkbox]:checked+label{background-color:var(--blue);background-color:var(--widget-bg-active);color:var(--white);color:var(--widget-font-active)}.gvs-checkbox-btns input[type=checkbox]:checked+label:first-of-type{border-right-color:#fff}.gvs-input-shortcuts{margin-bottom:5px;margin-top:-10px}.gvs-input-shortcuts button{background-color:var(--grey-pale);border:none;border-radius:10px;color:var(--black);cursor:pointer;font-size:11px;height:20px;line-height:20px;padding:0 8px;vertical-align:middle}.gvs-input-shortcuts button:hover{background-color:#d9dcd9}.gvs-group{align-content:stretch;align-items:stretch;display:flex}.gvs-group-vertical{flex-direction:column}.gvs-group-horizontal{flex-direction:row}.gvs-group.gvs-group-btnpanel{box-shadow:none;display:block;position:relative}.gvs-bottom.gvs-right .gvs-group.gvs-group-btnpanel{align-items:end;flex-direction:row-reverse}.gvs-top.gvs-left .gvs-group.gvs-group-btnpanel{align-items:start;flex-direction:column}.gvs-panel{border-radius:25px;padding:15px;position:absolute;transition:opacity .2s;width:250px;z-index:100}.gvs-panel.gvs-hidden{display:block!important;opacity:0;pointer-events:none}.gvs-top.gvs-middle .gvs-panel{left:calc(50% - 150px);right:calc(50% - 150px);top:44px}.gvs-top.gvs-left .gvs-panel{left:0;top:65px}.gvs-bottom.gvs-right .gvs-panel{bottom:0;right:65px}.gvs-btn{align-items:center;cursor:pointer;display:flex;font-size:1.3em;font-weight:700;height:38px;justify-content:center;line-height:38px;min-width:38px;text-align:center}a.gvs-btn{text-decoration:none}.gvs-btn.gvs-btn-large{border-radius:28px;height:56px;line-height:56px;width:56px}.gvs-btn:not(:disabled):hover{background-color:var(--grey);background-color:var(--widget-bg-hover)}.gvs-mini .gvs-corner .gvs-btn{border-radius:10px}.gvs-btn:disabled{color:var(--grey-semi-dark);color:var(--widget-bg-inactive)}.gvs-group{border-radius:7px}.gvs-group.gvs-group-large{border-radius:21px}.gvs-group:not(.gvs-group-btnpanel) .gvs-btn{box-shadow:none}.gvs-group.gvs-group-vertical .gvs-btn{border-bottom-width:0;border-radius:0;border-top-width:0}.gvs-group.gvs-group-vertical .gvs-btn:first-child{border-top-left-radius:7px;border-top-right-radius:7px;border-top-width:1px}.gvs-group.gvs-group-vertical .gvs-btn:last-child{border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-bottom-width:1px}.gvs-group.gvs-group-horizontal .gvs-btn{border-left-width:0;border-radius:0;border-right-width:0}.gvs-group.gvs-group-horizontal .gvs-btn:first-child{border-bottom-left-radius:7px;border-left-width:1px;border-top-left-radius:7px}.gvs-group.gvs-group-horizontal .gvs-btn:last-child{border-bottom-right-radius:7px;border-right-width:1px;border-top-right-radius:7px}.gvs-btn-expandable{align-items:center;border-radius:20px;display:flex;font-size:16px;font-weight:400;gap:8px;height:40px;min-width:40px;padding:0 10px}.gvs-btn-expandable svg:last-child{transition:rotate .2s}.gvs-btn-expandable:has(+.gvs-panel:not(.gvs-hidden)) svg:last-child:not(:first-child){rotate:180deg}.gvs-search-bar{align-items:center;border-radius:15px;display:flex;height:30px;justify-content:space-between;max-width:100vw;position:relative}.gvs-search-bar input{background:none;border:none!important;height:20px;outline:none;transition:width .2s ease-in-out;width:calc(100% - 30px)}.gvs-search-bar.gvs-search-bar-reducable{max-width:75vw;padding-left:10px;padding-right:4px}.gvs-search-bar.gvs-search-bar-reducable.gvs-search-bar-reduced input{padding-left:6px;width:0!important}.gvs-search-bar.gvs-search-bar-reducable.gvs-search-bar-reduced input:not(:first-child){border-left:1px solid var(--widget-border-div)}.gvs-search-bar-icon{cursor:pointer;display:inline-block;margin-right:10px;text-align:center;width:14px}.gvs-search-bar-icon svg{pointer-events:none}.gvs-search-bar-results{list-style:none;margin:0;max-width:calc(100% - 20px);padding:0;position:absolute;top:35px}.gvs-search-bar-result,.gvs-search-empty{border-radius:0;cursor:pointer;display:block;overflow:hidden;padding:5px 15px;text-overflow:ellipsis;white-space:nowrap}.gvs-search-bar-result:hover{background-color:var(--grey);background-color:var(--widget-bg-hover)}.gvs-search-bar-result:first-child{border-top-left-radius:25px;border-top-right-radius:25px;padding-top:15px}.gvs-search-bar-result:last-child{border-bottom-left-radius:25px;border-bottom-right-radius:25px;padding-bottom:15px}.gvs-panel input:not(.gvs-search-bar),.gvs-panel select,.gvs-popup input:not(.gvs-search-bar),.gvs-popup select{background-color:var(--white);background-color:var(--widget-bg);border:1px solid var(--widget-border-div);border-radius:20px;color:var(--grey-dark);color:var(--widget-font);font-size:16px;padding:2px 10px}.gvs-popup form .gvs-input-group.gvs-input-group-inline{margin-bottom:10px}.gvs-popup form .gvs-input-group.gvs-input-group-inline input{margin:0 0 0 10px;padding:0}.gvs-popup form .gvs-input-group:not(.gvs-input-group-inline){align-items:start;flex-direction:column;margin:0 0 10px}.gvs-popup form .gvs-input-group:not(.gvs-input-group-inline) input,.gvs-popup form .gvs-input-group:not(.gvs-input-group-inline) select{width:100%}.gvs-popup form .gvs-input-group label svg{margin-right:5px}.gvs-grade{color:var(--orange)}#gvs-widget-legend{border-radius:20px;display:block;font-family:sans-serif;padding:5px 10px;position:relative}#gvs-widget-mini-legend{border-bottom-left-radius:0;border-bottom-right-radius:10px;border-top-right-radius:0;display:inline-block;font-size:.8em;margin-left:10px;padding:2px 7px}#gvs-widget-legend a,#gvs-widget-mini-legend a{color:var(--grey-dark);color:var(--widget-font-btn-indirect)}#gvs-legend-toggle{border-radius:19px;bottom:-5px;box-shadow:0 0 5px #0091ea;position:absolute;right:-5px;visibility:visible}#gvs-mini-expand,#gvs-mini-hide{border-bottom-right-radius:0;border-top-left-radius:0;color:var(--grey-dark);color:var(--widget-font-btn-indirect);font-size:12px;font-weight:400;line-height:18px}#gvs-mini-expand{padding:0 8px;text-decoration:underline;width:auto}#gvs-mini-expand img,#gvs-mini-hide img{vertical-align:middle;width:20px}#gvs-mini-expand img{margin-left:5px}@container (max-width: 576px){#gvs-corner-main-bottom-right{padding-bottom:100px}#gvs-widget-legend{bottom:10px;margin-bottom:5px;margin-right:5px;max-width:45vw;padding-right:40px;position:absolute}.gvs-iframed #gvs-widget-legend{width:100%}#gvs-mini-expand,#gvs-mini-hide{font-size:inherit;height:32px;line-height:inherit;width:32px}#gvs-mini-expand img,#gvs-mini-hide img{width:18px}#gvs-mini-expand img{margin-left:0;visibility:visible}}#gvs-widget-search-bar{border-radius:20px;height:40px;padding-left:10px;padding-right:4px}#gvs-widget-search-bar input{font-size:1em;max-width:calc(75vw - 60px);width:310px}#gvs-widget-search-bar .gvs-search-bar-results{top:45px}#gvs-widget-search-bar .maplibregl-ctrl.maplibregl-ctrl-group{background:none;box-shadow:none;margin-left:-5px}#gvs-widget-search-bar button.maplibregl-ctrl-geolocate{border-radius:15px}#gvs-filter{margin-bottom:5px}.gvs-filters-active{background-color:var(--orange);border:3px solid #fff;border-radius:8px;height:15px;left:20px;position:absolute;top:5px;width:15px}#gvs-filter-panel{max-width:350px;width:350px}#gvs-filter-panel .gvs-filter-active{background-color:var(--blue);background-color:var(--widget-bg-active);border-color:var(--widget-bg-active);color:var(--white);color:var(--widget-font-active)}#gvs-filter-panel input[type=date]{flex-grow:2;min-width:0;padding:2px 0;text-align:center}#gvs-filter-camera-model,#gvs-filter-search-user{width:100%}#gvs-filter-search-user.gvs-filter-active input{background:none;color:var(--white);color:var(--widget-font-active)}#gvs-filter-zoomin{color:var(--orange);font-weight:700;margin-bottom:15px;text-align:center}#gvs-filter-qualityscore{gap:0;height:42px;justify-content:center}#gvs-filter-qualityscore label,.gvs-qualityscore{background-color:gray;border:1px solid #fff;color:#ffffffe6;display:inline-block;font-family:sans-serif;font-size:18px;font-weight:700;height:30px;line-height:26px;text-align:center;vertical-align:middle;width:25px}#gvs-filter-qualityscore label{cursor:pointer}#gvs-filter-qualityscore label:hover{border:2px solid #fff;border-radius:3px;color:#fff;font-size:22px;height:35px;line-height:30px;width:28px}#gvs-filter-qualityscore label:first-of-type,.gvs-qualityscore:first-of-type{border-bottom-left-radius:8px;border-top-left-radius:8px}#gvs-filter-qualityscore label:last-of-type,.gvs-qualityscore:last-of-type{border-bottom-right-radius:8px;border-top-right-radius:8px}#gvs-filter-qualityscore input[type=checkbox]{display:none}#gvs-filter-qualityscore input[type=checkbox]:checked+label,.gvs-qualityscore-selected{border:2px solid #fff;border-radius:8px;color:#fff;font-size:27px;height:42px;line-height:37px;width:30px}#gvs-map-bg{justify-content:space-evenly;margin:10px 0 15px}#gvs-map-bg input{display:none}#gvs-map-bg label{cursor:pointer}#gvs-map-bg img{border:2px solid var(--widget-bg);border-radius:5px;margin-right:5px;vertical-align:middle;width:44px}#gvs-map-bg input:checked+label img{outline:3px solid var(--blue);outline:3px solid var(--widget-border-btn)}#gvs-map-layers{margin-bottom:5px}#gvs-map-layers-panel{right:0}.gvs-map-theme-legend{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:5px}.gvs-map-theme-legend .gvs-map-theme-legend-entry{align-items:center;display:flex;font-size:1em;line-height:12px;margin:10px 8px 5px 0}.gvs-map-theme-color{border-radius:3px;display:inline-block;height:15px;margin-right:5px;width:15px}#gvs-map-theme-legend-score{gap:0;justify-content:center}#gvs-widget-player{justify-content:center}#gvs-player-next,#gvs-player-play,#gvs-player-prev{color:var(--blue);color:var(--widget-font-btn-direct)}#gvs-player-next:disabled,#gvs-player-play:disabled,#gvs-player-prev:disabled{color:var(--grey-semi-dark);color:var(--widget-font-btn-inactive)}#gvs-player-more-panel{display:flex;top:56px}.gvs-player-options{width:280px}.gvs-player-options.gvs-hidden{display:flex!important}#gvs-player-contrast{background:none;border:1px solid var(--widget-border-btn);border-radius:8px;color:var(--blue);color:var(--widget-font-btn-direct);cursor:pointer;display:inline-block;font-size:1em;margin-left:10px;padding:2px 7px;text-decoration:none}#gvs-player-contrast.gvs-btn-active{background-color:var(--blue);background-color:var(--widget-bg-active);border-color:var(--widget-bg-active);color:var(--white);color:var(--widget-font-active)}#gvs-share-panel{bottom:0;right:66px}#gvs-widget-zoom button{color:var(--blue);color:var(--widget-font-btn-direct)}.gvs{container-type:inline-size}.gvs,.gvs *{box-sizing:border-box}:root{--white:#fff;--black:#181818;--black-pale:#1b1a17;--red:#f70000;--red-pale:#ff726f;--grey:#f5f5f5;--grey-pale:#cfd2cf;--grey-semi-dark:grey;--grey-dark:#3e3e3e;--blue:#2954e9;--blue-dark:#0a1f69;--blue-semi:#d7dffc;--blue-pale:#f2f5ff;--blue-geovisio:#34495e;--beige:#f5f3ec;--yellow:#fec868;--orange:#ff6f00;--orange-pale:snow;--green:#7ec636;--green-pale:#f0ffee}.gvs h3{font-size:1.1em;font-weight:500;line-height:1.1em;margin:10px 0}.gvs h4{font-size:1em;font-weight:500;line-height:1em;margin:15px 0}.gvs h4:first-of-type{margin-top:0}.gvs h4 svg{height:18px;margin-right:2px;vertical-align:sub}.gvs h4 a svg{height:16px;margin-left:2px;vertical-align:sub}@container (max-width: 576px){.gvs-mobile-hidden{display:none!important}}@media print{.gvs-print-hidden{display:none!important}}.gvs .gvs-loader{height:100%;position:relative;width:100%;z-index:0}.gvs .gvs-loader.gvs-loader-visible{opacity:1;visibility:visible}.gvs .gvs-loader{align-items:center;background:#37474f;bottom:0;color:#fff;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.4em;font-weight:550;gap:40px;justify-content:center;left:0;opacity:0;position:absolute;right:0;text-align:center;top:0;transition:all .5s;visibility:hidden;z-index:9000}.gvs .gvs-loader a{color:#fff!important}.gvs .gvs-loader>div>span{animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:.3}}.gvs .gvs-loader .gvs-loader-img{animation:rotating 1.4s linear infinite;width:150px}.psv-loader-text{font-size:.9em;text-align:center}.psv-loader-image{width:80%}.psv-overlay{opacity:1!important}.psv-virtual-tour-tooltip{display:none}@media print{.gvs .gvs-psv canvas{height:auto!important;width:100%!important}}.gvs-psv-tour-arrows{background:none;border:none}.gvs-psv-tour-arrows.gvs-clicked svg,.gvs-psv-tour-arrows:active svg{opacity:.4;transition:opacity .2s ease}.gvs-psv-tour-arrows svg{height:auto;width:100%}.gvs-mini .gvs-psv .psv-virtual-tour-arrows{display:none}
 /*!
  * Photo Sphere Viewer 5.11.0-beta.1
  * @copyright 2014-2015 Jérémy Heleine