@geotrekce/geotrek-rando-widget 0.4.5 → 0.4.6

package/dist/geotrek-rando-widget/{p-2a67434e.system.entry.js → p-0d8a3c86.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-d2c035bc.system.js","./p-0955858f.system.js","./p-6f7916db.system.js"],(function(t){"use strict";var e,i,r,o,s,n,a,c,l,h,u,d,p,w;return{setters:[function(t){e=t.r;i=t.h;r=t.H;o=t.g},function(t){s=t.t},function(t){n=t.s;a=t.o;c=t.r;l=t.t;h=t.h;u=t.a;d=t.b;p=t.c;w=t.d}],execute:function(){var f='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial;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{background-color:var(--color-background);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: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-button{margin-left:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-search-filters-container .handle-filters-button span{font-size:18px}.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)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height));background-color:var(--color-background)}.content-treks{height:calc(100% - var(--header-height))}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.app-touristic-content-detail-container,.app-touristic-event-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{max-width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.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}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.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,grw-touristic-content-detail,grw-touristic-event-detail{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%}.segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}';var g=t("grw_app",function(){function t(t){e(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.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.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;n.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;n.currentTouristicEvent=null;var e=n.parentTrekId?n.parentTrekId:n.currentTrekSteps?this.currentTrekId:null;n.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(n.currentTrekSteps){i.searchParams.set("parenttrek",e.toString())}window.history.pushState({},"",i)};t.prototype.onParentTrekPress=function(t){n.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){n.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){n.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){n.mode="treks"}else if(this.touristicContents){n.mode="touristicContents"}else if(this.touristicEvents){n.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);n.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(){var t=this;a("trekNetworkError",(function(){if(n.trekNetworkError){var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.delete("parenttrek");e.searchParams.delete("touristiccontent");e.searchParams.delete("touristicevent");window.history.replaceState({},"",e);t.onDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};t.prototype.onDetailsClose=function(){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};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;n.currentTouristicContent=null;n.currentTouristicEvent=null;n.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?s[n.language].showDetails:s[n.language].showRoute}else if(this.showTouristicContent){t=this.showTouristicContentMap?s[n.language].showDetails:s[n.language].showMap}else if(this.showTouristicEvent){t=this.showTouristicEventMap?s[n.language].showDetails:s[n.language].showMap}else{t=this.showHomeMap?s[n.language].showList:s[n.language].showMap}return t};t.prototype.disconnectedCallback=function(){c();window.removeEventListener("popstate",this.handlePopStateBind)};t.prototype.changeMode=function(t){n.searchValue="";if(t==="treks"&&n.currentTreks){l.forEach((function(t){n[t.property].forEach((function(t){return t.selected=false}))}));n.selectedActivitiesFilters=0;n.selectedThemesFilters=0;n.selectedLocationFilters=0;n.currentTreks=h()}else if(t==="touristicContents"&&n.currentTouristicContents){u.forEach((function(t){n[t.property].forEach((function(t){return t.selected=false}))}));n.selectedActivitiesFilters=0;n.selectedLocationFilters=0;n.currentTouristicContents=d()}else if(t==="touristicEvents"&&n.currentTouristicEvents){p.forEach((function(t){n[t.property].forEach((function(t){return t.selected=false}))}));n.selectedActivitiesFilters=0;n.selectedLocationFilters=0;n.currentTouristicEvents=w()}n.mode=t};t.prototype.render=function(){var t=this;return i(r,{style:{"--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,"--app-width":this.appWidth,"--app-height":this.appHeight,"--header-height":Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1?"136px":"64px"}},!n.currentTreks&&!n.currentTrek&&!n.currentTouristicContent&&!n.currentTouristicEvent&&!n.currentTouristicContents&&!n.currentTouristicEvents&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),this.treks&&n.mode==="treks"&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!n.currentTreks&&i("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&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId,portals:this.portals}),this.showTouristicContent&&this.currentTouristicContentId&&i("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId,portals:this.portals}),this.showTouristicEvent&&this.currentTouristicEventId&&i("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&&i("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&&i("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)&&i("div",{class:"app-container"},n.languages&&n.languages.length>1&&i("div",{class:"languages-container"},i("grw-select-language",null)),i("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&&i("div",{class:"segmented-buttons-container"},this.treks&&i("label",{class:"segment".concat(n.mode==="treks"?" selected-segment":""),onClick:function(){return t.changeMode("treks")}},s[n.language].home.segment.treks),this.touristicContents&&i("label",{class:"segment".concat(n.mode==="touristicContents"?" selected-segment":""),onClick:function(){return t.changeMode("touristicContents")}},s[n.language].home.segment.touristicContents),this.touristicContents&&i("label",{class:"segment".concat(n.mode==="touristicEvents"?" selected-segment":""),onClick:function(){return t.changeMode("touristicEvents")}},s[n.language].home.segment.touristicEvents)),!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent?i("div",{class:"handle-search-filters-container"},i("div",{class:"handle-search-container"},i("grw-search",null)),i("div",{class:"handle-filters-container"},i("button",{onClick:function(){return t.handleFilters()},class:"handle-filters-button"},i("span",{translate:false,class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),s[n.language].filter))):i("div",{class:"arrow-back-container"},i("button",{onClick:function(){return t.handleBackButton()},class:"arrow-back-icon"},i("span",{translate:false,class:"material-symbols material-symbols-outlined"},"arrow_back")))),i("div",{class:"content-container ".concat(this.showTrek||this.showTouristicContent||this.showTouristicEvent?"content-trek":"content-treks")},i("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&&i("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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&&i("grw-touristic-contents-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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&&i("grw-touristic-events-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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"&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),n.currentTrek&&i("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},i("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","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})),this.showTouristicContent&&i("div",{class:this.isLargeView?"large-view-app-touristic-content-detail-container":"app-touristic-content-detail-container"},i("grw-touristic-content-detail",{style:{visibility:!this.showTouristicContentMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicContentMap?"1":"0"},"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&&i("div",{class:this.isLargeView?"large-view-app-touristic-event-detail-container":"app-touristic-event-detail-container"},i("grw-touristic-event-detail",{style:{visibility:!this.showTouristicEventMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicEventMap?"1":"0"},"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})),i("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,"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)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:function(){return t.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{translate:false,class:"material-symbols material-symbols-outlined"},this.getMapVisibilityIconButton()),this.getMapVisibilityLabelButton()))),!this.showTrek&&this.showFilters&&i("grw-filters",{handleFilters:function(){return t.handleFilters()}}))};Object.defineProperty(t.prototype,"appElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return t}());g.style=f}}}));
-//# sourceMappingURL=p-2a67434e.system.entry.js.map
+System.register(["./p-d2c035bc.system.js","./p-0955858f.system.js","./p-6f7916db.system.js"],(function(t){"use strict";var e,i,r,o,s,n,a,c,l,h,u,d,p,w;return{setters:[function(t){e=t.r;i=t.h;r=t.H;o=t.g},function(t){s=t.t},function(t){n=t.s;a=t.o;c=t.r;l=t.t;h=t.h;u=t.a;d=t.b;p=t.c;w=t.d}],execute:function(){var f='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial;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{background-color:var(--color-background);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: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-button{margin-left:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-search-filters-container .handle-filters-button span{font-size:18px}.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)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height));background-color:var(--color-background)}.content-treks{height:calc(100% - var(--header-height))}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.app-touristic-content-detail-container,.app-touristic-event-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{max-width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.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}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.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,grw-touristic-content-detail,grw-touristic-event-detail{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%}.segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}';var g=t("grw_app",function(){function t(t){e(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.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.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;n.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;n.currentTouristicEvent=null;var e=n.parentTrekId?n.parentTrekId:n.currentTrekSteps?this.currentTrekId:null;n.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(n.currentTrekSteps){i.searchParams.set("parenttrek",e.toString())}window.history.pushState({},"",i)};t.prototype.onParentTrekPress=function(t){n.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){n.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){n.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){n.mode="treks"}else if(this.touristicContents){n.mode="touristicContents"}else if(this.touristicEvents){n.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);n.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(){var t=this;a("trekNetworkError",(function(){if(n.trekNetworkError){var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.delete("parenttrek");e.searchParams.delete("touristiccontent");e.searchParams.delete("touristicevent");window.history.replaceState({},"",e);t.onDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};t.prototype.onDetailsClose=function(){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};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;n.currentTouristicContent=null;n.currentTouristicEvent=null;n.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?s[n.language].showDetails:s[n.language].showRoute}else if(this.showTouristicContent){t=this.showTouristicContentMap?s[n.language].showDetails:s[n.language].showMap}else if(this.showTouristicEvent){t=this.showTouristicEventMap?s[n.language].showDetails:s[n.language].showMap}else{t=this.showHomeMap?s[n.language].showList:s[n.language].showMap}return t};t.prototype.disconnectedCallback=function(){c();window.removeEventListener("popstate",this.handlePopStateBind)};t.prototype.changeMode=function(t){n.searchValue="";if(t==="treks"&&n.currentTreks){l.forEach((function(t){n[t.property].forEach((function(t){return t.selected=false}))}));n.selectedActivitiesFilters=0;n.selectedThemesFilters=0;n.selectedLocationFilters=0;n.currentTreks=h()}else if(t==="touristicContents"&&n.currentTouristicContents){u.forEach((function(t){n[t.property].forEach((function(t){return t.selected=false}))}));n.selectedActivitiesFilters=0;n.selectedLocationFilters=0;n.currentTouristicContents=d()}else if(t==="touristicEvents"&&n.currentTouristicEvents){p.forEach((function(t){n[t.property].forEach((function(t){return t.selected=false}))}));n.selectedActivitiesFilters=0;n.selectedLocationFilters=0;n.currentTouristicEvents=w()}n.mode=t};t.prototype.render=function(){var t=this;return i(r,{style:{"--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,"--app-width":this.appWidth,"--app-height":this.appHeight,"--header-height":Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1?"136px":"64px"}},!n.currentTreks&&!n.currentTrek&&!n.currentTouristicContent&&!n.currentTouristicEvent&&!n.currentTouristicContents&&!n.currentTouristicEvents&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),this.treks&&n.mode==="treks"&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!n.currentTreks&&i("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&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId,portals:this.portals}),this.showTouristicContent&&this.currentTouristicContentId&&i("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId,portals:this.portals}),this.showTouristicEvent&&this.currentTouristicEventId&&i("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&&i("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&&i("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)&&i("div",{class:"app-container"},n.languages&&n.languages.length>1&&i("div",{class:"languages-container"},i("grw-select-language",null)),i("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&&i("div",{class:"segmented-buttons-container"},this.treks&&i("label",{class:"segment".concat(n.mode==="treks"?" selected-segment":""),onClick:function(){return t.changeMode("treks")}},s[n.language].home.segment.treks),this.touristicContents&&i("label",{class:"segment".concat(n.mode==="touristicContents"?" selected-segment":""),onClick:function(){return t.changeMode("touristicContents")}},s[n.language].home.segment.touristicContents),this.touristicEvents&&i("label",{class:"segment".concat(n.mode==="touristicEvents"?" selected-segment":""),onClick:function(){return t.changeMode("touristicEvents")}},s[n.language].home.segment.touristicEvents)),!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent?i("div",{class:"handle-search-filters-container"},i("div",{class:"handle-search-container"},i("grw-search",null)),i("div",{class:"handle-filters-container"},i("button",{onClick:function(){return t.handleFilters()},class:"handle-filters-button"},i("span",{translate:false,class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),s[n.language].filter))):i("div",{class:"arrow-back-container"},i("button",{onClick:function(){return t.handleBackButton()},class:"arrow-back-icon"},i("span",{translate:false,class:"material-symbols material-symbols-outlined"},"arrow_back")))),i("div",{class:"content-container ".concat(this.showTrek||this.showTouristicContent||this.showTouristicEvent?"content-trek":"content-treks")},i("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&&i("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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&&i("grw-touristic-contents-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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&&i("grw-touristic-events-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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"&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),n.currentTrek&&i("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},i("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","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})),this.showTouristicContent&&i("div",{class:this.isLargeView?"large-view-app-touristic-content-detail-container":"app-touristic-content-detail-container"},i("grw-touristic-content-detail",{style:{visibility:!this.showTouristicContentMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicContentMap?"1":"0"},"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&&i("div",{class:this.isLargeView?"large-view-app-touristic-event-detail-container":"app-touristic-event-detail-container"},i("grw-touristic-event-detail",{style:{visibility:!this.showTouristicEventMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicEventMap?"1":"0"},"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})),i("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,"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)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:function(){return t.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{translate:false,class:"material-symbols material-symbols-outlined"},this.getMapVisibilityIconButton()),this.getMapVisibilityLabelButton()))),!this.showTrek&&this.showFilters&&i("grw-filters",{handleFilters:function(){return t.handleFilters()}}))};Object.defineProperty(t.prototype,"appElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return t}());g.style=f}}}));
+//# sourceMappingURL=p-0d8a3c86.system.entry.js.map

package/dist/geotrek-rando-widget/{p-2a67434e.system.entry.js.map → p-0d8a3c86.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["grwAppCss","GrwApp","exports","this","largeViewSize","handlePopStateBind","handlePopState","bind","class_1","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","_this","onChange","trekNetworkError","urlRedirect","onDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showHomeMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","getMapVisibilityIconButton","mapIconButton","getMapVisibilityLabelButton","mapLabelButton","translate","language","showDetails","showRoute","showMap","showList","disconnectedCallback","reset","removeEventListener","changeMode","searchValue","currentTreks","treksFilters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","handleTreksFiltersAndSearch","currentTouristicContents","touristicContentsFilters","handleTouristicContentsFiltersAndSearch","currentTouristicEvents","touristicEventsFilters","handleTouristicEventsFiltersAndSearch","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","length","concat","onClick","home","segment","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  font-family: 'Roboto';\n  color: var(--color-on-surface);\n  overflow: hidden;\n  line-height: initial;\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  background-color: var(--color-background);\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: 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\n  .handle-filters-button {\n    margin-left: 16px;\n    user-select: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background-color: var(--color-background);\n    color: var(--color-on-surface);\n    padding: 12px 24px;\n    border-radius: 20px;\n    box-sizing: border-box;\n    position: relative;\n    gap: 8px;\n    white-space: nowrap;\n    line-height: 20px;\n    letter-spacing: 0.10000000149011612px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: var(--elevation-1);\n    transition: box-shadow 0.2s ease-in-out 0s;\n    span {\n      font-size: 18px;\n    }\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  .loader {\n    width: 48px;\n    height: 48px;\n    border: 5px solid var(--color-primary-container);\n    border-bottom-color: var(--color-on-primary-container);\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n.content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - var(--header-height));\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - var(--header-height));\n}\n\n.content-trek {\n  height: 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.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  max-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\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  .map-visibility-button {\n    cursor: pointer;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    text-decoration: none;\n    padding: 16px;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    box-shadow: var(--elevation-1);\n    border-radius: 12px;\n    height: 56px;\n    font-size: 16px;\n    width: unset;\n    &:hover {\n      box-shadow: var(--elevation-4);\n    }\n    span {\n      font-size: 24px;\n      margin-right: 8px;\n      color: var(--color-on-primary-container);\n    }\n  }\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,\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\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.segmented-buttons-container {\n  display: flex;\n  justify-content: center;\n  width: calc(100% - 32px);\n  height: 40px;\n  margin: 16px;\n  border: 1px solid var(--color-outline);\n  border-radius: 20px;\n  line-height: 20px;\n  .segment {\n    cursor: pointer;\n    user-select: none;\n    font-size: 14px;\n    font-weight: 500;\n    -webkit-tap-highlight-color: transparent;\n    color: var(--color-on-surface-variant);\n    background-color: transparent;\n    border-radius: 0px;\n    min-width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    &:first-child {\n      border-top-left-radius: 20px;\n      border-bottom-left-radius: 20px;\n    }\n    &:not(:last-child) {\n      border-right: 1px solid var(--color-outline);\n    }\n    &:last-child {\n      border-top-right-radius: 20px;\n      border-bottom-right-radius: 20px;\n    }\n  }\n  .selected-segment {\n    color: var(--color-on-secondary-container);\n    background-color: var(--color-secondary-container);\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { mode } from 'types/types';\nimport {\n  handleTouristicContentsFiltersAndSearch,\n  handleTouristicEventsFiltersAndSearch,\n  handleTreksFiltersAndSearch,\n  touristicContentsFilters,\n  touristicEventsFilters,\n  treksFilters,\n} from 'utils/utils';\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\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\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    onChange('trekNetworkError', () => {\n      if (state.trekNetworkError) {\n        const urlRedirect = new URL(window.location.toString());\n        urlRedirect.searchParams.delete('trek');\n        urlRedirect.searchParams.delete('parenttrek');\n        urlRedirect.searchParams.delete('touristiccontent');\n        urlRedirect.searchParams.delete('touristicevent');\n        window.history.replaceState({}, '', urlRedirect);\n        this.onDetailsClose();\n      }\n    });\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\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  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  changeMode(mode: mode) {\n    state.searchValue = '';\n    if (mode === 'treks' && state.currentTreks) {\n      treksFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedThemesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTreks = handleTreksFiltersAndSearch();\n    } else if (mode === 'touristicContents' && state.currentTouristicContents) {\n      touristicContentsFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();\n    } else if (mode === 'touristicEvents' && state.currentTouristicEvents) {\n      touristicEventsFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTouristicEvents = handleTouristicEventsFiltersAndSearch();\n    }\n    state.mode = mode;\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\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          '--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        }}\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              <span class=\"loader\"></span>\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 || state.currentTrek || state.touristicContents || state.touristicEvents || state.currentTouristicContent || state.currentTouristicEvent) && (\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 && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && (\n                <div class=\"segmented-buttons-container\">\n                  {this.treks && (\n                    <label class={`segment${state.mode === 'treks' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('treks')}>\n                      {translate[state.language].home.segment.treks}\n                    </label>\n                  )}\n                  {this.touristicContents && (\n                    <label class={`segment${state.mode === 'touristicContents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicContents')}>\n                      {translate[state.language].home.segment.touristicContents}\n                    </label>\n                  )}\n                  {this.touristicContents && (\n                    <label class={`segment${state.mode === 'touristicEvents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicEvents')}>\n                      {translate[state.language].home.segment.touristicEvents}\n                    </label>\n                  )}\n                </div>\n              )}\n              {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n                <div class=\"handle-search-filters-container\">\n                  <div class=\"handle-search-container\">\n                    <grw-search></grw-search>\n                  </div>\n                  <div class=\"handle-filters-container\">\n                    <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n                      {/* @ts-ignore */}\n                      <span translate={false} class=\"material-symbols material-symbols-outlined margin-right-icon\">\n                        filter_list\n                      </span>\n                      {translate[state.language].filter}\n                    </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              <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                    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                    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                    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                    <span class=\"loader\"></span>\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                    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                  ></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                    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                    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              <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                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            </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                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  {/* @ts-ignore */}\n                  <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                    {this.getMapVisibilityIconButton()}\n                  </span>\n                  {this.getMapVisibilityLabelButton()}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && <grw-filters handleFilters={() => this.handleFilters()}></grw-filters>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["grwAppCss","GrwApp","exports","this","largeViewSize","handlePopStateBind","handlePopState","bind","class_1","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","_this","onChange","trekNetworkError","urlRedirect","onDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showHomeMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","getMapVisibilityIconButton","mapIconButton","getMapVisibilityLabelButton","mapLabelButton","translate","language","showDetails","showRoute","showMap","showList","disconnectedCallback","reset","removeEventListener","changeMode","searchValue","currentTreks","treksFilters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","handleTreksFiltersAndSearch","currentTouristicContents","touristicContentsFilters","handleTouristicContentsFiltersAndSearch","currentTouristicEvents","touristicEventsFilters","handleTouristicEventsFiltersAndSearch","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","length","concat","onClick","home","segment","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  font-family: 'Roboto';\n  color: var(--color-on-surface);\n  overflow: hidden;\n  line-height: initial;\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  background-color: var(--color-background);\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: 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\n  .handle-filters-button {\n    margin-left: 16px;\n    user-select: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background-color: var(--color-background);\n    color: var(--color-on-surface);\n    padding: 12px 24px;\n    border-radius: 20px;\n    box-sizing: border-box;\n    position: relative;\n    gap: 8px;\n    white-space: nowrap;\n    line-height: 20px;\n    letter-spacing: 0.10000000149011612px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: var(--elevation-1);\n    transition: box-shadow 0.2s ease-in-out 0s;\n    span {\n      font-size: 18px;\n    }\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  .loader {\n    width: 48px;\n    height: 48px;\n    border: 5px solid var(--color-primary-container);\n    border-bottom-color: var(--color-on-primary-container);\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n.content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - var(--header-height));\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - var(--header-height));\n}\n\n.content-trek {\n  height: 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.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  max-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\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  .map-visibility-button {\n    cursor: pointer;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    text-decoration: none;\n    padding: 16px;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    box-shadow: var(--elevation-1);\n    border-radius: 12px;\n    height: 56px;\n    font-size: 16px;\n    width: unset;\n    &:hover {\n      box-shadow: var(--elevation-4);\n    }\n    span {\n      font-size: 24px;\n      margin-right: 8px;\n      color: var(--color-on-primary-container);\n    }\n  }\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,\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\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.segmented-buttons-container {\n  display: flex;\n  justify-content: center;\n  width: calc(100% - 32px);\n  height: 40px;\n  margin: 16px;\n  border: 1px solid var(--color-outline);\n  border-radius: 20px;\n  line-height: 20px;\n  .segment {\n    cursor: pointer;\n    user-select: none;\n    font-size: 14px;\n    font-weight: 500;\n    -webkit-tap-highlight-color: transparent;\n    color: var(--color-on-surface-variant);\n    background-color: transparent;\n    border-radius: 0px;\n    min-width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    &:first-child {\n      border-top-left-radius: 20px;\n      border-bottom-left-radius: 20px;\n    }\n    &:not(:last-child) {\n      border-right: 1px solid var(--color-outline);\n    }\n    &:last-child {\n      border-top-right-radius: 20px;\n      border-bottom-right-radius: 20px;\n    }\n  }\n  .selected-segment {\n    color: var(--color-on-secondary-container);\n    background-color: var(--color-secondary-container);\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { mode } from 'types/types';\nimport {\n  handleTouristicContentsFiltersAndSearch,\n  handleTouristicEventsFiltersAndSearch,\n  handleTreksFiltersAndSearch,\n  touristicContentsFilters,\n  touristicEventsFilters,\n  treksFilters,\n} from 'utils/utils';\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\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\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    onChange('trekNetworkError', () => {\n      if (state.trekNetworkError) {\n        const urlRedirect = new URL(window.location.toString());\n        urlRedirect.searchParams.delete('trek');\n        urlRedirect.searchParams.delete('parenttrek');\n        urlRedirect.searchParams.delete('touristiccontent');\n        urlRedirect.searchParams.delete('touristicevent');\n        window.history.replaceState({}, '', urlRedirect);\n        this.onDetailsClose();\n      }\n    });\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\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  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  changeMode(mode: mode) {\n    state.searchValue = '';\n    if (mode === 'treks' && state.currentTreks) {\n      treksFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedThemesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTreks = handleTreksFiltersAndSearch();\n    } else if (mode === 'touristicContents' && state.currentTouristicContents) {\n      touristicContentsFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();\n    } else if (mode === 'touristicEvents' && state.currentTouristicEvents) {\n      touristicEventsFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTouristicEvents = handleTouristicEventsFiltersAndSearch();\n    }\n    state.mode = mode;\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\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          '--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        }}\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              <span class=\"loader\"></span>\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 || state.currentTrek || state.touristicContents || state.touristicEvents || state.currentTouristicContent || state.currentTouristicEvent) && (\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 && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && (\n                <div class=\"segmented-buttons-container\">\n                  {this.treks && (\n                    <label class={`segment${state.mode === 'treks' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('treks')}>\n                      {translate[state.language].home.segment.treks}\n                    </label>\n                  )}\n                  {this.touristicContents && (\n                    <label class={`segment${state.mode === 'touristicContents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicContents')}>\n                      {translate[state.language].home.segment.touristicContents}\n                    </label>\n                  )}\n                  {this.touristicEvents && (\n                    <label class={`segment${state.mode === 'touristicEvents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicEvents')}>\n                      {translate[state.language].home.segment.touristicEvents}\n                    </label>\n                  )}\n                </div>\n              )}\n              {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n                <div class=\"handle-search-filters-container\">\n                  <div class=\"handle-search-container\">\n                    <grw-search></grw-search>\n                  </div>\n                  <div class=\"handle-filters-container\">\n                    <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n                      {/* @ts-ignore */}\n                      <span translate={false} class=\"material-symbols material-symbols-outlined margin-right-icon\">\n                        filter_list\n                      </span>\n                      {translate[state.language].filter}\n                    </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              <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                    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                    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                    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                    <span class=\"loader\"></span>\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                    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                  ></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                    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                    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              <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                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            </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                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  {/* @ts-ignore */}\n                  <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                    {this.getMapVisibilityIconButton()}\n                  </span>\n                  {this.getMapVisibilityLabelButton()}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && <grw-filters handleFilters={() => this.handleFilters()}></grw-filters>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/{p-8e1be176.entry.js → p-1cfb837f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as e,g as s}from"./p-0c07a3f0.js";import{t as r}from"./p-e16d970b.js";import{s as n,o,r as a,t as l,h as c,a as h,b as d,c as p,d as u}from"./p-bcac98e0.js";const f='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial;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{background-color:var(--color-background);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: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-button{margin-left:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-search-filters-container .handle-filters-button span{font-size:18px}.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)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height));background-color:var(--color-background)}.content-treks{height:calc(100% - var(--header-height))}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.app-touristic-content-detail-container,.app-touristic-event-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{max-width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.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}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.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,grw-touristic-content-detail,grw-touristic-event-detail{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%}.segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}';const g=class{constructor(i){t(this,i);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.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.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false;this.treks=true;this.touristicContents=false;this.touristicEvents=false}onTrekCardPress(t){this.currentTouristicContentId=null;this.showTouristicContent=false;n.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;n.currentTouristicEvent=null;const i=n.parentTrekId?n.parentTrekId:n.currentTrekSteps?this.currentTrekId:null;n.currentTrek=null;this.currentTrekId=t.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",i.toString())}window.history.pushState({},"",e)}onParentTrekPress(t){n.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;const i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());i.searchParams.delete("parenttrek");window.history.pushState({},"",i)}onTouristicContentCardPress(t){n.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicContentId=t.detail;this.showTouristicContent=true;this.showTouristicContentMap=false;const i=new URL(window.location.toString());i.searchParams.delete("trek");i.searchParams.set("touristiccontent",this.currentTouristicContentId.toString());window.history.pushState({},"",i)}onTouristiceEventCardPress(t){n.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicEventId=t.detail;this.showTouristicEvent=true;this.showTouristicEventMap=false;const i=new URL(window.location.toString());i.searchParams.delete("trek");i.searchParams.set("touristicevent",this.currentTouristicEventId.toString());window.history.pushState({},"",i)}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 t=new URL(window.location.toString());const i=t.searchParams.get("trek");const e=t.searchParams.get("parenttrek");const s=t.searchParams.get("touristiccontent");const r=t.searchParams.get("touristicevent");if(i){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);n.parentTrekId=e?Number(e):null;this.currentTrekId=Number(i);this.showTrek=true}else if(s){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicContentId=Number(s);this.showTouristicContent=true}else if(r){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicEventId=Number(r);this.showTouristicEvent=true}}componentDidLoad(){o("trekNetworkError",(()=>{if(n.trekNetworkError){const t=new URL(window.location.toString());t.searchParams.delete("trek");t.searchParams.delete("parenttrek");t.searchParams.delete("touristiccontent");t.searchParams.delete("touristicevent");window.history.replaceState({},"",t);this.onDetailsClose()}}));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 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()}}handlePopState(){const t=new URL(window.location.toString());const i=Number(t.searchParams.get("trek"));const e=t.searchParams.get("touristiccontent");const s=t.searchParams.get("touristicevent");if(i&&this.currentTrekId!==i){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicEvent=false;n.currentTouristicContent=null;n.currentTouristicEvent=null;n.currentTrek=null;this.currentTrekId=i;this.showTrek=true}else if(!i&&!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 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}getMapVisibilityLabelButton(){let t;if(this.showTrek){t=this.showTrekMap?r[n.language].showDetails:r[n.language].showRoute}else if(this.showTouristicContent){t=this.showTouristicContentMap?r[n.language].showDetails:r[n.language].showMap}else if(this.showTouristicEvent){t=this.showTouristicEventMap?r[n.language].showDetails:r[n.language].showMap}else{t=this.showHomeMap?r[n.language].showList:r[n.language].showMap}return t}disconnectedCallback(){a();window.removeEventListener("popstate",this.handlePopStateBind)}changeMode(t){n.searchValue="";if(t==="treks"&&n.currentTreks){l.forEach((t=>{n[t.property].forEach((t=>t.selected=false))}));n.selectedActivitiesFilters=0;n.selectedThemesFilters=0;n.selectedLocationFilters=0;n.currentTreks=c()}else if(t==="touristicContents"&&n.currentTouristicContents){h.forEach((t=>{n[t.property].forEach((t=>t.selected=false))}));n.selectedActivitiesFilters=0;n.selectedLocationFilters=0;n.currentTouristicContents=d()}else if(t==="touristicEvents"&&n.currentTouristicEvents){p.forEach((t=>{n[t.property].forEach((t=>t.selected=false))}));n.selectedActivitiesFilters=0;n.selectedLocationFilters=0;n.currentTouristicEvents=u()}n.mode=t}render(){return i(e,{style:{"--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,"--app-width":this.appWidth,"--app-height":this.appHeight,"--header-height":Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1?"136px":"64px"}},!n.currentTreks&&!n.currentTrek&&!n.currentTouristicContent&&!n.currentTouristicEvent&&!n.currentTouristicContents&&!n.currentTouristicEvents&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),this.treks&&n.mode==="treks"&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!n.currentTreks&&i("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&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId,portals:this.portals}),this.showTouristicContent&&this.currentTouristicContentId&&i("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId,portals:this.portals}),this.showTouristicEvent&&this.currentTouristicEventId&&i("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&&i("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&&i("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)&&i("div",{class:"app-container"},n.languages&&n.languages.length>1&&i("div",{class:"languages-container"},i("grw-select-language",null)),i("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&&i("div",{class:"segmented-buttons-container"},this.treks&&i("label",{class:`segment${n.mode==="treks"?" selected-segment":""}`,onClick:()=>this.changeMode("treks")},r[n.language].home.segment.treks),this.touristicContents&&i("label",{class:`segment${n.mode==="touristicContents"?" selected-segment":""}`,onClick:()=>this.changeMode("touristicContents")},r[n.language].home.segment.touristicContents),this.touristicContents&&i("label",{class:`segment${n.mode==="touristicEvents"?" selected-segment":""}`,onClick:()=>this.changeMode("touristicEvents")},r[n.language].home.segment.touristicEvents)),!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent?i("div",{class:"handle-search-filters-container"},i("div",{class:"handle-search-container"},i("grw-search",null)),i("div",{class:"handle-filters-container"},i("button",{onClick:()=>this.handleFilters(),class:"handle-filters-button"},i("span",{translate:false,class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),r[n.language].filter))):i("div",{class:"arrow-back-container"},i("button",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon"},i("span",{translate:false,class:"material-symbols material-symbols-outlined"},"arrow_back")))),i("div",{class:`content-container ${this.showTrek||this.showTouristicContent||this.showTouristicEvent?"content-trek":"content-treks"}`},i("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&&i("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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&&i("grw-touristic-contents-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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&&i("grw-touristic-events-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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"&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),n.currentTrek&&i("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},i("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","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})),this.showTouristicContent&&i("div",{class:this.isLargeView?"large-view-app-touristic-content-detail-container":"app-touristic-content-detail-container"},i("grw-touristic-content-detail",{style:{visibility:!this.showTouristicContentMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicContentMap?"1":"0"},"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&&i("div",{class:this.isLargeView?"large-view-app-touristic-event-detail-container":"app-touristic-event-detail-container"},i("grw-touristic-event-detail",{style:{visibility:!this.showTouristicEventMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicEventMap?"1":"0"},"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})),i("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,"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)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:()=>this.handleShowMap(),class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{translate:false,class:"material-symbols material-symbols-outlined"},this.getMapVisibilityIconButton()),this.getMapVisibilityLabelButton()))),!this.showTrek&&this.showFilters&&i("grw-filters",{handleFilters:()=>this.handleFilters()}))}get appElement(){return s(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};g.style=f;export{g as grw_app};
-//# sourceMappingURL=p-8e1be176.entry.js.map
+import{r as t,h as i,H as e,g as s}from"./p-0c07a3f0.js";import{t as r}from"./p-e16d970b.js";import{s as n,o,r as a,t as l,h as c,a as h,b as d,c as p,d as u}from"./p-bcac98e0.js";const f='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial;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{background-color:var(--color-background);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: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-button{margin-left:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-search-filters-container .handle-filters-button span{font-size:18px}.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)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height));background-color:var(--color-background)}.content-treks{height:calc(100% - var(--header-height))}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.app-touristic-content-detail-container,.app-touristic-event-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{max-width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.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}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.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,grw-touristic-content-detail,grw-touristic-event-detail{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%}.segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}';const g=class{constructor(i){t(this,i);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.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.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false;this.treks=true;this.touristicContents=false;this.touristicEvents=false}onTrekCardPress(t){this.currentTouristicContentId=null;this.showTouristicContent=false;n.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;n.currentTouristicEvent=null;const i=n.parentTrekId?n.parentTrekId:n.currentTrekSteps?this.currentTrekId:null;n.currentTrek=null;this.currentTrekId=t.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",i.toString())}window.history.pushState({},"",e)}onParentTrekPress(t){n.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;const i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());i.searchParams.delete("parenttrek");window.history.pushState({},"",i)}onTouristicContentCardPress(t){n.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicContentId=t.detail;this.showTouristicContent=true;this.showTouristicContentMap=false;const i=new URL(window.location.toString());i.searchParams.delete("trek");i.searchParams.set("touristiccontent",this.currentTouristicContentId.toString());window.history.pushState({},"",i)}onTouristiceEventCardPress(t){n.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicEventId=t.detail;this.showTouristicEvent=true;this.showTouristicEventMap=false;const i=new URL(window.location.toString());i.searchParams.delete("trek");i.searchParams.set("touristicevent",this.currentTouristicEventId.toString());window.history.pushState({},"",i)}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 t=new URL(window.location.toString());const i=t.searchParams.get("trek");const e=t.searchParams.get("parenttrek");const s=t.searchParams.get("touristiccontent");const r=t.searchParams.get("touristicevent");if(i){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);n.parentTrekId=e?Number(e):null;this.currentTrekId=Number(i);this.showTrek=true}else if(s){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicContentId=Number(s);this.showTouristicContent=true}else if(r){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicEventId=Number(r);this.showTouristicEvent=true}}componentDidLoad(){o("trekNetworkError",(()=>{if(n.trekNetworkError){const t=new URL(window.location.toString());t.searchParams.delete("trek");t.searchParams.delete("parenttrek");t.searchParams.delete("touristiccontent");t.searchParams.delete("touristicevent");window.history.replaceState({},"",t);this.onDetailsClose()}}));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 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()}}handlePopState(){const t=new URL(window.location.toString());const i=Number(t.searchParams.get("trek"));const e=t.searchParams.get("touristiccontent");const s=t.searchParams.get("touristicevent");if(i&&this.currentTrekId!==i){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicEvent=false;n.currentTouristicContent=null;n.currentTouristicEvent=null;n.currentTrek=null;this.currentTrekId=i;this.showTrek=true}else if(!i&&!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 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}getMapVisibilityLabelButton(){let t;if(this.showTrek){t=this.showTrekMap?r[n.language].showDetails:r[n.language].showRoute}else if(this.showTouristicContent){t=this.showTouristicContentMap?r[n.language].showDetails:r[n.language].showMap}else if(this.showTouristicEvent){t=this.showTouristicEventMap?r[n.language].showDetails:r[n.language].showMap}else{t=this.showHomeMap?r[n.language].showList:r[n.language].showMap}return t}disconnectedCallback(){a();window.removeEventListener("popstate",this.handlePopStateBind)}changeMode(t){n.searchValue="";if(t==="treks"&&n.currentTreks){l.forEach((t=>{n[t.property].forEach((t=>t.selected=false))}));n.selectedActivitiesFilters=0;n.selectedThemesFilters=0;n.selectedLocationFilters=0;n.currentTreks=c()}else if(t==="touristicContents"&&n.currentTouristicContents){h.forEach((t=>{n[t.property].forEach((t=>t.selected=false))}));n.selectedActivitiesFilters=0;n.selectedLocationFilters=0;n.currentTouristicContents=d()}else if(t==="touristicEvents"&&n.currentTouristicEvents){p.forEach((t=>{n[t.property].forEach((t=>t.selected=false))}));n.selectedActivitiesFilters=0;n.selectedLocationFilters=0;n.currentTouristicEvents=u()}n.mode=t}render(){return i(e,{style:{"--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,"--app-width":this.appWidth,"--app-height":this.appHeight,"--header-height":Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1?"136px":"64px"}},!n.currentTreks&&!n.currentTrek&&!n.currentTouristicContent&&!n.currentTouristicEvent&&!n.currentTouristicContents&&!n.currentTouristicEvents&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),this.treks&&n.mode==="treks"&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!n.currentTreks&&i("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&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId,portals:this.portals}),this.showTouristicContent&&this.currentTouristicContentId&&i("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId,portals:this.portals}),this.showTouristicEvent&&this.currentTouristicEventId&&i("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&&i("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&&i("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)&&i("div",{class:"app-container"},n.languages&&n.languages.length>1&&i("div",{class:"languages-container"},i("grw-select-language",null)),i("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&&i("div",{class:"segmented-buttons-container"},this.treks&&i("label",{class:`segment${n.mode==="treks"?" selected-segment":""}`,onClick:()=>this.changeMode("treks")},r[n.language].home.segment.treks),this.touristicContents&&i("label",{class:`segment${n.mode==="touristicContents"?" selected-segment":""}`,onClick:()=>this.changeMode("touristicContents")},r[n.language].home.segment.touristicContents),this.touristicEvents&&i("label",{class:`segment${n.mode==="touristicEvents"?" selected-segment":""}`,onClick:()=>this.changeMode("touristicEvents")},r[n.language].home.segment.touristicEvents)),!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent?i("div",{class:"handle-search-filters-container"},i("div",{class:"handle-search-container"},i("grw-search",null)),i("div",{class:"handle-filters-container"},i("button",{onClick:()=>this.handleFilters(),class:"handle-filters-button"},i("span",{translate:false,class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),r[n.language].filter))):i("div",{class:"arrow-back-container"},i("button",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon"},i("span",{translate:false,class:"material-symbols material-symbols-outlined"},"arrow_back")))),i("div",{class:`content-container ${this.showTrek||this.showTouristicContent||this.showTouristicEvent?"content-trek":"content-treks"}`},i("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&&i("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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&&i("grw-touristic-contents-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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&&i("grw-touristic-events-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"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"&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),n.currentTrek&&i("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},i("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","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})),this.showTouristicContent&&i("div",{class:this.isLargeView?"large-view-app-touristic-content-detail-container":"app-touristic-content-detail-container"},i("grw-touristic-content-detail",{style:{visibility:!this.showTouristicContentMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicContentMap?"1":"0"},"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&&i("div",{class:this.isLargeView?"large-view-app-touristic-event-detail-container":"app-touristic-event-detail-container"},i("grw-touristic-event-detail",{style:{visibility:!this.showTouristicEventMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicEventMap?"1":"0"},"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})),i("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,"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)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:()=>this.handleShowMap(),class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{translate:false,class:"material-symbols material-symbols-outlined"},this.getMapVisibilityIconButton()),this.getMapVisibilityLabelButton()))),!this.showTrek&&this.showFilters&&i("grw-filters",{handleFilters:()=>this.handleFilters()}))}get appElement(){return s(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};g.style=f;export{g as grw_app};
+//# sourceMappingURL=p-1cfb837f.entry.js.map