@panoramax/web-viewer 3.2.3-develop-e277ccb9 → 3.2.3-develop-7a7f14f4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/CHANGELOG.md +1 -0
  2. package/build/index.css +1 -1
  3. package/build/index.css.map +1 -1
  4. package/build/index.html +1 -1
  5. package/build/index.js +29 -25
  6. package/build/index.js.map +1 -1
  7. package/build/photo.html +1 -0
  8. package/config/paths.js +1 -0
  9. package/config/webpack.config.js +26 -0
  10. package/docs/03_URL_settings.md +4 -1
  11. package/docs/09_Develop.md +1 -1
  12. package/docs/images/class_diagram.drawio +37 -22
  13. package/docs/images/class_diagram.jpg +0 -0
  14. package/docs/index.md +15 -1
  15. package/docs/reference/components/core/PhotoViewer.md +256 -0
  16. package/docs/reference/components/core/Viewer.md +47 -49
  17. package/docs/reference/components/menus/MapLegend.md +1 -1
  18. package/docs/reference/components/ui/Photo.md +8 -0
  19. package/docs/reference/components/ui/widgets/Legend.md +7 -1
  20. package/docs/reference.md +3 -2
  21. package/docs/tutorials/custom_widgets.md +6 -11
  22. package/docs/tutorials/migrate_v4.md +2 -0
  23. package/mkdocs.yml +1 -0
  24. package/package.json +1 -1
  25. package/public/index.html +14 -9
  26. package/public/photo.html +55 -0
  27. package/src/components/core/PhotoViewer.css +65 -0
  28. package/src/components/core/PhotoViewer.js +441 -0
  29. package/src/components/core/Viewer.js +71 -306
  30. package/src/components/core/index.js +1 -0
  31. package/src/components/menus/MapLegend.js +1 -21
  32. package/src/components/ui/Photo.js +13 -3
  33. package/src/components/ui/widgets/Legend.js +32 -1
  34. package/src/index.js +1 -0
  35. package/src/utils/API.js +2 -2
  36. package/src/utils/InitParameters.js +29 -16
  37. package/src/utils/URLHandler.js +11 -5
  38. package/src/utils/map.js +2 -2
  39. package/tests/components/ui/Photo.test.js +6 -6
  40. package/tests/utils/InitParameters.test.js +1 -0
  41. package/tests/utils/URLHandler.test.js +16 -6
package/CHANGELOG.md CHANGED
@@ -18,6 +18,7 @@ Major changes are introduced by this new version, please [check out the migratio
18
18
  - Loader features a progress bar, and adopts a new look.
19
19
  - Viewer map filter by date input checks if min date is lower than max date, and eventually inverts if necessary.
20
20
  - Viewer map center, zoom, background and theme are stored in `localStorage` to permit restoring map position at load. This position is used __only if no URL parameter is set__ for these settings.
21
+ - New main component: `<pnx-photo-viewer>` for showing up only picture (without any map). This leads classic viewer `<pnx-viewer>` to not allow removing its map anymore.
21
22
 
22
23
  ### Changed
23
24
 
package/build/index.css CHANGED
@@ -32,5 +32,5 @@
32
32
  * Photo Sphere Viewer / Markers Plugin 5.12.1
33
33
  * @copyright 2015-2025 Damien "Mistic" Sorel
34
34
  * @licence MIT (https://opensource.org/licenses/MIT)
35
- */.psv-container{--psv-markers-plugin-loaded:true}.psv-markers{pointer-events:none;z-index:10}.psv-markers,.psv-markers-svg-container{height:100%;position:absolute;width:100%}.psv-markers-svg-container{left:0;top:0;z-index:20}.psv-markers-css3d-container{position:absolute;z-index:21}.psv-marker{display:none;pointer-events:auto}.psv-marker--normal{background-repeat:no-repeat;background-size:contain;left:0;overflow:visible;position:absolute;top:0;z-index:30}.psv-marker--css3d{display:block}.psv-marker--transparent{display:block;opacity:0}.psv-marker--visible{display:block}.psv-marker--has-content,.psv-marker--has-tooltip{cursor:pointer}pnx-viewer .pnx-map.maplibregl-map,pnx-viewer .pnx-psv{inset:0;position:absolute;z-index:0}pnx-viewer .psv-loader{display:none}pnx-widget-geosearch{z-index:129}pnx-viewer pnx-cornered-grid::part(corner-bottom),pnx-viewer pnx-cornered-grid::part(corner-bottom-left),pnx-viewer pnx-cornered-grid::part(corner-bottom-right),pnx-viewer pnx-cornered-grid::part(corner-top),pnx-viewer pnx-cornered-grid::part(corner-top-left),pnx-viewer pnx-cornered-grid::part(corner-top-right){gap:10px;padding:10px}@media screen and (max-width:576px){pnx-viewer pnx-cornered-grid::part(corner-top-right){align-items:flex-end;flex-direction:column;justify-content:flex-start}}pnx-viewer pnx-mini{aspect-ratio:1/1;box-sizing:border-box;display:block;height:250px;position:relative;width:250px;z-index:120}@media screen and (max-width:576px){pnx-viewer pnx-mini{height:auto;width:auto}}pnx-viewer pnx-mini .pnx-map,pnx-viewer pnx-mini .psv-container{border-radius:10px}pnx-viewer:not(pnx-viewer[focus=map]) .pnx-only-map,pnx-viewer:not(pnx-viewer[focus=pic]) .pnx-only-psv{display:none}@media screen and (max-width:576px){pnx-viewer[focus=map] pnx-widget-legend{display:none}pnx-viewer[focus=pic] pnx-widget-legend{left:0;position:fixed;right:0;top:0}pnx-viewer[focus=pic] pnx-widget-legend::part(panel){border-left:none;border-radius:0;border-right:none;border-top:none;max-width:none;width:auto}pnx-viewer[focus=pic] pnx-widget-player{margin-top:60px}}@media screen and (min-width:576px){pnx-viewer pnx-widget-legend{left:10px;position:absolute;top:60px}pnx-viewer[focus=pic] pnx-widget-legend{top:10px}}pnx-viewer .pnx-map .maplibregl-ctrl-attrib{display:none}@media screen and (max-width:576px){pnx-widget-geosearch pnx-search-bar:not([reduced])::part(container){max-width:40vw;width:250px}}pnx-button-group>pnx-button{display:inline-block}pnx-button-group>pnx-togglable-group>pnx-button{height:100%;width:100%}pnx-button-group[dir=row]>:not(:first-child):not(:last-child)::part(btn),pnx-button-group[dir=row]>:not(:first-child):not(:last-child)>::part(btn){border-left:none;border-radius:0;border-right:none}pnx-button-group[dir=row]>:first-child::part(btn),pnx-button-group[dir=row]>:first-child>::part(btn){border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}pnx-button-group[dir=row]>:last-child::part(btn),pnx-button-group[dir=row]>:last-child>::part(btn){border-bottom-left-radius:0;border-left:none;border-top-left-radius:0}pnx-button-group[dir=column]>:not(:first-child):not(:last-child)::part(btn),pnx-button-group[dir=column]>:not(:first-child):not(:last-child)>::part(btn){border-bottom:none;border-radius:0;border-top:none}pnx-button-group[dir=column]>:first-child::part(btn),pnx-button-group[dir=column]>:first-child>::part(btn){border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}pnx-button-group[dir=column]>:last-child::part(btn),pnx-button-group[dir=column]>:last-child>::part(btn){border-top:none;border-top-left-radius:0;border-top-right-radius:0}pnx-widget-player{pointer-events:none}pnx-widget-player>pnx-button-group{pointer-events:auto}pnx-widget-geosearch .maplibregl-ctrl{background:none!important;box-shadow:none!important}pnx-widget-geosearch .maplibregl-ctrl-geolocate{border-radius:15px}pnx-widget-geosearch pnx-search-bar[reduced] .maplibregl-ctrl-geolocate{width:40px}pnx-widget-geosearch pnx-search-bar:not([reduced]) .maplibregl-ctrl-geolocate{margin-left:-5px}pnx-widget-geosearch pnx-search-bar:not([reduceable])::part(input){max-width:30vw;width:300px}
35
+ */.psv-container{--psv-markers-plugin-loaded:true}.psv-markers{pointer-events:none;z-index:10}.psv-markers,.psv-markers-svg-container{height:100%;position:absolute;width:100%}.psv-markers-svg-container{left:0;top:0;z-index:20}.psv-markers-css3d-container{position:absolute;z-index:21}.psv-marker{display:none;pointer-events:auto}.psv-marker--normal{background-repeat:no-repeat;background-size:contain;left:0;overflow:visible;position:absolute;top:0;z-index:30}.psv-marker--css3d{display:block}.psv-marker--transparent{display:block;opacity:0}.psv-marker--visible{display:block}.psv-marker--has-content,.psv-marker--has-tooltip{cursor:pointer}pnx-viewer .pnx-map.maplibregl-map,pnx-viewer .pnx-psv{inset:0;position:absolute;z-index:0}pnx-viewer .psv-loader{display:none}pnx-widget-geosearch{z-index:129}pnx-viewer pnx-cornered-grid::part(corner-bottom),pnx-viewer pnx-cornered-grid::part(corner-bottom-left),pnx-viewer pnx-cornered-grid::part(corner-bottom-right),pnx-viewer pnx-cornered-grid::part(corner-top),pnx-viewer pnx-cornered-grid::part(corner-top-left),pnx-viewer pnx-cornered-grid::part(corner-top-right){gap:10px;padding:10px}@media screen and (max-width:576px){pnx-viewer pnx-cornered-grid::part(corner-top-right){align-items:flex-end;flex-direction:column;justify-content:flex-start}}pnx-viewer pnx-mini{aspect-ratio:1/1;box-sizing:border-box;display:block;height:250px;position:relative;width:250px;z-index:120}@media screen and (max-width:576px){pnx-viewer pnx-mini{height:auto;width:auto}}pnx-viewer pnx-mini .pnx-map,pnx-viewer pnx-mini .psv-container{border-radius:10px}pnx-viewer:not(pnx-viewer[focus=map]) .pnx-only-map,pnx-viewer:not(pnx-viewer[focus=pic]) .pnx-only-psv{display:none}@media screen and (max-width:576px){pnx-viewer[focus=map] pnx-widget-legend{display:none}pnx-viewer[focus=pic] pnx-widget-legend{left:0;position:fixed;right:0;top:0}pnx-viewer[focus=pic] pnx-widget-legend::part(panel){border-left:none;border-radius:0;border-right:none;border-top:none;max-width:none;width:auto}pnx-viewer[focus=pic] pnx-widget-player{margin-top:60px}}@media screen and (min-width:576px){pnx-viewer pnx-widget-legend{left:10px;position:absolute;top:60px}pnx-viewer[focus=pic] pnx-widget-legend{top:10px}}pnx-viewer .pnx-map .maplibregl-ctrl-attrib{display:none}@media screen and (max-width:576px){pnx-widget-geosearch pnx-search-bar:not([reduced])::part(container){max-width:40vw;width:250px}}pnx-photo-viewer .pnx-psv{inset:0;position:absolute;z-index:0}pnx-photo-viewer .psv-loader{display:none}pnx-photo-viewer pnx-cornered-grid::part(corner-bottom),pnx-photo-viewer pnx-cornered-grid::part(corner-bottom-left),pnx-photo-viewer pnx-cornered-grid::part(corner-bottom-right),pnx-photo-viewer pnx-cornered-grid::part(corner-top),pnx-photo-viewer pnx-cornered-grid::part(corner-top-left),pnx-photo-viewer pnx-cornered-grid::part(corner-top-right){gap:10px;padding:10px}@media screen and (max-width:576px){pnx-photo-viewer pnx-cornered-grid::part(corner-top-right){align-items:flex-end;flex-direction:column;justify-content:flex-start}}@media screen and (max-width:576px){pnx-photo-viewer pnx-widget-legend{left:0;position:fixed;right:0;top:0}pnx-photo-viewer pnx-widget-legend::part(panel){border-left:none;border-radius:0;border-right:none;border-top:none;max-width:none;width:auto}pnx-photo-viewer pnx-widget-player{margin-top:60px}}@media screen and (min-width:576px){pnx-photo-viewer pnx-widget-legend{left:10px;position:absolute;top:60px;top:10px}}pnx-button-group>pnx-button{display:inline-block}pnx-button-group>pnx-togglable-group>pnx-button{height:100%;width:100%}pnx-button-group[dir=row]>:not(:first-child):not(:last-child)::part(btn),pnx-button-group[dir=row]>:not(:first-child):not(:last-child)>::part(btn){border-left:none;border-radius:0;border-right:none}pnx-button-group[dir=row]>:first-child::part(btn),pnx-button-group[dir=row]>:first-child>::part(btn){border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}pnx-button-group[dir=row]>:last-child::part(btn),pnx-button-group[dir=row]>:last-child>::part(btn){border-bottom-left-radius:0;border-left:none;border-top-left-radius:0}pnx-button-group[dir=column]>:not(:first-child):not(:last-child)::part(btn),pnx-button-group[dir=column]>:not(:first-child):not(:last-child)>::part(btn){border-bottom:none;border-radius:0;border-top:none}pnx-button-group[dir=column]>:first-child::part(btn),pnx-button-group[dir=column]>:first-child>::part(btn){border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}pnx-button-group[dir=column]>:last-child::part(btn),pnx-button-group[dir=column]>:last-child>::part(btn){border-top:none;border-top-left-radius:0;border-top-right-radius:0}pnx-widget-player{pointer-events:none}pnx-widget-player>pnx-button-group{pointer-events:auto}pnx-widget-geosearch .maplibregl-ctrl{background:none!important;box-shadow:none!important}pnx-widget-geosearch .maplibregl-ctrl-geolocate{border-radius:15px}pnx-widget-geosearch pnx-search-bar[reduced] .maplibregl-ctrl-geolocate{width:40px}pnx-widget-geosearch pnx-search-bar:not([reduced]) .maplibregl-ctrl-geolocate{margin-left:-5px}pnx-widget-geosearch pnx-search-bar:not([reduceable])::part(input){max-width:30vw;width:300px}
36
36
  /*# sourceMappingURL=index.css.map*/