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

package/build/index.js

@@ -9,7 +9,7 @@
  *   LICENSE file in the root directory of this source tree.
  *
  */
-!function(Qe,rt){"object"===typeof exports&&"object"===typeof module?module.exports=rt():"function"===typeof define&&define.amd?define("Panoramax",[],rt):"object"===typeof exports?exports.Panoramax=rt():Qe.Panoramax=rt()}(this,(()=>(()=>{var Qe={9039:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>Basic});var El=Co(4542),Tl=Co(5254),kl=Co(4964),Ll=Co(8340),Dl=Co(5995),Rl=Co(7343),Ul=Co(8330);Co(1865),Co(3638);class Basic extends El.WF{constructor(){let Qe=arguments.length>0&&void 0!==arguments[0]&&arguments[0];super(),this.users=["geovisio"],this.mapstyle=this.getAttribute("mapstyle")||Ll.DEFAULT_TILES,this.lang=this.getAttribute("lang")||null,this.endpoint=this.getAttribute("endpoint")||null,this.picture=null,this.sequence=null,console.info(`\ud83d\udcf7 Panoramax ${this.getClassName()} - Version ${Ul.rE} (7a7f14f)\n\n\ud83c\udd98 Issues can be reported at ${Ul.Jk.O}`),this._t=(0,kl.getTranslations)(this.lang),Qe||(this.loader=(0,Dl.createWebComp)("pnx-loader",{_parent:this,"no-label":(0,Rl.isInIframe)()}),this._isInternetFast=null,(0,Rl.isInternetFast)().then((Qe=>this._isInternetFast=Qe)))}connectedCallback(){super.connectedCallback(),this.endpoint&&this._setupAPI()}_setupAPI(){if(this.loader=this.loader||(0,Dl.createWebComp)("pnx-loader",{_parent:this}),this.endpoint){try{this.mapstyle=JSON.parse(this.mapstyle)}catch(rt){}try{this.api=new Tl.A(this.endpoint,{users:this.users,fetch:this.fetchOptions,style:this.mapstyle}),this.api.onceReady().then((()=>{let Qe=this.api.getUnavailableFeatures(),rt=this.api.getAvailableFeatures();rt=0===Qe.length?"\u2705 All features available":"\u2705 Available features: "+rt.join(", "),Qe=0===Qe.length?"":"\ud83d\udeab Unavailable features: "+Qe.join(", "),console.info(`\ud83c\udf10 Connected to API "${this.api._metadata.name}" (${this.api._endpoint})\n\u2139\ufe0f API runs STAC ${this.api._metadata.stac_version} ${this.api._metadata.geovisio_version?"& GeoVisio "+this.api._metadata.geovisio_version:""}\n   ${rt}\n   ${Qe}\n`.trim())})).catch((Qe=>this.loader.dismiss(Qe,this._t.pnx.error_api)))}catch(rt){var Qe;null!==(Qe=this.loader)&&void 0!==Qe&&Qe.dismiss?this.loader.dismiss(rt,this._t.pnx.error_api):console.error(rt)}}else console.warn("No endpoint is defined")}onceReady(){throw new Error("You must override this method on sub-class")}onceAPIReady(){return this.api?this.api.onceReady():new Promise((Qe=>setTimeout(Qe,100))).then(this.onceAPIReady.bind(this))}createRenderRoot(){return this}attributeChangedCallback(Qe,rt,Co){if(super.attributeChangedCallback(Qe,rt,Co),"endpoint"===Qe&&(this.api&&this.api._endpoint===Co||this._setupAPI()),["picture","sequence"].includes(Qe)){let El,Tl,kl,Ll;"picture"===Qe?(El=this.sequence,kl=this.sequence,Tl=Co,Ll=rt):(El=Co,kl=rt,Tl=this.picture,Ll=this.picture),this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{seqId:El,picId:Tl,prevSeqId:kl,prevPicId:Ll}}))}}getClassName(){return"Basic"}select(){let Qe=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,rt=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;arguments.length>2&&void 0!==arguments[2]&&arguments[2]&&(this.picture=null,this.sequence=null),this.picture=rt,this.sequence=Qe}isWidthSmall(){return(null===this||void 0===this?void 0:this.offsetWidth)<576}isHeightSmall(){return(null===this||void 0===this?void 0:this.offsetHeight)<400}render(){return El.qy`<p>Should not be used directly, use Viewer/CoverageMap/Editor instead</p>`}}Basic.properties={picture:{type:String,reflect:!0},sequence:{type:String,reflect:!0},fetchOptions:{type:Object,attribute:!1},users:{type:Array,reflect:!0},mapstyle:{type:String},lang:{type:String},endpoint:{type:String}}},153:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>CoverageMap});var El=Co(9039),Tl=Co(5642),kl=Co(8340),Ll=Co(927),Dl=(Co(7776),Co(2118));class CoverageMap extends El.A{constructor(){super(),this._mapContainer=document.createElement("div"),this.onceAPIReady().then((()=>{this.loader.setAttribute("value",30),this._initParams=new Dl.Ay(Dl.Ay.GetComponentProperties(CoverageMap,this)),this._initMap()})),this.addEventListener("select",this._onSelect.bind(this))}getClassName(){return"CoverageMap"}onceReady(){return this.map&&this.map.waitForEnoughMapLoaded?this.map.waitForEnoughMapLoaded():new Promise((Qe=>setTimeout(Qe,100))).then(this.onceReady.bind(this))}render(){return[this.loader,this._mapContainer]}_initMap(){class MyMap extends Tl.A{_getLayerStyleProperties(Qe){return"pictures_symbols"===Qe?{layout:{visibility:"none"}}:super._getLayerStyleProperties(Qe)}}this.map=new MyMap(this,this._mapContainer,Object.assign({},this._initParams.getMapInit(),{hash:!0})),this.map.addControl(new Ll.NavigationControl({showCompass:!1})),this.loader.setAttribute("value",70),this.map.waitForEnoughMapLoaded().then((()=>{(0,Dl.mK)(this.map,this._initParams.getMapPostInit()),this.map.reloadLayersStyles(),this.loader.dismiss()})),this.map.on("picture-click",(Qe=>this.select(Qe.seqId,Qe.picId))),this.map.on("sequence-click",(Qe=>this.select(Qe.seqId)))}_onSelect(Qe){if(Qe.detail.picId||Qe.detail.seqId){const rt=Qe.detail.picId?"pictures":"sequences",Co=this.map.queryRenderedFeatures({layers:[...this.map._userLayers].map((Qe=>(0,kl.getUserLayerId)(Qe,rt))),filter:["==",["get","id"],Qe.detail.picId||Qe.detail.seqId]});Co.length>=0&&null!=Co[0]&&this.map._attachPreviewToPictures({features:Co},rt)}}}CoverageMap.properties={map:{type:Object},...El.A.properties},customElements.define("pnx-coverage-map",CoverageMap)},1752:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>Editor});Co(7365);var El=Co(9039),Tl=Co(5642),kl=Co(9048),Ll=(Co(7534),Co(6810),Co(508)),Dl=Co(8340),Rl=Co(1545),Ul=(Co(4542),Co(5995));const Gl="sequence-headings";class Editor extends El.A{constructor(){super(),this.raster=null,this.background="streets",this.users=[],this._psvContainer=document.createElement("div"),this._mapContainer=document.createElement("div"),this.onceAPIReady().then((()=>{this.loader.setAttribute("value",30),this.sequence||this.loader.dismiss({},"No sequence is selected"),this.addEventListener("select",this._onSelect.bind(this)),this._initPSV(),this._initMap()}))}getClassName(){return"Editor"}onceReady(){var Qe,rt;return this.map&&this.psv&&null!==(Qe=(rt=this.map).loaded)&&void 0!==Qe&&Qe.call(rt)?Promise.resolve():new Promise((Qe=>setTimeout(Qe,100))).then(this.onceReady.bind(this))}render(){return[this.loader,this._psvContainer,this._mapContainer]}_initPSV(){try{this.psv=new kl.Ay(this,this._psvContainer),this.psv._myVTour.datasource.nodeResolver=this._getNode.bind(this)}catch(Qe){let rt=Rl.IJ.isWebGLSupported?this._t.pnx.error_psv:this._t.pnx.error_webgl;this.loader.dismiss(Qe,rt)}}_initMap(){try{this.map=new Tl.A(this,this._mapContainer,{raster:this.raster,background:this.background,supplementaryStyle:this._createMapStyle(),zoom:15}),(0,Dl.linkMapAndPhoto)(this),this.loader.setAttribute("value",50),this._loadSequence(),this.map.once("load",(()=>{this.map.hasTwoBackgrounds()&&this._addMapBackgroundWidget(),this._bindPicturesEvents()}));const Qe=this.map._picMarker.setRotation.bind(this.map._picMarker);this.map._picMarker.setRotation=rt=>(rt=void 0===this._lastRelHeading?rt:rt+this._lastRelHeading-this.psv.getPictureRelativeHeading(),Qe(rt))}catch(Qe){this.loader.dismiss(Qe,this._t.pnx.error_psv)}}_createMapStyle(){return{sources:{geovisio_editor_sequences:{type:"geojson",data:{type:"FeatureCollection",features:[]}}},layers:[{id:"geovisio_editor_sequences",type:"line",source:"geovisio_editor_sequences",layout:{...Dl.VECTOR_STYLES.SEQUENCES.layout},paint:{...Dl.VECTOR_STYLES.SEQUENCES.paint}},{id:"geovisio_editor_pictures",type:"circle",source:"geovisio_editor_sequences",layout:{...Dl.VECTOR_STYLES.PICTURES.layout},paint:{...Dl.VECTOR_STYLES.PICTURES.paint}}]}}_bindPicturesEvents(){this.map.on("mousemove","geovisio_editor_pictures",(()=>{this.map.getCanvas().style.cursor="pointer"})),this.map.on("mouseleave","geovisio_editor_pictures",(()=>{this.map.getCanvas().style.cursor=""})),this.map.on("click","geovisio_editor_pictures",this.map._onPictureClick.bind(this.map))}_loadSequence(){return this.loader.setAttribute("value",60),this.api.getSequenceItems(this.sequence).then((Qe=>{if(this.loader.setAttribute("value",80),this.map.once("sourcedata",(()=>{this.map.setPaintProperty("geovisio_editor_sequences","line-color",this.map._getLayerColorStyle("sequences")),this.map.setPaintProperty("geovisio_editor_pictures","circle-color",this.map._getLayerColorStyle("pictures")),this.map.setLayoutProperty("geovisio_editor_sequences","visibility","visible"),this.map.setLayoutProperty("geovisio_editor_pictures","visibility","visible"),this.map.once("styledata",(()=>this.loader.dismiss()))})),this._sequenceData=Qe.features,this.map.getSource("geovisio_editor_sequences").setData({type:"FeatureCollection",features:[{type:"Feature",properties:{id:this.sequence},geometry:{type:"LineString",coordinates:Qe.features.map((Qe=>Qe.geometry.coordinates))}},...Qe.features.map((Qe=>(Qe.properties.id=Qe.id,Qe.properties.sequences=[this.sequence],Qe)))]}),this.picture){const rt=Qe.features.find((Qe=>Qe.id===this.picture));rt?(this.select(this.sequence,this.picture,!0),this.map.jumpTo({center:rt.geometry.coordinates,zoom:18})):console.log("Picture with ID",rt,"was not found")}else{const rt=[...Qe.features[0].geometry.coordinates,...Qe.features[0].geometry.coordinates];for(let Co=1;Co<Qe.features.length;Co++){const El=Qe.features[Co].geometry.coordinates;El[0]<rt[0]&&(rt[0]=El[0]),El[1]<rt[1]&&(rt[1]=El[1]),El[0]>rt[2]&&(rt[2]=El[0]),El[1]>rt[3]&&(rt[3]=El[1])}this.map.fitBounds(rt,{animate:!1})}})).catch((Qe=>this.loader.dismiss(Qe,this._t.pnx.error_api)))}_getNode(Qe){const rt=this._sequenceData.find((rt=>rt.properties.id===Qe)),Co=rt?(0,Ll.apiFeatureToPSVNode)(rt,this._t,this._isInternetFast):null;return Co&&delete Co.links,Co}_addMapBackgroundWidget(){const Qe=(0,Ul.createWebComp)("pnx-map-background",{_parent:this,size:"sm"});this._mapContainer.appendChild(Qe)}previewSequenceHeadingChange(Qe){const rt=void 0!==this.map.getLayer(Gl);if(this.map._picMarkerPreview.remove(),void 0===Qe)return delete this._lastRelHeading,rt&&this.map.setLayoutProperty(Gl,"visibility","none"),void(this.picture&&this.map._picMarker.setRotation(this.psv.getXY().x));this._lastRelHeading=Qe,rt||this.map.addLayer({id:Gl,type:"symbol",source:"geovisio_editor_sequences",layout:{"icon-image":"pnx-marker","icon-overlap":"always","icon-size":.8}});const Co=-this.psv.getPictureRelativeHeading();this.map.setLayoutProperty(Gl,"visibility","visible"),this.map.setLayoutProperty(Gl,"icon-rotate",["+",["get","view:azimuth"],Co,Qe]);const El=[["==",["geometry-type"],"Point"]];this.picture&&El.push(["!=",["get","id"],this.picture]),this.map.setFilter(Gl,["all",...El]),this.picture&&this.map._picMarker.setRotation(this.psv.getXY().x)}_onSelect(){void 0!==this._lastRelHeading&&this.previewSequenceHeadingChange(this._lastRelHeading)}}Editor.properties={raster:{type:Object},background:{type:String},...El.A.properties},customElements.define("pnx-editor",Editor)},3407:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>PhotoViewer});Co(970);var El=Co(1545),Tl=Co(4451),kl=Co(9039),Ll=Co(9048),Dl=Co(5995),Rl=Co(2118);const Ul=Math.PI/6;class PhotoViewer extends kl.A{constructor(){super(),this.psv={},this["url-parameters"]=this.getAttribute("url-parameters")||!0,this.widgets=this.getAttribute("widgets")||"true",this.grid=(0,Dl.createWebComp)("pnx-cornered-grid"),this.psvContainer=document.createElement("div"),this.psvContainer.setAttribute("slot","bg"),this.grid.appendChild(this.psvContainer),this.popup=(0,Dl.createWebComp)("pnx-popup",{_parent:this,onclose:this._onPopupClose.bind(this)}),this["url-parameters"]&&"false"!==this["url-parameters"]&&(this.urlHandler=new Tl.A(this),this.onceReady().then((()=>{this.urlHandler.listenToChanges(),this.urlHandler._onParentChange()})))}_createInitParamsHandler(){var Qe,rt;this._initParams=new Rl.Ay(Rl.Ay.GetComponentProperties(PhotoViewer,this),Object.assign({},null===(Qe=this.urlHandler)||void 0===Qe?void 0:Qe.currentURLParams(),null===(rt=this.urlHandler)||void 0===rt?void 0:rt.currentURLParams(!0)),{})}_initWidgets(){"false"!==this._initParams.getParentInit().widgets&&(this.isWidthSmall()||this.grid.appendChild((0,Dl.createWebComp)("pnx-widget-zoom",{slot:"bottom-right",class:"pnx-print-hidden",_parent:this})),this.grid.appendChild((0,Dl.createWebComp)("pnx-widget-share",{slot:"bottom-right",class:"pnx-print-hidden",_parent:this})),this.legend=(0,Dl.createWebComp)("pnx-widget-legend",{slot:this.isWidthSmall()?"top":"top-left",_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild(this.legend),this.grid.appendChild((0,Dl.createWebComp)("pnx-widget-player",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden"})))}connectedCallback(){super.connectedCallback(),this._moveChildToGrid(),this.onceAPIReady().then((async()=>{this.loader.setAttribute("value",30),this._createInitParamsHandler();const Qe=this._initParams.getParentPostInit();this._initPSV(),this._initWidgets(),(0,Rl.ai)(this,Qe),this._handleKeyboardManagement(),Qe.picture?this.psv.addEventListener("picture-loaded",(()=>this.loader.dismiss()),{once:!0}):this.loader.dismiss()}))}getClassName(){return"PhotoViewer"}onceReady(){return this.oncePSVReady().then((()=>this._initParams.getParentPostInit().picture&&!this.psv.getPictureMetadata()?this.onceFirstPicLoaded():Promise.resolve()))}render(){return[this.loader,this.grid,this.popup,this.slot]}oncePSVReady(){let Qe;return new Promise((rt=>{Qe=setInterval((()=>{"object"===typeof this.psv&&(this.psv.container?(clearInterval(Qe),rt()):this.psv.addEventListener&&this.psv.addEventListener("ready",(()=>{clearInterval(Qe),rt()}),{once:!0}))}),250)}))}onceFirstPicLoaded(){return this.oncePSVReady().then((()=>this.psv.getPictureMetadata()?Promise.resolve():new Promise((Qe=>{this.psv.addEventListener("picture-loaded",Qe,{once:!0})}))))}_initPSV(){try{this.psv=new Ll.Ay(this,this.psvContainer,{shouldGoFast:this._psvShouldGoFast.bind(this),keyboard:"always",keyboardActions:{...El.zY.keyboardActions,8:"ROTATE_UP",2:"ROTATE_DOWN",4:"ROTATE_LEFT",6:"ROTATE_RIGHT",PageUp:()=>this.psv.goToNextPicture(),9:()=>this.psv.goToNextPicture(),PageDown:()=>this.psv.goToPrevPicture(),3:()=>this.psv.goToPrevPicture(),5:()=>this.moveCenter(),"*":()=>this.moveCenter(),Home:()=>this._toggleFocus(),7:()=>this._toggleFocus(),End:()=>this.mini.toggleAttribute("collapsed"),1:()=>this.mini.toggleAttribute("collapsed")," ":()=>this.psv.toggleSequencePlaying(),0:()=>this.psv.toggleSequencePlaying()},...this._initParams.getPSVInit()}),this.oncePSVReady().then((()=>{this.loader.setAttribute("value",50),(0,Rl.Vy)(this.psv,this._initParams.getPSVPostInit())}))}catch(Qe){let rt=El.IJ.isWebGLSupported?this._t.pnx.error_psv:this._t.pnx.error_webgl;this.loader.dismiss(Qe,rt)}}_handleKeyboardManagement(){const keytonone=()=>this.psv.stopKeyboardControl(),keytopsv=()=>this.psv.startKeyboardControl();this.popup.addEventListener("open",(()=>keytonone())),this.popup.addEventListener("close",(()=>keytopsv()));for(let Qe of this.grid.childNodes)"bg"!==Qe.getAttribute("slot")&&(Qe.addEventListener("focusin",(()=>keytonone())),Qe.addEventListener("focusout",(()=>keytopsv())))}_psvShouldGoFast(){return this.psv._sequencePlaying&&this.psv.getTransitionDuration()<1e3}_moveChildToGrid(){for(let Co=0;Co<this.childNodes.length;Co++){var Qe;let El=this.childNodes[Co];var rt;if(null!==(Qe=El.getAttribute)&&void 0!==Qe&&Qe.call(El,"slot"))null!==(rt=El.tagName)&&void 0!==rt&&rt.toLowerCase().startsWith("pnx-")&&(El._parent=this,El._t=this._t),this.grid.appendChild(El)}}setPopup(Qe){let rt=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;Qe?this.popup.setAttribute("visible",""):this.popup.removeAttribute("visible"),this.popup.innerHTML="","string"===typeof rt?this.popup.innerHTML=rt:Array.isArray(rt)&&rt.forEach((Qe=>this.popup.appendChild(Qe)))}_onPopupClose(){this.dispatchEvent(new CustomEvent("focus-changed",{detail:{focus:this.map&&this.isMapWide()?"map":"pic"}}))}_showQualityScoreDoc(){this.setPopup(!0,[(0,Dl.createWebComp)("pnx-quality-score-doc",{_t:this._t})])}_showReportForm(){if(!this.psv.getPictureMetadata())throw new Error("No picture currently selected");this.setPopup(!0,[(0,Dl.createWebComp)("pnx-report-form",{_parent:this})]),this.dispatchEvent(new CustomEvent("focus-changed",{detail:{focus:"meta"}}))}_showPictureMetadata(){if(!this.psv.getPictureMetadata())throw new Error("No picture currently selected");this.setPopup(!0,[(0,Dl.createWebComp)("pnx-picture-metadata",{_parent:this})]),this.dispatchEvent(new CustomEvent("focus-changed",{detail:{focus:"meta"}}))}moveCenter(){this.psv.getPictureMetadata()&&this._psvAnimate({speed:Ll.LM,yaw:0,pitch:0,zoom:Ll.cS})}moveLeft(){this._moveToDirection("left")}moveRight(){this._moveToDirection("right")}moveUp(){this._moveToDirection("up")}moveDown(){this._moveToDirection("down")}_moveToDirection(Qe){let rt=this.psv.getPosition();switch(Qe){case"up":rt.pitch+=Ul;break;case"left":rt.yaw-=Ul;break;case"down":rt.pitch-=Ul;break;case"right":rt.yaw+=Ul}this._psvAnimate({speed:Ll.LM,...rt})}_psvAnimate(Qe){this._lastPsvAnim&&this._lastPsvAnim.cancel(),this._lastPsvAnim=this.psv.animate(Qe)}}PhotoViewer.properties={psv:{type:Object},widgets:{type:String},"url-parameters":{type:String},...kl.A.properties},customElements.define("pnx-photo-viewer",PhotoViewer)},8743:(Qe,rt,Co)=>{"use strict";Co.d(rt,{$:()=>ql,A:()=>Viewer});Co(9616);var El=Co(8340),Tl=Co(3407),kl=Co(9039),Ll=Co(2771),Dl=Co(7343),Rl=Co(5995),Ul=Co(9683),Gl=Co(2e3),Zl=Co(9438),Wl=Co(2118);const ql=20,Ql=(Math.PI,100);class Viewer extends Tl.A{constructor(){super(),this.map=!0,this.geocoder=this.getAttribute("geocoder")||"nominatim",this.mini=(0,Rl.createWebComp)("pnx-mini",{slot:"bottom-left",_parent:this,onexpand:this._onMiniExpand.bind(this),collapsed:!!(0,Dl.isNullId)(this.picture)||void 0}),this.mini.addEventListener("expand",this._toggleFocus.bind(this)),this.grid.appendChild(this.mini),this.mapContainer=document.createElement("div")}_createInitParamsHandler(){var Qe,rt;this._initParams=new Wl.Ay(Wl.Ay.GetComponentProperties(Viewer,this),Object.assign({},null===(Qe=this.urlHandler)||void 0===Qe?void 0:Qe.currentURLParams(),null===(rt=this.urlHandler)||void 0===rt?void 0:rt.currentURLParams(!0)),{map:(0,El.getMapParamsFromLocalStorage)()})}_initWidgets(){var Qe,rt;"false"!==this._initParams.getParentInit().widgets&&(this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-zoom",{slot:this.isWidthSmall()?"top-left":"bottom-right",class:this.isWidthSmall()?"pnx-only-map pnx-print-hidden":"pnx-print-hidden",_parent:this})),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-share",{slot:"bottom-right",class:"pnx-print-hidden",_parent:this})),this.legend=(0,Rl.createWebComp)("pnx-widget-legend",{slot:this.isWidthSmall()?"top":"top-left",_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild(this.legend),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-player",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden"})),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-geosearch",{slot:this.isWidthSmall()?"top-right":"top-left",_parent:this,class:"pnx-only-map pnx-print-hidden",geocoder:this._initParams.getParentPostInit().geocoder})),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-mapfilters",{slot:this.isWidthSmall()?"top-right":"top-left",_parent:this,"user-search":null!==this.api._endpoints.user_search&&null!==this.api._endpoints.user_tiles,"quality-score":(null===(Qe=this.map)||void 0===Qe||null===(rt=Qe._hasQualityScore)||void 0===rt?void 0:rt.call(Qe))||!1,class:"pnx-only-map pnx-print-hidden"})),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-maplayers",{slot:"top-right",_parent:this,class:"pnx-only-map pnx-print-hidden"})))}connectedCallback(){kl.A.prototype.connectedCallback.call(this),this._moveChildToGrid(),this.onceAPIReady().then((async()=>{this.loader.setAttribute("value",30),this._createInitParamsHandler();const Qe=this._initParams.getParentPostInit();this._initPSV(),await this._initMap(),this._initWidgets(),(0,Wl.iz)(this,Qe),this._handleKeyboardManagement(),Qe.picture?this.psv.addEventListener("picture-loaded",(()=>this.loader.dismiss()),{once:!0}):this.loader.dismiss()}))}getClassName(){return"Viewer"}onceReady(){return Promise.all([this.oncePSVReady(),this.onceMapReady()]).then((()=>this._initParams.getParentPostInit().picture&&!this.psv.getPictureMetadata()?this.onceFirstPicLoaded():Promise.resolve()))}attributeChangedCallback(Qe,rt,Co){var El,Tl;(super.attributeChangedCallback(Qe,rt,Co),"picture"===Qe)&&(null===(El=this.legend)||void 0===El||null===(Tl=El.setAttribute)||void 0===Tl||Tl.call(El,"picture",Co),(0,Dl.isNullId)(rt)&&!(0,Dl.isNullId)(Co)&&this.mini.removeAttribute("collapsed"),(0,Dl.isNullId)(Co)&&this.map&&this.isMapWide()&&this.mini.classList.add("pnx-hidden"));"focus"===Qe&&this._setFocus(Co)}onceMapReady(){if(!this.map)return Promise.resolve();let Qe;return new Promise((rt=>{Qe=setInterval((()=>{var Co,El;"object"===typeof this.map&&(null!==(Co=(El=this.map).loaded)&&void 0!==Co&&Co.call(El)?(clearInterval(Qe),rt()):this.map.once&&this.map.once("render",(()=>{clearInterval(Qe),rt()})))}),250)}))}async _initMap(){await new Promise((Qe=>{this.map=new Ll.A(this,this.mapContainer,this._initParams.getMapInit()),(0,El.saveMapParamsToLocalStorage)(this.map),this.map.once("users-changed",(()=>{this.loader.setAttribute("value",75),Qe()}))})),(0,Wl.mK)(this.map,this._initParams.getMapPostInit()),(0,El.initMapKeyboardHandler)(this),(0,El.linkMapAndPhoto)(this)}_handleKeyboardManagement(){const keytomap=()=>{this.psv.stopKeyboardControl(),this.map.keyboard.enable()},keytopsv=()=>{var Qe,rt;this.psv.startKeyboardControl(),null===(Qe=this.map)||void 0===Qe||null===(rt=Qe.keyboard)||void 0===rt||rt.disable()},keytonone=()=>{var Qe,rt;this.psv.stopKeyboardControl(),null===(Qe=this.map)||void 0===Qe||null===(rt=Qe.keyboard)||void 0===rt||rt.disable()},keytofocused=()=>{this.map&&this.isMapWide()?keytomap():keytopsv()};this.addEventListener("focus-changed",(Qe=>{"map"===Qe.detail.focus?keytomap():keytopsv()})),this.popup.addEventListener("open",(()=>keytonone())),this.popup.addEventListener("close",(()=>keytofocused()));for(let Qe of this.grid.childNodes)"bg"!==Qe.getAttribute("slot")&&(Qe.addEventListener("focusin",(()=>keytonone())),Qe.addEventListener("focusout",(()=>keytofocused())))}moveCenter(){const Qe=this.psv.getPictureMetadata();Qe&&(this.map&&this.isMapWide()?this.map.flyTo({center:Qe.gps,zoom:20}):super.moveCenter())}_moveToDirection(Qe){if(this.map&&this.isMapWide()){let rt;switch(Qe){case"up":rt=[0,-100];break;case"left":rt=[-100,0];break;case"down":rt=[0,Ql];break;case"right":rt=[Ql,0]}this.map.panBy(rt)}else super._moveToDirection(Qe)}isMapWide(){return this.mapContainer.parentNode==this.grid}_setFocus(Qe){var rt,Co,El,Tl;let kl=arguments.length>1&&void 0!==arguments[1]&&arguments[1],Ll=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("map"===Qe&&!this.map)throw new Error("Map is not enabled");if(!["map","pic"].includes(Qe))throw new Error("Invalid focus value (should be pic or map)");if(this.focus=Qe,(Ll||("map"!==Qe||!this.map||!this.isMapWide())&&("pic"!==Qe||this.map&&this.isMapWide()))&&("map"===Qe?(this.psvContainer.parentNode==this.grid&&(this.grid.removeChild(this.psvContainer),this.psvContainer.removeAttribute("slot")),this.mapContainer.parentNode==this.mini&&this.mini.removeChild(this.mapContainer),this.mapContainer.setAttribute("slot","bg"),this.grid.appendChild(this.mapContainer),this.mini.appendChild(this.psvContainer),this.mini.icon=(0,Rl.fa)(Ul.pt),(0,Dl.isNullId)(this.picture)?this.mini.classList.add("pnx-hidden"):this.mini.classList.remove("pnx-hidden"),this.map.getCanvas().focus()):(this.mapContainer.parentNode==this.grid&&(this.grid.removeChild(this.mapContainer),this.mapContainer.removeAttribute("slot")),this.psvContainer.parentNode==this.mini&&this.mini.removeChild(this.psvContainer),this.psvContainer.setAttribute("slot","bg"),this.grid.appendChild(this.psvContainer),this.mini.classList.remove("pnx-hidden"),this.mini.appendChild(this.mapContainer),this.mini.icon=(0,Rl.fa)(Gl.e5),this.psvContainer.focus()),null===this||void 0===this||null===(rt=this.map)||void 0===rt||null===(Co=rt.resize)||void 0===Co||Co.call(rt),this.psv.autoSize(),this.psv.forceRefresh(),null===(El=this.legend)||void 0===El||null===(Tl=El.setAttribute)||void 0===Tl||Tl.call(El,"focus",this.focus),!kl)){const rt=new CustomEvent("focus-changed",{detail:{focus:Qe}});this.dispatchEvent(rt)}}_toggleFocus(){this._setFocus(this.isMapWide()?"pic":"map")}_onMiniExpand(){this.map.resize(),this.psv.autoSize()}_onMapFiltersChange(){var Qe;const rt=(0,Zl.qi)("#pnx-map-filters-menu"),Co=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-date-from"),El=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-date-end"),Tl=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-type-flat"),kl=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-type-360"),Ll=(0,Zl.qi)("#pnx-map-theme");let Dl="";null===kl||void 0===kl||!kl.checked||null!==Tl&&void 0!==Tl&&Tl.checked||(Dl="equirectangular"),null!==kl&&void 0!==kl&&kl.checked||null===Tl||void 0===Tl||!Tl.checked||(Dl="flat");let Rl=[];if(null!==(Qe=this.map)&&void 0!==Qe&&Qe._hasQualityScore()){const Qe=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-qualityscore");Rl=((null===Qe||void 0===Qe?void 0:Qe.grade)||"").split(",").map((Qe=>parseInt(Qe))).filter((Qe=>!isNaN(Qe))),5==Rl.length&&(Rl=[])}const Ul={minDate:null===Co||void 0===Co?void 0:Co.value,maxDate:null===El||void 0===El?void 0:El.value,pic_type:Dl,theme:null===Ll||void 0===Ll?void 0:Ll.value,qualityscore:Rl};this.map.setFilters(Ul)}}Viewer.properties={map:{type:Object},focus:{type:String,reflect:!0},geocoder:{type:String},...Tl.A.properties},customElements.define("pnx-viewer",Viewer)},3921:(Qe,rt,Co)=>{"use strict";Co.r(rt),Co.d(rt,{Basic:()=>El.A,CoverageMap:()=>Tl.A,Editor:()=>kl.A,PhotoViewer:()=>Dl.A,Viewer:()=>Ll.A});var El=Co(9039),Tl=Co(153),kl=Co(1752),Ll=Co(8743),Dl=Co(3407)},9341:(Qe,rt,Co)=>{"use strict";Co.r(rt),Co.d(rt,{core:()=>El,layout:()=>Tl,menus:()=>kl,ui:()=>Ll});var El=Co(3921),Tl=Co(456),kl=Co(8794),Ll=Co(9472)},7422:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>CorneredGrid});var El=Co(4542);class CorneredGrid extends El.WF{render(){return El.qy`
+!function(Qe,rt){"object"===typeof exports&&"object"===typeof module?module.exports=rt():"function"===typeof define&&define.amd?define("Panoramax",[],rt):"object"===typeof exports?exports.Panoramax=rt():Qe.Panoramax=rt()}(this,(()=>(()=>{var Qe={9039:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>Basic});var El=Co(4542),Tl=Co(5254),kl=Co(4964),Ll=Co(8340),Dl=Co(5995),Rl=Co(7343),Ul=Co(8330);Co(1865),Co(3638);class Basic extends El.WF{constructor(){let Qe=arguments.length>0&&void 0!==arguments[0]&&arguments[0];super(),this.users=["geovisio"],this.mapstyle=this.getAttribute("mapstyle")||Ll.DEFAULT_TILES,this.lang=this.getAttribute("lang")||null,this.endpoint=this.getAttribute("endpoint")||null,this.picture=null,this.sequence=null,console.info(`\ud83d\udcf7 Panoramax ${this.getClassName()} - Version ${Ul.rE} (dbce84d)\n\n\ud83c\udd98 Issues can be reported at ${Ul.Jk.O}`),this._t=(0,kl.getTranslations)(this.lang),Qe||(this.loader=(0,Dl.createWebComp)("pnx-loader",{_parent:this,"no-label":(0,Rl.isInIframe)()}),this._isInternetFast=null,(0,Rl.isInternetFast)().then((Qe=>this._isInternetFast=Qe)))}connectedCallback(){super.connectedCallback(),this.endpoint&&this._setupAPI()}_setupAPI(){if(this.loader=this.loader||(0,Dl.createWebComp)("pnx-loader",{_parent:this}),this.endpoint){try{this.mapstyle=JSON.parse(this.mapstyle)}catch(rt){}try{this.api=new Tl.A(this.endpoint,{users:this.users,fetch:this.fetchOptions,style:this.mapstyle}),this.api.onceReady().then((()=>{let Qe=this.api.getUnavailableFeatures(),rt=this.api.getAvailableFeatures();rt=0===Qe.length?"\u2705 All features available":"\u2705 Available features: "+rt.join(", "),Qe=0===Qe.length?"":"\ud83d\udeab Unavailable features: "+Qe.join(", "),console.info(`\ud83c\udf10 Connected to API "${this.api._metadata.name}" (${this.api._endpoint})\n\u2139\ufe0f API runs STAC ${this.api._metadata.stac_version} ${this.api._metadata.geovisio_version?"& GeoVisio "+this.api._metadata.geovisio_version:""}\n   ${rt}\n   ${Qe}\n`.trim())})).catch((Qe=>this.loader.dismiss(Qe,this._t.pnx.error_api)))}catch(rt){var Qe;null!==(Qe=this.loader)&&void 0!==Qe&&Qe.dismiss?this.loader.dismiss(rt,this._t.pnx.error_api):console.error(rt)}}else console.warn("No endpoint is defined")}onceReady(){throw new Error("You must override this method on sub-class")}onceAPIReady(){return this.api?this.api.onceReady():new Promise((Qe=>setTimeout(Qe,100))).then(this.onceAPIReady.bind(this))}createRenderRoot(){return this}attributeChangedCallback(Qe,rt,Co){if(super.attributeChangedCallback(Qe,rt,Co),"endpoint"===Qe&&(this.api&&this.api._endpoint===Co||this._setupAPI()),["picture","sequence"].includes(Qe)){let El,Tl,kl,Ll;"picture"===Qe?(El=this.sequence,kl=this.sequence,Tl=Co,Ll=rt):(El=Co,kl=rt,Tl=this.picture,Ll=this.picture),this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{seqId:El,picId:Tl,prevSeqId:kl,prevPicId:Ll}}))}}getClassName(){return"Basic"}select(){let Qe=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,rt=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;arguments.length>2&&void 0!==arguments[2]&&arguments[2]&&(this.picture=null,this.sequence=null),this.picture=rt,this.sequence=Qe}isWidthSmall(){return(null===this||void 0===this?void 0:this.offsetWidth)<576}isHeightSmall(){return(null===this||void 0===this?void 0:this.offsetHeight)<400}render(){return El.qy`<p>Should not be used directly, use Viewer/CoverageMap/Editor instead</p>`}}Basic.properties={picture:{type:String,reflect:!0},sequence:{type:String,reflect:!0},fetchOptions:{type:Object,attribute:!1},users:{type:Array,reflect:!0},mapstyle:{type:String},lang:{type:String},endpoint:{type:String}}},153:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>CoverageMap});var El=Co(9039),Tl=Co(5642),kl=Co(8340),Ll=Co(927),Dl=(Co(7776),Co(2118));class CoverageMap extends El.A{constructor(){super(),this._mapContainer=document.createElement("div"),this.onceAPIReady().then((()=>{this.loader.setAttribute("value",30),this._initParams=new Dl.Ay(Dl.Ay.GetComponentProperties(CoverageMap,this)),this._initMap()})),this.addEventListener("select",this._onSelect.bind(this))}getClassName(){return"CoverageMap"}onceReady(){return this.map&&this.map.waitForEnoughMapLoaded?this.map.waitForEnoughMapLoaded():new Promise((Qe=>setTimeout(Qe,100))).then(this.onceReady.bind(this))}render(){return[this.loader,this._mapContainer]}_initMap(){class MyMap extends Tl.A{_getLayerStyleProperties(Qe){return"pictures_symbols"===Qe?{layout:{visibility:"none"}}:super._getLayerStyleProperties(Qe)}}this.map=new MyMap(this,this._mapContainer,Object.assign({},this._initParams.getMapInit(),{hash:!0})),this.map.addControl(new Ll.NavigationControl({showCompass:!1})),this.loader.setAttribute("value",70),this.map.waitForEnoughMapLoaded().then((()=>{(0,Dl.mK)(this.map,this._initParams.getMapPostInit()),this.map.reloadLayersStyles(),this.loader.dismiss()})),this.map.on("picture-click",(Qe=>this.select(Qe.seqId,Qe.picId))),this.map.on("sequence-click",(Qe=>this.select(Qe.seqId)))}_onSelect(Qe){if(Qe.detail.picId||Qe.detail.seqId){const rt=Qe.detail.picId?"pictures":"sequences",Co=this.map.queryRenderedFeatures({layers:[...this.map._userLayers].map((Qe=>(0,kl.getUserLayerId)(Qe,rt))),filter:["==",["get","id"],Qe.detail.picId||Qe.detail.seqId]});Co.length>=0&&null!=Co[0]&&this.map._attachPreviewToPictures({features:Co},rt)}}}CoverageMap.properties={map:{type:Object},...El.A.properties},customElements.define("pnx-coverage-map",CoverageMap)},1752:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>Editor});Co(7365);var El=Co(9039),Tl=Co(5642),kl=Co(9048),Ll=(Co(7534),Co(6810),Co(508)),Dl=Co(8340),Rl=Co(1545),Ul=(Co(4542),Co(5995));const Gl="sequence-headings";class Editor extends El.A{constructor(){super(),this.raster=null,this.background="streets",this.users=[],this._psvContainer=document.createElement("div"),this._mapContainer=document.createElement("div"),this.onceAPIReady().then((()=>{this.loader.setAttribute("value",30),this.sequence||this.loader.dismiss({},"No sequence is selected"),this.addEventListener("select",this._onSelect.bind(this)),this._initPSV(),this._initMap()}))}getClassName(){return"Editor"}onceReady(){var Qe,rt;return this.map&&this.psv&&null!==(Qe=(rt=this.map).loaded)&&void 0!==Qe&&Qe.call(rt)?Promise.resolve():new Promise((Qe=>setTimeout(Qe,100))).then(this.onceReady.bind(this))}render(){return[this.loader,this._psvContainer,this._mapContainer]}_initPSV(){try{this.psv=new kl.Ay(this,this._psvContainer),this.psv._myVTour.datasource.nodeResolver=this._getNode.bind(this)}catch(Qe){let rt=Rl.IJ.isWebGLSupported?this._t.pnx.error_psv:this._t.pnx.error_webgl;this.loader.dismiss(Qe,rt)}}_initMap(){try{this.map=new Tl.A(this,this._mapContainer,{raster:this.raster,background:this.background,supplementaryStyle:this._createMapStyle(),zoom:15}),(0,Dl.linkMapAndPhoto)(this),this.loader.setAttribute("value",50),this._loadSequence(),this.map.once("load",(()=>{this.map.hasTwoBackgrounds()&&this._addMapBackgroundWidget(),this._bindPicturesEvents()}));const Qe=this.map._picMarker.setRotation.bind(this.map._picMarker);this.map._picMarker.setRotation=rt=>(rt=void 0===this._lastRelHeading?rt:rt+this._lastRelHeading-this.psv.getPictureRelativeHeading(),Qe(rt))}catch(Qe){this.loader.dismiss(Qe,this._t.pnx.error_psv)}}_createMapStyle(){return{sources:{geovisio_editor_sequences:{type:"geojson",data:{type:"FeatureCollection",features:[]}}},layers:[{id:"geovisio_editor_sequences",type:"line",source:"geovisio_editor_sequences",layout:{...Dl.VECTOR_STYLES.SEQUENCES.layout},paint:{...Dl.VECTOR_STYLES.SEQUENCES.paint}},{id:"geovisio_editor_pictures",type:"circle",source:"geovisio_editor_sequences",layout:{...Dl.VECTOR_STYLES.PICTURES.layout},paint:{...Dl.VECTOR_STYLES.PICTURES.paint}}]}}_bindPicturesEvents(){this.map.on("mousemove","geovisio_editor_pictures",(()=>{this.map.getCanvas().style.cursor="pointer"})),this.map.on("mouseleave","geovisio_editor_pictures",(()=>{this.map.getCanvas().style.cursor=""})),this.map.on("click","geovisio_editor_pictures",this.map._onPictureClick.bind(this.map))}_loadSequence(){return this.loader.setAttribute("value",60),this.api.getSequenceItems(this.sequence).then((Qe=>{if(this.loader.setAttribute("value",80),this.map.once("sourcedata",(()=>{this.map.setPaintProperty("geovisio_editor_sequences","line-color",this.map._getLayerColorStyle("sequences")),this.map.setPaintProperty("geovisio_editor_pictures","circle-color",this.map._getLayerColorStyle("pictures")),this.map.setLayoutProperty("geovisio_editor_sequences","visibility","visible"),this.map.setLayoutProperty("geovisio_editor_pictures","visibility","visible"),this.map.once("styledata",(()=>this.loader.dismiss()))})),this._sequenceData=Qe.features,this.map.getSource("geovisio_editor_sequences").setData({type:"FeatureCollection",features:[{type:"Feature",properties:{id:this.sequence},geometry:{type:"LineString",coordinates:Qe.features.map((Qe=>Qe.geometry.coordinates))}},...Qe.features.map((Qe=>(Qe.properties.id=Qe.id,Qe.properties.sequences=[this.sequence],Qe)))]}),this.picture){const rt=Qe.features.find((Qe=>Qe.id===this.picture));rt?(this.select(this.sequence,this.picture,!0),this.map.jumpTo({center:rt.geometry.coordinates,zoom:18})):console.log("Picture with ID",rt,"was not found")}else{const rt=[...Qe.features[0].geometry.coordinates,...Qe.features[0].geometry.coordinates];for(let Co=1;Co<Qe.features.length;Co++){const El=Qe.features[Co].geometry.coordinates;El[0]<rt[0]&&(rt[0]=El[0]),El[1]<rt[1]&&(rt[1]=El[1]),El[0]>rt[2]&&(rt[2]=El[0]),El[1]>rt[3]&&(rt[3]=El[1])}this.map.fitBounds(rt,{animate:!1})}})).catch((Qe=>this.loader.dismiss(Qe,this._t.pnx.error_api)))}_getNode(Qe){const rt=this._sequenceData.find((rt=>rt.properties.id===Qe)),Co=rt?(0,Ll.apiFeatureToPSVNode)(rt,this._t,this._isInternetFast):null;return Co&&delete Co.links,Co}_addMapBackgroundWidget(){const Qe=(0,Ul.createWebComp)("pnx-map-background",{_parent:this,size:"sm"});this._mapContainer.appendChild(Qe)}previewSequenceHeadingChange(Qe){const rt=void 0!==this.map.getLayer(Gl);if(this.map._picMarkerPreview.remove(),void 0===Qe)return delete this._lastRelHeading,rt&&this.map.setLayoutProperty(Gl,"visibility","none"),void(this.picture&&this.map._picMarker.setRotation(this.psv.getXY().x));this._lastRelHeading=Qe,rt||this.map.addLayer({id:Gl,type:"symbol",source:"geovisio_editor_sequences",layout:{"icon-image":"pnx-marker","icon-overlap":"always","icon-size":.8}});const Co=-this.psv.getPictureRelativeHeading();this.map.setLayoutProperty(Gl,"visibility","visible"),this.map.setLayoutProperty(Gl,"icon-rotate",["+",["get","view:azimuth"],Co,Qe]);const El=[["==",["geometry-type"],"Point"]];this.picture&&El.push(["!=",["get","id"],this.picture]),this.map.setFilter(Gl,["all",...El]),this.picture&&this.map._picMarker.setRotation(this.psv.getXY().x)}_onSelect(){void 0!==this._lastRelHeading&&this.previewSequenceHeadingChange(this._lastRelHeading)}}Editor.properties={raster:{type:Object},background:{type:String},...El.A.properties},customElements.define("pnx-editor",Editor)},3407:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>PhotoViewer});Co(970);var El=Co(1545),Tl=Co(4451),kl=Co(9039),Ll=Co(9048),Dl=Co(5995),Rl=Co(2118);const Ul=Math.PI/6;class PhotoViewer extends kl.A{constructor(){super(),this.psv={},this["url-parameters"]=this.getAttribute("url-parameters")||!0,this.widgets=this.getAttribute("widgets")||"true",this.grid=(0,Dl.createWebComp)("pnx-cornered-grid"),this.psvContainer=document.createElement("div"),this.psvContainer.setAttribute("slot","bg"),this.grid.appendChild(this.psvContainer),this.popup=(0,Dl.createWebComp)("pnx-popup",{_parent:this,onclose:this._onPopupClose.bind(this)}),this["url-parameters"]&&"false"!==this["url-parameters"]&&(this.urlHandler=new Tl.A(this),this.onceReady().then((()=>{this.urlHandler.listenToChanges(),this.urlHandler._onParentChange()})))}_createInitParamsHandler(){var Qe,rt;this._initParams=new Rl.Ay(Rl.Ay.GetComponentProperties(PhotoViewer,this),Object.assign({},null===(Qe=this.urlHandler)||void 0===Qe?void 0:Qe.currentURLParams(),null===(rt=this.urlHandler)||void 0===rt?void 0:rt.currentURLParams(!0)),{})}_initWidgets(){"false"!==this._initParams.getParentInit().widgets&&(this.isWidthSmall()||this.grid.appendChild((0,Dl.createWebComp)("pnx-widget-zoom",{slot:"bottom-right",class:"pnx-print-hidden",_parent:this})),this.grid.appendChild((0,Dl.createWebComp)("pnx-widget-share",{slot:"bottom-right",class:"pnx-print-hidden",_parent:this})),this.legend=(0,Dl.createWebComp)("pnx-widget-legend",{slot:this.isWidthSmall()?"top":"top-left",_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild(this.legend),this.grid.appendChild((0,Dl.createWebComp)("pnx-widget-player",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden"})))}connectedCallback(){super.connectedCallback(),this._moveChildToGrid(),this.onceAPIReady().then((async()=>{this.loader.setAttribute("value",30),this._createInitParamsHandler();const Qe=this._initParams.getParentPostInit();this._initPSV(),this._initWidgets(),(0,Rl.ai)(this,Qe),this._handleKeyboardManagement(),Qe.picture?this.psv.addEventListener("picture-loaded",(()=>this.loader.dismiss()),{once:!0}):this.loader.dismiss()}))}getClassName(){return"PhotoViewer"}onceReady(){return this.oncePSVReady().then((()=>this._initParams.getParentPostInit().picture&&!this.psv.getPictureMetadata()?this.onceFirstPicLoaded():Promise.resolve()))}render(){return[this.loader,this.grid,this.popup,this.slot]}oncePSVReady(){let Qe;return new Promise((rt=>{Qe=setInterval((()=>{"object"===typeof this.psv&&(this.psv.container?(clearInterval(Qe),rt()):this.psv.addEventListener&&this.psv.addEventListener("ready",(()=>{clearInterval(Qe),rt()}),{once:!0}))}),250)}))}onceFirstPicLoaded(){return this.oncePSVReady().then((()=>this.psv.getPictureMetadata()?Promise.resolve():new Promise((Qe=>{this.psv.addEventListener("picture-loaded",Qe,{once:!0})}))))}_initPSV(){try{this.psv=new Ll.Ay(this,this.psvContainer,{shouldGoFast:this._psvShouldGoFast.bind(this),keyboard:"always",keyboardActions:{...El.zY.keyboardActions,8:"ROTATE_UP",2:"ROTATE_DOWN",4:"ROTATE_LEFT",6:"ROTATE_RIGHT",PageUp:()=>this.psv.goToNextPicture(),9:()=>this.psv.goToNextPicture(),PageDown:()=>this.psv.goToPrevPicture(),3:()=>this.psv.goToPrevPicture(),5:()=>this.moveCenter(),"*":()=>this.moveCenter(),Home:()=>this._toggleFocus(),7:()=>this._toggleFocus(),End:()=>this.mini.toggleAttribute("collapsed"),1:()=>this.mini.toggleAttribute("collapsed")," ":()=>this.psv.toggleSequencePlaying(),0:()=>this.psv.toggleSequencePlaying()},...this._initParams.getPSVInit()}),this.oncePSVReady().then((()=>{this.loader.setAttribute("value",50),(0,Rl.Vy)(this.psv,this._initParams.getPSVPostInit())}))}catch(Qe){let rt=El.IJ.isWebGLSupported?this._t.pnx.error_psv:this._t.pnx.error_webgl;this.loader.dismiss(Qe,rt)}}_handleKeyboardManagement(){const keytonone=()=>this.psv.stopKeyboardControl(),keytopsv=()=>this.psv.startKeyboardControl();this.popup.addEventListener("open",(()=>keytonone())),this.popup.addEventListener("close",(()=>keytopsv()));for(let Qe of this.grid.childNodes)"bg"!==Qe.getAttribute("slot")&&(Qe.addEventListener("focusin",(()=>keytonone())),Qe.addEventListener("focusout",(()=>keytopsv())))}_psvShouldGoFast(){return this.psv._sequencePlaying&&this.psv.getTransitionDuration()<1e3}_moveChildToGrid(){for(let Co=0;Co<this.childNodes.length;Co++){var Qe;let El=this.childNodes[Co];var rt;if(null!==(Qe=El.getAttribute)&&void 0!==Qe&&Qe.call(El,"slot"))null!==(rt=El.tagName)&&void 0!==rt&&rt.toLowerCase().startsWith("pnx-")&&(El._parent=this,El._t=this._t),this.grid.appendChild(El)}}setPopup(Qe){let rt=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;Qe?this.popup.setAttribute("visible",""):this.popup.removeAttribute("visible"),this.popup.innerHTML="","string"===typeof rt?this.popup.innerHTML=rt:Array.isArray(rt)&&rt.forEach((Qe=>this.popup.appendChild(Qe)))}_onPopupClose(){this.dispatchEvent(new CustomEvent("focus-changed",{detail:{focus:this.map&&this.isMapWide()?"map":"pic"}}))}_showQualityScoreDoc(){this.setPopup(!0,[(0,Dl.createWebComp)("pnx-quality-score-doc",{_t:this._t})])}_showReportForm(){if(!this.psv.getPictureMetadata())throw new Error("No picture currently selected");this.setPopup(!0,[(0,Dl.createWebComp)("pnx-report-form",{_parent:this})]),this.dispatchEvent(new CustomEvent("focus-changed",{detail:{focus:"meta"}}))}_showPictureMetadata(){if(!this.psv.getPictureMetadata())throw new Error("No picture currently selected");this.setPopup(!0,[(0,Dl.createWebComp)("pnx-picture-metadata",{_parent:this})]),this.dispatchEvent(new CustomEvent("focus-changed",{detail:{focus:"meta"}}))}moveCenter(){this.psv.getPictureMetadata()&&this._psvAnimate({speed:Ll.LM,yaw:0,pitch:0,zoom:Ll.cS})}moveLeft(){this._moveToDirection("left")}moveRight(){this._moveToDirection("right")}moveUp(){this._moveToDirection("up")}moveDown(){this._moveToDirection("down")}_moveToDirection(Qe){let rt=this.psv.getPosition();switch(Qe){case"up":rt.pitch+=Ul;break;case"left":rt.yaw-=Ul;break;case"down":rt.pitch-=Ul;break;case"right":rt.yaw+=Ul}this._psvAnimate({speed:Ll.LM,...rt})}_psvAnimate(Qe){this._lastPsvAnim&&this._lastPsvAnim.cancel(),this._lastPsvAnim=this.psv.animate(Qe)}}PhotoViewer.properties={psv:{type:Object},widgets:{type:String},"url-parameters":{type:String},...kl.A.properties},customElements.define("pnx-photo-viewer",PhotoViewer)},8743:(Qe,rt,Co)=>{"use strict";Co.d(rt,{$:()=>ql,A:()=>Viewer});Co(9616);var El=Co(8340),Tl=Co(3407),kl=Co(9039),Ll=Co(2771),Dl=Co(7343),Rl=Co(5995),Ul=Co(9683),Gl=Co(2e3),Zl=Co(9438),Wl=Co(2118);const ql=20,Ql=(Math.PI,100);class Viewer extends Tl.A{constructor(){super(),this.map=!0,this.geocoder=this.getAttribute("geocoder")||"nominatim",this.mini=(0,Rl.createWebComp)("pnx-mini",{slot:"bottom-left",_parent:this,onexpand:this._onMiniExpand.bind(this),collapsed:!!(0,Dl.isNullId)(this.picture)||void 0}),this.mini.addEventListener("expand",this._toggleFocus.bind(this)),this.grid.appendChild(this.mini),this.mapContainer=document.createElement("div")}_createInitParamsHandler(){var Qe,rt;this._initParams=new Wl.Ay(Wl.Ay.GetComponentProperties(Viewer,this),Object.assign({},null===(Qe=this.urlHandler)||void 0===Qe?void 0:Qe.currentURLParams(),null===(rt=this.urlHandler)||void 0===rt?void 0:rt.currentURLParams(!0)),{map:(0,El.getMapParamsFromLocalStorage)()})}_initWidgets(){var Qe,rt;"false"!==this._initParams.getParentInit().widgets&&(this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-zoom",{slot:this.isWidthSmall()?"top-left":"bottom-right",class:this.isWidthSmall()?"pnx-only-map pnx-print-hidden":"pnx-print-hidden",_parent:this})),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-share",{slot:"bottom-right",class:"pnx-print-hidden",_parent:this})),this.legend=(0,Rl.createWebComp)("pnx-widget-legend",{slot:this.isWidthSmall()?"top":"top-left",_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild(this.legend),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-player",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden"})),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-geosearch",{slot:this.isWidthSmall()?"top-right":"top-left",_parent:this,class:"pnx-only-map pnx-print-hidden",geocoder:this._initParams.getParentPostInit().geocoder})),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-mapfilters",{slot:this.isWidthSmall()?"top-right":"top-left",_parent:this,"user-search":null!==this.api._endpoints.user_search&&null!==this.api._endpoints.user_tiles,"quality-score":(null===(Qe=this.map)||void 0===Qe||null===(rt=Qe._hasQualityScore)||void 0===rt?void 0:rt.call(Qe))||!1,class:"pnx-only-map pnx-print-hidden"})),this.grid.appendChild((0,Rl.createWebComp)("pnx-widget-maplayers",{slot:"top-right",_parent:this,class:"pnx-only-map pnx-print-hidden"})))}connectedCallback(){kl.A.prototype.connectedCallback.call(this),this._moveChildToGrid(),this.onceAPIReady().then((async()=>{this.loader.setAttribute("value",30),this._createInitParamsHandler();const Qe=this._initParams.getParentPostInit();this._initPSV(),await this._initMap(),this._initWidgets(),(0,Wl.iz)(this,Qe),this._handleKeyboardManagement(),Qe.picture?this.psv.addEventListener("picture-loaded",(()=>this.loader.dismiss()),{once:!0}):this.loader.dismiss()}))}getClassName(){return"Viewer"}onceReady(){return Promise.all([this.oncePSVReady(),this.onceMapReady()]).then((()=>this._initParams.getParentPostInit().picture&&!this.psv.getPictureMetadata()?this.onceFirstPicLoaded():Promise.resolve()))}attributeChangedCallback(Qe,rt,Co){var El,Tl;(super.attributeChangedCallback(Qe,rt,Co),"picture"===Qe)&&(null===(El=this.legend)||void 0===El||null===(Tl=El.setAttribute)||void 0===Tl||Tl.call(El,"picture",Co),(0,Dl.isNullId)(rt)&&!(0,Dl.isNullId)(Co)&&this.mini.removeAttribute("collapsed"),(0,Dl.isNullId)(Co)&&this.map&&this.isMapWide()&&this.mini.classList.add("pnx-hidden"));"focus"===Qe&&this._setFocus(Co)}onceMapReady(){if(!this.map)return Promise.resolve();let Qe;return new Promise((rt=>{Qe=setInterval((()=>{var Co,El;"object"===typeof this.map&&(null!==(Co=(El=this.map).loaded)&&void 0!==Co&&Co.call(El)?(clearInterval(Qe),rt()):this.map.once&&this.map.once("render",(()=>{clearInterval(Qe),rt()})))}),250)}))}async _initMap(){await new Promise((Qe=>{this.map=new Ll.A(this,this.mapContainer,this._initParams.getMapInit()),(0,El.saveMapParamsToLocalStorage)(this.map),this.map.once("users-changed",(()=>{this.loader.setAttribute("value",75),Qe()}))})),(0,Wl.mK)(this.map,this._initParams.getMapPostInit()),(0,El.initMapKeyboardHandler)(this),(0,El.linkMapAndPhoto)(this)}_handleKeyboardManagement(){const keytomap=()=>{this.psv.stopKeyboardControl(),this.map.keyboard.enable()},keytopsv=()=>{var Qe,rt;this.psv.startKeyboardControl(),null===(Qe=this.map)||void 0===Qe||null===(rt=Qe.keyboard)||void 0===rt||rt.disable()},keytonone=()=>{var Qe,rt;this.psv.stopKeyboardControl(),null===(Qe=this.map)||void 0===Qe||null===(rt=Qe.keyboard)||void 0===rt||rt.disable()},keytofocused=()=>{this.map&&this.isMapWide()?keytomap():keytopsv()};this.addEventListener("focus-changed",(Qe=>{"map"===Qe.detail.focus?keytomap():keytopsv()})),this.popup.addEventListener("open",(()=>keytonone())),this.popup.addEventListener("close",(()=>keytofocused()));for(let Qe of this.grid.childNodes)"bg"!==Qe.getAttribute("slot")&&(Qe.addEventListener("focusin",(()=>keytonone())),Qe.addEventListener("focusout",(()=>keytofocused())))}moveCenter(){const Qe=this.psv.getPictureMetadata();Qe&&(this.map&&this.isMapWide()?this.map.flyTo({center:Qe.gps,zoom:20}):super.moveCenter())}_moveToDirection(Qe){if(this.map&&this.isMapWide()){let rt;switch(Qe){case"up":rt=[0,-100];break;case"left":rt=[-100,0];break;case"down":rt=[0,Ql];break;case"right":rt=[Ql,0]}this.map.panBy(rt)}else super._moveToDirection(Qe)}isMapWide(){return this.mapContainer.parentNode==this.grid}_setFocus(Qe){var rt,Co,El,Tl;let kl=arguments.length>1&&void 0!==arguments[1]&&arguments[1],Ll=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("map"===Qe&&!this.map)throw new Error("Map is not enabled");if(!["map","pic"].includes(Qe))throw new Error("Invalid focus value (should be pic or map)");if(this.focus=Qe,(Ll||("map"!==Qe||!this.map||!this.isMapWide())&&("pic"!==Qe||this.map&&this.isMapWide()))&&("map"===Qe?(this.psvContainer.parentNode==this.grid&&(this.grid.removeChild(this.psvContainer),this.psvContainer.removeAttribute("slot")),this.mapContainer.parentNode==this.mini&&this.mini.removeChild(this.mapContainer),this.mapContainer.setAttribute("slot","bg"),this.grid.appendChild(this.mapContainer),this.mini.appendChild(this.psvContainer),this.mini.icon=(0,Rl.fa)(Ul.pt),(0,Dl.isNullId)(this.picture)?this.mini.classList.add("pnx-hidden"):this.mini.classList.remove("pnx-hidden"),this.map.getCanvas().focus()):(this.mapContainer.parentNode==this.grid&&(this.grid.removeChild(this.mapContainer),this.mapContainer.removeAttribute("slot")),this.psvContainer.parentNode==this.mini&&this.mini.removeChild(this.psvContainer),this.psvContainer.setAttribute("slot","bg"),this.grid.appendChild(this.psvContainer),this.mini.classList.remove("pnx-hidden"),this.mini.appendChild(this.mapContainer),this.mini.icon=(0,Rl.fa)(Gl.e5),this.psvContainer.focus()),null===this||void 0===this||null===(rt=this.map)||void 0===rt||null===(Co=rt.resize)||void 0===Co||Co.call(rt),this.psv.autoSize(),this.psv.forceRefresh(),null===(El=this.legend)||void 0===El||null===(Tl=El.setAttribute)||void 0===Tl||Tl.call(El,"focus",this.focus),!kl)){const rt=new CustomEvent("focus-changed",{detail:{focus:Qe}});this.dispatchEvent(rt)}}_toggleFocus(){this._setFocus(this.isMapWide()?"pic":"map")}_onMiniExpand(){this.map.resize(),this.psv.autoSize()}_onMapFiltersChange(){var Qe;const rt=(0,Zl.qi)("#pnx-map-filters-menu"),Co=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-date-from"),El=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-date-end"),Tl=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-type-flat"),kl=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-type-360"),Ll=(0,Zl.qi)("#pnx-map-theme");let Dl="";null===kl||void 0===kl||!kl.checked||null!==Tl&&void 0!==Tl&&Tl.checked||(Dl="equirectangular"),null!==kl&&void 0!==kl&&kl.checked||null===Tl||void 0===Tl||!Tl.checked||(Dl="flat");let Rl=[];if(null!==(Qe=this.map)&&void 0!==Qe&&Qe._hasQualityScore()){const Qe=null===rt||void 0===rt?void 0:rt.shadowRoot.getElementById("pnx-filter-qualityscore");Rl=((null===Qe||void 0===Qe?void 0:Qe.grade)||"").split(",").map((Qe=>parseInt(Qe))).filter((Qe=>!isNaN(Qe))),5==Rl.length&&(Rl=[])}const Ul={minDate:null===Co||void 0===Co?void 0:Co.value,maxDate:null===El||void 0===El?void 0:El.value,pic_type:Dl,theme:null===Ll||void 0===Ll?void 0:Ll.value,qualityscore:Rl};this.map.setFilters(Ul)}}Viewer.properties={map:{type:Object},focus:{type:String,reflect:!0},geocoder:{type:String},...Tl.A.properties},customElements.define("pnx-viewer",Viewer)},3921:(Qe,rt,Co)=>{"use strict";Co.r(rt),Co.d(rt,{Basic:()=>El.A,CoverageMap:()=>Tl.A,Editor:()=>kl.A,PhotoViewer:()=>Dl.A,Viewer:()=>Ll.A});var El=Co(9039),Tl=Co(153),kl=Co(1752),Ll=Co(8743),Dl=Co(3407)},9341:(Qe,rt,Co)=>{"use strict";Co.r(rt),Co.d(rt,{core:()=>El,layout:()=>Tl,menus:()=>kl,ui:()=>Ll});var El=Co(3921),Tl=Co(456),kl=Co(8794),Ll=Co(9472)},7422:(Qe,rt,Co)=>{"use strict";Co.d(rt,{A:()=>CorneredGrid});var El=Co(4542);class CorneredGrid extends El.WF{render(){return El.qy`
 			<div class="bg">
 				<slot name="bg"></slot>
 			</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "3.2.3-develop-7a7f14f4",
+  "version": "3.2.3-develop-dbce84df",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/translations/nl.json

@@ -6,13 +6,13 @@
         "moveDown": "Naar beneden",
         "search_user": "Zoek een gebruikersnaam…",
         "moveUp": "Ga omhoog",
-        "share_rss": "RSS feed",
+        "share_rss": "RSS-feed",
         "loading_labels_serious": [
             "🗺️ Kaart aan het laden",
             "🖥️ API opvragen",
             "🖼️ Miniatuurweergaven laden",
             "🔍 EXIF metadata analyseren",
-            "🏘️ 3D rendering",
+            "🏘️ 3D-rendering",
             "📷 360° afbeelden initialiseren",
             "🟠 Kleur balancering",
             "💯 Bereken kwaliteits-score ©"
@@ -42,7 +42,7 @@
         "share_page": "Link naar deze pagina",
         "share_image": "HD afbeelding",
         "share_embed": "Embedden op uw website",
-        "share_print": "Print",
+        "share_print": "Afdrukken",
         "copy": "Kopieer",
         "copied": "Gekopieerd",
         "error": "We hebben een probleem…",
@@ -69,10 +69,102 @@
             "🚲 Fiets- en wandelpaden bijwerken",
             "🚉 Perron doorgang",
             "🛰️ Satellieten zoeken",
-            "👥 Personas opslaan"
+            "👥 Personas opslaan",
+            "🥞 Pannenkoekenhuizen localiseren",
+            "🧑‍💻 Interface debuggen",
+            "📈 Statistieken verhogen"
         ],
         "share_rss_title": "RSS-feed van nieuwe reeksen in het nu zichtbare kaartgebied",
-        "josm_live": "Schakel JOSM automatische synchronisatie in bij het laden van afbeeldingen"
+        "josm_live": "Schakel JOSM automatische synchronisatie in bij het laden van afbeeldingen",
+        "minimize_short": "Verbergen",
+        "error_psv": "Photo Sphere Viewer werd niet correct geladen",
+        "error_nopic": "Geen foto beschikbaar op de aangegeven locatie",
+        "error_api": "De fotoserver is niet beschikbaar",
+        "error_webgl": "WebGL wordt niet ondersteund door je browser",
+        "error_api_compatibility": "De fotoserver is niet compatibel met deze viewer",
+        "filter_date_1month": "1 maand",
+        "filter_date_1year": "1 jaar",
+        "filter_user": "Gebruiker",
+        "filter_user_mypics": "Mijn foto's",
+        "filter_picture": "Afbeeldingstype",
+        "picture_flat": "Klassiek",
+        "picture_360": "360°",
+        "filter_qualityscore": "Kwaliteitsscore",
+        "qualityscore_doc_2": "De score wordt getoond als een letter A/B/C/D/E (waarbij A het beste is en E het slechtse), en wordt grafisch weergegeven volgens deze schaal:",
+        "qualityscore_doc_link": "Meer weten over de Kwaliteitsscore",
+        "map_background": "Kaartachtergrond",
+        "map_background_aerial": "Satelliet",
+        "map_background_streets": "Straten",
+        "map_theme": "Kaartthema",
+        "map_theme_default": "Klassiek",
+        "map_theme_age": "Opnamedatum",
+        "map_theme_age_3": "< 1 jaar",
+        "map_theme_age_4": "< 1 maand",
+        "filter_qualityscore_help": "Klik om aan- of uit te schakelen",
+        "report_failure": "Er is een fout opgetreden bij het aanmaken van het rapport: {e}. Probleem later opnieuw.",
+        "map_theme_score": "Kwaliteitsscore",
+        "contrast": "Afbeeldingscontrast verhogen",
+        "metadata": "Metadata van de foto",
+        "metadata_camera_make": "Fabrikant",
+        "filter_date": "Datum",
+        "filter_zoom_in": "Zoom in om deze filter te zien",
+        "metadata_general_license_link": "De volledige beschrijving van de licentie bekijken",
+        "metadata_general_seqid": "Identificator van de sequentie",
+        "metadata_general_picid_link": "Ga naar de JSON-beschrijving van de foto",
+        "metadata_general_seqid_link": "Ga naar de JSON-beschrijving van de sequentie",
+        "metadata_general_author": "Auteur",
+        "error_josm": "JOSM antwoord niet, is het actief en is afstandsbediening ingeschakeld?",
+        "qualityscore_title": "Over de kwaliteitsscore",
+        "metadata_general_license": "Licentie",
+        "error_pic": "The gevraagde foto werd niet gevonden",
+        "map_theme_age_2": "< 2 jaar",
+        "metadata_general_picid": "Identificator van de foto",
+        "metadata_general_date": "Opnamedatum",
+        "map_theme_type": "Cameratype",
+        "qualityscore_doc_1": "Panoramax toont een Kwaliteitsscore voor elke foto. Dit vergemakkelijkt filtering en laat toe om foto's van hoge kwaliteit te vinden.",
+        "qualityscore_doc_3": "Hij wordt berekend op basis van de GPS-nauwkeurigheid en resolutie van de foto. Een professioneel systeem zal een A-score hebben, een 360° actiecamera een B-score, en een smartphone een C/D/E-score.",
+        "map_theme_age_1": "> 2 jaar",
+        "report_details_placeholder": "Je kan, optioneel, details over het probleem toevoegen",
+        "metadata_camera": "Apparaat",
+        "metadata_camera_model": "Model",
+        "metadata_camera_type": "Type",
+        "metadata_camera_resolution": "Resolutie",
+        "metadata_camera_focal_length": "Brandpuntsafstand",
+        "metadata_location": "Locatie",
+        "metadata_location_longitude": "Longitude",
+        "metadata_location_latitude": "Latitude",
+        "metadata_location_orientation": "Opnamerichting",
+        "metadata_location_precision": "Nauwkeurigheid van de positionering",
+        "metadata_quality": "Kwaliteitsscore",
+        "metadata_quality_help": "Meer weten over de Kwaliteitsscore",
+        "metadata_quality_score": "Globale score",
+        "metadata_quality_gps_score": "Positioneringsscore",
+        "metadata_quality_resolution_score": "Resolutiescore",
+        "metadata_quality_missing": "geen info in de afbeelding",
+        "metadata_exif": "EXIF / XMP",
+        "metadata_exif_name": "Tag",
+        "metadata_exif_value": "Waarde",
+        "report": "Foto rapporteren",
+        "report_auth": "Dit rapport zal worden verstuurd met je account \"{a}\"",
+        "report_nature_label": "Aard van het probleem",
+        "report_nature": {
+            "": "Selecteer de aard van het probleem …",
+            "blur_missing": "Het gezicht van een persoon of een nummerplaat is zichtbaar",
+            "blur_excess": "Een object dat niet vervaagd moet worden is vervaagd",
+            "inappropriate": "De foto is ongepast (ongerelateerd, naaktheid …)",
+            "privacy": "Een private weg of een privaat eigendom is zichtbaar",
+            "picture_low_quality": "De foto is van slechte kwaliteit",
+            "mislocated": "De foto is slecht gepositioneerd",
+            "copyright": "De foto schendt het auteursrecht",
+            "other": "Een ander soort probleem"
+        },
+        "report_whole_sequence": "Dit betreft de volledige sequentie",
+        "report_details": "Aanvullende details",
+        "report_email": "Je e-mail",
+        "report_email_placeholder": "Optioneel",
+        "report_submit": "Verzenden",
+        "report_wait": "Rapport verzenden …",
+        "report_success": "Het rapport werd succesvol verzonden. Het zal zo snel mogelijk behandeld worden."
     },
     "psv": {
         "twoFingers": "Gebruik twee vingers om te navigeren",
@@ -82,5 +174,13 @@
     "maplibre": {
         "GeolocateControl.FindMyLocation": "Mijn locatie zoeken",
         "GeolocateControl.LocationNotAvailable": "Locatitie niet beschikbaar"
+    },
+    "map": {
+        "loading": "Laden …",
+        "slow_loading": "De kaart laadt traag en kan er gebroken uitzien",
+        "thumbnail": "Thumbnail van de aangeduide foto",
+        "not_public": "Niet openbaar zichtbaar",
+        "map_data": "Kaartdata:",
+        "more_panoramax": "Meer weten over Panoramax"
     }
 }