@geotrekce/geotrek-rando-widget 0.5.6 → 0.5.7

package/dist/esm-es5/grw-app.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-d5cacae4.js";import{t as translate}from"./i18n-1b5344b9.js";import{s as state,r as reset}from"./store-3496120b.js";var grwAppCss="grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);overflow:hidden;max-width:100dvw;max-height:100dvh}.app-container{position:relative;background-color:var(--color-background);width:100%;height:100%;overflow:hidden}.languages-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;margin:16px 16px 0px 0px}.header-container,.large-view-header-container{height:var(--header-height)}.header-container .arrow-back-container,.large-view-header-container .arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.header-container .arrow-back-container .arrow-back-icon,.large-view-header-container .arrow-back-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:var(--border-radius, 50%);height:48px;width:48px;padding:0px;text-align:left}.handle-search-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-search-filters-container .handle-search-container{width:calc(50% + 48px);max-width:220px}.handle-search-filters-container .handle-filters-container{margin-left:16px}.header-detail{height:64px}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.init-loader-container,.loader-container,.large-view-loader-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height))}.content-treks{height:calc(100% - var(--header-height))}.content-trek{height:100%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container,.large-view-app-touristic-content-detail-container,.large-view-app-touristic-event-detail-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;height:100%}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}grw-treks-list,grw-touristic-contents-list{max-height:calc(100vh - var(--header-height))}grw-trek-detail{position:relative;max-height:calc(100vh - 64px - 48px)}grw-touristic-content-detail,grw-touristic-event-detail{position:relative;max-height:calc(100vh - 64px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container,.large-view-app-touristic-content-detail-container,.large-view-app-touristic-event-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}.error-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;margin-top:16px;font-family:var(--font-family);font-size:16px}.error-container grw-common-button{margin-top:16px}";var GrwApp=function(){function t(t){registerInstance(this,t);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTouristicContent=false;this.showTouristicEvent=false;this.showHomeMap=false;this.showTrekMap=false;this.showTouristicContentMap=false;this.showTouristicEventMap=false;this.showFilters=false;this.isLargeView=false;this.currentTrekId=undefined;this.currentTouristicContentId=undefined;this.currentTouristicEventId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.center=undefined;this.zoom=undefined;this.nameLayer=undefined;this.urlLayer=undefined;this.attributionLayer=undefined;this.weather=false;this.emergencyNumber=undefined;this.fontFamily="Roboto";this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.rounded=true;this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false;this.treks=true;this.touristicContents=false;this.touristicEvents=false}t.prototype.onTrekCardPress=function(t){this.currentTouristicContentId=null;this.showTouristicContent=false;state.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;state.currentTouristicEvent=null;var e=state.parentTrekId?state.parentTrekId:state.currentTrekSteps?this.currentTrekId:null;state.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;var i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());if(state.currentTrekSteps){i.searchParams.set("parenttrek",e.toString())}window.history.pushState({},"",i)};t.prototype.onParentTrekPress=function(t){state.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;var e=new URL(window.location.toString());e.searchParams.set("trek",this.currentTrekId.toString());e.searchParams.delete("parenttrek");window.history.pushState({},"",e)};t.prototype.onTouristicContentCardPress=function(t){state.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicContentId=t.detail;this.showTouristicContent=true;this.showTouristicContentMap=false;var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.set("touristiccontent",this.currentTouristicContentId.toString());window.history.pushState({},"",e)};t.prototype.onTouristiceEventCardPress=function(t){state.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicEventId=t.detail;this.showTouristicEvent=true;this.showTouristicEventMap=false;var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.set("touristicevent",this.currentTouristicEventId.toString());window.history.pushState({},"",e)};t.prototype.onWindowResize=function(){this.handleView()};t.prototype.onCenterOnMap=function(){if(!this.isLargeView){this.showTrekMap=true}};t.prototype.watchPropHandler=function(){window.dispatchEvent(new window.Event("resize"))};t.prototype.componentWillLoad=function(){if(this.treks){state.mode="treks"}else if(this.touristicContents){state.mode="touristicContents"}else if(this.touristicEvents){state.mode="touristicEvents"}var t=new URL(window.location.toString());var e=t.searchParams.get("trek");var i=t.searchParams.get("parenttrek");var r=t.searchParams.get("touristiccontent");var o=t.searchParams.get("touristicevent");if(e){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);state.parentTrekId=i?Number(i):null;this.currentTrekId=Number(e);this.showTrek=true}else if(r){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicContentId=Number(r);this.showTouristicContent=true}else if(o){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicEventId=Number(o);this.showTouristicEvent=true}};t.prototype.componentDidLoad=function(){window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};t.prototype.onDetailsClose=function(){if(this.treks){state.mode="treks"}else if(this.touristicContents){state.mode="touristicContents"}else if(this.touristicEvents){state.mode="touristicEvents"}this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicContentMap=false;this.showTouristicEvent=false;this.showTouristicEventMap=false;state.currentTouristicContent=null;state.currentTouristicEvent=null;state.currentTrek=null;state.currentTrekSteps=null;state.parentTrekId=null;this.currentTrekId=null;this.showTrek=false};t.prototype.handleView=function(){this.isLargeView=this.appElement.getBoundingClientRect().width>=this.largeViewSize;this.showHomeMap=this.isLargeView;this.showTrekMap=this.isLargeView};t.prototype.handleFilters=function(){this.showFilters=!this.showFilters};t.prototype.handleBackButton=function(){if(window.history.state&&window.history.state.isInitialHistoryWithDetails){this.onDetailsClose();var t=new URL(window.location.toString());t.searchParams.delete("trek");t.searchParams.delete("touristiccontent");t.searchParams.delete("touristicevent");window.history.pushState({},"",t)}else{window.history.back()}};t.prototype.handlePopState=function(){var t=new URL(window.location.toString());var e=Number(t.searchParams.get("trek"));var i=t.searchParams.get("touristiccontent");var r=t.searchParams.get("touristicevent");if(e&&this.currentTrekId!==e){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicEvent=false;state.currentTouristicContent=null;state.currentTouristicEvent=null;state.currentTrek=null;this.currentTrekId=e;this.showTrek=true}else if(!e&&!i&&!r){this.onDetailsClose()}};t.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else if(this.showTouristicContent){this.showTouristicContentMap=!this.showTouristicContentMap}else if(this.showTouristicEvent){this.showTouristicEventMap=!this.showTouristicEventMap}else{this.showHomeMap=!this.showHomeMap}};t.prototype.getMapVisibilityIconButton=function(){var t;if(this.showTrek){t=this.showTrekMap?"summarize":"map"}else if(this.showTouristicContent){t=this.showTouristicContentMap?"summarize":"map"}else if(this.showTouristicEvent){t=this.showTouristicEventMap?"summarize":"map"}else{t=this.showHomeMap?"list":"map"}return t};t.prototype.getMapVisibilityLabelButton=function(){var t;if(this.showTrek){t=this.showTrekMap?translate[state.language].showDetails:translate[state.language].showRoute}else if(this.showTouristicContent){t=this.showTouristicContentMap?translate[state.language].showDetails:translate[state.language].showMap}else if(this.showTouristicEvent){t=this.showTouristicEventMap?translate[state.language].showDetails:translate[state.language].showMap}else{t=this.showHomeMap?translate[state.language].showList:translate[state.language].showMap}return t};t.prototype.reload=function(){window.location.reload()};t.prototype.disconnectedCallback=function(){reset();window.removeEventListener("popstate",this.handlePopStateBind)};t.prototype.render=function(){var t=this;return h(Host,{style:{"--font-family":this.fontFamily,"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--color-primary-container":this.colorPrimaryContainer,"--color-on-primary-container":this.colorOnPrimaryContainer,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-background":this.colorBackground,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--color-sensitive-area":this.colorSensitiveArea,"--app-width":this.appWidth,"--app-height":this.appHeight,"--header-height":Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1?"136px":"64px","--border-radius":this.rounded?"":"0px"}},!state.currentTreks&&!state.currentTrek&&!state.currentTouristicContent&&!state.currentTouristicEvent&&!state.currentTouristicContents&&!state.currentTouristicEvents&&h("div",{class:"init-loader-container"},h("grw-loader",{"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer})),this.treks&&state.mode==="treks"&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!state.currentTreks&&h("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!state.currentTrek&&h("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId,portals:this.portals}),this.showTouristicContent&&this.currentTouristicContentId&&h("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId,portals:this.portals}),this.showTouristicEvent&&this.currentTouristicEventId&&h("grw-touristic-event-provider",{api:this.api,languages:this.languages,"touristic-event-id":this.currentTouristicEventId,portals:this.portals}),this.touristicContents&&state.mode==="touristicContents"&&!state.currentTouristicContents&&!this.showTouristicContent&&h("grw-touristic-contents-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals}),this.touristicEvents&&state.mode==="touristicEvents"&&!state.currentTouristicEvents&&!this.showTouristicEvent&&h("grw-touristic-events-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals}),(state.currentTreks||state.currentTrek||state.touristicContents||state.touristicEvents||state.currentTouristicContent||state.currentTouristicEvent||state.trekNetworkError)&&h("div",{class:"app-container"},state.languages&&state.languages.length>1&&h("div",{class:"languages-container"},h("grw-select-language",null)),h("div",{class:"".concat(this.isLargeView?"large-view-header-container":"header-container").concat(this.showTrek||this.showTouristicContent||this.showTouristicEvent?" header-detail":"")},Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&h("grw-segmented-segment",{fontFamily:this.fontFamily,treks:this.treks,touristicContents:this.touristicContents,touristicEvents:this.touristicEvents}),!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent?h("div",{class:"handle-search-filters-container"},h("div",{class:"handle-search-container"},h("grw-search",{fontFamily:this.fontFamily})),h("div",{class:"handle-filters-container"},h("grw-common-button",{fontFamily:this.fontFamily,action:function(){return t.handleFilters()},icon:"filter_list",name:translate[state.language].filter}))):h("div",{class:"arrow-back-container"},h("button",{onClick:function(){return t.handleBackButton()},class:"arrow-back-icon"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"arrow_back")))),h("div",{class:"content-container ".concat(this.showTrek||this.showTouristicContent||this.showTouristicEvent?"content-trek":"content-treks")},state.trekNetworkError&&h("div",{class:"error-container"},"Une erreur est survenue.",h("grw-common-button",{icon:"refresh",name:"Recharger la page",action:function(){return t.reload()}})),h("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek||this.showTouristicContent||this.showTouristicEvent?"none":"flex",position:this.showTrek?"absolute":"relative"}},state.mode==="treks"&&this.treks&&h("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow}),state.mode==="touristicContents"&&this.touristicContents&&h("grw-touristic-contents-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow}),state.mode==="touristicEvents"&&this.touristicEvents&&h("grw-touristic-events-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!state.currentTrek||this.showTouristicContent&&!state.currentTouristicContent||this.showTouristicEvent&&!state.currentTouristicEvent||!state.currentTreks&&state.mode==="treks"||!state.touristicContents&&state.mode==="touristicContents"&&h("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},h("grw-loader",{"color-primary-container":this.colorSecondaryContainer,"color-on-primary-container":this.colorOnSecondaryContainer})),state.currentTrek&&h("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},h("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false",fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView,"emergency-number":this.emergencyNumber})),this.showTouristicContent&&h("div",{class:this.isLargeView?"large-view-app-touristic-content-detail-container":"app-touristic-content-detail-container"},h("grw-touristic-content-detail",{style:{visibility:!this.showTouristicContentMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicContentMap?"1":"0"},fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),this.showTouristicEvent&&h("div",{class:this.isLargeView?"large-view-app-touristic-event-detail-container":"app-touristic-event-detail-container"},h("grw-touristic-event-detail",{style:{visibility:!this.showTouristicEventMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicEventMap?"1":"0"},fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),!state.trekNetworkError&&h("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showHomeMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.showTouristicContentMap&&this.showTouristicContent||this.showTouristicEventMap&&this.showTouristicEvent||this.isLargeView?"visible":"hidden",zIndex:this.showHomeMap||this.showTrekMap||this.showTouristicContentMap||this.showTouristicEventMap?"1":"0"},center:this.center,zoom:this.zoom,"name-layer":this.nameLayer,"url-layer":this.urlLayer,"attribution-layer":this.attributionLayer,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent||this.showTrek&&state.currentTrek||this.showTouristicContent&&state.currentTouristicContent||this.showTouristicEvent&&state.currentTouristicEvent)&&h("div",{class:"map-visibility-button-container"},h("grw-extended-fab",{fontFamily:this.fontFamily,action:function(){return t.handleShowMap()},icon:function(){return t.getMapVisibilityIconButton()},name:function(){return t.getMapVisibilityLabelButton()},display:this.isLargeView?"none":"flex"}))),!this.showTrek&&this.showFilters&&h("grw-filters",{fontFamily:this.fontFamily,handleFilters:function(){return t.handleFilters()}}))};Object.defineProperty(t.prototype,"appElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return t}();GrwApp.style=grwAppCss;export{GrwApp as grw_app};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-d5cacae4.js";import{t as translate}from"./i18n-1b5344b9.js";import{s as state,r as reset}from"./store-3496120b.js";var grwAppCss="grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);overflow:hidden;max-width:100dvw;max-height:100dvh}.app-container{position:relative;background-color:var(--color-background);width:100%;height:100%;overflow:hidden}.languages-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;margin:16px 16px 0px 0px}.header-container,.large-view-header-container{height:var(--header-height)}.header-container .arrow-back-container,.large-view-header-container .arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.header-container .arrow-back-container .arrow-back-icon,.large-view-header-container .arrow-back-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:var(--border-radius, 50%);height:48px;width:48px;padding:0px;text-align:left}.handle-search-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-search-filters-container .handle-search-container{width:calc(50% + 48px);max-width:220px}.handle-search-filters-container .handle-filters-container{margin-left:16px}.header-detail{height:64px}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.init-loader-container,.loader-container,.large-view-loader-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height))}.content-treks{height:calc(100% - var(--header-height))}.content-trek{height:100%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container,.large-view-app-touristic-content-detail-container,.large-view-app-touristic-event-detail-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;height:100%}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container,.app-touristic-content-detail-container,.app-touristic-event-detail-container{width:100%}grw-treks-list,grw-touristic-contents-list{max-height:calc(100vh - var(--header-height))}grw-trek-detail{position:relative;max-height:calc(100vh - 64px - 48px)}grw-touristic-content-detail,grw-touristic-event-detail{position:relative;max-height:calc(100vh - 64px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container,.large-view-app-touristic-content-detail-container,.large-view-app-touristic-event-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}.error-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;margin-top:16px;font-family:var(--font-family);font-size:16px}.error-container grw-common-button{margin-top:16px}";var GrwApp=function(){function t(t){registerInstance(this,t);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTouristicContent=false;this.showTouristicEvent=false;this.showHomeMap=false;this.showTrekMap=false;this.showTouristicContentMap=false;this.showTouristicEventMap=false;this.showFilters=false;this.isLargeView=false;this.currentTrekId=undefined;this.currentTouristicContentId=undefined;this.currentTouristicEventId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.center=undefined;this.zoom=undefined;this.nameLayer=undefined;this.urlLayer=undefined;this.attributionLayer=undefined;this.weather=false;this.emergencyNumber=undefined;this.fontFamily="Roboto";this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.rounded=true;this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false;this.treks=true;this.touristicContents=false;this.touristicEvents=false}t.prototype.onTrekCardPress=function(t){this.currentTouristicContentId=null;this.showTouristicContent=false;state.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;state.currentTouristicEvent=null;var e=state.parentTrekId?state.parentTrekId:state.currentTrekSteps?this.currentTrekId:null;state.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;var i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());if(state.currentTrekSteps){i.searchParams.set("parenttrek",e.toString())}window.history.pushState({},"",i)};t.prototype.onParentTrekPress=function(t){state.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;var e=new URL(window.location.toString());e.searchParams.set("trek",this.currentTrekId.toString());e.searchParams.delete("parenttrek");window.history.pushState({},"",e)};t.prototype.onTouristicContentCardPress=function(t){state.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicContentId=t.detail;this.showTouristicContent=true;this.showTouristicContentMap=false;var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.set("touristiccontent",this.currentTouristicContentId.toString());window.history.pushState({},"",e)};t.prototype.onTouristiceEventCardPress=function(t){state.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicEventId=t.detail;this.showTouristicEvent=true;this.showTouristicEventMap=false;var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.set("touristicevent",this.currentTouristicEventId.toString());window.history.pushState({},"",e)};t.prototype.onWindowResize=function(){this.handleView()};t.prototype.onCenterOnMap=function(){if(!this.isLargeView){this.showTrekMap=true}};t.prototype.watchPropHandler=function(){window.dispatchEvent(new window.Event("resize"))};t.prototype.componentWillLoad=function(){if(this.treks){state.mode="treks"}else if(this.touristicContents){state.mode="touristicContents"}else if(this.touristicEvents){state.mode="touristicEvents"}var t=new URL(window.location.toString());var e=t.searchParams.get("trek");var i=t.searchParams.get("parenttrek");var r=t.searchParams.get("touristiccontent");var o=t.searchParams.get("touristicevent");if(e){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);state.parentTrekId=i?Number(i):null;this.currentTrekId=Number(e);this.showTrek=true}else if(r){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicContentId=Number(r);this.showTouristicContent=true}else if(o){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicEventId=Number(o);this.showTouristicEvent=true}};t.prototype.componentDidLoad=function(){window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};t.prototype.onDetailsClose=function(){if(this.treks){state.mode="treks"}else if(this.touristicContents){state.mode="touristicContents"}else if(this.touristicEvents){state.mode="touristicEvents"}this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicContentMap=false;this.showTouristicEvent=false;this.showTouristicEventMap=false;state.currentTouristicContent=null;state.currentTouristicEvent=null;state.currentTrek=null;state.currentTrekSteps=null;state.parentTrekId=null;this.currentTrekId=null;this.showTrek=false};t.prototype.handleView=function(){this.isLargeView=this.appElement.getBoundingClientRect().width>=this.largeViewSize;this.showHomeMap=this.isLargeView;this.showTrekMap=this.isLargeView};t.prototype.handleFilters=function(){this.showFilters=!this.showFilters};t.prototype.handleBackButton=function(){if(window.history.state&&window.history.state.isInitialHistoryWithDetails){this.onDetailsClose();var t=new URL(window.location.toString());t.searchParams.delete("trek");t.searchParams.delete("touristiccontent");t.searchParams.delete("touristicevent");window.history.pushState({},"",t)}else{window.history.back()}};t.prototype.handlePopState=function(){var t=new URL(window.location.toString());var e=Number(t.searchParams.get("trek"));var i=t.searchParams.get("touristiccontent");var r=t.searchParams.get("touristicevent");if(e&&this.currentTrekId!==e){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicEvent=false;state.currentTouristicContent=null;state.currentTouristicEvent=null;state.currentTrek=null;this.currentTrekId=e;this.showTrek=true}else if(!e&&!i&&!r){this.onDetailsClose()}};t.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else if(this.showTouristicContent){this.showTouristicContentMap=!this.showTouristicContentMap}else if(this.showTouristicEvent){this.showTouristicEventMap=!this.showTouristicEventMap}else{this.showHomeMap=!this.showHomeMap}};t.prototype.getMapVisibilityIconButton=function(){var t;if(this.showTrek){t=this.showTrekMap?"summarize":"map"}else if(this.showTouristicContent){t=this.showTouristicContentMap?"summarize":"map"}else if(this.showTouristicEvent){t=this.showTouristicEventMap?"summarize":"map"}else{t=this.showHomeMap?"list":"map"}return t};t.prototype.getMapVisibilityLabelButton=function(){var t;if(this.showTrek){t=this.showTrekMap?translate[state.language].showDetails:translate[state.language].showRoute}else if(this.showTouristicContent){t=this.showTouristicContentMap?translate[state.language].showDetails:translate[state.language].showMap}else if(this.showTouristicEvent){t=this.showTouristicEventMap?translate[state.language].showDetails:translate[state.language].showMap}else{t=this.showHomeMap?translate[state.language].showList:translate[state.language].showMap}return t};t.prototype.reload=function(){window.location.reload()};t.prototype.disconnectedCallback=function(){reset();window.removeEventListener("popstate",this.handlePopStateBind)};t.prototype.render=function(){var t=this;return h(Host,{style:{"--font-family":this.fontFamily,"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--color-primary-container":this.colorPrimaryContainer,"--color-on-primary-container":this.colorOnPrimaryContainer,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-background":this.colorBackground,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--color-sensitive-area":this.colorSensitiveArea,"--app-width":this.appWidth,"--app-height":this.appHeight,"--header-height":Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1?"136px":"64px","--border-radius":this.rounded?"":"0px"}},!state.currentTreks&&!state.currentTrek&&!state.currentTouristicContent&&!state.currentTouristicEvent&&!state.currentTouristicContents&&!state.currentTouristicEvents&&h("div",{class:"init-loader-container"},h("grw-loader",{"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer})),this.treks&&state.mode==="treks"&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!state.currentTreks&&h("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!state.currentTrek&&h("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId,portals:this.portals}),this.showTouristicContent&&this.currentTouristicContentId&&h("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId,portals:this.portals}),this.showTouristicEvent&&this.currentTouristicEventId&&h("grw-touristic-event-provider",{api:this.api,languages:this.languages,"touristic-event-id":this.currentTouristicEventId,portals:this.portals}),this.touristicContents&&state.mode==="touristicContents"&&!state.currentTouristicContents&&!this.showTouristicContent&&h("grw-touristic-contents-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals}),this.touristicEvents&&state.mode==="touristicEvents"&&!state.currentTouristicEvents&&!this.showTouristicEvent&&h("grw-touristic-events-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals}),(state.currentTreks||state.currentTrek||state.touristicContents||state.touristicEvents||state.currentTouristicContent||state.currentTouristicEvent||state.trekNetworkError)&&h("div",{class:"app-container"},state.languages&&state.languages.length>1&&h("div",{class:"languages-container"},h("grw-select-language",null)),h("div",{class:"".concat(this.isLargeView?"large-view-header-container":"header-container").concat(this.showTrek||this.showTouristicContent||this.showTouristicEvent?" header-detail":"")},Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&h("grw-segmented-segment",{fontFamily:this.fontFamily,treks:this.treks,touristicContents:this.touristicContents,touristicEvents:this.touristicEvents}),!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent?h("div",{class:"handle-search-filters-container"},h("div",{class:"handle-search-container"},h("grw-search",{fontFamily:this.fontFamily})),h("div",{class:"handle-filters-container"},h("grw-common-button",{fontFamily:this.fontFamily,action:function(){return t.handleFilters()},icon:"filter_list",name:translate[state.language].filter}))):h("div",{class:"arrow-back-container"},h("button",{onClick:function(){return t.handleBackButton()},class:"arrow-back-icon"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"arrow_back")))),h("div",{class:"content-container ".concat(this.showTrek||this.showTouristicContent||this.showTouristicEvent?"content-trek":"content-treks")},state.trekNetworkError&&h("div",{class:"error-container"},"Une erreur est survenue.",h("grw-common-button",{icon:"refresh",name:"Recharger la page",action:function(){return t.reload()}})),h("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek||this.showTouristicContent||this.showTouristicEvent?"none":"flex",position:this.showTrek?"absolute":"relative"}},state.mode==="treks"&&this.treks&&h("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow}),state.mode==="touristicContents"&&this.touristicContents&&h("grw-touristic-contents-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow}),state.mode==="touristicEvents"&&this.touristicEvents&&h("grw-touristic-events-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!state.currentTrek||this.showTouristicContent&&!state.currentTouristicContent||this.showTouristicEvent&&!state.currentTouristicEvent||!state.currentTreks&&state.mode==="treks"||!state.touristicContents&&state.mode==="touristicContents"&&h("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},h("grw-loader",{"color-primary-container":this.colorSecondaryContainer,"color-on-primary-container":this.colorOnSecondaryContainer})),state.currentTrek&&h("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},h("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false",fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView,"emergency-number":this.emergencyNumber})),this.showTouristicContent&&h("div",{class:this.isLargeView?"large-view-app-touristic-content-detail-container":"app-touristic-content-detail-container"},h("grw-touristic-content-detail",{style:{visibility:!this.showTouristicContentMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicContentMap?"1":"0"},fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),this.showTouristicEvent&&h("div",{class:this.isLargeView?"large-view-app-touristic-event-detail-container":"app-touristic-event-detail-container"},h("grw-touristic-event-detail",{style:{visibility:!this.showTouristicEventMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicEventMap?"1":"0"},fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),!state.trekNetworkError&&h("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showHomeMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.showTouristicContentMap&&this.showTouristicContent||this.showTouristicEventMap&&this.showTouristicEvent||this.isLargeView?"visible":"hidden",zIndex:this.showHomeMap||this.showTrekMap||this.showTouristicContentMap||this.showTouristicEventMap?"1":"0"},center:this.center,zoom:this.zoom,"name-layer":this.nameLayer,"url-layer":this.urlLayer,"attribution-layer":this.attributionLayer,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent||this.showTrek&&state.currentTrek||this.showTouristicContent&&state.currentTouristicContent||this.showTouristicEvent&&state.currentTouristicEvent)&&h("div",{class:"map-visibility-button-container"},h("grw-extended-fab",{fontFamily:this.fontFamily,action:function(){return t.handleShowMap()},icon:function(){return t.getMapVisibilityIconButton()},name:function(){return t.getMapVisibilityLabelButton()},display:this.isLargeView?"none":"flex"}))),!this.showTrek&&this.showFilters&&h("grw-filters",{fontFamily:this.fontFamily,handleFilters:function(){return t.handleFilters()}}))};Object.defineProperty(t.prototype,"appElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return t}();GrwApp.style=grwAppCss;export{GrwApp as grw_app};
 //# sourceMappingURL=grw-app.entry.js.map

package/dist/esm-es5/grw-app.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","prototype","onTrekCardPress","event","currentTouristicContentId","showTouristicContent","state","currentTouristicContent","currentTouristicEventId","showTouristicEvent","currentTouristicEvent","parentTrek","parentTrekId","currentTrekSteps","currentTrekId","currentTrek","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onParentTrekPress","delete","onTouristicContentCardPress","showTouristicContentMap","onTouristiceEventCardPress","showTouristicEventMap","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","treks","mode","touristicContents","touristicEvents","trekParam","get","touristicContentParam","touristicEventParam","replaceState","isInitialHistoryWithDetails","Number","componentDidLoad","addEventListener","onDetailsClose","appElement","getBoundingClientRect","width","showHomeMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","getMapVisibilityIconButton","mapIconButton","getMapVisibilityLabelButton","mapLabelButton","translate","language","showDetails","showRoute","showMap","showList","reload","disconnectedCallback","reset","removeEventListener","render","_this","h","Host","style","fontFamily","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","colorSensitiveArea","appWidth","appHeight","rounded","currentTreks","currentTouristicContents","currentTouristicEvents","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","trekNetworkError","length","concat","action","icon","name","filter","onClick","display","position","visibility","zIndex","weather","emergencyNumber","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorPoiIcon","useGradient"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":["grw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  overflow: hidden;\n  max-width: 100dvw;\n  max-height: 100dvh;\n}\n\n.app-container {\n  position: relative;\n  background-color: var(--color-background);\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.languages-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 16px 16px 0px 0px;\n}\n\n.header-container,\n.large-view-header-container {\n  height: var(--header-height);\n  .arrow-back-container {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    margin: 0px 16px;\n    .arrow-back-icon {\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      color: var(--color-on-surface);\n      border: none;\n      background-color: var(--color-background);\n      border-radius: var(--border-radius, 50%);\n      height: 48px;\n      width: 48px;\n      padding: 0px;\n      text-align: left;\n    }\n  }\n}\n\n.handle-search-filters-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0px 16px;\n  height: 64px;\n\n  .handle-search-container {\n    width: calc(50% + 48px);\n    max-width: 220px;\n  }\n  .handle-filters-container {\n    margin-left: 16px;\n  }\n}\n\n.header-detail {\n  height: 64px;\n}\n\n.large-view-header-container {\n  .handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  background-color: var(--color-background);\n}\n\n.content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - var(--header-height));\n}\n\n.content-treks {\n  height: calc(100% - var(--header-height));\n}\n\n.content-trek {\n  height: 100%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container,\n.large-view-app-touristic-content-detail-container,\n.large-view-app-touristic-event-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  height: 100%;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  z-index: 4;\n}\n\n.init-loader-container,\n.loader-container {\n  width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n  width: 100%;\n}\n\ngrw-treks-list,\ngrw-touristic-contents-list {\n  max-height: calc(100vh - var(--header-height));\n}\n\ngrw-trek-detail {\n  position: relative;\n  max-height: calc(100vh - 64px - 48px);\n}\n\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n  position: relative;\n  max-height: calc(100vh - 64px);\n}\n\n.app-map-container {\n  width: 100%;\n  position: absolute;\n}\n\n.large-view-loader-container {\n  width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container,\n.large-view-app-touristic-content-detail-container,\n.large-view-app-touristic-event-detail-container {\n  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  margin-top: 16px;\n  font-family: var(--font-family);\n  font-size: 16px;\n  grw-common-button {\n    margin-top: 16px;\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { reset } from 'store/store';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @State() showTrek = false;\n  @State() showTouristicContent = false;\n  @State() showTouristicEvent = false;\n  @State() showHomeMap = false;\n  @State() showTrekMap = false;\n  @State() showTouristicContentMap = false;\n  @State() showTouristicEventMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() currentTrekId: number;\n  @State() currentTouristicContentId: number;\n  @State() currentTouristicEventId: number;\n  @Prop() appWidth: string = '100%';\n  @Prop() appHeight: string = '100vh';\n  @Prop() api: string;\n  @Prop() languages = 'fr';\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() nameLayer: string;\n  @Prop() urlLayer: string;\n  @Prop() attributionLayer: string;\n  @Prop() weather = false;\n  @Prop() emergencyNumber: number;\n\n  @Prop() fontFamily = 'Roboto';\n  @Prop() colorPrimaryApp = '#6750a4';\n  @Prop() colorOnPrimary = '#ffffff';\n  @Prop() colorSurface = '#1c1b1f';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSurfaceVariant = '#fef7ff';\n  @Prop() colorOnSurfaceVariant = '#1c1b1f';\n  @Prop() colorPrimaryContainer = '#eaddff';\n  @Prop() colorOnPrimaryContainer = '#21005e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorBackground = '#fef7ff';\n  @Prop() colorSurfaceContainerHigh = '#ece6f0';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n  @Prop() rounded = true;\n\n  @Prop() colorTrekLine = '#6b0030';\n  @Prop() colorSensitiveArea = '#4974a5';\n  @Prop() colorPoiIcon = '#974c6e';\n  @Prop() useGradient = false;\n\n  @Prop() treks = true;\n  @Prop() touristicContents = false;\n  @Prop() touristicEvents = false;\n\n  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\n    this.currentTouristicContentId = null;\n    this.showTouristicContent = false;\n    state.currentTouristicContent = null;\n    this.currentTouristicEventId = null;\n    this.showTouristicEvent = false;\n    state.currentTouristicEvent = null;\n    const parentTrek = state.parentTrekId ? state.parentTrekId : state.currentTrekSteps ? this.currentTrekId : null;\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    if (state.currentTrekSteps) {\n      url.searchParams.set('parenttrek', parentTrek.toString());\n    }\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('parentTrekPress', { target: 'window' })\n  onParentTrekPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    url.searchParams.delete('parenttrek');\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('touristicContentCardPress', { target: 'window' })\n  onTouristicContentCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n    this.currentTouristicContentId = event.detail;\n    this.showTouristicContent = true;\n    this.showTouristicContentMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.delete('trek');\n    url.searchParams.set('touristiccontent', this.currentTouristicContentId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('touristicEventCardPress', { target: 'window' })\n  onTouristiceEventCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n    this.currentTouristicEventId = event.detail;\n    this.showTouristicEvent = true;\n    this.showTouristicEventMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.delete('trek');\n    url.searchParams.set('touristicevent', this.currentTouristicEventId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  @Listen('centerOnMap', { target: 'window' })\n  onCenterOnMap() {\n    if (!this.isLargeView) {\n      this.showTrekMap = true;\n    }\n  }\n\n  @Watch('isLargeView')\n  watchPropHandler() {\n    window.dispatchEvent(new window.Event('resize'));\n  }\n\n  componentWillLoad() {\n    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\n    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    const parentTrekId = url.searchParams.get('parenttrek');\n    const touristicContentParam = url.searchParams.get('touristiccontent');\n    const touristicEventParam = url.searchParams.get('touristicevent');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      state.parentTrekId = parentTrekId ? Number(parentTrekId) : null;\n      this.currentTrekId = Number(trekParam);\n      this.showTrek = true;\n    } else if (touristicContentParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicContentId = Number(touristicContentParam);\n      this.showTouristicContent = true;\n    } else if (touristicEventParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicEventId = Number(touristicEventParam);\n      this.showTouristicEvent = true;\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onDetailsClose() {\n    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\n    this.currentTouristicContentId = null;\n    this.showTouristicContent = false;\n    this.showTouristicContentMap = false;\n    this.showTouristicEvent = false;\n    this.showTouristicEventMap = false;\n    state.currentTouristicContent = null;\n    state.currentTouristicEvent = null;\n    state.currentTrek = null;\n    state.currentTrekSteps = null;\n    state.parentTrekId = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n  }\n\n  handleView() {\n    this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n    this.showHomeMap = this.isLargeView;\n    this.showTrekMap = this.isLargeView;\n  }\n\n  handleFilters() {\n    this.showFilters = !this.showFilters;\n  }\n\n  handleBackButton() {\n    if (window.history.state && window.history.state.isInitialHistoryWithDetails) {\n      this.onDetailsClose();\n      const url = new URL(window.location.toString());\n      url.searchParams.delete('trek');\n      url.searchParams.delete('touristiccontent');\n      url.searchParams.delete('touristicevent');\n      window.history.pushState({}, '', url);\n    } else {\n      window.history.back();\n    }\n  }\n\n  handlePopState() {\n    const url = new URL(window.location.toString());\n    const trekParam = Number(url.searchParams.get('trek'));\n    const touristicContentParam = url.searchParams.get('touristiccontent');\n    const touristicEventParam = url.searchParams.get('touristicevent');\n    if (trekParam && this.currentTrekId !== trekParam) {\n      this.currentTouristicContentId = null;\n      this.showTouristicContent = false;\n      this.showTouristicEvent = false;\n      state.currentTouristicContent = null;\n      state.currentTouristicEvent = null;\n      state.currentTrek = null;\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam && !touristicContentParam && !touristicEventParam) {\n      this.onDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else if (this.showTouristicContent) {\n      this.showTouristicContentMap = !this.showTouristicContentMap;\n    } else if (this.showTouristicEvent) {\n      this.showTouristicEventMap = !this.showTouristicEventMap;\n    } else {\n      this.showHomeMap = !this.showHomeMap;\n    }\n  }\n\n  getMapVisibilityIconButton() {\n    let mapIconButton: string;\n\n    if (this.showTrek) {\n      mapIconButton = this.showTrekMap ? 'summarize' : 'map';\n    } else if (this.showTouristicContent) {\n      mapIconButton = this.showTouristicContentMap ? 'summarize' : 'map';\n    } else if (this.showTouristicEvent) {\n      mapIconButton = this.showTouristicEventMap ? 'summarize' : 'map';\n    } else {\n      mapIconButton = this.showHomeMap ? 'list' : 'map';\n    }\n\n    return mapIconButton;\n  }\n\n  getMapVisibilityLabelButton() {\n    let mapLabelButton: string;\n\n    if (this.showTrek) {\n      mapLabelButton = this.showTrekMap ? translate[state.language].showDetails : translate[state.language].showRoute;\n    } else if (this.showTouristicContent) {\n      mapLabelButton = this.showTouristicContentMap ? translate[state.language].showDetails : translate[state.language].showMap;\n    } else if (this.showTouristicEvent) {\n      mapLabelButton = this.showTouristicEventMap ? translate[state.language].showDetails : translate[state.language].showMap;\n    } else {\n      mapLabelButton = this.showHomeMap ? translate[state.language].showList : translate[state.language].showMap;\n    }\n\n    return mapLabelButton;\n  }\n\n  reload() {\n    window.location.reload();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-primary': this.colorOnPrimary,\n          '--color-surface': this.colorSurface,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-surface-variant': this.colorSurfaceVariant,\n          '--color-on-surface-variant': this.colorOnSurfaceVariant,\n          '--color-primary-container': this.colorPrimaryContainer,\n          '--color-on-primary-container': this.colorOnPrimaryContainer,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-background': this.colorBackground,\n          '--color-surface-container-high': this.colorSurfaceContainerHigh,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n          '--fab-background-color': this.fabBackgroundColor,\n          '--fab-color': this.fabColor,\n          '--color-sensitive-area': this.colorSensitiveArea,\n          '--app-width': this.appWidth,\n          '--app-height': this.appHeight,\n          '--header-height': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '136px' : '64px',\n          '--border-radius': this.rounded ? '' : '0px',\n        }}\n      >\n        {!state.currentTreks &&\n          !state.currentTrek &&\n          !state.currentTouristicContent &&\n          !state.currentTouristicEvent &&\n          !state.currentTouristicContents &&\n          !state.currentTouristicEvents && (\n            <div class=\"init-loader-container\">\n              <grw-loader color-primary-container={this.colorPrimaryContainer} color-on-primary-container={this.colorOnPrimaryContainer}></grw-loader>\n            </div>\n          )}\n        {this.treks && state.mode === 'treks' && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.currentTreks && (\n          <grw-treks-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n            routes={this.routes}\n            practices={this.practices}\n          ></grw-treks-provider>\n        )}\n        {this.showTrek && this.currentTrekId && !state.currentTrek && (\n          <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId} portals={this.portals}></grw-trek-provider>\n        )}\n        {this.showTouristicContent && this.currentTouristicContentId && (\n          <grw-touristic-content-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-content-id={this.currentTouristicContentId}\n            portals={this.portals}\n          ></grw-touristic-content-provider>\n        )}\n        {this.showTouristicEvent && this.currentTouristicEventId && (\n          <grw-touristic-event-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-event-id={this.currentTouristicEventId}\n            portals={this.portals}\n          ></grw-touristic-event-provider>\n        )}\n        {this.touristicContents && state.mode === 'touristicContents' && !state.currentTouristicContents && !this.showTouristicContent && (\n          <grw-touristic-contents-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n          ></grw-touristic-contents-provider>\n        )}\n        {this.touristicEvents && state.mode === 'touristicEvents' && !state.currentTouristicEvents && !this.showTouristicEvent && (\n          <grw-touristic-events-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n          ></grw-touristic-events-provider>\n        )}\n        {(state.currentTreks ||\n          state.currentTrek ||\n          state.touristicContents ||\n          state.touristicEvents ||\n          state.currentTouristicContent ||\n          state.currentTouristicEvent ||\n          state.trekNetworkError) && (\n          <div class=\"app-container\">\n            {state.languages && state.languages.length > 1 && (\n              <div class=\"languages-container\">\n                <grw-select-language></grw-select-language>\n              </div>\n            )}\n            <div\n              class={`${this.isLargeView ? 'large-view-header-container' : 'header-container'}${\n                this.showTrek || this.showTouristicContent || this.showTouristicEvent ? ' header-detail' : ''\n              }`}\n            >\n              {Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 &&\n                !this.showTrek &&\n                !this.showTouristicContent &&\n                !this.showTouristicEvent && (\n                  <grw-segmented-segment\n                    fontFamily={this.fontFamily}\n                    treks={this.treks}\n                    touristicContents={this.touristicContents}\n                    touristicEvents={this.touristicEvents}\n                  ></grw-segmented-segment>\n                )}\n              {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n                <div class=\"handle-search-filters-container\">\n                  <div class=\"handle-search-container\">\n                    <grw-search fontFamily={this.fontFamily}></grw-search>\n                  </div>\n                  <div class=\"handle-filters-container\">\n                    <grw-common-button\n                      fontFamily={this.fontFamily}\n                      action={() => this.handleFilters()}\n                      icon={'filter_list'}\n                      name={translate[state.language].filter}\n                    ></grw-common-button>\n                  </div>\n                </div>\n              ) : (\n                <div class=\"arrow-back-container\">\n                  <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      arrow_back\n                    </span>\n                  </button>\n                </div>\n              )}\n            </div>\n\n            <div class={`content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'content-trek' : 'content-treks'}`}>\n              {state.trekNetworkError && (\n                <div class=\"error-container\">\n                  Une erreur est survenue.\n                  <grw-common-button icon=\"refresh\" name=\"Recharger la page\" action={() => this.reload()}></grw-common-button>\n                </div>\n              )}\n              <div\n                class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n                style={{ display: this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\n                {state.mode === 'treks' && this.treks && (\n                  <grw-treks-list\n                    reset-store-on-disconnected={'false'}\n                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                  ></grw-treks-list>\n                )}\n                {state.mode === 'touristicContents' && this.touristicContents && (\n                  <grw-touristic-contents-list\n                    reset-store-on-disconnected={'false'}\n                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                  ></grw-touristic-contents-list>\n                )}\n                {state.mode === 'touristicEvents' && this.touristicEvents && (\n                  <grw-touristic-events-list\n                    reset-store-on-disconnected={'false'}\n                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                  ></grw-touristic-events-list>\n                )}\n              </div>\n              {(this.showTrek && !state.currentTrek) ||\n                (this.showTouristicContent && !state.currentTouristicContent) ||\n                (this.showTouristicEvent && !state.currentTouristicEvent) ||\n                (!state.currentTreks && state.mode === 'treks') ||\n                (!state.touristicContents && state.mode === 'touristicContents' && (\n                  <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n                    <grw-loader color-primary-container={this.colorSecondaryContainer} color-on-primary-container={this.colorOnSecondaryContainer}></grw-loader>\n                  </div>\n                ))}\n              {state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n                  <grw-trek-detail\n                    style={{\n                      visibility: (!this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTrekMap ? '1' : '0',\n                    }}\n                    reset-store-on-disconnected={'false'}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    weather={this.weather}\n                    is-large-view={this.isLargeView}\n                    emergency-number={this.emergencyNumber}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              {this.showTouristicContent && (\n                <div class={this.isLargeView ? 'large-view-app-touristic-content-detail-container' : 'app-touristic-content-detail-container'}>\n                  <grw-touristic-content-detail\n                    style={{\n                      visibility: !this.showTouristicContentMap || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTouristicContentMap ? '1' : '0',\n                    }}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    is-large-view={this.isLargeView}\n                  ></grw-touristic-content-detail>\n                </div>\n              )}\n              {this.showTouristicEvent && (\n                <div class={this.isLargeView ? 'large-view-app-touristic-event-detail-container' : 'app-touristic-event-detail-container'}>\n                  <grw-touristic-event-detail\n                    style={{\n                      visibility: !this.showTouristicEventMap || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTouristicEventMap ? '1' : '0',\n                    }}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    is-large-view={this.isLargeView}\n                  ></grw-touristic-event-detail>\n                </div>\n              )}\n              {!state.trekNetworkError && (\n                <grw-map\n                  reset-store-on-disconnected={'false'}\n                  class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n                  style={{\n                    visibility:\n                      (this.showHomeMap && !this.showTrek) ||\n                      (this.showTrekMap && this.showTrek) ||\n                      (this.showTouristicContentMap && this.showTouristicContent) ||\n                      (this.showTouristicEventMap && this.showTouristicEvent) ||\n                      this.isLargeView\n                        ? 'visible'\n                        : 'hidden',\n                    zIndex: this.showHomeMap || this.showTrekMap || this.showTouristicContentMap || this.showTouristicEventMap ? '1' : '0',\n                  }}\n                  center={this.center}\n                  zoom={this.zoom}\n                  name-layer={this.nameLayer}\n                  url-layer={this.urlLayer}\n                  attribution-layer={this.attributionLayer}\n                  fontFamily={this.fontFamily}\n                  color-primary-app={this.colorPrimaryApp}\n                  color-on-surface={this.colorOnSurface}\n                  color-primary-container={this.colorPrimaryContainer}\n                  color-on-primary-container={this.colorOnPrimaryContainer}\n                  color-background={this.colorBackground}\n                  color-trek-line={this.colorTrekLine}\n                  color-sensitive-area={this.colorSensitiveArea}\n                  color-poi-icon={this.colorPoiIcon}\n                  is-large-view={this.isLargeView}\n                  use-gradient={this.useGradient}\n                ></grw-map>\n              )}\n            </div>\n            {((!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent) ||\n              (this.showTrek && state.currentTrek) ||\n              (this.showTouristicContent && state.currentTouristicContent) ||\n              (this.showTouristicEvent && state.currentTouristicEvent)) && (\n              <div class=\"map-visibility-button-container\">\n                <grw-extended-fab\n                  fontFamily={this.fontFamily}\n                  action={() => this.handleShowMap()}\n                  icon={() => this.getMapVisibilityIconButton()}\n                  name={() => this.getMapVisibilityLabelButton()}\n                  display={this.isLargeView ? 'none' : 'flex'}\n                ></grw-extended-fab>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && <grw-filters fontFamily={this.fontFamily} handleFilters={() => this.handleFilters()}></grw-filters>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"yLAAA,IAAMA,UAAY,87G,ICSLC,OAAM,W,uCA6DjBC,KAAAC,cAAgB,KAChBD,KAAAE,mBAA2CF,KAAKG,eAAeC,KAAKJ,M,cA5DhD,M,0BACY,M,wBACF,M,iBACP,M,iBACA,M,6BACY,M,2BACF,M,iBACV,M,iBACA,M,2HAII,O,eACC,Q,kCAER,K,mUAcF,M,+CAGG,S,qBACK,U,oBACD,U,kBACF,U,oBACE,U,yBACK,U,2BACE,U,2BACA,U,6BACE,U,6BACA,U,+BACE,U,qBACV,U,+BACU,U,8BACD,U,wBACN,U,cACV,U,aACD,K,mBAEM,U,wBACK,U,kBACN,U,iBACD,M,WAEN,K,uBACY,M,qBACF,K,CAM1BD,EAAAM,UAAAC,gBAAA,SAAgBC,GACdP,KAAKQ,0BAA4B,KACjCR,KAAKS,qBAAuB,MAC5BC,MAAMC,wBAA0B,KAChCX,KAAKY,wBAA0B,KAC/BZ,KAAKa,mBAAqB,MAC1BH,MAAMI,sBAAwB,KAC9B,IAAMC,EAAaL,MAAMM,aAAeN,MAAMM,aAAeN,MAAMO,iBAAmBjB,KAAKkB,cAAgB,KAC3GR,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgBX,EAAMa,OAC3BpB,KAAKqB,SAAW,KAChBrB,KAAKsB,YAAc,MACnB,IAAMC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaC,IAAI,OAAQ7B,KAAKkB,cAAcS,YAChD,GAAIjB,MAAMO,iBAAkB,CAC1BM,EAAIK,aAAaC,IAAI,aAAcd,EAAWY,W,CAEhDF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,EAInCxB,EAAAM,UAAA2B,kBAAA,SAAkBzB,GAChBG,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgBX,EAAMa,OAC3BpB,KAAKqB,SAAW,KAChBrB,KAAKsB,YAAc,MACnB,IAAMC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaC,IAAI,OAAQ7B,KAAKkB,cAAcS,YAChDJ,EAAIK,aAAaK,OAAO,cACxBR,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,EAInCxB,EAAAM,UAAA6B,4BAAA,SAA4B3B,GAC1BG,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgB,KACrBlB,KAAKqB,SAAW,MAChBrB,KAAKQ,0BAA4BD,EAAMa,OACvCpB,KAAKS,qBAAuB,KAC5BT,KAAKmC,wBAA0B,MAC/B,IAAMZ,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaC,IAAI,mBAAoB7B,KAAKQ,0BAA0BmB,YACxEF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,EAInCxB,EAAAM,UAAA+B,2BAAA,SAA2B7B,GACzBG,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgB,KACrBlB,KAAKqB,SAAW,MAChBrB,KAAKY,wBAA0BL,EAAMa,OACrCpB,KAAKa,mBAAqB,KAC1Bb,KAAKqC,sBAAwB,MAC7B,IAAMd,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaC,IAAI,iBAAkB7B,KAAKY,wBAAwBe,YACpEF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,EAInCxB,EAAAM,UAAAiC,eAAA,WACEtC,KAAKuC,Y,EAIPxC,EAAAM,UAAAmC,cAAA,WACE,IAAKxC,KAAKyC,YAAa,CACrBzC,KAAKsB,YAAc,I,GAKvBvB,EAAAM,UAAAqC,iBAAA,WACEjB,OAAOkB,cAAc,IAAIlB,OAAOmB,MAAM,U,EAGxC7C,EAAAM,UAAAwC,kBAAA,WACE,GAAI7C,KAAK8C,MAAO,CACdpC,MAAMqC,KAAO,O,MACR,GAAI/C,KAAKgD,kBAAmB,CACjCtC,MAAMqC,KAAO,mB,MACR,GAAI/C,KAAKiD,gBAAiB,CAC/BvC,MAAMqC,KAAO,iB,CAEf,IAAMxB,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,IAAMuB,EAAY3B,EAAIK,aAAauB,IAAI,QACvC,IAAMnC,EAAeO,EAAIK,aAAauB,IAAI,cAC1C,IAAMC,EAAwB7B,EAAIK,aAAauB,IAAI,oBACnD,IAAME,EAAsB9B,EAAIK,aAAauB,IAAI,kBACjD,GAAID,EAAW,CACbzB,OAAOK,QAAQwB,aAAa,CAAEC,4BAA6B,MAAQ,GAAIhC,GACvEb,MAAMM,aAAeA,EAAewC,OAAOxC,GAAgB,KAC3DhB,KAAKkB,cAAgBsC,OAAON,GAC5BlD,KAAKqB,SAAW,I,MACX,GAAI+B,EAAuB,CAChC3B,OAAOK,QAAQwB,aAAa,CAAEC,4BAA6B,MAAQ,GAAIhC,GACvEvB,KAAKQ,0BAA4BgD,OAAOJ,GACxCpD,KAAKS,qBAAuB,I,MACvB,GAAI4C,EAAqB,CAC9B5B,OAAOK,QAAQwB,aAAa,CAAEC,4BAA6B,MAAQ,GAAIhC,GACvEvB,KAAKY,wBAA0B4C,OAAOH,GACtCrD,KAAKa,mBAAqB,I,GAI9Bd,EAAAM,UAAAoD,iBAAA,WACEhC,OAAOiC,iBAAiB,WAAY1D,KAAKE,mBAAoB,OAC7DF,KAAKuC,Y,EAGPxC,EAAAM,UAAAsD,eAAA,WACE,GAAI3D,KAAK8C,MAAO,CACdpC,MAAMqC,KAAO,O,MACR,GAAI/C,KAAKgD,kBAAmB,CACjCtC,MAAMqC,KAAO,mB,MACR,GAAI/C,KAAKiD,gBAAiB,CAC/BvC,MAAMqC,KAAO,iB,CAEf/C,KAAKQ,0BAA4B,KACjCR,KAAKS,qBAAuB,MAC5BT,KAAKmC,wBAA0B,MAC/BnC,KAAKa,mBAAqB,MAC1Bb,KAAKqC,sBAAwB,MAC7B3B,MAAMC,wBAA0B,KAChCD,MAAMI,sBAAwB,KAC9BJ,MAAMS,YAAc,KACpBT,MAAMO,iBAAmB,KACzBP,MAAMM,aAAe,KACrBhB,KAAKkB,cAAgB,KACrBlB,KAAKqB,SAAW,K,EAGlBtB,EAAAM,UAAAkC,WAAA,WACEvC,KAAKyC,YAAczC,KAAK4D,WAAWC,wBAAwBC,OAAS9D,KAAKC,cACzED,KAAK+D,YAAc/D,KAAKyC,YACxBzC,KAAKsB,YAActB,KAAKyC,W,EAG1B1C,EAAAM,UAAA2D,cAAA,WACEhE,KAAKiE,aAAejE,KAAKiE,W,EAG3BlE,EAAAM,UAAA6D,iBAAA,WACE,GAAIzC,OAAOK,QAAQpB,OAASe,OAAOK,QAAQpB,MAAM6C,4BAA6B,CAC5EvD,KAAK2D,iBACL,IAAMpC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaK,OAAO,oBACxBV,EAAIK,aAAaK,OAAO,kBACxBR,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,KAC5B,CACLE,OAAOK,QAAQqC,M,GAInBpE,EAAAM,UAAAF,eAAA,WACE,IAAMoB,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,IAAMuB,EAAYM,OAAOjC,EAAIK,aAAauB,IAAI,SAC9C,IAAMC,EAAwB7B,EAAIK,aAAauB,IAAI,oBACnD,IAAME,EAAsB9B,EAAIK,aAAauB,IAAI,kBACjD,GAAID,GAAalD,KAAKkB,gBAAkBgC,EAAW,CACjDlD,KAAKQ,0BAA4B,KACjCR,KAAKS,qBAAuB,MAC5BT,KAAKa,mBAAqB,MAC1BH,MAAMC,wBAA0B,KAChCD,MAAMI,sBAAwB,KAC9BJ,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgBgC,EACrBlD,KAAKqB,SAAW,I,MACX,IAAK6B,IAAcE,IAA0BC,EAAqB,CACvErD,KAAK2D,gB,GAIT5D,EAAAM,UAAA+D,cAAA,WACE,GAAIpE,KAAKkB,cAAe,CACtBlB,KAAKsB,aAAetB,KAAKsB,W,MACpB,GAAItB,KAAKS,qBAAsB,CACpCT,KAAKmC,yBAA2BnC,KAAKmC,uB,MAChC,GAAInC,KAAKa,mBAAoB,CAClCb,KAAKqC,uBAAyBrC,KAAKqC,qB,KAC9B,CACLrC,KAAK+D,aAAe/D,KAAK+D,W,GAI7BhE,EAAAM,UAAAgE,2BAAA,WACE,IAAIC,EAEJ,GAAItE,KAAKqB,SAAU,CACjBiD,EAAgBtE,KAAKsB,YAAc,YAAc,K,MAC5C,GAAItB,KAAKS,qBAAsB,CACpC6D,EAAgBtE,KAAKmC,wBAA0B,YAAc,K,MACxD,GAAInC,KAAKa,mBAAoB,CAClCyD,EAAgBtE,KAAKqC,sBAAwB,YAAc,K,KACtD,CACLiC,EAAgBtE,KAAK+D,YAAc,OAAS,K,CAG9C,OAAOO,C,EAGTvE,EAAAM,UAAAkE,4BAAA,WACE,IAAIC,EAEJ,GAAIxE,KAAKqB,SAAU,CACjBmD,EAAiBxE,KAAKsB,YAAcmD,UAAU/D,MAAMgE,UAAUC,YAAcF,UAAU/D,MAAMgE,UAAUE,S,MACjG,GAAI5E,KAAKS,qBAAsB,CACpC+D,EAAiBxE,KAAKmC,wBAA0BsC,UAAU/D,MAAMgE,UAAUC,YAAcF,UAAU/D,MAAMgE,UAAUG,O,MAC7G,GAAI7E,KAAKa,mBAAoB,CAClC2D,EAAiBxE,KAAKqC,sBAAwBoC,UAAU/D,MAAMgE,UAAUC,YAAcF,UAAU/D,MAAMgE,UAAUG,O,KAC3G,CACLL,EAAiBxE,KAAK+D,YAAcU,UAAU/D,MAAMgE,UAAUI,SAAWL,UAAU/D,MAAMgE,UAAUG,O,CAGrG,OAAOL,C,EAGTzE,EAAAM,UAAA0E,OAAA,WACEtD,OAAOC,SAASqD,Q,EAGlBhF,EAAAM,UAAA2E,qBAAA,WACEC,QACAxD,OAAOyD,oBAAoB,WAAYlF,KAAKE,mB,EAG9CH,EAAAM,UAAA8E,OAAA,eAAAC,EAAApF,KACE,OACEqF,EAACC,KAAI,CACHC,MAAO,CACL,gBAAiBvF,KAAKwF,WACtB,sBAAuBxF,KAAKyF,gBAC5B,qBAAsBzF,KAAK0F,eAC3B,kBAAmB1F,KAAK2F,aACxB,qBAAsB3F,KAAK4F,eAC3B,0BAA2B5F,KAAK6F,oBAChC,6BAA8B7F,KAAK8F,sBACnC,4BAA6B9F,KAAK+F,sBAClC,+BAAgC/F,KAAKgG,wBACrC,8BAA+BhG,KAAKiG,wBACpC,iCAAkCjG,KAAKkG,0BACvC,qBAAsBlG,KAAKmG,gBAC3B,iCAAkCnG,KAAKoG,0BACvC,gCAAiCpG,KAAKqG,yBACtC,yBAA0BrG,KAAKsG,mBAC/B,cAAetG,KAAKuG,SACpB,yBAA0BvG,KAAKwG,mBAC/B,cAAexG,KAAKyG,SACpB,eAAgBzG,KAAK0G,UACrB,kBAAmBlD,OAAOxD,KAAK8C,OAASU,OAAOxD,KAAKgD,mBAAqBQ,OAAOxD,KAAKiD,iBAAmB,EAAI,QAAU,OACtH,kBAAmBjD,KAAK2G,QAAU,GAAK,SAGvCjG,MAAMkG,eACLlG,MAAMS,cACNT,MAAMC,0BACND,MAAMI,wBACNJ,MAAMmG,2BACNnG,MAAMoG,wBACLzB,EAAA,OAAK0B,MAAM,yBACT1B,EAAA,wCAAqCrF,KAAK+F,sBAAqB,6BAA8B/F,KAAKgG,2BAGvGhG,KAAK8C,OAASpC,MAAMqC,OAAS,UAAY/C,KAAKqB,WAAarB,KAAKS,uBAAyBT,KAAKa,qBAAuBH,MAAMkG,cAC1HvB,EAAA,sBACE2B,IAAKhH,KAAKgH,IACVC,UAAWjH,KAAKiH,UAAS,UAChBjH,KAAKkH,OACdC,OAAQnH,KAAKmH,OACbC,UAAWpH,KAAKoH,UAChBC,WAAYrH,KAAKqH,WACjBC,OAAQtH,KAAKsH,OACbC,QAASvH,KAAKuH,QACdC,OAAQxH,KAAKwH,OACbC,UAAWzH,KAAKyH,YAGnBzH,KAAKqB,UAAYrB,KAAKkB,gBAAkBR,MAAMS,aAC7CkE,EAAA,qBAAmB2B,IAAKhH,KAAKgH,IAAKC,UAAWjH,KAAKiH,UAAS,UAAWjH,KAAKkB,cAAeqG,QAASvH,KAAKuH,UAEzGvH,KAAKS,sBAAwBT,KAAKQ,2BACjC6E,EAAA,kCACE2B,IAAKhH,KAAKgH,IACVC,UAAWjH,KAAKiH,UAAS,uBACHjH,KAAKQ,0BAC3B+G,QAASvH,KAAKuH,UAGjBvH,KAAKa,oBAAsBb,KAAKY,yBAC/ByE,EAAA,gCACE2B,IAAKhH,KAAKgH,IACVC,UAAWjH,KAAKiH,UAAS,qBACLjH,KAAKY,wBACzB2G,QAASvH,KAAKuH,UAGjBvH,KAAKgD,mBAAqBtC,MAAMqC,OAAS,sBAAwBrC,MAAMmG,2BAA6B7G,KAAKS,sBACxG4E,EAAA,mCACE2B,IAAKhH,KAAKgH,IACVC,UAAWjH,KAAKiH,UAAS,UAChBjH,KAAKkH,OACdC,OAAQnH,KAAKmH,OACbC,UAAWpH,KAAKoH,UAChBC,WAAYrH,KAAKqH,WACjBC,OAAQtH,KAAKsH,OACbC,QAASvH,KAAKuH,UAGjBvH,KAAKiD,iBAAmBvC,MAAMqC,OAAS,oBAAsBrC,MAAMoG,yBAA2B9G,KAAKa,oBAClGwE,EAAA,iCACE2B,IAAKhH,KAAKgH,IACVC,UAAWjH,KAAKiH,UAAS,UAChBjH,KAAKkH,OACdC,OAAQnH,KAAKmH,OACbC,UAAWpH,KAAKoH,UAChBC,WAAYrH,KAAKqH,WACjBC,OAAQtH,KAAKsH,OACbC,QAASvH,KAAKuH,WAGhB7G,MAAMkG,cACNlG,MAAMS,aACNT,MAAMsC,mBACNtC,MAAMuC,iBACNvC,MAAMC,yBACND,MAAMI,uBACNJ,MAAMgH,mBACNrC,EAAA,OAAK0B,MAAM,iBACRrG,MAAMuG,WAAavG,MAAMuG,UAAUU,OAAS,GAC3CtC,EAAA,OAAK0B,MAAM,uBACT1B,EAAA,6BAGJA,EAAA,OACE0B,MAAO,GAAAa,OAAG5H,KAAKyC,YAAc,8BAAgC,oBAAkBmF,OAC7E5H,KAAKqB,UAAYrB,KAAKS,sBAAwBT,KAAKa,mBAAqB,iBAAmB,KAG5F2C,OAAOxD,KAAK8C,OAASU,OAAOxD,KAAKgD,mBAAqBQ,OAAOxD,KAAKiD,iBAAmB,IACnFjD,KAAKqB,WACLrB,KAAKS,uBACLT,KAAKa,oBACJwE,EAAA,yBACEG,WAAYxF,KAAKwF,WACjB1C,MAAO9C,KAAK8C,MACZE,kBAAmBhD,KAAKgD,kBACxBC,gBAAiBjD,KAAKiD,mBAG1BjD,KAAKqB,WAAarB,KAAKS,uBAAyBT,KAAKa,mBACrDwE,EAAA,OAAK0B,MAAM,mCACT1B,EAAA,OAAK0B,MAAM,2BACT1B,EAAA,cAAYG,WAAYxF,KAAKwF,cAE/BH,EAAA,OAAK0B,MAAM,4BACT1B,EAAA,qBACEG,WAAYxF,KAAKwF,WACjBqC,OAAQ,WAAM,OAAAzC,EAAKpB,eAAL,EACd8D,KAAM,cACNC,KAAMtD,UAAU/D,MAAMgE,UAAUsD,WAKtC3C,EAAA,OAAK0B,MAAM,wBACT1B,EAAA,UAAQ4C,QAAS,WAAM,OAAA7C,EAAKlB,kBAAL,EAAyB6C,MAAM,mBAEpD1B,EAAA,QAAMZ,UAAW,MAAOsC,MAAM,8CAA4C,iBAQlF1B,EAAA,OAAK0B,MAAO,qBAAAa,OAAqB5H,KAAKqB,UAAYrB,KAAKS,sBAAwBT,KAAKa,mBAAqB,eAAiB,kBACvHH,MAAMgH,kBACLrC,EAAA,OAAK0B,MAAM,mBAAiB,2BAE1B1B,EAAA,qBAAmByC,KAAK,UAAUC,KAAK,oBAAoBF,OAAQ,WAAM,OAAAzC,EAAKL,QAAL,KAG7EM,EAAA,OACE0B,MAAO/G,KAAKyC,YAAc,sCAAwC,2BAClE8C,MAAO,CAAE2C,QAASlI,KAAKqB,UAAYrB,KAAKS,sBAAwBT,KAAKa,mBAAqB,OAAS,OAAQsH,SAAUnI,KAAKqB,SAAW,WAAa,aAEjJX,MAAMqC,OAAS,SAAW/C,KAAK8C,OAC9BuC,EAAA,gDAC+B,QAAO,gBACrBrF,KAAKyC,YACpB+C,WAAYxF,KAAKwF,WAAU,oBACRxF,KAAKyF,gBAAe,mBACrBzF,KAAK4F,eAAc,4BACV5F,KAAKiG,wBAAuB,+BACzBjG,KAAKkG,0BAAyB,8BAC/BlG,KAAKqG,2BAGrC3F,MAAMqC,OAAS,qBAAuB/C,KAAKgD,mBAC1CqC,EAAA,6DAC+B,QAAO,gBACrBrF,KAAKyC,YACpB+C,WAAYxF,KAAKwF,WAAU,oBACRxF,KAAKyF,gBAAe,mBACrBzF,KAAK4F,eAAc,4BACV5F,KAAKiG,wBAAuB,+BACzBjG,KAAKkG,0BAAyB,8BAC/BlG,KAAKqG,2BAGrC3F,MAAMqC,OAAS,mBAAqB/C,KAAKiD,iBACxCoC,EAAA,2DAC+B,QAAO,gBACrBrF,KAAKyC,YACpB+C,WAAYxF,KAAKwF,WAAU,oBACRxF,KAAKyF,gBAAe,mBACrBzF,KAAK4F,eAAc,4BACV5F,KAAKiG,wBAAuB,+BACzBjG,KAAKkG,0BAAyB,8BAC/BlG,KAAKqG,4BAItCrG,KAAKqB,WAAaX,MAAMS,aACvBnB,KAAKS,uBAAyBC,MAAMC,yBACpCX,KAAKa,qBAAuBH,MAAMI,wBACjCJ,MAAMkG,cAAgBlG,MAAMqC,OAAS,UACrCrC,MAAMsC,mBAAqBtC,MAAMqC,OAAS,qBAC1CsC,EAAA,OAAK0B,MAAO/G,KAAKyC,YAAc,8BAAgC,oBAC7D4C,EAAA,wCAAqCrF,KAAKiG,wBAAuB,6BAA8BjG,KAAKkG,6BAGzGxF,MAAMS,aACLkE,EAAA,OAAK0B,MAAO/G,KAAKyC,YAAc,uCAAyC,6BACtE4C,EAAA,mBACEE,MAAO,CACL6C,YAAcpI,KAAKsB,aAAetB,KAAKqB,UAAarB,KAAKyC,YAAc,UAAY,SACnF4F,QAASrI,KAAKsB,YAAc,IAAM,KACnC,8BAC4B,QAC7BkE,WAAYxF,KAAKwF,WAAU,oBACRxF,KAAKyF,gBAAe,mBACrBzF,KAAK4F,eAAc,0BACZ5F,KAAK+F,sBAAqB,6BACvB/F,KAAKgG,wBAAuB,4BAC7BhG,KAAKiG,wBAAuB,+BACzBjG,KAAKkG,0BAAyB,8BAC/BlG,KAAKqG,yBAAwB,mBACxCrG,KAAKmG,gBACvBmC,QAAStI,KAAKsI,QAAO,gBACNtI,KAAKyC,YAAW,mBACbzC,KAAKuI,mBAI5BvI,KAAKS,sBACJ4E,EAAA,OAAK0B,MAAO/G,KAAKyC,YAAc,oDAAsD,0CACnF4C,EAAA,gCACEE,MAAO,CACL6C,YAAapI,KAAKmC,yBAA2BnC,KAAKyC,YAAc,UAAY,SAC5E4F,QAASrI,KAAKmC,wBAA0B,IAAM,KAEhDqD,WAAYxF,KAAKwF,WAAU,oBACRxF,KAAKyF,gBAAe,mBACrBzF,KAAK4F,eAAc,0BACZ5F,KAAK+F,sBAAqB,6BACvB/F,KAAKgG,wBAAuB,4BAC7BhG,KAAKiG,wBAAuB,+BACzBjG,KAAKkG,0BAAyB,8BAC/BlG,KAAKqG,yBAAwB,mBACxCrG,KAAKmG,gBAAe,gBACvBnG,KAAKyC,eAIzBzC,KAAKa,oBACJwE,EAAA,OAAK0B,MAAO/G,KAAKyC,YAAc,kDAAoD,wCACjF4C,EAAA,8BACEE,MAAO,CACL6C,YAAapI,KAAKqC,uBAAyBrC,KAAKyC,YAAc,UAAY,SAC1E4F,QAASrI,KAAKqC,sBAAwB,IAAM,KAE9CmD,WAAYxF,KAAKwF,WAAU,oBACRxF,KAAKyF,gBAAe,mBACrBzF,KAAK4F,eAAc,0BACZ5F,KAAK+F,sBAAqB,6BACvB/F,KAAKgG,wBAAuB,4BAC7BhG,KAAKiG,wBAAuB,+BACzBjG,KAAKkG,0BAAyB,8BAC/BlG,KAAKqG,yBAAwB,mBACxCrG,KAAKmG,gBAAe,gBACvBnG,KAAKyC,gBAIxB/B,MAAMgH,kBACNrC,EAAA,yCAC+B,QAC7B0B,MAAO/G,KAAKyC,YAAc,+BAAiC,oBAC3D8C,MAAO,CACL6C,WACGpI,KAAK+D,cAAgB/D,KAAKqB,UAC1BrB,KAAKsB,aAAetB,KAAKqB,UACzBrB,KAAKmC,yBAA2BnC,KAAKS,sBACrCT,KAAKqC,uBAAyBrC,KAAKa,oBACpCb,KAAKyC,YACD,UACA,SACN4F,OAAQrI,KAAK+D,aAAe/D,KAAKsB,aAAetB,KAAKmC,yBAA2BnC,KAAKqC,sBAAwB,IAAM,KAErHmG,OAAQxI,KAAKwI,OACbC,KAAMzI,KAAKyI,KAAI,aACHzI,KAAK0I,UAAS,YACf1I,KAAK2I,SAAQ,oBACL3I,KAAK4I,iBACxBpD,WAAYxF,KAAKwF,WAAU,oBACRxF,KAAKyF,gBAAe,mBACrBzF,KAAK4F,eAAc,0BACZ5F,KAAK+F,sBAAqB,6BACvB/F,KAAKgG,wBAAuB,mBACtChG,KAAKmG,gBAAe,kBACrBnG,KAAK6I,cAAa,uBACb7I,KAAKwG,mBAAkB,iBAC7BxG,KAAK8I,aAAY,gBAClB9I,KAAKyC,YAAW,eACjBzC,KAAK+I,iBAIrB/I,KAAKqB,WAAarB,KAAKS,uBAAyBT,KAAKa,oBACtDb,KAAKqB,UAAYX,MAAMS,aACvBnB,KAAKS,sBAAwBC,MAAMC,yBACnCX,KAAKa,oBAAsBH,MAAMI,wBAClCuE,EAAA,OAAK0B,MAAM,mCACT1B,EAAA,oBACEG,WAAYxF,KAAKwF,WACjBqC,OAAQ,WAAM,OAAAzC,EAAKhB,eAAL,EACd0D,KAAM,WAAM,OAAA1C,EAAKf,4BAAL,EACZ0D,KAAM,WAAM,OAAA3C,EAAKb,6BAAL,EACZ2D,QAASlI,KAAKyC,YAAc,OAAS,YAM7CzC,KAAKqB,UAAYrB,KAAKiE,aAAeoB,EAAA,eAAaG,WAAYxF,KAAKwF,WAAYxB,cAAe,WAAM,OAAAoB,EAAKpB,eAAL,I,0QApmB3F,G"}
+{"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","prototype","onTrekCardPress","event","currentTouristicContentId","showTouristicContent","state","currentTouristicContent","currentTouristicEventId","showTouristicEvent","currentTouristicEvent","parentTrek","parentTrekId","currentTrekSteps","currentTrekId","currentTrek","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onParentTrekPress","delete","onTouristicContentCardPress","showTouristicContentMap","onTouristiceEventCardPress","showTouristicEventMap","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","treks","mode","touristicContents","touristicEvents","trekParam","get","touristicContentParam","touristicEventParam","replaceState","isInitialHistoryWithDetails","Number","componentDidLoad","addEventListener","onDetailsClose","appElement","getBoundingClientRect","width","showHomeMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","getMapVisibilityIconButton","mapIconButton","getMapVisibilityLabelButton","mapLabelButton","translate","language","showDetails","showRoute","showMap","showList","reload","disconnectedCallback","reset","removeEventListener","render","_this","h","Host","style","fontFamily","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","colorSensitiveArea","appWidth","appHeight","rounded","currentTreks","currentTouristicContents","currentTouristicEvents","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","trekNetworkError","length","concat","action","icon","name","filter","onClick","display","position","visibility","zIndex","weather","emergencyNumber","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorPoiIcon","useGradient"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":["grw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  overflow: hidden;\n  max-width: 100dvw;\n  max-height: 100dvh;\n}\n\n.app-container {\n  position: relative;\n  background-color: var(--color-background);\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.languages-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 16px 16px 0px 0px;\n}\n\n.header-container,\n.large-view-header-container {\n  height: var(--header-height);\n  .arrow-back-container {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    margin: 0px 16px;\n    .arrow-back-icon {\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      color: var(--color-on-surface);\n      border: none;\n      background-color: var(--color-background);\n      border-radius: var(--border-radius, 50%);\n      height: 48px;\n      width: 48px;\n      padding: 0px;\n      text-align: left;\n    }\n  }\n}\n\n.handle-search-filters-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0px 16px;\n  height: 64px;\n\n  .handle-search-container {\n    width: calc(50% + 48px);\n    max-width: 220px;\n  }\n  .handle-filters-container {\n    margin-left: 16px;\n  }\n}\n\n.header-detail {\n  height: 64px;\n}\n\n.large-view-header-container {\n  .handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  background-color: var(--color-background);\n}\n\n.content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - var(--header-height));\n}\n\n.content-treks {\n  height: calc(100% - var(--header-height));\n}\n\n.content-trek {\n  height: 100%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container,\n.large-view-app-touristic-content-detail-container,\n.large-view-app-touristic-event-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  height: 100%;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  z-index: 4;\n}\n\n.init-loader-container,\n.loader-container {\n  width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.app-touristic-content-detail-container,\n.app-touristic-event-detail-container {\n  width: 100%;\n}\n\ngrw-treks-list,\ngrw-touristic-contents-list {\n  max-height: calc(100vh - var(--header-height));\n}\n\ngrw-trek-detail {\n  position: relative;\n  max-height: calc(100vh - 64px - 48px);\n}\n\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n  position: relative;\n  max-height: calc(100vh - 64px);\n}\n\n.app-map-container {\n  width: 100%;\n  position: absolute;\n}\n\n.large-view-loader-container {\n  width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container,\n.large-view-app-touristic-content-detail-container,\n.large-view-app-touristic-event-detail-container {\n  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  margin-top: 16px;\n  font-family: var(--font-family);\n  font-size: 16px;\n  grw-common-button {\n    margin-top: 16px;\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { reset } from 'store/store';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @State() showTrek = false;\n  @State() showTouristicContent = false;\n  @State() showTouristicEvent = false;\n  @State() showHomeMap = false;\n  @State() showTrekMap = false;\n  @State() showTouristicContentMap = false;\n  @State() showTouristicEventMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() currentTrekId: number;\n  @State() currentTouristicContentId: number;\n  @State() currentTouristicEventId: number;\n  @Prop() appWidth: string = '100%';\n  @Prop() appHeight: string = '100vh';\n  @Prop() api: string;\n  @Prop() languages = 'fr';\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() nameLayer: string;\n  @Prop() urlLayer: string;\n  @Prop() attributionLayer: string;\n  @Prop() weather = false;\n  @Prop() emergencyNumber: number;\n\n  @Prop() fontFamily = 'Roboto';\n  @Prop() colorPrimaryApp = '#6750a4';\n  @Prop() colorOnPrimary = '#ffffff';\n  @Prop() colorSurface = '#1c1b1f';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSurfaceVariant = '#fef7ff';\n  @Prop() colorOnSurfaceVariant = '#1c1b1f';\n  @Prop() colorPrimaryContainer = '#eaddff';\n  @Prop() colorOnPrimaryContainer = '#21005e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorBackground = '#fef7ff';\n  @Prop() colorSurfaceContainerHigh = '#ece6f0';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n  @Prop() rounded = true;\n\n  @Prop() colorTrekLine = '#6b0030';\n  @Prop() colorSensitiveArea = '#4974a5';\n  @Prop() colorPoiIcon = '#974c6e';\n  @Prop() useGradient = false;\n\n  @Prop() treks = true;\n  @Prop() touristicContents = false;\n  @Prop() touristicEvents = false;\n\n  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\n    this.currentTouristicContentId = null;\n    this.showTouristicContent = false;\n    state.currentTouristicContent = null;\n    this.currentTouristicEventId = null;\n    this.showTouristicEvent = false;\n    state.currentTouristicEvent = null;\n    const parentTrek = state.parentTrekId ? state.parentTrekId : state.currentTrekSteps ? this.currentTrekId : null;\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    if (state.currentTrekSteps) {\n      url.searchParams.set('parenttrek', parentTrek.toString());\n    }\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('parentTrekPress', { target: 'window' })\n  onParentTrekPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    url.searchParams.delete('parenttrek');\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('touristicContentCardPress', { target: 'window' })\n  onTouristicContentCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n    this.currentTouristicContentId = event.detail;\n    this.showTouristicContent = true;\n    this.showTouristicContentMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.delete('trek');\n    url.searchParams.set('touristiccontent', this.currentTouristicContentId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('touristicEventCardPress', { target: 'window' })\n  onTouristiceEventCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n    this.currentTouristicEventId = event.detail;\n    this.showTouristicEvent = true;\n    this.showTouristicEventMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.delete('trek');\n    url.searchParams.set('touristicevent', this.currentTouristicEventId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  @Listen('centerOnMap', { target: 'window' })\n  onCenterOnMap() {\n    if (!this.isLargeView) {\n      this.showTrekMap = true;\n    }\n  }\n\n  @Watch('isLargeView')\n  watchPropHandler() {\n    window.dispatchEvent(new window.Event('resize'));\n  }\n\n  componentWillLoad() {\n    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\n    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    const parentTrekId = url.searchParams.get('parenttrek');\n    const touristicContentParam = url.searchParams.get('touristiccontent');\n    const touristicEventParam = url.searchParams.get('touristicevent');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      state.parentTrekId = parentTrekId ? Number(parentTrekId) : null;\n      this.currentTrekId = Number(trekParam);\n      this.showTrek = true;\n    } else if (touristicContentParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicContentId = Number(touristicContentParam);\n      this.showTouristicContent = true;\n    } else if (touristicEventParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicEventId = Number(touristicEventParam);\n      this.showTouristicEvent = true;\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onDetailsClose() {\n    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\n    this.currentTouristicContentId = null;\n    this.showTouristicContent = false;\n    this.showTouristicContentMap = false;\n    this.showTouristicEvent = false;\n    this.showTouristicEventMap = false;\n    state.currentTouristicContent = null;\n    state.currentTouristicEvent = null;\n    state.currentTrek = null;\n    state.currentTrekSteps = null;\n    state.parentTrekId = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n  }\n\n  handleView() {\n    this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n    this.showHomeMap = this.isLargeView;\n    this.showTrekMap = this.isLargeView;\n  }\n\n  handleFilters() {\n    this.showFilters = !this.showFilters;\n  }\n\n  handleBackButton() {\n    if (window.history.state && window.history.state.isInitialHistoryWithDetails) {\n      this.onDetailsClose();\n      const url = new URL(window.location.toString());\n      url.searchParams.delete('trek');\n      url.searchParams.delete('touristiccontent');\n      url.searchParams.delete('touristicevent');\n      window.history.pushState({}, '', url);\n    } else {\n      window.history.back();\n    }\n  }\n\n  handlePopState() {\n    const url = new URL(window.location.toString());\n    const trekParam = Number(url.searchParams.get('trek'));\n    const touristicContentParam = url.searchParams.get('touristiccontent');\n    const touristicEventParam = url.searchParams.get('touristicevent');\n    if (trekParam && this.currentTrekId !== trekParam) {\n      this.currentTouristicContentId = null;\n      this.showTouristicContent = false;\n      this.showTouristicEvent = false;\n      state.currentTouristicContent = null;\n      state.currentTouristicEvent = null;\n      state.currentTrek = null;\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam && !touristicContentParam && !touristicEventParam) {\n      this.onDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else if (this.showTouristicContent) {\n      this.showTouristicContentMap = !this.showTouristicContentMap;\n    } else if (this.showTouristicEvent) {\n      this.showTouristicEventMap = !this.showTouristicEventMap;\n    } else {\n      this.showHomeMap = !this.showHomeMap;\n    }\n  }\n\n  getMapVisibilityIconButton() {\n    let mapIconButton: string;\n\n    if (this.showTrek) {\n      mapIconButton = this.showTrekMap ? 'summarize' : 'map';\n    } else if (this.showTouristicContent) {\n      mapIconButton = this.showTouristicContentMap ? 'summarize' : 'map';\n    } else if (this.showTouristicEvent) {\n      mapIconButton = this.showTouristicEventMap ? 'summarize' : 'map';\n    } else {\n      mapIconButton = this.showHomeMap ? 'list' : 'map';\n    }\n\n    return mapIconButton;\n  }\n\n  getMapVisibilityLabelButton() {\n    let mapLabelButton: string;\n\n    if (this.showTrek) {\n      mapLabelButton = this.showTrekMap ? translate[state.language].showDetails : translate[state.language].showRoute;\n    } else if (this.showTouristicContent) {\n      mapLabelButton = this.showTouristicContentMap ? translate[state.language].showDetails : translate[state.language].showMap;\n    } else if (this.showTouristicEvent) {\n      mapLabelButton = this.showTouristicEventMap ? translate[state.language].showDetails : translate[state.language].showMap;\n    } else {\n      mapLabelButton = this.showHomeMap ? translate[state.language].showList : translate[state.language].showMap;\n    }\n\n    return mapLabelButton;\n  }\n\n  reload() {\n    window.location.reload();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-primary': this.colorOnPrimary,\n          '--color-surface': this.colorSurface,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-surface-variant': this.colorSurfaceVariant,\n          '--color-on-surface-variant': this.colorOnSurfaceVariant,\n          '--color-primary-container': this.colorPrimaryContainer,\n          '--color-on-primary-container': this.colorOnPrimaryContainer,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-background': this.colorBackground,\n          '--color-surface-container-high': this.colorSurfaceContainerHigh,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n          '--fab-background-color': this.fabBackgroundColor,\n          '--fab-color': this.fabColor,\n          '--color-sensitive-area': this.colorSensitiveArea,\n          '--app-width': this.appWidth,\n          '--app-height': this.appHeight,\n          '--header-height': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '136px' : '64px',\n          '--border-radius': this.rounded ? '' : '0px',\n        }}\n      >\n        {!state.currentTreks &&\n          !state.currentTrek &&\n          !state.currentTouristicContent &&\n          !state.currentTouristicEvent &&\n          !state.currentTouristicContents &&\n          !state.currentTouristicEvents && (\n            <div class=\"init-loader-container\">\n              <grw-loader color-primary-container={this.colorPrimaryContainer} color-on-primary-container={this.colorOnPrimaryContainer}></grw-loader>\n            </div>\n          )}\n        {this.treks && state.mode === 'treks' && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.currentTreks && (\n          <grw-treks-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n            routes={this.routes}\n            practices={this.practices}\n          ></grw-treks-provider>\n        )}\n        {this.showTrek && this.currentTrekId && !state.currentTrek && (\n          <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId} portals={this.portals}></grw-trek-provider>\n        )}\n        {this.showTouristicContent && this.currentTouristicContentId && (\n          <grw-touristic-content-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-content-id={this.currentTouristicContentId}\n            portals={this.portals}\n          ></grw-touristic-content-provider>\n        )}\n        {this.showTouristicEvent && this.currentTouristicEventId && (\n          <grw-touristic-event-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-event-id={this.currentTouristicEventId}\n            portals={this.portals}\n          ></grw-touristic-event-provider>\n        )}\n        {this.touristicContents && state.mode === 'touristicContents' && !state.currentTouristicContents && !this.showTouristicContent && (\n          <grw-touristic-contents-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n          ></grw-touristic-contents-provider>\n        )}\n        {this.touristicEvents && state.mode === 'touristicEvents' && !state.currentTouristicEvents && !this.showTouristicEvent && (\n          <grw-touristic-events-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n          ></grw-touristic-events-provider>\n        )}\n        {(state.currentTreks ||\n          state.currentTrek ||\n          state.touristicContents ||\n          state.touristicEvents ||\n          state.currentTouristicContent ||\n          state.currentTouristicEvent ||\n          state.trekNetworkError) && (\n          <div class=\"app-container\">\n            {state.languages && state.languages.length > 1 && (\n              <div class=\"languages-container\">\n                <grw-select-language></grw-select-language>\n              </div>\n            )}\n            <div\n              class={`${this.isLargeView ? 'large-view-header-container' : 'header-container'}${\n                this.showTrek || this.showTouristicContent || this.showTouristicEvent ? ' header-detail' : ''\n              }`}\n            >\n              {Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 &&\n                !this.showTrek &&\n                !this.showTouristicContent &&\n                !this.showTouristicEvent && (\n                  <grw-segmented-segment\n                    fontFamily={this.fontFamily}\n                    treks={this.treks}\n                    touristicContents={this.touristicContents}\n                    touristicEvents={this.touristicEvents}\n                  ></grw-segmented-segment>\n                )}\n              {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n                <div class=\"handle-search-filters-container\">\n                  <div class=\"handle-search-container\">\n                    <grw-search fontFamily={this.fontFamily}></grw-search>\n                  </div>\n                  <div class=\"handle-filters-container\">\n                    <grw-common-button\n                      fontFamily={this.fontFamily}\n                      action={() => this.handleFilters()}\n                      icon={'filter_list'}\n                      name={translate[state.language].filter}\n                    ></grw-common-button>\n                  </div>\n                </div>\n              ) : (\n                <div class=\"arrow-back-container\">\n                  <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      arrow_back\n                    </span>\n                  </button>\n                </div>\n              )}\n            </div>\n\n            <div class={`content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'content-trek' : 'content-treks'}`}>\n              {state.trekNetworkError && (\n                <div class=\"error-container\">\n                  Une erreur est survenue.\n                  <grw-common-button icon=\"refresh\" name=\"Recharger la page\" action={() => this.reload()}></grw-common-button>\n                </div>\n              )}\n              <div\n                class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n                style={{ display: this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\n                {state.mode === 'treks' && this.treks && (\n                  <grw-treks-list\n                    reset-store-on-disconnected={'false'}\n                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                  ></grw-treks-list>\n                )}\n                {state.mode === 'touristicContents' && this.touristicContents && (\n                  <grw-touristic-contents-list\n                    reset-store-on-disconnected={'false'}\n                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                  ></grw-touristic-contents-list>\n                )}\n                {state.mode === 'touristicEvents' && this.touristicEvents && (\n                  <grw-touristic-events-list\n                    reset-store-on-disconnected={'false'}\n                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                  ></grw-touristic-events-list>\n                )}\n              </div>\n              {(this.showTrek && !state.currentTrek) ||\n                (this.showTouristicContent && !state.currentTouristicContent) ||\n                (this.showTouristicEvent && !state.currentTouristicEvent) ||\n                (!state.currentTreks && state.mode === 'treks') ||\n                (!state.touristicContents && state.mode === 'touristicContents' && (\n                  <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n                    <grw-loader color-primary-container={this.colorSecondaryContainer} color-on-primary-container={this.colorOnSecondaryContainer}></grw-loader>\n                  </div>\n                ))}\n              {state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n                  <grw-trek-detail\n                    style={{\n                      visibility: (!this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTrekMap ? '1' : '0',\n                    }}\n                    reset-store-on-disconnected={'false'}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    weather={this.weather}\n                    is-large-view={this.isLargeView}\n                    emergency-number={this.emergencyNumber}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              {this.showTouristicContent && (\n                <div class={this.isLargeView ? 'large-view-app-touristic-content-detail-container' : 'app-touristic-content-detail-container'}>\n                  <grw-touristic-content-detail\n                    style={{\n                      visibility: !this.showTouristicContentMap || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTouristicContentMap ? '1' : '0',\n                    }}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    is-large-view={this.isLargeView}\n                  ></grw-touristic-content-detail>\n                </div>\n              )}\n              {this.showTouristicEvent && (\n                <div class={this.isLargeView ? 'large-view-app-touristic-event-detail-container' : 'app-touristic-event-detail-container'}>\n                  <grw-touristic-event-detail\n                    style={{\n                      visibility: !this.showTouristicEventMap || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTouristicEventMap ? '1' : '0',\n                    }}\n                    fontFamily={this.fontFamily}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    is-large-view={this.isLargeView}\n                  ></grw-touristic-event-detail>\n                </div>\n              )}\n              {!state.trekNetworkError && (\n                <grw-map\n                  reset-store-on-disconnected={'false'}\n                  class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n                  style={{\n                    visibility:\n                      (this.showHomeMap && !this.showTrek) ||\n                      (this.showTrekMap && this.showTrek) ||\n                      (this.showTouristicContentMap && this.showTouristicContent) ||\n                      (this.showTouristicEventMap && this.showTouristicEvent) ||\n                      this.isLargeView\n                        ? 'visible'\n                        : 'hidden',\n                    zIndex: this.showHomeMap || this.showTrekMap || this.showTouristicContentMap || this.showTouristicEventMap ? '1' : '0',\n                  }}\n                  center={this.center}\n                  zoom={this.zoom}\n                  name-layer={this.nameLayer}\n                  url-layer={this.urlLayer}\n                  attribution-layer={this.attributionLayer}\n                  fontFamily={this.fontFamily}\n                  color-primary-app={this.colorPrimaryApp}\n                  color-on-surface={this.colorOnSurface}\n                  color-primary-container={this.colorPrimaryContainer}\n                  color-on-primary-container={this.colorOnPrimaryContainer}\n                  color-background={this.colorBackground}\n                  color-trek-line={this.colorTrekLine}\n                  color-sensitive-area={this.colorSensitiveArea}\n                  color-poi-icon={this.colorPoiIcon}\n                  is-large-view={this.isLargeView}\n                  use-gradient={this.useGradient}\n                ></grw-map>\n              )}\n            </div>\n            {((!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent) ||\n              (this.showTrek && state.currentTrek) ||\n              (this.showTouristicContent && state.currentTouristicContent) ||\n              (this.showTouristicEvent && state.currentTouristicEvent)) && (\n              <div class=\"map-visibility-button-container\">\n                <grw-extended-fab\n                  fontFamily={this.fontFamily}\n                  action={() => this.handleShowMap()}\n                  icon={() => this.getMapVisibilityIconButton()}\n                  name={() => this.getMapVisibilityLabelButton()}\n                  display={this.isLargeView ? 'none' : 'flex'}\n                ></grw-extended-fab>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && <grw-filters fontFamily={this.fontFamily} handleFilters={() => this.handleFilters()}></grw-filters>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js

@@ -1,2 +1,2 @@
-import{p as o,w as r,d as e,N as n,a as i,b as t}from"./p-0c07a3f0.js";export{s as setNonce}from"./p-0c07a3f0.js";function a(o){var r,e,n;return(n=(e=(r=o.head)===null||r===void 0?void 0:r.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&n!==void 0?n:undefined}const c=o=>`__sc_import_${o.replace(/\s|-/g,"_")}`;const l=()=>{{o.o=r.__cssshim}const t=Array.from(e.querySelectorAll("script")).find((o=>new RegExp(`/${n}(\\.esm)?\\.js($|\\?|#)`).test(o.src)||o.getAttribute("data-stencil-namespace")===n));const a=(t||{})["data-opts"]||{};if("onbeforeload"in t&&!history.scrollRestoration){return{then(){}}}{a.resourcesUrl=new URL(".",new URL(t.getAttribute("data-resources-url")||t.src,r.location.href)).href;{u(a.resourcesUrl,t)}if(!r.customElements){return __sc_import_geotrek_rando_widget("./p-00cfef9b.js").then((()=>a))}}return i(a)};const u=(i,t)=>{const s=c(n);try{r[s]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const n=new Map;r[s]=c=>{var l;const u=new URL(c,i).href;let p=n.get(u);if(!p){const i=e.createElement("script");i.type="module";i.crossOrigin=t.crossOrigin;i.src=URL.createObjectURL(new Blob([`import * as m from '${u}'; window.${s}.m = m;`],{type:"application/javascript"}));const c=(l=o.i)!==null&&l!==void 0?l:a(e);if(c!=null){i.setAttribute("nonce",c)}p=new Promise((o=>{i.onload=()=>{o(r[s].m);i.remove()}}));n.set(u,p);e.head.appendChild(i)}return p}}};l().then((o=>t(JSON.parse('[["p-396e7309",[[1,"grw-filter",{"fontFamily":[1,"font-family"],"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterPlaceholder":[1,"filter-placeholder"],"filterNameProperty":[1,"filter-name-property"],"segment":[1]},[[8,"resetFilter","onResetFilter"]]]]],["p-623b4c89",[[1,"grw-information-desk",{"informationDesk":[16],"displayShortDescription":[32],"showInformationDeskDescriptionButton":[32]}],[1,"grw-poi",{"poi":[16],"displayShortDescription":[32],"showPoiDescriptionButton":[32],"displayFullscreen":[32]}],[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}],[1,"grw-touristic-content-card",{"fontFamily":[1,"font-family"],"touristicContent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"displayFullscreen":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-event-card",{"fontFamily":[1,"font-family"],"touristicEvent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"displayFullscreen":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-trek-card",{"trek":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"isStep":[4,"is-step"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"departureCity":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-fc06af41",[[1,"grw-trek-detail",{"trek":[16],"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"weather":[4],"isLargeView":[4,"is-large-view"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"displayFullscreen":[32],"cities":[32],"options":[32]}],[1,"grw-filters",{"handleFilters":[16],"fontFamily":[1,"font-family"],"selectedSegment":[32]}],[1,"grw-touristic-contents-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"touristicContentsToDisplay":[32]}],[1,"grw-touristic-events-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"touristicEventsToDisplay":[32]}],[1,"grw-treks-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"treksToDisplay":[32]}],[1,"grw-common-button",{"action":[16],"icon":[1],"name":[1],"fontFamily":[1,"font-family"]}],[1,"grw-extended-fab",{"action":[16],"icon":[16],"name":[16],"display":[1],"fontFamily":[1,"font-family"]}],[1,"grw-loader",{"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"]}],[1,"grw-map",{"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"center":[1],"zoom":[2],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorBackground":[1,"color-background"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"useGradient":[4,"use-gradient"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"isLargeView":[4,"is-large-view"],"mapIsReady":[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"],[8,"cardTouristicEventMouseOver","onTouristicEventMouseOver"],[8,"cardTouristicEventMouseLeave","onTouristicEventMouseLeave"]]],[1,"grw-search",{"fontFamily":[1,"font-family"]}],[1,"grw-segmented-segment",{"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"fontFamily":[1,"font-family"]}],[1,"grw-select-language"],[1,"grw-touristic-content-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"displayFullscreen":[32]}],[1,"grw-touristic-content-provider",{"languages":[1],"api":[1],"touristicContentId":[1,"touristic-content-id"],"portals":[1]}],[1,"grw-touristic-contents-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-touristic-event-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"displayFullscreen":[32]}],[1,"grw-touristic-event-provider",{"languages":[1],"api":[1],"touristicEventId":[1,"touristic-event-id"],"portals":[1]}],[1,"grw-touristic-events-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-trek-provider",{"languages":[1],"api":[1],"trekId":[1,"trek-id"],"portals":[1]}],[1,"grw-treks-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1]}]]],["p-dcc194de",[[0,"grw-app",{"appWidth":[1,"app-width"],"appHeight":[1,"app-height"],"api":[1],"languages":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"center":[1],"zoom":[2],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"weather":[4],"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnPrimary":[1,"color-on-primary"],"colorSurface":[1,"color-surface"],"colorOnSurface":[1,"color-on-surface"],"colorSurfaceVariant":[1,"color-surface-variant"],"colorOnSurfaceVariant":[1,"color-on-surface-variant"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorBackground":[1,"color-background"],"colorSurfaceContainerHigh":[1,"color-surface-container-high"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"rounded":[4],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"useGradient":[4,"use-gradient"],"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"showTrek":[32],"showTouristicContent":[32],"showTouristicEvent":[32],"showHomeMap":[32],"showTrekMap":[32],"showTouristicContentMap":[32],"showTouristicEventMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32],"currentTouristicContentId":[32],"currentTouristicEventId":[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]]'),o)));
+import{p as o,w as r,d as e,N as n,a as i,b as t}from"./p-0c07a3f0.js";export{s as setNonce}from"./p-0c07a3f0.js";function a(o){var r,e,n;return(n=(e=(r=o.head)===null||r===void 0?void 0:r.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&n!==void 0?n:undefined}const c=o=>`__sc_import_${o.replace(/\s|-/g,"_")}`;const l=()=>{{o.o=r.__cssshim}const t=Array.from(e.querySelectorAll("script")).find((o=>new RegExp(`/${n}(\\.esm)?\\.js($|\\?|#)`).test(o.src)||o.getAttribute("data-stencil-namespace")===n));const a=(t||{})["data-opts"]||{};if("onbeforeload"in t&&!history.scrollRestoration){return{then(){}}}{a.resourcesUrl=new URL(".",new URL(t.getAttribute("data-resources-url")||t.src,r.location.href)).href;{u(a.resourcesUrl,t)}if(!r.customElements){return __sc_import_geotrek_rando_widget("./p-00cfef9b.js").then((()=>a))}}return i(a)};const u=(i,t)=>{const s=c(n);try{r[s]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const n=new Map;r[s]=c=>{var l;const u=new URL(c,i).href;let p=n.get(u);if(!p){const i=e.createElement("script");i.type="module";i.crossOrigin=t.crossOrigin;i.src=URL.createObjectURL(new Blob([`import * as m from '${u}'; window.${s}.m = m;`],{type:"application/javascript"}));const c=(l=o.i)!==null&&l!==void 0?l:a(e);if(c!=null){i.setAttribute("nonce",c)}p=new Promise((o=>{i.onload=()=>{o(r[s].m);i.remove()}}));n.set(u,p);e.head.appendChild(i)}return p}}};l().then((o=>t(JSON.parse('[["p-396e7309",[[1,"grw-filter",{"fontFamily":[1,"font-family"],"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterPlaceholder":[1,"filter-placeholder"],"filterNameProperty":[1,"filter-name-property"],"segment":[1]},[[8,"resetFilter","onResetFilter"]]]]],["p-623b4c89",[[1,"grw-information-desk",{"informationDesk":[16],"displayShortDescription":[32],"showInformationDeskDescriptionButton":[32]}],[1,"grw-poi",{"poi":[16],"displayShortDescription":[32],"showPoiDescriptionButton":[32],"displayFullscreen":[32]}],[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}],[1,"grw-touristic-content-card",{"fontFamily":[1,"font-family"],"touristicContent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"displayFullscreen":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-event-card",{"fontFamily":[1,"font-family"],"touristicEvent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"displayFullscreen":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-trek-card",{"trek":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"isStep":[4,"is-step"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"departureCity":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-fc06af41",[[1,"grw-trek-detail",{"trek":[16],"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"weather":[4],"isLargeView":[4,"is-large-view"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"displayFullscreen":[32],"cities":[32],"options":[32]}],[1,"grw-filters",{"handleFilters":[16],"fontFamily":[1,"font-family"],"selectedSegment":[32]}],[1,"grw-touristic-contents-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"touristicContentsToDisplay":[32]}],[1,"grw-touristic-events-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"touristicEventsToDisplay":[32]}],[1,"grw-treks-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"treksToDisplay":[32]}],[1,"grw-common-button",{"action":[16],"icon":[1],"name":[1],"fontFamily":[1,"font-family"]}],[1,"grw-extended-fab",{"action":[16],"icon":[16],"name":[16],"display":[1],"fontFamily":[1,"font-family"]}],[1,"grw-loader",{"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"]}],[1,"grw-map",{"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"center":[1],"zoom":[2],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorBackground":[1,"color-background"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"useGradient":[4,"use-gradient"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"isLargeView":[4,"is-large-view"],"mapIsReady":[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"],[8,"cardTouristicEventMouseOver","onTouristicEventMouseOver"],[8,"cardTouristicEventMouseLeave","onTouristicEventMouseLeave"]]],[1,"grw-search",{"fontFamily":[1,"font-family"]}],[1,"grw-segmented-segment",{"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"fontFamily":[1,"font-family"]}],[1,"grw-select-language"],[1,"grw-touristic-content-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"displayFullscreen":[32]}],[1,"grw-touristic-content-provider",{"languages":[1],"api":[1],"touristicContentId":[1,"touristic-content-id"],"portals":[1]}],[1,"grw-touristic-contents-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-touristic-event-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"displayFullscreen":[32]}],[1,"grw-touristic-event-provider",{"languages":[1],"api":[1],"touristicEventId":[1,"touristic-event-id"],"portals":[1]}],[1,"grw-touristic-events-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-trek-provider",{"languages":[1],"api":[1],"trekId":[1,"trek-id"],"portals":[1]}],[1,"grw-treks-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1]}]]],["p-0c643dd6",[[0,"grw-app",{"appWidth":[1,"app-width"],"appHeight":[1,"app-height"],"api":[1],"languages":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"center":[1],"zoom":[2],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"weather":[4],"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnPrimary":[1,"color-on-primary"],"colorSurface":[1,"color-surface"],"colorOnSurface":[1,"color-on-surface"],"colorSurfaceVariant":[1,"color-surface-variant"],"colorOnSurfaceVariant":[1,"color-on-surface-variant"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorBackground":[1,"color-background"],"colorSurfaceContainerHigh":[1,"color-surface-container-high"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"rounded":[4],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"useGradient":[4,"use-gradient"],"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"showTrek":[32],"showTouristicContent":[32],"showTouristicEvent":[32],"showHomeMap":[32],"showTrekMap":[32],"showTouristicContentMap":[32],"showTouristicEventMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32],"currentTouristicContentId":[32],"currentTouristicEventId":[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]]'),o)));
 //# sourceMappingURL=geotrek-rando-widget.esm.js.map

package/dist/geotrek-rando-widget/p-0c643dd6.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t,H as e,g as s}from"./p-0c07a3f0.js";import{t as r}from"./p-f5b24b94.js";import{s as n,r as o}from"./p-86b11946.js";const a="grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);overflow:hidden;max-width:100dvw;max-height:100dvh}.app-container{position:relative;background-color:var(--color-background);width:100%;height:100%;overflow:hidden}.languages-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;margin:16px 16px 0px 0px}.header-container,.large-view-header-container{height:var(--header-height)}.header-container .arrow-back-container,.large-view-header-container .arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.header-container .arrow-back-container .arrow-back-icon,.large-view-header-container .arrow-back-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:var(--border-radius, 50%);height:48px;width:48px;padding:0px;text-align:left}.handle-search-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-search-filters-container .handle-search-container{width:calc(50% + 48px);max-width:220px}.handle-search-filters-container .handle-filters-container{margin-left:16px}.header-detail{height:64px}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.init-loader-container,.loader-container,.large-view-loader-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height))}.content-treks{height:calc(100% - var(--header-height))}.content-trek{height:100%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container,.large-view-app-touristic-content-detail-container,.large-view-app-touristic-event-detail-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;height:100%}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container,.app-touristic-content-detail-container,.app-touristic-event-detail-container{width:100%}grw-treks-list,grw-touristic-contents-list{max-height:calc(100vh - var(--header-height))}grw-trek-detail{position:relative;max-height:calc(100vh - 64px - 48px)}grw-touristic-content-detail,grw-touristic-event-detail{position:relative;max-height:calc(100vh - 64px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container,.large-view-app-touristic-content-detail-container,.large-view-app-touristic-event-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}.error-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;margin-top:16px;font-family:var(--font-family);font-size:16px}.error-container grw-common-button{margin-top:16px}";const h=class{constructor(t){i(this,t);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTouristicContent=false;this.showTouristicEvent=false;this.showHomeMap=false;this.showTrekMap=false;this.showTouristicContentMap=false;this.showTouristicEventMap=false;this.showFilters=false;this.isLargeView=false;this.currentTrekId=undefined;this.currentTouristicContentId=undefined;this.currentTouristicEventId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.center=undefined;this.zoom=undefined;this.nameLayer=undefined;this.urlLayer=undefined;this.attributionLayer=undefined;this.weather=false;this.emergencyNumber=undefined;this.fontFamily="Roboto";this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.rounded=true;this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false;this.treks=true;this.touristicContents=false;this.touristicEvents=false}onTrekCardPress(i){this.currentTouristicContentId=null;this.showTouristicContent=false;n.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;n.currentTouristicEvent=null;const t=n.parentTrekId?n.parentTrekId:n.currentTrekSteps?this.currentTrekId:null;n.currentTrek=null;this.currentTrekId=i.detail;this.showTrek=true;this.showTrekMap=false;const e=new URL(window.location.toString());e.searchParams.set("trek",this.currentTrekId.toString());if(n.currentTrekSteps){e.searchParams.set("parenttrek",t.toString())}window.history.pushState({},"",e)}onParentTrekPress(i){n.currentTrek=null;this.currentTrekId=i.detail;this.showTrek=true;this.showTrekMap=false;const t=new URL(window.location.toString());t.searchParams.set("trek",this.currentTrekId.toString());t.searchParams.delete("parenttrek");window.history.pushState({},"",t)}onTouristicContentCardPress(i){n.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicContentId=i.detail;this.showTouristicContent=true;this.showTouristicContentMap=false;const t=new URL(window.location.toString());t.searchParams.delete("trek");t.searchParams.set("touristiccontent",this.currentTouristicContentId.toString());window.history.pushState({},"",t)}onTouristiceEventCardPress(i){n.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicEventId=i.detail;this.showTouristicEvent=true;this.showTouristicEventMap=false;const t=new URL(window.location.toString());t.searchParams.delete("trek");t.searchParams.set("touristicevent",this.currentTouristicEventId.toString());window.history.pushState({},"",t)}onWindowResize(){this.handleView()}onCenterOnMap(){if(!this.isLargeView){this.showTrekMap=true}}watchPropHandler(){window.dispatchEvent(new window.Event("resize"))}componentWillLoad(){if(this.treks){n.mode="treks"}else if(this.touristicContents){n.mode="touristicContents"}else if(this.touristicEvents){n.mode="touristicEvents"}const i=new URL(window.location.toString());const t=i.searchParams.get("trek");const e=i.searchParams.get("parenttrek");const s=i.searchParams.get("touristiccontent");const r=i.searchParams.get("touristicevent");if(t){window.history.replaceState({isInitialHistoryWithDetails:true},"",i);n.parentTrekId=e?Number(e):null;this.currentTrekId=Number(t);this.showTrek=true}else if(s){window.history.replaceState({isInitialHistoryWithDetails:true},"",i);this.currentTouristicContentId=Number(s);this.showTouristicContent=true}else if(r){window.history.replaceState({isInitialHistoryWithDetails:true},"",i);this.currentTouristicEventId=Number(r);this.showTouristicEvent=true}}componentDidLoad(){window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()}onDetailsClose(){if(this.treks){n.mode="treks"}else if(this.touristicContents){n.mode="touristicContents"}else if(this.touristicEvents){n.mode="touristicEvents"}this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicContentMap=false;this.showTouristicEvent=false;this.showTouristicEventMap=false;n.currentTouristicContent=null;n.currentTouristicEvent=null;n.currentTrek=null;n.currentTrekSteps=null;n.parentTrekId=null;this.currentTrekId=null;this.showTrek=false}handleView(){this.isLargeView=this.appElement.getBoundingClientRect().width>=this.largeViewSize;this.showHomeMap=this.isLargeView;this.showTrekMap=this.isLargeView}handleFilters(){this.showFilters=!this.showFilters}handleBackButton(){if(window.history.state&&window.history.state.isInitialHistoryWithDetails){this.onDetailsClose();const i=new URL(window.location.toString());i.searchParams.delete("trek");i.searchParams.delete("touristiccontent");i.searchParams.delete("touristicevent");window.history.pushState({},"",i)}else{window.history.back()}}handlePopState(){const i=new URL(window.location.toString());const t=Number(i.searchParams.get("trek"));const e=i.searchParams.get("touristiccontent");const s=i.searchParams.get("touristicevent");if(t&&this.currentTrekId!==t){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicEvent=false;n.currentTouristicContent=null;n.currentTouristicEvent=null;n.currentTrek=null;this.currentTrekId=t;this.showTrek=true}else if(!t&&!e&&!s){this.onDetailsClose()}}handleShowMap(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else if(this.showTouristicContent){this.showTouristicContentMap=!this.showTouristicContentMap}else if(this.showTouristicEvent){this.showTouristicEventMap=!this.showTouristicEventMap}else{this.showHomeMap=!this.showHomeMap}}getMapVisibilityIconButton(){let i;if(this.showTrek){i=this.showTrekMap?"summarize":"map"}else if(this.showTouristicContent){i=this.showTouristicContentMap?"summarize":"map"}else if(this.showTouristicEvent){i=this.showTouristicEventMap?"summarize":"map"}else{i=this.showHomeMap?"list":"map"}return i}getMapVisibilityLabelButton(){let i;if(this.showTrek){i=this.showTrekMap?r[n.language].showDetails:r[n.language].showRoute}else if(this.showTouristicContent){i=this.showTouristicContentMap?r[n.language].showDetails:r[n.language].showMap}else if(this.showTouristicEvent){i=this.showTouristicEventMap?r[n.language].showDetails:r[n.language].showMap}else{i=this.showHomeMap?r[n.language].showList:r[n.language].showMap}return i}reload(){window.location.reload()}disconnectedCallback(){o();window.removeEventListener("popstate",this.handlePopStateBind)}render(){return t(e,{style:{"--font-family":this.fontFamily,"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--color-primary-container":this.colorPrimaryContainer,"--color-on-primary-container":this.colorOnPrimaryContainer,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-background":this.colorBackground,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--color-sensitive-area":this.colorSensitiveArea,"--app-width":this.appWidth,"--app-height":this.appHeight,"--header-height":Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1?"136px":"64px","--border-radius":this.rounded?"":"0px"}},!n.currentTreks&&!n.currentTrek&&!n.currentTouristicContent&&!n.currentTouristicEvent&&!n.currentTouristicContents&&!n.currentTouristicEvents&&t("div",{class:"init-loader-container"},t("grw-loader",{"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer})),this.treks&&n.mode==="treks"&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!n.currentTreks&&t("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!n.currentTrek&&t("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId,portals:this.portals}),this.showTouristicContent&&this.currentTouristicContentId&&t("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId,portals:this.portals}),this.showTouristicEvent&&this.currentTouristicEventId&&t("grw-touristic-event-provider",{api:this.api,languages:this.languages,"touristic-event-id":this.currentTouristicEventId,portals:this.portals}),this.touristicContents&&n.mode==="touristicContents"&&!n.currentTouristicContents&&!this.showTouristicContent&&t("grw-touristic-contents-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals}),this.touristicEvents&&n.mode==="touristicEvents"&&!n.currentTouristicEvents&&!this.showTouristicEvent&&t("grw-touristic-events-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals}),(n.currentTreks||n.currentTrek||n.touristicContents||n.touristicEvents||n.currentTouristicContent||n.currentTouristicEvent||n.trekNetworkError)&&t("div",{class:"app-container"},n.languages&&n.languages.length>1&&t("div",{class:"languages-container"},t("grw-select-language",null)),t("div",{class:`${this.isLargeView?"large-view-header-container":"header-container"}${this.showTrek||this.showTouristicContent||this.showTouristicEvent?" header-detail":""}`},Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&t("grw-segmented-segment",{fontFamily:this.fontFamily,treks:this.treks,touristicContents:this.touristicContents,touristicEvents:this.touristicEvents}),!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent?t("div",{class:"handle-search-filters-container"},t("div",{class:"handle-search-container"},t("grw-search",{fontFamily:this.fontFamily})),t("div",{class:"handle-filters-container"},t("grw-common-button",{fontFamily:this.fontFamily,action:()=>this.handleFilters(),icon:"filter_list",name:r[n.language].filter}))):t("div",{class:"arrow-back-container"},t("button",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon"},t("span",{translate:false,class:"material-symbols material-symbols-outlined"},"arrow_back")))),t("div",{class:`content-container ${this.showTrek||this.showTouristicContent||this.showTouristicEvent?"content-trek":"content-treks"}`},n.trekNetworkError&&t("div",{class:"error-container"},"Une erreur est survenue.",t("grw-common-button",{icon:"refresh",name:"Recharger la page",action:()=>this.reload()})),t("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek||this.showTouristicContent||this.showTouristicEvent?"none":"flex",position:this.showTrek?"absolute":"relative"}},n.mode==="treks"&&this.treks&&t("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow}),n.mode==="touristicContents"&&this.touristicContents&&t("grw-touristic-contents-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow}),n.mode==="touristicEvents"&&this.touristicEvents&&t("grw-touristic-events-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!n.currentTrek||this.showTouristicContent&&!n.currentTouristicContent||this.showTouristicEvent&&!n.currentTouristicEvent||!n.currentTreks&&n.mode==="treks"||!n.touristicContents&&n.mode==="touristicContents"&&t("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},t("grw-loader",{"color-primary-container":this.colorSecondaryContainer,"color-on-primary-container":this.colorOnSecondaryContainer})),n.currentTrek&&t("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},t("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false",fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView,"emergency-number":this.emergencyNumber})),this.showTouristicContent&&t("div",{class:this.isLargeView?"large-view-app-touristic-content-detail-container":"app-touristic-content-detail-container"},t("grw-touristic-content-detail",{style:{visibility:!this.showTouristicContentMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicContentMap?"1":"0"},fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),this.showTouristicEvent&&t("div",{class:this.isLargeView?"large-view-app-touristic-event-detail-container":"app-touristic-event-detail-container"},t("grw-touristic-event-detail",{style:{visibility:!this.showTouristicEventMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicEventMap?"1":"0"},fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),!n.trekNetworkError&&t("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showHomeMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.showTouristicContentMap&&this.showTouristicContent||this.showTouristicEventMap&&this.showTouristicEvent||this.isLargeView?"visible":"hidden",zIndex:this.showHomeMap||this.showTrekMap||this.showTouristicContentMap||this.showTouristicEventMap?"1":"0"},center:this.center,zoom:this.zoom,"name-layer":this.nameLayer,"url-layer":this.urlLayer,"attribution-layer":this.attributionLayer,fontFamily:this.fontFamily,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent||this.showTrek&&n.currentTrek||this.showTouristicContent&&n.currentTouristicContent||this.showTouristicEvent&&n.currentTouristicEvent)&&t("div",{class:"map-visibility-button-container"},t("grw-extended-fab",{fontFamily:this.fontFamily,action:()=>this.handleShowMap(),icon:()=>this.getMapVisibilityIconButton(),name:()=>this.getMapVisibilityLabelButton(),display:this.isLargeView?"none":"flex"}))),!this.showTrek&&this.showFilters&&t("grw-filters",{fontFamily:this.fontFamily,handleFilters:()=>this.handleFilters()}))}get appElement(){return s(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};h.style=a;export{h as grw_app};
+//# sourceMappingURL=p-0c643dd6.entry.js.map