@panoramax/web-viewer 4.2.0-develop-eb08bfa3 → 4.2.0-develop-5e827f2a

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 (5) hide show
  1. package/build/index.js +2 -2
  2. package/build/index.js.map +1 -1
  3. package/build/photoviewer.js +1 -1
  4. package/package.json +1 -1
  5. package/src/components/ui/widgets/GeoSearch.js +4 -2
package/build/index.js CHANGED
@@ -9,7 +9,7 @@
9
9
  * LICENSE file in the root directory of this source tree.
10
10
  *
11
11
  */
12
- !function(ae,ue){"object"===typeof exports&&"object"===typeof module?module.exports=ue():"function"===typeof define&&define.amd?define("Panoramax",[],ue):"object"===typeof exports?exports.Panoramax=ue():ae.Panoramax=ue()}(this,(()=>(()=>{var ae={9039:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>Basic});var ut=nt(4542),qt=nt(5254),Yt=nt(4964),Xt=nt(7208),ys=nt(5995),Ec=nt(7343),lu=nt(2614),uu=nt.n(lu),_u=nt(8330);nt(1865),nt(3638);class Basic extends ut.WF{constructor(){let ae=arguments.length>0&&void 0!==arguments[0]&&arguments[0];super(),this.users=["geovisio"],this["map-style"]=this.getAttribute("map-style")||(0,Xt.MapTiles)(),this.lang=this.getAttribute("lang")||null,this.endpoint=this.getAttribute("endpoint")||null,this.picture=this.getAttribute("picture")||null,this.sequence=this.getAttribute("sequence")||null,console.info(`\ud83d\udcf7 Panoramax ${this.getClassName()} - Version ${_u.rE} (eb08bfa)\n\n\ud83c\udd98 Issues can be reported at ${_u.Jk.O}`),ae||(this._isInternetFast=null,(0,Ec.isInternetFast)().then((ae=>this._isInternetFast=ae)))}connectedCallback(){super.connectedCallback(),this._t=(0,Yt.getTranslations)(this.lang),this.loader=(0,ys.createWebComp)("pnx-loader",{_parent:this,"no-label":(0,Ec.isInIframe)()}),this._loadsAPI&&this.endpoint&&this._loadsAPI===this.endpoint||this.api&&this.api._endpoint===this.endpoint||!this.endpoint||((this._loadsAPI||this.api)&&(delete this.api,delete this._loadsAPI),this._setupAPI()),Object.entries({map:"map-options",psv:"psv-options",fetchOptions:"fetch-options",mapstyle:"map-style"}).forEach((ae=>{let[ue,nt]=ae;this.getAttribute(ue)&&console.error(`Component attribute "${ue}" has been renamed into "${nt}". Old attribute "${ue}" is ignored.`)}))}_setupAPI(){if(this.loader=this.loader||(0,ys.createWebComp)("pnx-loader",{_parent:this}),!this.endpoint)return void console.warn("No endpoint is defined");this._loadsAPI=this.endpoint;let ae=this.endpoint;try{this["map-style"]=JSON.parse(this["map-style"])}catch(nt){}try{this.api=new qt.A(this.endpoint,{users:this.users,fetch:this["fetch-options"],style:this["map-style"]}),this.api.onceReady().then((()=>{if(ae!=this._loadsAPI||!this.api)return;let ue=this.api.getUnavailableFeatures(),nt=this.api.getAvailableFeatures();nt=0===ue.length?"\u2705 All features available":"\u2705 Available features: "+nt.join(", "),ue=0===ue.length?"":"\ud83d\udeab Unavailable features: "+ue.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 ${nt}\n ${ue}\n`.trim())})).catch((ae=>this.loader.dismiss(ae,this._t.pnx.error_api))).finally((()=>delete this._loadsAPI))}catch(nt){var ue;delete this._loadsAPI,null!==(ue=this.loader)&&void 0!==ue&&ue.dismiss?this.loader.dismiss(nt,this._t.pnx.error_api):console.error(nt)}}onceReady(){throw new Error("You must override this method on sub-class")}onceAPIReady(){return this.api?this.api.onceReady():new Promise((ae=>setTimeout(ae,100))).then(this.onceAPIReady.bind(this))}createRenderRoot(){return this}attributeChangedCallback(ae,ue,nt){if(super.attributeChangedCallback(ae,ue,nt),"endpoint"===ae&&(this._loadsAPI&&nt&&this._loadsAPI===nt||this.api&&this.api._endpoint===nt||!nt||((this._loadsAPI||this.api)&&(delete this.api,delete this._loadsAPI),this._setupAPI())),["picture","sequence"].includes(ae)){let ut,qt,Yt,Xt;"picture"===ae?(ut=this.sequence,Yt=this.sequence,qt=nt,Xt=ue):(ut=nt,Yt=ue,qt=this.picture,Xt=this.picture),this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{seqId:ut,picId:qt,prevSeqId:Yt,prevPicId:Xt}}))}}getClassName(){return"Basic"}select(){let ae=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,ue=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=ue,this.sequence=ae}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 ut.qy`<p>Should not be used directly, use Viewer/CoverageMap/Editor instead</p>`}getSubComponentsNames(){return["loader","api"]}addEventListener(ae,ue,nt){let ut=ae.split(":").shift();if(ut&&this.getSubComponentsNames().includes(ut)){var qt;const Yt=ae.substring(ut.length+1);null!==(qt=this[ut])&&void 0!==qt&&qt.addEventListener?this[ut].addEventListener(Yt,ue,nt):setTimeout((()=>this.addEventListener(ae,ue,nt)),50)}else super.addEventListener(ae,ue,nt)}static GetJSONConverter(){return{fromAttribute:ae=>null===ae||""===ae?null:"object"===typeof ae||Array.isArray(ae)?ae:uu().parse(ae),toAttribute:ae=>null===ae||""===ae?"":"string"===typeof ae?ae:uu().stringify(ae)}}}Basic.properties={picture:{type:String,reflect:!0},sequence:{type:String,reflect:!0},"fetch-options":{converter:Basic.GetJSONConverter()},users:{type:Array,reflect:!0},"map-style":{type:String},lang:{type:String},endpoint:{type:String}}},153:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>CoverageMap});var ut=nt(9039),qt=nt(5642),Yt=nt(8340),Xt=nt(927),ys=(nt(7776),nt(2118));class CoverageMap extends ut.A{constructor(){super(),this._mapContainer=document.createElement("div"),this.onceAPIReady().then((()=>{this.loader.setAttribute("value",30),this._initParams=new ys.Ay(ys.Ay.GetComponentProperties(CoverageMap,this)),this._initMap()}))}disconnectedCallback(){var ae;super.disconnectedCallback(),null===(ae=this.map)||void 0===ae||ae.destroy()}getClassName(){return"CoverageMap"}onceReady(){return this.map&&this.map.waitForEnoughMapLoaded?this.map.waitForEnoughMapLoaded():new Promise((ae=>setTimeout(ae,100))).then(this.onceReady.bind(this))}render(){return[this.loader,this._mapContainer]}getSubComponentsNames(){const ae=super.getSubComponentsNames();return ae.push("map"),ae}_initMap(){class MyMap extends qt.A{_getLayerStyleProperties(ae){return"pictures_symbols"===ae?{layout:{visibility:"none"}}:super._getLayerStyleProperties(ae)}}this.map=new MyMap(this,this._mapContainer,Object.assign({},this._initParams.getMapInit(),{hash:!0})),this.map.addControl(new Xt.NavigationControl({showCompass:!1})),this.loader.setAttribute("value",70),this.addEventListener("select",this._onSelect.bind(this)),this.map.on("picture-click",(ae=>this.select(ae.seqId,ae.picId))),this.map.on("sequence-click",(ae=>this.select(ae.seqId))),this.map.waitForEnoughMapLoaded().then((async()=>{await(0,ys.mK)(this.map,this._initParams.getMapPostInit()),this.map.reloadLayersStyles(),this.loader.dismiss()}))}_onSelect(ae){if(ae.detail.picId||ae.detail.seqId){const ue=ae.detail.picId?"pictures":"sequences",nt=this.map.queryRenderedFeatures({layers:[...this.map._userLayers].map((ae=>(0,Yt.getUserLayerId)(ae,ue))),filter:["==",["get","id"],ae.detail.picId||ae.detail.seqId]});nt.length>=0&&null!=nt[0]&&this.map._attachPreviewToPictures({features:nt},ue)}}}CoverageMap.properties={"map-options":{converter:ut.A.GetJSONConverter()},...ut.A.properties},customElements.define("pnx-coverage-map",CoverageMap)},1752:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>Editor});nt(7365);var ut=nt(9039),qt=nt(5642),Yt=nt(9048),Xt=nt(508),ys=nt(8340),Ec=nt(1545),lu=nt(5995);const uu="sequence-headings";class Editor extends ut.A{constructor(){super(),this.raster=null,this.background="streets",this.users=[],this._psvContainer=document.createElement("div"),this._psvContainer.setAttribute("slot","bg"),this._mapContainer=document.createElement("div"),this._mapContainer.setAttribute("slot","bg"),this.grid=(0,lu.createWebComp)("pnx-cornered-grid"),this.grid.appendChild(this._psvContainer),this.grid.appendChild(this._mapContainer),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()}))}disconnectedCallback(){var ae,ue;super.disconnectedCallback(),null===(ae=this.map)||void 0===ae||ae.destroy(),null===(ue=this.psv)||void 0===ue||ue.destroy()}getClassName(){return"Editor"}onceReady(){var ae,ue;return this.map&&this.psv&&null!==(ae=(ue=this.map).loaded)&&void 0!==ae&&ae.call(ue)?Promise.resolve():new Promise((ae=>setTimeout(ae,100))).then(this.onceReady.bind(this))}connectedCallback(){Array.isArray(this.users)&&this.users.length>0&&(console.warn("Parameters users can't be changed in Editor, only selected sequence can be visible"),this.users=[]),super.connectedCallback(),this._moveChildToGrid(),window.addEventListener("DOMContentLoaded",(()=>{this._moveChildToGrid()}),{once:!0})}attributeChangedCallback(ae,ue,nt){"users"===ae&&Array.isArray(nt)&&nt.length>0?console.warn("Parameters users can't be changed in Editor, only selected sequence can be visible"):super.attributeChangedCallback(ae,ue,nt)}render(){return[this.loader,this.grid]}getSubComponentsNames(){return super.getSubComponentsNames().concat(["map","psv","grid"])}_initPSV(){try{this.psv=new Yt.Ay(this,this._psvContainer),this.psv._myVTour.datasource.nodeResolver=this._getNode.bind(this)}catch(ae){let ue=Ec.IJ.isWebGLSupported?this._t.pnx.error_psv:this._t.pnx.error_webgl;this.loader.dismiss(ae,ue)}}_initMap(){try{this.map=new qt.A(this,this._mapContainer,{raster:this.raster,background:this.background,supplementaryStyle:this._createMapStyle(),zoom:15,picMarkerDraggable:!0}),(0,ys.linkMapAndPhoto)(this),this.loader.setAttribute("value",50),this._loadSequence(),this.map.once("load",(()=>{this.map.hasTwoBackgrounds()&&this._addMapBackgroundWidget(),this._bindPicturesEvents()}));const ae=this.map._picMarker.setRotation.bind(this.map._picMarker);this.map._picMarker.setRotation=ue=>(ue=void 0===this._lastRelHeading?ue:ue+this._lastRelHeading-this.psv.getPictureRelativeHeading(),ae(ue))}catch(ae){this.loader.dismiss(ae,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:{...ys.VECTOR_STYLES.SEQUENCES.layout},paint:{...ys.VECTOR_STYLES.SEQUENCES.paint}},{id:"geovisio_editor_pictures",type:"circle",source:"geovisio_editor_sequences",layout:{...ys.VECTOR_STYLES.PICTURES.layout},paint:{...ys.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((ae=>{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=ae.features,this.map.getSource("geovisio_editor_sequences").setData({type:"FeatureCollection",features:[{id:this.sequence,type:"Feature",properties:{id:this.sequence},geometry:{type:"LineString",coordinates:ae.features.map((ae=>ae.geometry.coordinates))}},...ae.features.map((ae=>(ae.properties.id=ae.id,ae.properties.sequences=[this.sequence],ae)))]}),this.picture){const ue=ae.features.find((ae=>ae.id===this.picture));ue?(this.select(this.sequence,this.picture,!0),this.map.jumpTo({center:ue.geometry.coordinates,zoom:18})):console.log("Picture with ID",ue,"was not found")}else{const ue=[...ae.features[0].geometry.coordinates,...ae.features[0].geometry.coordinates];for(let nt=1;nt<ae.features.length;nt++){const ut=ae.features[nt].geometry.coordinates;ut[0]<ue[0]&&(ue[0]=ut[0]),ut[1]<ue[1]&&(ue[1]=ut[1]),ut[0]>ue[2]&&(ue[2]=ut[0]),ut[1]>ue[3]&&(ue[3]=ut[1])}this.map.fitBounds(ue,{animate:!1})}})).catch((ae=>this.loader.dismiss(ae,this._t.pnx.error_api)))}_getNode(ae){const ue=this._sequenceData.find((ue=>ue.properties.id===ae)),nt=ue?(0,Xt.apiFeatureToPSVNode)(ue,this._t,this._isInternetFast,void 0,(ae=>this.api.cleanResourceURL(ae))):null;return nt&&delete nt.links,nt}_addMapBackgroundWidget(){const ae=(0,lu.createWebComp)("pnx-map-background",{_parent:this,size:"sm",slot:"bottom-left"});this.grid.appendChild(ae)}_moveChildToGrid(){Array.from(this.querySelectorAll("[slot]")).forEach((ae=>{var ue;null!==(ue=ae.tagName)&&void 0!==ue&&ue.toLowerCase().startsWith("pnx-")&&(ae._parent=this,ae._t=this._t),this.grid.appendChild(ae)}))}previewSequenceHeadingChange(ae){const ue=void 0!==this.map.getLayer(uu);if(this.map._picMarkerPreview.remove(),void 0===ae)return delete this._lastRelHeading,ue&&this.map.setLayoutProperty(uu,"visibility","none"),void(this.picture&&this.map._picMarker.setRotation(this.psv.getXY().x));this._lastRelHeading=ae,ue||this.map.addLayer({id:uu,type:"symbol",source:"geovisio_editor_sequences",layout:{"icon-image":"pnx-marker","icon-overlap":"always","icon-size":.8}});const nt=-this.psv.getPictureRelativeHeading();this.map.setLayoutProperty(uu,"visibility","visible"),this.map.setLayoutProperty(uu,"icon-rotate",["+",["get","view:azimuth"],nt,ae]);const ut=[["==",["geometry-type"],"Point"]];this.picture&&ut.push(["!=",["get","id"],this.picture]),this.map.setFilter(uu,["all",...ut]),this.picture&&this.map._picMarker.setRotation(this.psv.getXY().x)}_onSelect(){void 0!==this._lastRelHeading&&this.previewSequenceHeadingChange(this._lastRelHeading)}}Editor.properties={raster:{converter:ut.A.GetJSONConverter()},background:{type:String},...ut.A.properties},customElements.define("pnx-editor",Editor)},3407:(ae,ue,nt)=>{"use strict";nt.d(ue,{$p:()=>_u,Ay:()=>PhotoViewer,RD:()=>wu});nt(970);var ut=nt(1545),qt=nt(4451),Yt=nt(9039),Xt=nt(9048),ys=nt(5995),Ec=nt(7343),lu=nt(2118),uu=nt(4207);const _u=20,vu=Math.PI/6,wu=["pnx-mini","pnx-widget-player","pnx-widget-zoom"];class PhotoViewer extends Yt.A{constructor(){super(),this["psv-options"]={},this["url-parameters"]=this.getAttribute("url-parameters")||!0,this["keyboard-shortcuts"]=this.getAttribute("keyboard-shortcuts")||!0,this.widgets=this.getAttribute("widgets")||"true",this.grid=(0,ys.createWebComp)("pnx-cornered-grid"),this.psvContainer=document.createElement("div"),this.psvContainer.setAttribute("slot","bg"),this.grid.appendChild(this.psvContainer),this.popup=(0,ys.createWebComp)("pnx-popup",{_parent:this,onclose:this._onPopupClose.bind(this)}),this.tabindex=0,this._sequencesMetadata={}}_createInitParamsHandler(){var ae,ue;this._initParams=new lu.Ay(lu.Ay.GetComponentProperties(PhotoViewer,this),Object.assign({},null===(ae=this.urlHandler)||void 0===ae?void 0:ae.currentURLParams(),null===(ue=this.urlHandler)||void 0===ue?void 0:ue.currentURLParams(!0)),{disableAnnotations:localStorage.getItem(Ec.DISABLE_ANNOTATIONS_PARAM)})}_initWidgets(){"false"!==this._initParams.getParentPostInit().widgets&&((0,Ec.isInIframe)()||(this.grid.appendChild((0,ys.createWebComp)("pnx-widget-player",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden",size:this.isHeightSmall()?"md":"xl"})),this.grid.appendChild((0,ys.createWebComp)("pnx-annotations-switch",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden",size:this.isHeightSmall()?"md":"xl"}))),(0,Ec.isInIframe)()?(this.legend=(0,ys.createWebComp)("pnx-widget-legend",{slot:"bottom-right",light:!0,_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild(this.legend)):this.isWidthSmall()?(this.legend=(0,ys.createWebComp)("pnx-picture-legend",{_parent:this}),this.bottomDrawer=(0,ys.createWebComp)("pnx-bottom-drawer",{slot:"bottom",_parent:this,class:this._initParams.getParentPostInit().willLoadPicture?void 0:"pnx-hidden"}),this.bottomDrawer.appendChild(this.legend),this.grid.appendChild(this.bottomDrawer),this.addEventListener("select",(ae=>{(0,Ec.isNullId)(ae.detail.picId)?this.bottomDrawer.classList.add("pnx-hidden"):this.bottomDrawer.classList.remove("pnx-hidden")}))):(this.legend=(0,ys.createWebComp)("pnx-widget-legend",{slot:this.isWidthSmall()?void 0:"top-left",_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild((0,ys.createWebComp)("pnx-widget-zoom",{slot:"bottom-right",class:"pnx-print-hidden",_parent:this})),this.grid.appendChild(this.legend)))}connectedCallback(){super.connectedCallback(),this.presetsManager=new uu.A(this.lang),this["url-parameters"]&&"false"!==this["url-parameters"]&&(this.urlHandler=new qt.A(this),this.onceReady().then((()=>{this.urlHandler.listenToChanges(),this.urlHandler._onParentChange()}))),this.onceAPIReady().then(this._postAPIInit.bind(this)),this._moveChildToGrid(),window.addEventListener("DOMContentLoaded",(()=>{this._moveChildToGrid()}),{once:!0})}disconnectedCallback(){var ae,ue;super.disconnectedCallback(),null===(ae=this.urlHandler)||void 0===ae||ae.destroy(),null===(ue=this.psv)||void 0===ue||ue.destroy(),document.body.removeEventListener("click",this._toggleKeyboardBasedOnFocus),window.removeEventListener("keypress",this._toggleKeyboardBasedOnFocus)}getClassName(){return"PhotoViewer"}onceReady(){return this.oncePSVReady().then((()=>this._initParams.getParentPostInit().willLoadPicture&&!this.psv.getPictureMetadata()?this.onceFirstPicLoaded():Promise.resolve()))}render(){return[this.loader,this.grid,this.popup]}getSubComponentsNames(){return super.getSubComponentsNames().concat(["psv","grid","popup","urlHandler"])}oncePSVReady(){let ae;return new Promise((ue=>{ae=setInterval((()=>{this.psv&&"object"===typeof this.psv&&(this.psv.container?(clearInterval(ae),ue()):this.psv.addEventListener&&this.psv.addEventListener("ready",(()=>{clearInterval(ae),ue()}),{once:!0}))}),250)}))}onceFirstPicLoaded(){return this.oncePSVReady().then((()=>this.psv.getPictureMetadata()?Promise.resolve():new Promise((ae=>{this.psv.addEventListener("picture-loaded",ae,{once:!0})}))))}async _postAPIInit(){this.loader.setAttribute("value",30),this._createInitParamsHandler();const ae=this._initParams.getParentPostInit();this._initPSV(),this._initWidgets(),(0,lu.ai)(this,ae),ae.keyboardShortcuts&&this._handleKeyboardManagement(),ae.willLoadPicture?this.psv.getPictureMetadata()?this.loader.dismiss():this.psv.addEventListener("picture-loaded",(()=>this.loader.dismiss()),{once:!0}):this.loader.dismiss()}_initPSV(){try{this.psv=new Xt.Ay(this,this.psvContainer,{shouldGoFast:this._psvShouldGoFast.bind(this),keyboard:"always",keyboardActions:{...ut.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:()=>{var ae;return null===(ae=this._toggleFocus)||void 0===ae?void 0:ae.call(this)},7:()=>{var ae;return null===(ae=this._toggleFocus)||void 0===ae?void 0:ae.call(this)},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,lu.Vy)(this.psv,this._initParams.getPSVPostInit())})),this.psv.addEventListener("sequence-playing",(()=>this.classList.add("pnx-playing"))),this.psv.addEventListener("sequence-stopped",(()=>this.classList.remove("pnx-playing")))}catch(ae){let ue=ut.IJ.isWebGLSupported?this._t.pnx.error_psv:this._t.pnx.error_webgl;this.loader.dismiss(ae,ue)}}_enableKeyboard(){this.psv.startKeyboardControl()}_disableKeyboard(){this.psv.stopKeyboardControl()}_toggleKeyboardBasedOnFocus(ae){const ue=(null===ae||void 0===ae?void 0:ae.target)||document.activeElement;if(this.contains(ue)){for(let ae of this.grid.childNodes)if("bg"!==ae.getAttribute("slot")&&!wu.includes(ae.tagName.toLowerCase())&&ae.contains(ue))return void this._disableKeyboard();this._enableKeyboard()}else this._disableKeyboard()}_handleKeyboardManagement(){window.addEventListener("click",(ae=>this._toggleKeyboardBasedOnFocus(ae))),window.addEventListener("keypress",this._toggleKeyboardBasedOnFocus.bind(this)),this.popup.addEventListener("open",this._disableKeyboard.bind(this)),this.popup.addEventListener("close",this._enableKeyboard.bind(this)),this.psv.addEventListener("click",this._enableKeyboard.bind(this));for(let ae of this.grid.childNodes)"bg"===ae.getAttribute("slot")||wu.includes(ae.tagName.toLowerCase())||(ae.addEventListener("focusin",this._disableKeyboard.bind(this)),ae.addEventListener("focusout",(()=>{null===this.popup.getAttribute("visible")&&this._enableKeyboard()})))}_psvShouldGoFast(){return this.psv._sequencePlaying&&this.psv.getTransitionDuration()<1e3}_moveChildToGrid(){Array.from(this.querySelectorAll("[slot]")).forEach((ae=>{var ue;null!==(ue=ae.tagName)&&void 0!==ue&&ue.toLowerCase().startsWith("pnx-")&&(ae._parent=this,ae._t=this._t),"editors"===ae.getAttribute("slot")?this.onceReady().then((()=>{var ue;return null===(ue=this.legend)||void 0===ue?void 0:ue.appendChild(ae)})):this.grid.appendChild(ae)}))}setPopup(ae){let ue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;ae?this.popup.setAttribute("visible",""):this.popup.removeAttribute("visible"),this.popup.innerHTML="","string"===typeof ue?this.popup.innerHTML=ue:Array.isArray(ue)&&ue.forEach((ae=>this.popup.appendChild(ae)))}_onPopupClose(){this.dispatchEvent(new CustomEvent("focus-changed",{detail:{focus:this.map&&this.isMapWide()?"map":"pic"}}))}_showQualityScoreDoc(){this.setPopup(!0,[(0,ys.createWebComp)("pnx-quality-score-doc",{_t:this._t})])}_showReportForm(){if(!this.psv.getPictureMetadata())throw new Error("No picture currently selected");this.setPopup(!0,[(0,ys.createWebComp)("pnx-report-form",{_parent:this})])}_showShareOptions(){this.setPopup(!0,[(0,ys.createWebComp)("pnx-share-menu",{_parent:this})])}_showSemanticsDoc(){this.setPopup(!0,[(0,ys.createWebComp)("pnx-semantics-doc",{_t:this._t})])}moveCenter(){this.psv.getPictureMetadata()&&this._psvAnimate({speed:Xt.LM,yaw:0,pitch:0,zoom:Xt.cS})}moveLeft(){this._moveToDirection("left")}moveRight(){this._moveToDirection("right")}moveUp(){this._moveToDirection("up")}moveDown(){this._moveToDirection("down")}_moveToDirection(ae){let ue=this.psv.getPosition();switch(ae){case"up":ue.pitch+=vu;break;case"left":ue.yaw-=vu;break;case"down":ue.pitch-=vu;break;case"right":ue.yaw+=vu}this._psvAnimate({speed:Xt.LM,...ue})}_psvAnimate(ae){this._lastPsvAnim&&this._lastPsvAnim.cancel(),this._lastPsvAnim=this.psv.animate(ae)}addEventListener(ae,ue,nt){super.addEventListener(ae,ue,nt)}}PhotoViewer.properties={"psv-options":{converter:Yt.A.GetJSONConverter()},widgets:{type:String},"url-parameters":{type:String},"keyboard-shortcuts":{type:String},tabindex:{type:Number},...Yt.A.properties},customElements.define("pnx-photo-viewer",PhotoViewer)},8743:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>Viewer});nt(9616);var ut=nt(8340),qt=nt(3407),Yt=nt(2771),Xt=nt(7343),ys=nt(5995),Ec=nt(9683),lu=nt(2e3),uu=nt(9438),_u=nt(2118);const vu=100;class Viewer extends qt.Ay{constructor(){super(),this["map-options"]=!0,this.geocoder=this.getAttribute("geocoder")||"nominatim",this.mini=(0,ys.createWebComp)("pnx-mini",{slot:"bottom-left",_parent:this,onexpand:this._onMiniExpand.bind(this),collapsed:!!(0,Xt.isNullId)(this.picture)||void 0}),this.mini.addEventListener("expand",this._toggleFocus.bind(this)),this.grid.appendChild(this.mini),this.mapContainer=document.createElement("div"),this.tabindex=0}_createInitParamsHandler(){var ae,ue;this._initParams=new _u.Ay(_u.Ay.GetComponentProperties(Viewer,this),Object.assign({},null===(ae=this.urlHandler)||void 0===ae?void 0:ae.currentURLParams(),null===(ue=this.urlHandler)||void 0===ue?void 0:ue.currentURLParams(!0)),{map:(0,ut.getMapParamsFromLocalStorage)(),disableAnnotations:localStorage.getItem(Xt.DISABLE_ANNOTATIONS_PARAM)})}_initWidgets(){var ae,ue;"false"!==this._initParams.getParentPostInit().widgets&&(this.grid.appendChild((0,ys.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})),(0,Xt.isInIframe)()?(this.legend=(0,ys.createWebComp)("pnx-widget-legend",{slot:"bottom-right",light:!0,_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild(this.legend)):this.isWidthSmall()?(this.legend=(0,ys.createWebComp)("pnx-picture-legend",{_parent:this}),this.bottomDrawer=(0,ys.createWebComp)("pnx-bottom-drawer",{slot:"bottom",_parent:this,class:this._initParams.getParentPostInit().willLoadPicture?void 0:"pnx-hidden"}),this.bottomDrawer.appendChild(this.legend),this.grid.appendChild(this.bottomDrawer),this.addEventListener("select",(ae=>{(0,Xt.isNullId)(ae.detail.picId)?this.bottomDrawer.classList.add("pnx-hidden"):this.bottomDrawer.classList.remove("pnx-hidden")}))):(this.legend=(0,ys.createWebComp)("pnx-widget-legend",{slot:this.isWidthSmall()?"top":"top-left",_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this._miniPicLegend=(0,ys.createWebComp)("pnx-mini-picture-legend",{_parent:this}),this.grid.appendChild(this.legend)),(0,Xt.isInIframe)()||(this.grid.appendChild((0,ys.createWebComp)("pnx-widget-player",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden",size:this.isHeightSmall()?"md":"xl"})),this.grid.appendChild((0,ys.createWebComp)("pnx-annotations-switch",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden",size:this.isHeightSmall()?"md":"xl"})),this.grid.appendChild((0,ys.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,ys.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===(ae=this.map)||void 0===ae||null===(ue=ae._hasQualityScore)||void 0===ue?void 0:ue.call(ae))||!1,class:"pnx-only-map pnx-print-hidden"})),this.grid.appendChild((0,ys.createWebComp)("pnx-widget-maplayers",{slot:"top-right",_parent:this,class:"pnx-only-map pnx-print-hidden"}))))}disconnectedCallback(){var ae;super.disconnectedCallback(),null===(ae=this.map)||void 0===ae||ae.destroy()}getClassName(){return"Viewer"}getSubComponentsNames(){return super.getSubComponentsNames().concat(["mini","map"])}onceReady(){return Promise.all([this.oncePSVReady(),this.onceMapReady()]).then((()=>this._initParams.getParentPostInit().willLoadPicture&&!this.psv.getPictureMetadata()?this.onceFirstPicLoaded():Promise.resolve()))}attributeChangedCallback(ae,ue,nt){var ut,qt;if(super.attributeChangedCallback(ae,ue,nt),"picture"===ae)if(null===(ut=this.legend)||void 0===ut||null===(qt=ut.setAttribute)||void 0===qt||qt.call(ut,"picture",nt),(0,Xt.isNullId)(ue)&&!(0,Xt.isNullId)(nt)&&this.mini.removeAttribute("collapsed"),(0,Xt.isNullId)(nt))this.map&&this.isMapWide()?this.mini.classList.add("pnx-hidden"):this.map&&!this.isMapWide()&&this._setFocus("map");else if((0,Xt.isNullId)(ue)&&this.sequence==this._initParams.getParentPostInit().sequence&&!this._initParams.getParentPostInit().picture){var Yt,ys;this.mini.classList.remove("pnx-hidden"),this.mini.removeAttribute("collapsed"),"closed"===(null===(Yt=this.bottomDrawer)||void 0===Yt||null===(ys=Yt.getAttribute)||void 0===ys?void 0:ys.call(Yt,"openness"))&&this.bottomDrawer.setAttribute("openness","half-opened")}else{var Ec,lu;if(this.mini.classList.remove("pnx-hidden"),(0,Xt.isNullId)(ue))this._setFocus("pic"),"closed"===(null===(Ec=this.bottomDrawer)||void 0===Ec||null===(lu=Ec.getAttribute)||void 0===lu?void 0:lu.call(Ec,"openness"))&&this.bottomDrawer.setAttribute("openness","half-opened")}"focus"===ae&&this._setFocus(nt)}onceMapReady(){if(!this.map)return Promise.resolve();let ae;return new Promise((ue=>{ae=setInterval((()=>{var nt,ut,qt;"object"===typeof this.map&&(null!==(nt=this.map)&&void 0!==nt&&null!==(ut=nt.loaded)&&void 0!==ut&&ut.call(nt)?(clearInterval(ae),ue()):null!==(qt=this.map)&&void 0!==qt&&qt.once&&this.map.once("render",(()=>{clearInterval(ae),ue()})))}),250)}))}async _initMap(){await new Promise((ae=>{this.map=new Yt.A(this,this.mapContainer,this._initParams.getMapInit()),(0,ut.saveMapParamsToLocalStorage)(this.map),this.map.once("users-changed",(()=>{this.loader.setAttribute("value",75),ae()}))})),await(0,_u.mK)(this.map,this._initParams.getMapPostInit()),(0,ut.initMapKeyboardHandler)(this),(0,ut.linkMapAndPhoto)(this)}async _postAPIInit(){this.loader.setAttribute("value",30),this._createInitParamsHandler();const ae=this._initParams.getParentPostInit();this._initPSV(),await this._initMap(),this._initWidgets(),this._moveChildToGrid(),(0,_u.iz)(this,ae),ae.keyboardShortcuts&&this._handleKeyboardManagement(),ae.willLoadPicture?this.psv.addEventListener("picture-loaded",(ue=>{(0,_u.iz)(this,ae),this.loader.dismiss()}),{once:!0}):this.loader.dismiss()}_enableKeyboard(){this.map&&this.isMapWide()?this._enableKeyboardMap():this._enableKeyboardPSV()}_enableKeyboardMap(){this.psv.stopKeyboardControl(),this.map.keyboard.enable()}_enableKeyboardPSV(){this.psv.startKeyboardControl(),this.map.keyboard.disable()}_disableKeyboard(){this.psv.stopKeyboardControl(),this.map.keyboard.disable()}_toggleKeyboardBasedOnFocus(ae){const ue=(null===ae||void 0===ae?void 0:ae.target)||document.activeElement;if(this.contains(ue)){for(let ae of this.grid.childNodes)if("bg"!==ae.getAttribute("slot")&&!qt.RD.includes(ae.tagName.toLowerCase())&&ae.contains(ue))return void this._disableKeyboard();this._enableKeyboard()}else this._disableKeyboard()}_handleKeyboardManagement(){window.addEventListener("click",(ae=>this._toggleKeyboardBasedOnFocus(ae))),window.addEventListener("keypress",this._toggleKeyboardBasedOnFocus.bind(this)),this.addEventListener("focus-changed",(ae=>{this.popup.getAttribute("visible")?this._disableKeyboard():"map"===ae.detail.focus?this._enableKeyboardMap():this._enableKeyboardPSV()})),this.popup.addEventListener("open",this._disableKeyboard.bind(this)),this.popup.addEventListener("close",this._enableKeyboard.bind(this)),this.psv.addEventListener("click",this._enableKeyboardPSV.bind(this));for(let ae of this.grid.childNodes)"bg"===ae.getAttribute("slot")||qt.RD.includes(ae.tagName.toLowerCase())||(ae.addEventListener("focusin",this._disableKeyboard.bind(this)),ae.addEventListener("focusout",(()=>{null===this.popup.getAttribute("visible")&&this._enableKeyboard()})))}moveCenter(){const ae=this.psv.getPictureMetadata();ae&&(this.map&&this.isMapWide()?this.map.flyTo({center:ae.gps,zoom:20}):super.moveCenter())}_moveToDirection(ae){if(this.map&&this.isMapWide()){let ue;switch(ae){case"up":ue=[0,-100];break;case"left":ue=[-100,0];break;case"down":ue=[0,vu];break;case"right":ue=[vu,0]}this.map.panBy(ue)}else super._moveToDirection(ae)}isMapWide(){return this.mapContainer.parentNode==this.grid}_setFocus(ae){var ue,nt,ut,qt;let Yt=arguments.length>1&&void 0!==arguments[1]&&arguments[1],uu=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("map"===ae&&!this.map)throw new Error("Map is not enabled");if(!["map","pic"].includes(ae))throw new Error("Invalid focus value (should be pic or map)");if(this.focus=ae,(uu||("map"!==ae||!this.map||!this.isMapWide())&&("pic"!==ae||this.map&&this.isMapWide()))&&("map"===ae?(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,ys.fa)(Ec.pt),this._miniPicLegend&&this.mini.appendChild(this._miniPicLegend),(0,Xt.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._miniPicLegend&&this.mini.removeChild(this._miniPicLegend)),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,ys.fa)(lu.e5),this.psvContainer.focus()),null===this||void 0===this||null===(ue=this.map)||void 0===ue||null===(nt=ue.resize)||void 0===nt||nt.call(ue),this.psv.autoSize(),this.psv.forceRefresh(),null===(ut=this.legend)||void 0===ut||null===(qt=ut.setAttribute)||void 0===qt||qt.call(ut,"focus",this.focus),!Yt)){const ue=new CustomEvent("focus-changed",{detail:{focus:ae}});this.dispatchEvent(ue)}}_toggleFocus(){this._setFocus(this.isMapWide()?"pic":"map")}_onMiniExpand(){this.map.resize(),this.psv.autoSize()}_onMapFiltersChange(){var ae;const ue=(0,uu.qi)("#pnx-map-filters-menu"),nt=(0,uu.qi)("#pnx-map-theme"),qt=(0,ut.mapFiltersFormValues)(ue,nt,null===(ae=this.map)||void 0===ae?void 0:ae._hasQualityScore());this.map.setFilters(qt)}}Viewer.properties={"map-options":{converter:qt.Ay.GetJSONConverter()},focus:{type:String,reflect:!0},geocoder:{type:String},tabindex:{type:Number},...qt.Ay.properties},customElements.define("pnx-viewer",Viewer)},3921:(ae,ue,nt)=>{"use strict";nt.r(ue),nt.d(ue,{Basic:()=>ut.A,CoverageMap:()=>qt.A,Editor:()=>Yt.A,PhotoViewer:()=>ys.Ay,Viewer:()=>Xt.A});var ut=nt(9039),qt=nt(153),Yt=nt(1752),Xt=nt(8743),ys=nt(3407)},9341:(ae,ue,nt)=>{"use strict";nt.r(ue),nt.d(ue,{core:()=>ut,layout:()=>qt,menus:()=>Yt,ui:()=>Xt});var ut=nt(3921),qt=nt(456),Yt=nt(8794),Xt=nt(7091)},6784:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>BottomDrawer});var ut=nt(4542),qt=nt(1198),Yt=nt(5995);const Xt={opened:0,"half-opened":.7,closed:1};class BottomDrawer extends ut.WF{constructor(){super(),this._isDragging=!1,this.openness="half-opened"}firstUpdated(){super.firstUpdated(),this._boundTouchMove=this._onTouchMove.bind(this),this._boundTouchEnd=this._onTouchEnd.bind(this),this._drawerHeight=window.innerHeight-30;const ae=this._getDrawer();ae&&(ae.style.height=`${this._drawerHeight}px`,ae.style.maxHeight=`${this._drawerHeight}px`,(0,Yt.onceParentAvailable)(this).then((()=>this._parent.onceReady())).then((()=>{var ae,ue;null===(ae=this._parent.map)||void 0===ae||ae.addEventListener("click",(()=>this.openness="closed")),null===(ue=this._parent.psv)||void 0===ue||ue.addEventListener("click",(()=>this.openness="closed"))})))}attributeChangedCallback(ae,ue,nt){if(super.attributeChangedCallback(ae,ue,nt),"openness"===ae){if("opened"!==nt){const ae=this.shadowRoot.querySelector(".content");ae&&(ae.scrollTop=0)}const ae=this._getDrawer();ae&&(ae.style.transform=null)}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupTouchListeners()}_getDrawer(){var ae;return null===(ae=this.shadowRoot)||void 0===ae?void 0:ae.querySelector(".drawer")}_onHandleClick(){"opened"===this.openness?this.openness="closed":"half-opened"===this.openness?this.openness="opened":"closed"===this.openness&&(this.openness="half-opened")}_onTouchStart(ae){this._isDragging=!0,this._startFingerY=ae.touches[0].clientY,this._deltaFingerY=0,this._drawerY=this._drawerHeight*Xt[this.openness],window.addEventListener("touchmove",this._boundTouchMove,{passive:!0}),window.addEventListener("touchend",this._boundTouchEnd),window.addEventListener("touchcancel",this._boundTouchEnd)}_onTouchMove(ae){if(!this._isDragging)return;const ue=this.shadowRoot.querySelector(".content");ue.scrollHeight>ue.offsetHeight&&ue.scrollTop>0?this._updateDrawerTransform(0):(this._deltaFingerY=ae.touches[0].clientY-this._startFingerY,this._updateDrawerTransform(this._drawerY+this._deltaFingerY))}_onTouchEnd(ae){(this._isDragging&&!(Math.abs(this._deltaFingerY)<30)||ae.target.closest(".handle"))&&(ae.preventDefault(),this._isDragging=!1,0===this._deltaFingerY&&"closed"===this.openness?this.openness="half-opened":this._updateDrawerTransform(this._drawerY+this._deltaFingerY,!0),this._cleanupTouchListeners(),this._startFingerY=null,this._deltaFingerY=null)}_cleanupTouchListeners(){window.removeEventListener("touchmove",this._boundTouchMove),window.removeEventListener("touchend",this._boundTouchEnd),window.removeEventListener("touchcancel",this._boundTouchCancel)}_updateDrawerTransform(ae){let ue=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const nt=this._getDrawer();nt&&(ae=Math.max(0,Math.min(ae,this._drawerHeight-30)),ue&&(this._deltaFingerY<0?"closed"===this.openness?Math.abs(this._deltaFingerY)>this._drawerHeight*(1-Xt["half-opened"])?this.openness="opened":this.openness="half-opened":this.openness="opened":this.openness="closed",this._drawerY=null,ae=Math.max(0,Math.min(Xt[this.openness]*this._drawerHeight,this._drawerHeight-30))),nt.style.transform=`translateY(${ae}px)`)}render(){const ae={drawer:!0,[this.openness]:!0,dragging:this._isDragging};return ut.qy`
12
+ !function(ae,ue){"object"===typeof exports&&"object"===typeof module?module.exports=ue():"function"===typeof define&&define.amd?define("Panoramax",[],ue):"object"===typeof exports?exports.Panoramax=ue():ae.Panoramax=ue()}(this,(()=>(()=>{var ae={9039:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>Basic});var ut=nt(4542),qt=nt(5254),Yt=nt(4964),Xt=nt(7208),ys=nt(5995),Ec=nt(7343),lu=nt(2614),uu=nt.n(lu),_u=nt(8330);nt(1865),nt(3638);class Basic extends ut.WF{constructor(){let ae=arguments.length>0&&void 0!==arguments[0]&&arguments[0];super(),this.users=["geovisio"],this["map-style"]=this.getAttribute("map-style")||(0,Xt.MapTiles)(),this.lang=this.getAttribute("lang")||null,this.endpoint=this.getAttribute("endpoint")||null,this.picture=this.getAttribute("picture")||null,this.sequence=this.getAttribute("sequence")||null,console.info(`\ud83d\udcf7 Panoramax ${this.getClassName()} - Version ${_u.rE} (5e827f2)\n\n\ud83c\udd98 Issues can be reported at ${_u.Jk.O}`),ae||(this._isInternetFast=null,(0,Ec.isInternetFast)().then((ae=>this._isInternetFast=ae)))}connectedCallback(){super.connectedCallback(),this._t=(0,Yt.getTranslations)(this.lang),this.loader=(0,ys.createWebComp)("pnx-loader",{_parent:this,"no-label":(0,Ec.isInIframe)()}),this._loadsAPI&&this.endpoint&&this._loadsAPI===this.endpoint||this.api&&this.api._endpoint===this.endpoint||!this.endpoint||((this._loadsAPI||this.api)&&(delete this.api,delete this._loadsAPI),this._setupAPI()),Object.entries({map:"map-options",psv:"psv-options",fetchOptions:"fetch-options",mapstyle:"map-style"}).forEach((ae=>{let[ue,nt]=ae;this.getAttribute(ue)&&console.error(`Component attribute "${ue}" has been renamed into "${nt}". Old attribute "${ue}" is ignored.`)}))}_setupAPI(){if(this.loader=this.loader||(0,ys.createWebComp)("pnx-loader",{_parent:this}),!this.endpoint)return void console.warn("No endpoint is defined");this._loadsAPI=this.endpoint;let ae=this.endpoint;try{this["map-style"]=JSON.parse(this["map-style"])}catch(nt){}try{this.api=new qt.A(this.endpoint,{users:this.users,fetch:this["fetch-options"],style:this["map-style"]}),this.api.onceReady().then((()=>{if(ae!=this._loadsAPI||!this.api)return;let ue=this.api.getUnavailableFeatures(),nt=this.api.getAvailableFeatures();nt=0===ue.length?"\u2705 All features available":"\u2705 Available features: "+nt.join(", "),ue=0===ue.length?"":"\ud83d\udeab Unavailable features: "+ue.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 ${nt}\n ${ue}\n`.trim())})).catch((ae=>this.loader.dismiss(ae,this._t.pnx.error_api))).finally((()=>delete this._loadsAPI))}catch(nt){var ue;delete this._loadsAPI,null!==(ue=this.loader)&&void 0!==ue&&ue.dismiss?this.loader.dismiss(nt,this._t.pnx.error_api):console.error(nt)}}onceReady(){throw new Error("You must override this method on sub-class")}onceAPIReady(){return this.api?this.api.onceReady():new Promise((ae=>setTimeout(ae,100))).then(this.onceAPIReady.bind(this))}createRenderRoot(){return this}attributeChangedCallback(ae,ue,nt){if(super.attributeChangedCallback(ae,ue,nt),"endpoint"===ae&&(this._loadsAPI&&nt&&this._loadsAPI===nt||this.api&&this.api._endpoint===nt||!nt||((this._loadsAPI||this.api)&&(delete this.api,delete this._loadsAPI),this._setupAPI())),["picture","sequence"].includes(ae)){let ut,qt,Yt,Xt;"picture"===ae?(ut=this.sequence,Yt=this.sequence,qt=nt,Xt=ue):(ut=nt,Yt=ue,qt=this.picture,Xt=this.picture),this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{seqId:ut,picId:qt,prevSeqId:Yt,prevPicId:Xt}}))}}getClassName(){return"Basic"}select(){let ae=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,ue=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=ue,this.sequence=ae}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 ut.qy`<p>Should not be used directly, use Viewer/CoverageMap/Editor instead</p>`}getSubComponentsNames(){return["loader","api"]}addEventListener(ae,ue,nt){let ut=ae.split(":").shift();if(ut&&this.getSubComponentsNames().includes(ut)){var qt;const Yt=ae.substring(ut.length+1);null!==(qt=this[ut])&&void 0!==qt&&qt.addEventListener?this[ut].addEventListener(Yt,ue,nt):setTimeout((()=>this.addEventListener(ae,ue,nt)),50)}else super.addEventListener(ae,ue,nt)}static GetJSONConverter(){return{fromAttribute:ae=>null===ae||""===ae?null:"object"===typeof ae||Array.isArray(ae)?ae:uu().parse(ae),toAttribute:ae=>null===ae||""===ae?"":"string"===typeof ae?ae:uu().stringify(ae)}}}Basic.properties={picture:{type:String,reflect:!0},sequence:{type:String,reflect:!0},"fetch-options":{converter:Basic.GetJSONConverter()},users:{type:Array,reflect:!0},"map-style":{type:String},lang:{type:String},endpoint:{type:String}}},153:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>CoverageMap});var ut=nt(9039),qt=nt(5642),Yt=nt(8340),Xt=nt(927),ys=(nt(7776),nt(2118));class CoverageMap extends ut.A{constructor(){super(),this._mapContainer=document.createElement("div"),this.onceAPIReady().then((()=>{this.loader.setAttribute("value",30),this._initParams=new ys.Ay(ys.Ay.GetComponentProperties(CoverageMap,this)),this._initMap()}))}disconnectedCallback(){var ae;super.disconnectedCallback(),null===(ae=this.map)||void 0===ae||ae.destroy()}getClassName(){return"CoverageMap"}onceReady(){return this.map&&this.map.waitForEnoughMapLoaded?this.map.waitForEnoughMapLoaded():new Promise((ae=>setTimeout(ae,100))).then(this.onceReady.bind(this))}render(){return[this.loader,this._mapContainer]}getSubComponentsNames(){const ae=super.getSubComponentsNames();return ae.push("map"),ae}_initMap(){class MyMap extends qt.A{_getLayerStyleProperties(ae){return"pictures_symbols"===ae?{layout:{visibility:"none"}}:super._getLayerStyleProperties(ae)}}this.map=new MyMap(this,this._mapContainer,Object.assign({},this._initParams.getMapInit(),{hash:!0})),this.map.addControl(new Xt.NavigationControl({showCompass:!1})),this.loader.setAttribute("value",70),this.addEventListener("select",this._onSelect.bind(this)),this.map.on("picture-click",(ae=>this.select(ae.seqId,ae.picId))),this.map.on("sequence-click",(ae=>this.select(ae.seqId))),this.map.waitForEnoughMapLoaded().then((async()=>{await(0,ys.mK)(this.map,this._initParams.getMapPostInit()),this.map.reloadLayersStyles(),this.loader.dismiss()}))}_onSelect(ae){if(ae.detail.picId||ae.detail.seqId){const ue=ae.detail.picId?"pictures":"sequences",nt=this.map.queryRenderedFeatures({layers:[...this.map._userLayers].map((ae=>(0,Yt.getUserLayerId)(ae,ue))),filter:["==",["get","id"],ae.detail.picId||ae.detail.seqId]});nt.length>=0&&null!=nt[0]&&this.map._attachPreviewToPictures({features:nt},ue)}}}CoverageMap.properties={"map-options":{converter:ut.A.GetJSONConverter()},...ut.A.properties},customElements.define("pnx-coverage-map",CoverageMap)},1752:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>Editor});nt(7365);var ut=nt(9039),qt=nt(5642),Yt=nt(9048),Xt=nt(508),ys=nt(8340),Ec=nt(1545),lu=nt(5995);const uu="sequence-headings";class Editor extends ut.A{constructor(){super(),this.raster=null,this.background="streets",this.users=[],this._psvContainer=document.createElement("div"),this._psvContainer.setAttribute("slot","bg"),this._mapContainer=document.createElement("div"),this._mapContainer.setAttribute("slot","bg"),this.grid=(0,lu.createWebComp)("pnx-cornered-grid"),this.grid.appendChild(this._psvContainer),this.grid.appendChild(this._mapContainer),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()}))}disconnectedCallback(){var ae,ue;super.disconnectedCallback(),null===(ae=this.map)||void 0===ae||ae.destroy(),null===(ue=this.psv)||void 0===ue||ue.destroy()}getClassName(){return"Editor"}onceReady(){var ae,ue;return this.map&&this.psv&&null!==(ae=(ue=this.map).loaded)&&void 0!==ae&&ae.call(ue)?Promise.resolve():new Promise((ae=>setTimeout(ae,100))).then(this.onceReady.bind(this))}connectedCallback(){Array.isArray(this.users)&&this.users.length>0&&(console.warn("Parameters users can't be changed in Editor, only selected sequence can be visible"),this.users=[]),super.connectedCallback(),this._moveChildToGrid(),window.addEventListener("DOMContentLoaded",(()=>{this._moveChildToGrid()}),{once:!0})}attributeChangedCallback(ae,ue,nt){"users"===ae&&Array.isArray(nt)&&nt.length>0?console.warn("Parameters users can't be changed in Editor, only selected sequence can be visible"):super.attributeChangedCallback(ae,ue,nt)}render(){return[this.loader,this.grid]}getSubComponentsNames(){return super.getSubComponentsNames().concat(["map","psv","grid"])}_initPSV(){try{this.psv=new Yt.Ay(this,this._psvContainer),this.psv._myVTour.datasource.nodeResolver=this._getNode.bind(this)}catch(ae){let ue=Ec.IJ.isWebGLSupported?this._t.pnx.error_psv:this._t.pnx.error_webgl;this.loader.dismiss(ae,ue)}}_initMap(){try{this.map=new qt.A(this,this._mapContainer,{raster:this.raster,background:this.background,supplementaryStyle:this._createMapStyle(),zoom:15,picMarkerDraggable:!0}),(0,ys.linkMapAndPhoto)(this),this.loader.setAttribute("value",50),this._loadSequence(),this.map.once("load",(()=>{this.map.hasTwoBackgrounds()&&this._addMapBackgroundWidget(),this._bindPicturesEvents()}));const ae=this.map._picMarker.setRotation.bind(this.map._picMarker);this.map._picMarker.setRotation=ue=>(ue=void 0===this._lastRelHeading?ue:ue+this._lastRelHeading-this.psv.getPictureRelativeHeading(),ae(ue))}catch(ae){this.loader.dismiss(ae,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:{...ys.VECTOR_STYLES.SEQUENCES.layout},paint:{...ys.VECTOR_STYLES.SEQUENCES.paint}},{id:"geovisio_editor_pictures",type:"circle",source:"geovisio_editor_sequences",layout:{...ys.VECTOR_STYLES.PICTURES.layout},paint:{...ys.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((ae=>{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=ae.features,this.map.getSource("geovisio_editor_sequences").setData({type:"FeatureCollection",features:[{id:this.sequence,type:"Feature",properties:{id:this.sequence},geometry:{type:"LineString",coordinates:ae.features.map((ae=>ae.geometry.coordinates))}},...ae.features.map((ae=>(ae.properties.id=ae.id,ae.properties.sequences=[this.sequence],ae)))]}),this.picture){const ue=ae.features.find((ae=>ae.id===this.picture));ue?(this.select(this.sequence,this.picture,!0),this.map.jumpTo({center:ue.geometry.coordinates,zoom:18})):console.log("Picture with ID",ue,"was not found")}else{const ue=[...ae.features[0].geometry.coordinates,...ae.features[0].geometry.coordinates];for(let nt=1;nt<ae.features.length;nt++){const ut=ae.features[nt].geometry.coordinates;ut[0]<ue[0]&&(ue[0]=ut[0]),ut[1]<ue[1]&&(ue[1]=ut[1]),ut[0]>ue[2]&&(ue[2]=ut[0]),ut[1]>ue[3]&&(ue[3]=ut[1])}this.map.fitBounds(ue,{animate:!1})}})).catch((ae=>this.loader.dismiss(ae,this._t.pnx.error_api)))}_getNode(ae){const ue=this._sequenceData.find((ue=>ue.properties.id===ae)),nt=ue?(0,Xt.apiFeatureToPSVNode)(ue,this._t,this._isInternetFast,void 0,(ae=>this.api.cleanResourceURL(ae))):null;return nt&&delete nt.links,nt}_addMapBackgroundWidget(){const ae=(0,lu.createWebComp)("pnx-map-background",{_parent:this,size:"sm",slot:"bottom-left"});this.grid.appendChild(ae)}_moveChildToGrid(){Array.from(this.querySelectorAll("[slot]")).forEach((ae=>{var ue;null!==(ue=ae.tagName)&&void 0!==ue&&ue.toLowerCase().startsWith("pnx-")&&(ae._parent=this,ae._t=this._t),this.grid.appendChild(ae)}))}previewSequenceHeadingChange(ae){const ue=void 0!==this.map.getLayer(uu);if(this.map._picMarkerPreview.remove(),void 0===ae)return delete this._lastRelHeading,ue&&this.map.setLayoutProperty(uu,"visibility","none"),void(this.picture&&this.map._picMarker.setRotation(this.psv.getXY().x));this._lastRelHeading=ae,ue||this.map.addLayer({id:uu,type:"symbol",source:"geovisio_editor_sequences",layout:{"icon-image":"pnx-marker","icon-overlap":"always","icon-size":.8}});const nt=-this.psv.getPictureRelativeHeading();this.map.setLayoutProperty(uu,"visibility","visible"),this.map.setLayoutProperty(uu,"icon-rotate",["+",["get","view:azimuth"],nt,ae]);const ut=[["==",["geometry-type"],"Point"]];this.picture&&ut.push(["!=",["get","id"],this.picture]),this.map.setFilter(uu,["all",...ut]),this.picture&&this.map._picMarker.setRotation(this.psv.getXY().x)}_onSelect(){void 0!==this._lastRelHeading&&this.previewSequenceHeadingChange(this._lastRelHeading)}}Editor.properties={raster:{converter:ut.A.GetJSONConverter()},background:{type:String},...ut.A.properties},customElements.define("pnx-editor",Editor)},3407:(ae,ue,nt)=>{"use strict";nt.d(ue,{$p:()=>_u,Ay:()=>PhotoViewer,RD:()=>wu});nt(970);var ut=nt(1545),qt=nt(4451),Yt=nt(9039),Xt=nt(9048),ys=nt(5995),Ec=nt(7343),lu=nt(2118),uu=nt(4207);const _u=20,vu=Math.PI/6,wu=["pnx-mini","pnx-widget-player","pnx-widget-zoom"];class PhotoViewer extends Yt.A{constructor(){super(),this["psv-options"]={},this["url-parameters"]=this.getAttribute("url-parameters")||!0,this["keyboard-shortcuts"]=this.getAttribute("keyboard-shortcuts")||!0,this.widgets=this.getAttribute("widgets")||"true",this.grid=(0,ys.createWebComp)("pnx-cornered-grid"),this.psvContainer=document.createElement("div"),this.psvContainer.setAttribute("slot","bg"),this.grid.appendChild(this.psvContainer),this.popup=(0,ys.createWebComp)("pnx-popup",{_parent:this,onclose:this._onPopupClose.bind(this)}),this.tabindex=0,this._sequencesMetadata={}}_createInitParamsHandler(){var ae,ue;this._initParams=new lu.Ay(lu.Ay.GetComponentProperties(PhotoViewer,this),Object.assign({},null===(ae=this.urlHandler)||void 0===ae?void 0:ae.currentURLParams(),null===(ue=this.urlHandler)||void 0===ue?void 0:ue.currentURLParams(!0)),{disableAnnotations:localStorage.getItem(Ec.DISABLE_ANNOTATIONS_PARAM)})}_initWidgets(){"false"!==this._initParams.getParentPostInit().widgets&&((0,Ec.isInIframe)()||(this.grid.appendChild((0,ys.createWebComp)("pnx-widget-player",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden",size:this.isHeightSmall()?"md":"xl"})),this.grid.appendChild((0,ys.createWebComp)("pnx-annotations-switch",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden",size:this.isHeightSmall()?"md":"xl"}))),(0,Ec.isInIframe)()?(this.legend=(0,ys.createWebComp)("pnx-widget-legend",{slot:"bottom-right",light:!0,_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild(this.legend)):this.isWidthSmall()?(this.legend=(0,ys.createWebComp)("pnx-picture-legend",{_parent:this}),this.bottomDrawer=(0,ys.createWebComp)("pnx-bottom-drawer",{slot:"bottom",_parent:this,class:this._initParams.getParentPostInit().willLoadPicture?void 0:"pnx-hidden"}),this.bottomDrawer.appendChild(this.legend),this.grid.appendChild(this.bottomDrawer),this.addEventListener("select",(ae=>{(0,Ec.isNullId)(ae.detail.picId)?this.bottomDrawer.classList.add("pnx-hidden"):this.bottomDrawer.classList.remove("pnx-hidden")}))):(this.legend=(0,ys.createWebComp)("pnx-widget-legend",{slot:this.isWidthSmall()?void 0:"top-left",_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild((0,ys.createWebComp)("pnx-widget-zoom",{slot:"bottom-right",class:"pnx-print-hidden",_parent:this})),this.grid.appendChild(this.legend)))}connectedCallback(){super.connectedCallback(),this.presetsManager=new uu.A(this.lang),this["url-parameters"]&&"false"!==this["url-parameters"]&&(this.urlHandler=new qt.A(this),this.onceReady().then((()=>{this.urlHandler.listenToChanges(),this.urlHandler._onParentChange()}))),this.onceAPIReady().then(this._postAPIInit.bind(this)),this._moveChildToGrid(),window.addEventListener("DOMContentLoaded",(()=>{this._moveChildToGrid()}),{once:!0})}disconnectedCallback(){var ae,ue;super.disconnectedCallback(),null===(ae=this.urlHandler)||void 0===ae||ae.destroy(),null===(ue=this.psv)||void 0===ue||ue.destroy(),document.body.removeEventListener("click",this._toggleKeyboardBasedOnFocus),window.removeEventListener("keypress",this._toggleKeyboardBasedOnFocus)}getClassName(){return"PhotoViewer"}onceReady(){return this.oncePSVReady().then((()=>this._initParams.getParentPostInit().willLoadPicture&&!this.psv.getPictureMetadata()?this.onceFirstPicLoaded():Promise.resolve()))}render(){return[this.loader,this.grid,this.popup]}getSubComponentsNames(){return super.getSubComponentsNames().concat(["psv","grid","popup","urlHandler"])}oncePSVReady(){let ae;return new Promise((ue=>{ae=setInterval((()=>{this.psv&&"object"===typeof this.psv&&(this.psv.container?(clearInterval(ae),ue()):this.psv.addEventListener&&this.psv.addEventListener("ready",(()=>{clearInterval(ae),ue()}),{once:!0}))}),250)}))}onceFirstPicLoaded(){return this.oncePSVReady().then((()=>this.psv.getPictureMetadata()?Promise.resolve():new Promise((ae=>{this.psv.addEventListener("picture-loaded",ae,{once:!0})}))))}async _postAPIInit(){this.loader.setAttribute("value",30),this._createInitParamsHandler();const ae=this._initParams.getParentPostInit();this._initPSV(),this._initWidgets(),(0,lu.ai)(this,ae),ae.keyboardShortcuts&&this._handleKeyboardManagement(),ae.willLoadPicture?this.psv.getPictureMetadata()?this.loader.dismiss():this.psv.addEventListener("picture-loaded",(()=>this.loader.dismiss()),{once:!0}):this.loader.dismiss()}_initPSV(){try{this.psv=new Xt.Ay(this,this.psvContainer,{shouldGoFast:this._psvShouldGoFast.bind(this),keyboard:"always",keyboardActions:{...ut.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:()=>{var ae;return null===(ae=this._toggleFocus)||void 0===ae?void 0:ae.call(this)},7:()=>{var ae;return null===(ae=this._toggleFocus)||void 0===ae?void 0:ae.call(this)},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,lu.Vy)(this.psv,this._initParams.getPSVPostInit())})),this.psv.addEventListener("sequence-playing",(()=>this.classList.add("pnx-playing"))),this.psv.addEventListener("sequence-stopped",(()=>this.classList.remove("pnx-playing")))}catch(ae){let ue=ut.IJ.isWebGLSupported?this._t.pnx.error_psv:this._t.pnx.error_webgl;this.loader.dismiss(ae,ue)}}_enableKeyboard(){this.psv.startKeyboardControl()}_disableKeyboard(){this.psv.stopKeyboardControl()}_toggleKeyboardBasedOnFocus(ae){const ue=(null===ae||void 0===ae?void 0:ae.target)||document.activeElement;if(this.contains(ue)){for(let ae of this.grid.childNodes)if("bg"!==ae.getAttribute("slot")&&!wu.includes(ae.tagName.toLowerCase())&&ae.contains(ue))return void this._disableKeyboard();this._enableKeyboard()}else this._disableKeyboard()}_handleKeyboardManagement(){window.addEventListener("click",(ae=>this._toggleKeyboardBasedOnFocus(ae))),window.addEventListener("keypress",this._toggleKeyboardBasedOnFocus.bind(this)),this.popup.addEventListener("open",this._disableKeyboard.bind(this)),this.popup.addEventListener("close",this._enableKeyboard.bind(this)),this.psv.addEventListener("click",this._enableKeyboard.bind(this));for(let ae of this.grid.childNodes)"bg"===ae.getAttribute("slot")||wu.includes(ae.tagName.toLowerCase())||(ae.addEventListener("focusin",this._disableKeyboard.bind(this)),ae.addEventListener("focusout",(()=>{null===this.popup.getAttribute("visible")&&this._enableKeyboard()})))}_psvShouldGoFast(){return this.psv._sequencePlaying&&this.psv.getTransitionDuration()<1e3}_moveChildToGrid(){Array.from(this.querySelectorAll("[slot]")).forEach((ae=>{var ue;null!==(ue=ae.tagName)&&void 0!==ue&&ue.toLowerCase().startsWith("pnx-")&&(ae._parent=this,ae._t=this._t),"editors"===ae.getAttribute("slot")?this.onceReady().then((()=>{var ue;return null===(ue=this.legend)||void 0===ue?void 0:ue.appendChild(ae)})):this.grid.appendChild(ae)}))}setPopup(ae){let ue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;ae?this.popup.setAttribute("visible",""):this.popup.removeAttribute("visible"),this.popup.innerHTML="","string"===typeof ue?this.popup.innerHTML=ue:Array.isArray(ue)&&ue.forEach((ae=>this.popup.appendChild(ae)))}_onPopupClose(){this.dispatchEvent(new CustomEvent("focus-changed",{detail:{focus:this.map&&this.isMapWide()?"map":"pic"}}))}_showQualityScoreDoc(){this.setPopup(!0,[(0,ys.createWebComp)("pnx-quality-score-doc",{_t:this._t})])}_showReportForm(){if(!this.psv.getPictureMetadata())throw new Error("No picture currently selected");this.setPopup(!0,[(0,ys.createWebComp)("pnx-report-form",{_parent:this})])}_showShareOptions(){this.setPopup(!0,[(0,ys.createWebComp)("pnx-share-menu",{_parent:this})])}_showSemanticsDoc(){this.setPopup(!0,[(0,ys.createWebComp)("pnx-semantics-doc",{_t:this._t})])}moveCenter(){this.psv.getPictureMetadata()&&this._psvAnimate({speed:Xt.LM,yaw:0,pitch:0,zoom:Xt.cS})}moveLeft(){this._moveToDirection("left")}moveRight(){this._moveToDirection("right")}moveUp(){this._moveToDirection("up")}moveDown(){this._moveToDirection("down")}_moveToDirection(ae){let ue=this.psv.getPosition();switch(ae){case"up":ue.pitch+=vu;break;case"left":ue.yaw-=vu;break;case"down":ue.pitch-=vu;break;case"right":ue.yaw+=vu}this._psvAnimate({speed:Xt.LM,...ue})}_psvAnimate(ae){this._lastPsvAnim&&this._lastPsvAnim.cancel(),this._lastPsvAnim=this.psv.animate(ae)}addEventListener(ae,ue,nt){super.addEventListener(ae,ue,nt)}}PhotoViewer.properties={"psv-options":{converter:Yt.A.GetJSONConverter()},widgets:{type:String},"url-parameters":{type:String},"keyboard-shortcuts":{type:String},tabindex:{type:Number},...Yt.A.properties},customElements.define("pnx-photo-viewer",PhotoViewer)},8743:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>Viewer});nt(9616);var ut=nt(8340),qt=nt(3407),Yt=nt(2771),Xt=nt(7343),ys=nt(5995),Ec=nt(9683),lu=nt(2e3),uu=nt(9438),_u=nt(2118);const vu=100;class Viewer extends qt.Ay{constructor(){super(),this["map-options"]=!0,this.geocoder=this.getAttribute("geocoder")||"nominatim",this.mini=(0,ys.createWebComp)("pnx-mini",{slot:"bottom-left",_parent:this,onexpand:this._onMiniExpand.bind(this),collapsed:!!(0,Xt.isNullId)(this.picture)||void 0}),this.mini.addEventListener("expand",this._toggleFocus.bind(this)),this.grid.appendChild(this.mini),this.mapContainer=document.createElement("div"),this.tabindex=0}_createInitParamsHandler(){var ae,ue;this._initParams=new _u.Ay(_u.Ay.GetComponentProperties(Viewer,this),Object.assign({},null===(ae=this.urlHandler)||void 0===ae?void 0:ae.currentURLParams(),null===(ue=this.urlHandler)||void 0===ue?void 0:ue.currentURLParams(!0)),{map:(0,ut.getMapParamsFromLocalStorage)(),disableAnnotations:localStorage.getItem(Xt.DISABLE_ANNOTATIONS_PARAM)})}_initWidgets(){var ae,ue;"false"!==this._initParams.getParentPostInit().widgets&&(this.grid.appendChild((0,ys.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})),(0,Xt.isInIframe)()?(this.legend=(0,ys.createWebComp)("pnx-widget-legend",{slot:"bottom-right",light:!0,_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this.grid.appendChild(this.legend)):this.isWidthSmall()?(this.legend=(0,ys.createWebComp)("pnx-picture-legend",{_parent:this}),this.bottomDrawer=(0,ys.createWebComp)("pnx-bottom-drawer",{slot:"bottom",_parent:this,class:this._initParams.getParentPostInit().willLoadPicture?void 0:"pnx-hidden"}),this.bottomDrawer.appendChild(this.legend),this.grid.appendChild(this.bottomDrawer),this.addEventListener("select",(ae=>{(0,Xt.isNullId)(ae.detail.picId)?this.bottomDrawer.classList.add("pnx-hidden"):this.bottomDrawer.classList.remove("pnx-hidden")}))):(this.legend=(0,ys.createWebComp)("pnx-widget-legend",{slot:this.isWidthSmall()?"top":"top-left",_parent:this,focus:this._initParams.getParentPostInit().focus,picture:this._initParams.getParentPostInit().picture}),this._miniPicLegend=(0,ys.createWebComp)("pnx-mini-picture-legend",{_parent:this}),this.grid.appendChild(this.legend)),(0,Xt.isInIframe)()||(this.grid.appendChild((0,ys.createWebComp)("pnx-widget-player",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden",size:this.isHeightSmall()?"md":"xl"})),this.grid.appendChild((0,ys.createWebComp)("pnx-annotations-switch",{slot:"top",_parent:this,class:"pnx-only-psv pnx-print-hidden",size:this.isHeightSmall()?"md":"xl"})),this.grid.appendChild((0,ys.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,ys.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===(ae=this.map)||void 0===ae||null===(ue=ae._hasQualityScore)||void 0===ue?void 0:ue.call(ae))||!1,class:"pnx-only-map pnx-print-hidden"})),this.grid.appendChild((0,ys.createWebComp)("pnx-widget-maplayers",{slot:"top-right",_parent:this,class:"pnx-only-map pnx-print-hidden"}))))}disconnectedCallback(){var ae;super.disconnectedCallback(),null===(ae=this.map)||void 0===ae||ae.destroy()}getClassName(){return"Viewer"}getSubComponentsNames(){return super.getSubComponentsNames().concat(["mini","map"])}onceReady(){return Promise.all([this.oncePSVReady(),this.onceMapReady()]).then((()=>this._initParams.getParentPostInit().willLoadPicture&&!this.psv.getPictureMetadata()?this.onceFirstPicLoaded():Promise.resolve()))}attributeChangedCallback(ae,ue,nt){var ut,qt;if(super.attributeChangedCallback(ae,ue,nt),"picture"===ae)if(null===(ut=this.legend)||void 0===ut||null===(qt=ut.setAttribute)||void 0===qt||qt.call(ut,"picture",nt),(0,Xt.isNullId)(ue)&&!(0,Xt.isNullId)(nt)&&this.mini.removeAttribute("collapsed"),(0,Xt.isNullId)(nt))this.map&&this.isMapWide()?this.mini.classList.add("pnx-hidden"):this.map&&!this.isMapWide()&&this._setFocus("map");else if((0,Xt.isNullId)(ue)&&this.sequence==this._initParams.getParentPostInit().sequence&&!this._initParams.getParentPostInit().picture){var Yt,ys;this.mini.classList.remove("pnx-hidden"),this.mini.removeAttribute("collapsed"),"closed"===(null===(Yt=this.bottomDrawer)||void 0===Yt||null===(ys=Yt.getAttribute)||void 0===ys?void 0:ys.call(Yt,"openness"))&&this.bottomDrawer.setAttribute("openness","half-opened")}else{var Ec,lu;if(this.mini.classList.remove("pnx-hidden"),(0,Xt.isNullId)(ue))this._setFocus("pic"),"closed"===(null===(Ec=this.bottomDrawer)||void 0===Ec||null===(lu=Ec.getAttribute)||void 0===lu?void 0:lu.call(Ec,"openness"))&&this.bottomDrawer.setAttribute("openness","half-opened")}"focus"===ae&&this._setFocus(nt)}onceMapReady(){if(!this.map)return Promise.resolve();let ae;return new Promise((ue=>{ae=setInterval((()=>{var nt,ut,qt;"object"===typeof this.map&&(null!==(nt=this.map)&&void 0!==nt&&null!==(ut=nt.loaded)&&void 0!==ut&&ut.call(nt)?(clearInterval(ae),ue()):null!==(qt=this.map)&&void 0!==qt&&qt.once&&this.map.once("render",(()=>{clearInterval(ae),ue()})))}),250)}))}async _initMap(){await new Promise((ae=>{this.map=new Yt.A(this,this.mapContainer,this._initParams.getMapInit()),(0,ut.saveMapParamsToLocalStorage)(this.map),this.map.once("users-changed",(()=>{this.loader.setAttribute("value",75),ae()}))})),await(0,_u.mK)(this.map,this._initParams.getMapPostInit()),(0,ut.initMapKeyboardHandler)(this),(0,ut.linkMapAndPhoto)(this)}async _postAPIInit(){this.loader.setAttribute("value",30),this._createInitParamsHandler();const ae=this._initParams.getParentPostInit();this._initPSV(),await this._initMap(),this._initWidgets(),this._moveChildToGrid(),(0,_u.iz)(this,ae),ae.keyboardShortcuts&&this._handleKeyboardManagement(),ae.willLoadPicture?this.psv.addEventListener("picture-loaded",(ue=>{(0,_u.iz)(this,ae),this.loader.dismiss()}),{once:!0}):this.loader.dismiss()}_enableKeyboard(){this.map&&this.isMapWide()?this._enableKeyboardMap():this._enableKeyboardPSV()}_enableKeyboardMap(){this.psv.stopKeyboardControl(),this.map.keyboard.enable()}_enableKeyboardPSV(){this.psv.startKeyboardControl(),this.map.keyboard.disable()}_disableKeyboard(){this.psv.stopKeyboardControl(),this.map.keyboard.disable()}_toggleKeyboardBasedOnFocus(ae){const ue=(null===ae||void 0===ae?void 0:ae.target)||document.activeElement;if(this.contains(ue)){for(let ae of this.grid.childNodes)if("bg"!==ae.getAttribute("slot")&&!qt.RD.includes(ae.tagName.toLowerCase())&&ae.contains(ue))return void this._disableKeyboard();this._enableKeyboard()}else this._disableKeyboard()}_handleKeyboardManagement(){window.addEventListener("click",(ae=>this._toggleKeyboardBasedOnFocus(ae))),window.addEventListener("keypress",this._toggleKeyboardBasedOnFocus.bind(this)),this.addEventListener("focus-changed",(ae=>{this.popup.getAttribute("visible")?this._disableKeyboard():"map"===ae.detail.focus?this._enableKeyboardMap():this._enableKeyboardPSV()})),this.popup.addEventListener("open",this._disableKeyboard.bind(this)),this.popup.addEventListener("close",this._enableKeyboard.bind(this)),this.psv.addEventListener("click",this._enableKeyboardPSV.bind(this));for(let ae of this.grid.childNodes)"bg"===ae.getAttribute("slot")||qt.RD.includes(ae.tagName.toLowerCase())||(ae.addEventListener("focusin",this._disableKeyboard.bind(this)),ae.addEventListener("focusout",(()=>{null===this.popup.getAttribute("visible")&&this._enableKeyboard()})))}moveCenter(){const ae=this.psv.getPictureMetadata();ae&&(this.map&&this.isMapWide()?this.map.flyTo({center:ae.gps,zoom:20}):super.moveCenter())}_moveToDirection(ae){if(this.map&&this.isMapWide()){let ue;switch(ae){case"up":ue=[0,-100];break;case"left":ue=[-100,0];break;case"down":ue=[0,vu];break;case"right":ue=[vu,0]}this.map.panBy(ue)}else super._moveToDirection(ae)}isMapWide(){return this.mapContainer.parentNode==this.grid}_setFocus(ae){var ue,nt,ut,qt;let Yt=arguments.length>1&&void 0!==arguments[1]&&arguments[1],uu=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("map"===ae&&!this.map)throw new Error("Map is not enabled");if(!["map","pic"].includes(ae))throw new Error("Invalid focus value (should be pic or map)");if(this.focus=ae,(uu||("map"!==ae||!this.map||!this.isMapWide())&&("pic"!==ae||this.map&&this.isMapWide()))&&("map"===ae?(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,ys.fa)(Ec.pt),this._miniPicLegend&&this.mini.appendChild(this._miniPicLegend),(0,Xt.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._miniPicLegend&&this.mini.removeChild(this._miniPicLegend)),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,ys.fa)(lu.e5),this.psvContainer.focus()),null===this||void 0===this||null===(ue=this.map)||void 0===ue||null===(nt=ue.resize)||void 0===nt||nt.call(ue),this.psv.autoSize(),this.psv.forceRefresh(),null===(ut=this.legend)||void 0===ut||null===(qt=ut.setAttribute)||void 0===qt||qt.call(ut,"focus",this.focus),!Yt)){const ue=new CustomEvent("focus-changed",{detail:{focus:ae}});this.dispatchEvent(ue)}}_toggleFocus(){this._setFocus(this.isMapWide()?"pic":"map")}_onMiniExpand(){this.map.resize(),this.psv.autoSize()}_onMapFiltersChange(){var ae;const ue=(0,uu.qi)("#pnx-map-filters-menu"),nt=(0,uu.qi)("#pnx-map-theme"),qt=(0,ut.mapFiltersFormValues)(ue,nt,null===(ae=this.map)||void 0===ae?void 0:ae._hasQualityScore());this.map.setFilters(qt)}}Viewer.properties={"map-options":{converter:qt.Ay.GetJSONConverter()},focus:{type:String,reflect:!0},geocoder:{type:String},tabindex:{type:Number},...qt.Ay.properties},customElements.define("pnx-viewer",Viewer)},3921:(ae,ue,nt)=>{"use strict";nt.r(ue),nt.d(ue,{Basic:()=>ut.A,CoverageMap:()=>qt.A,Editor:()=>Yt.A,PhotoViewer:()=>ys.Ay,Viewer:()=>Xt.A});var ut=nt(9039),qt=nt(153),Yt=nt(1752),Xt=nt(8743),ys=nt(3407)},9341:(ae,ue,nt)=>{"use strict";nt.r(ue),nt.d(ue,{core:()=>ut,layout:()=>qt,menus:()=>Yt,ui:()=>Xt});var ut=nt(3921),qt=nt(456),Yt=nt(8794),Xt=nt(7091)},6784:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>BottomDrawer});var ut=nt(4542),qt=nt(1198),Yt=nt(5995);const Xt={opened:0,"half-opened":.7,closed:1};class BottomDrawer extends ut.WF{constructor(){super(),this._isDragging=!1,this.openness="half-opened"}firstUpdated(){super.firstUpdated(),this._boundTouchMove=this._onTouchMove.bind(this),this._boundTouchEnd=this._onTouchEnd.bind(this),this._drawerHeight=window.innerHeight-30;const ae=this._getDrawer();ae&&(ae.style.height=`${this._drawerHeight}px`,ae.style.maxHeight=`${this._drawerHeight}px`,(0,Yt.onceParentAvailable)(this).then((()=>this._parent.onceReady())).then((()=>{var ae,ue;null===(ae=this._parent.map)||void 0===ae||ae.addEventListener("click",(()=>this.openness="closed")),null===(ue=this._parent.psv)||void 0===ue||ue.addEventListener("click",(()=>this.openness="closed"))})))}attributeChangedCallback(ae,ue,nt){if(super.attributeChangedCallback(ae,ue,nt),"openness"===ae){if("opened"!==nt){const ae=this.shadowRoot.querySelector(".content");ae&&(ae.scrollTop=0)}const ae=this._getDrawer();ae&&(ae.style.transform=null)}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupTouchListeners()}_getDrawer(){var ae;return null===(ae=this.shadowRoot)||void 0===ae?void 0:ae.querySelector(".drawer")}_onHandleClick(){"opened"===this.openness?this.openness="closed":"half-opened"===this.openness?this.openness="opened":"closed"===this.openness&&(this.openness="half-opened")}_onTouchStart(ae){this._isDragging=!0,this._startFingerY=ae.touches[0].clientY,this._deltaFingerY=0,this._drawerY=this._drawerHeight*Xt[this.openness],window.addEventListener("touchmove",this._boundTouchMove,{passive:!0}),window.addEventListener("touchend",this._boundTouchEnd),window.addEventListener("touchcancel",this._boundTouchEnd)}_onTouchMove(ae){if(!this._isDragging)return;const ue=this.shadowRoot.querySelector(".content");ue.scrollHeight>ue.offsetHeight&&ue.scrollTop>0?this._updateDrawerTransform(0):(this._deltaFingerY=ae.touches[0].clientY-this._startFingerY,this._updateDrawerTransform(this._drawerY+this._deltaFingerY))}_onTouchEnd(ae){(this._isDragging&&!(Math.abs(this._deltaFingerY)<30)||ae.target.closest(".handle"))&&(ae.preventDefault(),this._isDragging=!1,0===this._deltaFingerY&&"closed"===this.openness?this.openness="half-opened":this._updateDrawerTransform(this._drawerY+this._deltaFingerY,!0),this._cleanupTouchListeners(),this._startFingerY=null,this._deltaFingerY=null)}_cleanupTouchListeners(){window.removeEventListener("touchmove",this._boundTouchMove),window.removeEventListener("touchend",this._boundTouchEnd),window.removeEventListener("touchcancel",this._boundTouchCancel)}_updateDrawerTransform(ae){let ue=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const nt=this._getDrawer();nt&&(ae=Math.max(0,Math.min(ae,this._drawerHeight-30)),ue&&(this._deltaFingerY<0?"closed"===this.openness?Math.abs(this._deltaFingerY)>this._drawerHeight*(1-Xt["half-opened"])?this.openness="opened":this.openness="half-opened":this.openness="opened":this.openness="closed",this._drawerY=null,ae=Math.max(0,Math.min(Xt[this.openness]*this._drawerHeight,this._drawerHeight-30))),nt.style.transform=`translateY(${ae}px)`)}render(){const ae={drawer:!0,[this.openness]:!0,dragging:this._isDragging};return ut.qy`
13
13
  <div
14
14
  class=${(0,qt.H)(ae)}
15
15
  @touchstart="${this._onTouchStart}"
@@ -2534,7 +2534,7 @@
2534
2534
  border-radius: 5px;
2535
2535
  min-width: unset;
2536
2536
  }
2537
- `],CopyCoordinates.properties={gps:{type:Array}},customElements.define("pnx-copy-coordinates",CopyCoordinates)},2603:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>GeoSearch});var ut=nt(927),qt=nt.n(ut),Yt=nt(4542),Xt=nt(3606),ys=nt(5995);nt(3630);const Ec={ban:Xt.forwardGeocodingBAN,standard:Xt.forwardGeocodingStandard,nominatim:Xt.forwardGeocodingNominatim};class GeoSearch extends Yt.WF{constructor(){super(),this.geocoder="nominatim",this._geolocateCtrl=new(qt().GeolocateControl)({positionOptions:{enableHighAccuracy:!0,timeout:6e4,maximumAge:3e5},showAccuracyCircle:!0,showUserLocation:!0,trackUserLocation:!0})}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._geocoderEngine=Ec[this.geocoder]||(ae=>Ec.standard(ae,this.geocoder)),(0,ys.onceParentAvailable)(this).then((()=>{var ae,ue;return null===(ae=this._parent)||void 0===ae||null===(ue=ae.onceMapReady)||void 0===ue?void 0:ue.call(ae).then((()=>{this._geolocate=this._geolocateCtrl.onAdd(this._parent.map),this._geolocate.setAttribute("slot","pre")}))}))}_onInput(ae){const ue=ae.match(/([-+]?\d{1,2}\.\d+),\s*([-+]?\d{1,3}\.\d+)/),nt=ae.match(/^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/);if(ue){const ae=parseFloat(ue[1]),nt=parseFloat(ue[2]);return this._parent.map.jumpTo({center:[nt,ae],zoom:16}),Promise.resolve(!0)}return nt?(this._parent.select(null,ae),Promise.resolve(!0)):this._geocoderEngine({query:ae,limit:5,proximity:this._parent.map.getCenter().lat+","+this._parent.map.getCenter().lng}).then((ae=>ae=ae.features.map((ae=>({title:ae.place_name.split(",")[0],subtitle:ae.place_name.split(",").slice(1).join(", "),data:ae})))))}_onSelect(ae){const ue=ae.detail;var nt,ut;ue&&(ue.data.bounds?null===(nt=this._parent)||void 0===nt||nt.map.fitBounds(ue.data.bounds,{animate:!1}):null===(ut=this._parent)||void 0===ut||ut.map.jumpTo({center:ue.data.center,zoom:ue.data.zoom||13}))}render(){var ae,ue;const nt=(null===(ae=this._parent)||void 0===ae?void 0:ae.isWidthSmall())||!1;return Yt.qy`
2537
+ `],CopyCoordinates.properties={gps:{type:Array}},customElements.define("pnx-copy-coordinates",CopyCoordinates)},2603:(ae,ue,nt)=>{"use strict";nt.d(ue,{A:()=>GeoSearch});var ut=nt(927),qt=nt.n(ut),Yt=nt(4542),Xt=nt(3606),ys=nt(5995);nt(3630);const Ec={ban:Xt.forwardGeocodingBAN,standard:Xt.forwardGeocodingStandard,nominatim:Xt.forwardGeocodingNominatim};class GeoSearch extends Yt.WF{constructor(){super(),this.geocoder="nominatim",this._geolocateCtrl=new(qt().GeolocateControl)({positionOptions:{enableHighAccuracy:!0,timeout:6e4,maximumAge:3e5},showAccuracyCircle:!0,showUserLocation:!0,trackUserLocation:!0})}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._geocoderEngine=Ec[this.geocoder]||(ae=>Ec.standard(ae,this.geocoder)),(0,ys.onceParentAvailable)(this).then((()=>{var ae,ue;return null===(ae=this._parent)||void 0===ae||null===(ue=ae.onceMapReady)||void 0===ue?void 0:ue.call(ae).then((()=>{this._geolocate||(this._geolocate=this._geolocateCtrl.onAdd(this._parent.map),this._geolocate.setAttribute("slot","pre"))}))}))}_onInput(ae){const ue=ae.match(/([-+]?\d{1,2}\.\d+),\s*([-+]?\d{1,3}\.\d+)/),nt=ae.match(/^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/);if(ue){const ae=parseFloat(ue[1]),nt=parseFloat(ue[2]);return this._parent.map.jumpTo({center:[nt,ae],zoom:16}),Promise.resolve(!0)}return nt?(this._parent.select(null,ae),Promise.resolve(!0)):this._geocoderEngine({query:ae,limit:5,proximity:this._parent.map.getCenter().lat+","+this._parent.map.getCenter().lng}).then((ae=>ae=ae.features.map((ae=>({title:ae.place_name.split(",")[0],subtitle:ae.place_name.split(",").slice(1).join(", "),data:ae})))))}_onSelect(ae){const ue=ae.detail;var nt,ut;ue&&(ue.data.bounds?null===(nt=this._parent)||void 0===nt||nt.map.fitBounds(ue.data.bounds,{animate:!1}):null===(ut=this._parent)||void 0===ut||ut.map.jumpTo({center:ue.data.center,zoom:ue.data.zoom||13}))}render(){var ae,ue;const nt=(null===(ae=this._parent)||void 0===ae?void 0:ae.isWidthSmall())||!1;return Yt.qy`
2538
2538
  <pnx-search-bar
2539
2539
  id="pnx-widget-search-bar"
2540
2540
  placeholder=${null===(ue=this._parent)||void 0===ue?void 0:ue._t.pnx.search_address}