@panoramax/web-viewer 3.2.3-develop-e277ccb9 → 3.2.3-develop-dbce84df
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.
- package/CHANGELOG.md +1 -0
- package/build/index.css +1 -1
- package/build/index.css.map +1 -1
- package/build/index.html +1 -1
- package/build/index.js +29 -25
- package/build/index.js.map +1 -1
- package/build/photo.html +1 -0
- package/config/paths.js +1 -0
- package/config/webpack.config.js +26 -0
- package/docs/03_URL_settings.md +4 -1
- package/docs/09_Develop.md +1 -1
- package/docs/images/class_diagram.drawio +37 -22
- package/docs/images/class_diagram.jpg +0 -0
- package/docs/index.md +15 -1
- package/docs/reference/components/core/PhotoViewer.md +256 -0
- package/docs/reference/components/core/Viewer.md +47 -49
- package/docs/reference/components/menus/MapLegend.md +1 -1
- package/docs/reference/components/ui/Photo.md +8 -0
- package/docs/reference/components/ui/widgets/Legend.md +7 -1
- package/docs/reference.md +3 -2
- package/docs/tutorials/custom_widgets.md +6 -11
- package/docs/tutorials/migrate_v4.md +2 -0
- package/mkdocs.yml +1 -0
- package/package.json +1 -1
- package/public/index.html +14 -9
- package/public/photo.html +55 -0
- package/src/components/core/PhotoViewer.css +65 -0
- package/src/components/core/PhotoViewer.js +441 -0
- package/src/components/core/Viewer.js +71 -306
- package/src/components/core/index.js +1 -0
- package/src/components/menus/MapLegend.js +1 -21
- package/src/components/ui/Photo.js +13 -3
- package/src/components/ui/widgets/Legend.js +32 -1
- package/src/index.js +1 -0
- package/src/translations/nl.json +105 -5
- package/src/utils/API.js +2 -2
- package/src/utils/InitParameters.js +29 -16
- package/src/utils/URLHandler.js +11 -5
- package/src/utils/map.js +2 -2
- package/tests/components/ui/Photo.test.js +6 -6
- package/tests/utils/InitParameters.test.js +1 -0
- 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*/
|